From e66a77e8110c7a84e8be17c09aa3ed83609240f8 Mon Sep 17 00:00:00 2001
From: lideqin <694785430@qq.com>
Date: Wed, 13 Sep 2023 14:54:33 +0800
Subject: [PATCH] =?UTF-8?q?[add]=20=E4=BC=81=E6=A0=87=E8=AE=A1=E5=88=92?=
 =?UTF-8?q?=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/enterpriseStandardLibraryApi.js       |   7 +-
 .../lang/enterpriseStandardLibrary/en.js      |  33 ++
 .../lang/enterpriseStandardLibrary/zh.js      |  28 +-
 .../plan/PlanList.vue                         | 437 ++++++++++++++++++
 .../plan/detail/PlanDetail.vue                |  85 ++++
 5 files changed, 588 insertions(+), 2 deletions(-)
 create mode 100644 src/views/enterpriseStandardLibrary/plan/PlanList.vue
 create mode 100644 src/views/enterpriseStandardLibrary/plan/detail/PlanDetail.vue

diff --git a/src/api/enterpriseStandardLibraryApi.js b/src/api/enterpriseStandardLibraryApi.js
index fd060040..c31fc14d 100644
--- a/src/api/enterpriseStandardLibraryApi.js
+++ b/src/api/enterpriseStandardLibraryApi.js
@@ -40,6 +40,9 @@ const getRectificationPlanById = (params) => getAction('', params)
 // 企标复审计划-发起复审
 const initReview = (params) => getAction('', params)
 
+// 企标计划-根据id获取计划详情
+const getEnterpriseStandardPlanInfoById = (params) => getAction('', params)
+
 export {
   getEnterpriseStandardTableHeader,
   getEnterpriseStandardSearchForm,
@@ -61,5 +64,7 @@ export {
   getCheckReportById,
   getRectificationPlanById,
 
-  initReview
+  initReview,
+
+  getEnterpriseStandardPlanInfoById
 }
diff --git a/src/common/lang/enterpriseStandardLibrary/en.js b/src/common/lang/enterpriseStandardLibrary/en.js
index 4853809b..5e434b76 100644
--- a/src/common/lang/enterpriseStandardLibrary/en.js
+++ b/src/common/lang/enterpriseStandardLibrary/en.js
@@ -103,5 +103,38 @@ module.exports = {
     reviewResult: '复审结果',
     principalDrafter: '主起草人',
     mainDraftingUnit: '主起草单位'
+  },
+  // 企标计划
+  plan: {
+    oldEnterpriseStandardNum: '原企标编号',
+    newEnterpriseStandardNum: '新企标编号',
+    oldEnterpriseStandardName: '原企标名称',
+    newEnterpriseStandardName: '新企标名称',
+    principalDrafter: '主起草人',
+    mainDraftingUnit: '主起草单位',
+    headOfMainDraftingUnit: '主起草单位负责人',
+    projectStatus: '项目状态',
+    changeState: '变更状态',
+    pusherWorkNo: '推进人工号',
+    standardType: '标准类型',
+    revisionType: '制修订类型',
+    planApprovalDate: '计划报批日期',
+    createDate: '创建日期',
+    exportFileName: '企标计划表',
+    authDepartment: '授权部门',
+    enterpriseStandardCode: '企业标准代号',
+    suitUnit: '配合单位',
+    standardPusher: '标准推进人',
+    draftPlanFinishDate: '草稿计划完成日期',
+    exposureDraftPlanFinishDate: '征求意见稿计划完成日期',
+    planSubmissionDate: '计划报批日期',
+    draftFinishDate: '草稿完成日期',
+    submitDraftDate: '提交草稿日期',
+    isAskForAdvice: '是否征求意见',
+    exposureDraftFinishDate: '征求意见稿完成日期',
+    reviewDate: '评审日期',
+    submissionDate: '报批日期',
+    releaseDate: '发布日期',
+    detailTitle: '企业标准计划详情页'
   }
 }
diff --git a/src/common/lang/enterpriseStandardLibrary/zh.js b/src/common/lang/enterpriseStandardLibrary/zh.js
index fdf1da4b..dfee90ee 100644
--- a/src/common/lang/enterpriseStandardLibrary/zh.js
+++ b/src/common/lang/enterpriseStandardLibrary/zh.js
@@ -109,6 +109,32 @@ module.exports = {
     oldEnterpriseStandardNum: '原企标编号',
     newEnterpriseStandardNum: '新企标编号',
     oldEnterpriseStandardName: '原企标名称',
-    newEnterpriseStandardName: '新企标名称'
+    newEnterpriseStandardName: '新企标名称',
+    principalDrafter: '主起草人',
+    mainDraftingUnit: '主起草单位',
+    headOfMainDraftingUnit: '主起草单位负责人',
+    projectStatus: '项目状态',
+    changeState: '变更状态',
+    pusherWorkNo: '推进人工号',
+    standardType: '标准类型',
+    revisionType: '制修订类型',
+    planApprovalDate: '计划报批日期',
+    createDate: '创建日期',
+    exportFileName: '企标计划表',
+    authDepartment: '授权部门',
+    enterpriseStandardCode: '企业标准代号',
+    suitUnit: '配合单位',
+    standardPusher: '标准推进人',
+    draftPlanFinishDate: '草稿计划完成日期',
+    exposureDraftPlanFinishDate: '征求意见稿计划完成日期',
+    planSubmissionDate: '计划报批日期',
+    draftFinishDate: '草稿完成日期',
+    submitDraftDate: '提交草稿日期',
+    isAskForAdvice: '是否征求意见',
+    exposureDraftFinishDate: '征求意见稿完成日期',
+    reviewDate: '评审日期',
+    submissionDate: '报批日期',
+    releaseDate: '发布日期',
+    detailTitle: '企业标准计划详情页'
   }
 }
diff --git a/src/views/enterpriseStandardLibrary/plan/PlanList.vue b/src/views/enterpriseStandardLibrary/plan/PlanList.vue
new file mode 100644
index 00000000..724f4217
--- /dev/null
+++ b/src/views/enterpriseStandardLibrary/plan/PlanList.vue
@@ -0,0 +1,437 @@
+<template>
+  <a-card :bordered="false">
+    <!--  搜索区域  -->
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline" @keyup.enter.native="searchQuery">
+        <a-row :gutter="24">
+          <a-col :span="6">
+            <a-form-item :label="$t('enterpriseStandardLibrary.plan.oldEnterpriseStandardNum')" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input :placeholder="$t('pleaseEnter')+$t('enterpriseStandardLibrary.plan.oldEnterpriseStandardNum')" v-model="queryParam.oldStandardNo"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="6">
+            <a-form-item :label="$t('enterpriseStandardLibrary.plan.newEnterpriseStandardNum')" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input :placeholder="$t('pleaseEnter')+$t('enterpriseStandardLibrary.plan.newEnterpriseStandardNum')" v-model="queryParam.newStandardNo"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="6">
+            <a-form-item :label="$t('enterpriseStandardLibrary.plan.oldEnterpriseStandardName')" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input :placeholder="$t('pleaseEnter')+$t('enterpriseStandardLibrary.plan.oldEnterpriseStandardName')" v-model="queryParam.oldStandardName"></a-input>
+            </a-form-item>
+          </a-col>
+          <template v-if="toggleSearchStatus">
+            <a-col :span="6">
+              <a-form-item :label="$t('enterpriseStandardLibrary.plan.newEnterpriseStandardName')" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                <a-input :placeholder="$t('pleaseEnter')+$t('enterpriseStandardLibrary.plan.newEnterpriseStandardName')" v-model="queryParam.newStandardName"></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :span="6">
+              <a-form-item :label="$t('enterpriseStandardLibrary.plan.principalDrafter')" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                <a-input :placeholder="$t('pleaseEnter')+$t('enterpriseStandardLibrary.plan.principalDrafter')" v-model="queryParam.principalDrafter"></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :span="6">
+              <a-form-item :label="$t('enterpriseStandardLibrary.plan.mainDraftingUnit')" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                <a-tree-select
+                  tree-node-filter-prop="title"
+                  v-model="queryParam.departId"
+                  :maxTagCount="1"
+                  :show-search="true"
+                  :getPopupContainer="triggerNode=> triggerNode.parentNode"
+                  class="box-input"
+                  style="width: 100%"
+                  :tree-data="categoryTreeList"
+                  :placeholder="$t('pleaseSelect') + $t('enterpriseStandardLibrary.plan.mainDraftingUnit')"
+                />
+              </a-form-item>
+            </a-col>
+            <a-col :span="6">
+              <a-form-item :label="$t('enterpriseStandardLibrary.plan.headOfMainDraftingUnit')" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                <a-input :placeholder="$t('pleaseEnter')+$t('enterpriseStandardLibrary.plan.headOfMainDraftingUnit')" v-model="queryParam.headOfMainDraftingUnit"></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :span="6">
+              <a-form-item :label="$t('enterpriseStandardLibrary.plan.projectStatus')" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                <j-dict-select-tag
+                  :placeholder="$t('pleaseEnter')+$t('enterpriseStandardLibrary.plan.projectStatus')"
+                  dict-code="inspect_status"
+                  v-model="queryParam.projectStatus">
+                </j-dict-select-tag>
+              </a-form-item>
+            </a-col>
+            <a-col :span="6">
+              <a-form-item :label="$t('enterpriseStandardLibrary.plan.changeState')" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                <j-dict-select-tag
+                  :placeholder="$t('pleaseEnter')+$t('enterpriseStandardLibrary.plan.changeState')"
+                  dict-code="inspect_status"
+                  v-model="queryParam.changeState">
+                </j-dict-select-tag>
+              </a-form-item>
+            </a-col>
+            <a-col :span="6">
+              <a-form-item :label="$t('enterpriseStandardLibrary.plan.pusherWorkNo')" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                <a-input :placeholder="$t('pleaseEnter')+$t('enterpriseStandardLibrary.plan.pusherWorkNo')" v-model="queryParam.pusherWorkNo"></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :span="6">
+              <a-form-item :label="$t('enterpriseStandardLibrary.plan.standardType')" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                <j-dict-select-tag
+                  :placeholder="$t('pleaseEnter')+$t('enterpriseStandardLibrary.plan.standardType')"
+                  dict-code="inspect_status"
+                  v-model="queryParam.standardType">
+                </j-dict-select-tag>
+              </a-form-item>
+            </a-col>
+            <a-col :span="6">
+              <a-form-item :label="$t('enterpriseStandardLibrary.plan.revisionType')" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                <j-dict-select-tag
+                  :placeholder="$t('pleaseEnter')+$t('enterpriseStandardLibrary.plan.revisionType')"
+                  dict-code="inspect_status"
+                  v-model="queryParam.revisionType">
+                </j-dict-select-tag>
+              </a-form-item>
+            </a-col>
+            <a-col :span="6">
+              <a-form-item :label="$t('enterpriseStandardLibrary.plan.planApprovalDate')" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                <a-range-picker
+                  value-format="YYYY-MM-DD"
+                  format="YYYY-MM-DD"
+                  @change="planApprovalDateChange"
+                  v-model="queryParam.planApprovalDate">
+                </a-range-picker>
+              </a-form-item>
+            </a-col>
+            <a-col :span="6">
+              <a-form-item :label="$t('enterpriseStandardLibrary.plan.createDate')" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                <a-range-picker
+                  value-format="YYYY-MM-DD"
+                  format="YYYY-MM-DD"
+                  @change="createDateChange"
+                  v-model="queryParam.createDate">
+                </a-range-picker>
+              </a-form-item>
+            </a-col>
+          </template>
+
+          <div style="float: right;overflow: hidden;" class="table-page-search-submitButtons">
+            <a @click="handleToggleSearch">
+              {{ toggleSearchStatus ? $t('putAway') : $t('open') }}
+              <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
+            </a>
+            <a-button type="primary" @click="searchQuery" icon="search" style="margin-left: 8px">{{ $t('query') }}</a-button>
+            <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">{{ $t('reset') }}</a-button>
+          </div>
+
+        </a-row>
+      </a-form>
+    </div>
+
+    <!--  操作区域  -->
+    <div class="table-operator">
+      <!--        导出-->
+      <a-button icon="upload" type="primary" ghost @click="handleExportXls($t('enterpriseStandardLibrary.plan.exportFileName'))">
+        {{ $t('export') }}
+      </a-button>
+    </div>
+
+    <div>
+      <j-table
+        :can-drag="true"
+        :scroll="{x: '100%'}"
+        ref="table"
+        size="middle"
+        rowKey="id"
+        :columns="columns"
+        :dataSource="dataSource"
+        :pagination="ipagination"
+        :loading="loading"
+        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
+        @change="handleTableChange">
+
+        <!--   原企标编号/原企标名称  -->
+        <template v-slot:toDetailOld="{text, record}">
+          <a-tooltip overlay-class-name="tooltip-style">
+            <template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
+            <a class="link-a" @click="handleGoDetailOld(record)">{{ text }}</a>
+          </a-tooltip>
+        </template>
+
+        <!--   新企标编号/新企标名称  -->
+        <template v-slot:toDetailNew="{text, record}">
+          <a-tooltip overlay-class-name="tooltip-style">
+            <template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
+            <a class="link-a" @click="handleGoDetailNew(record)">{{ text }}</a>
+          </a-tooltip>
+        </template>
+
+        <!--  草稿计划完成日期，征求意见稿计划完成日期，计划报批日期： 当前日期大于计划日期时标红？？  -->
+        <template slot="specialDate" slot-scope="{text}">
+          <a-tooltip overlay-class-name="tooltip-style">
+            <template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
+            <div class="table-text">{{ text || text === 0 ? text : global.emptyLine }}</div>
+          </a-tooltip>
+        </template>
+
+        <!--    操作栏   -->
+        <div slot="action" slot-scope="{text, record}" class="action-span-cell">
+          <a @click="handleDetail(record)" class="table-ope-btn">{{ $t('view') }}</a>
+          <a @click="handleDelete(record.id)" class="table-ope-btn">{{ $t('delete') }}</a>
+        </div>
+
+      </j-table>
+    </div>
+  </a-card>
+</template>
+
+<script>
+import '@assets/less/common.less'
+import { queryDepartTreeList } from '@/api/api'
+import JTable from '@/components/jero/JTable'
+import { JeroListMixin } from '@/mixins/JeroListMixin'
+
+export default {
+  name: 'PlanList',
+  components: { JTable },
+  mixins: [JeroListMixin],
+  data () {
+    return {
+      categoryTreeList: [], // 组织机构下拉框数据
+      columns: [
+        {
+          title: this.$t('enterpriseStandardLibrary.plan.revisionType'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'revisionType',
+          scopedSlots: { customRender: 'text' }
+        },
+        {
+          title: this.$t('enterpriseStandardLibrary.plan.oldEnterpriseStandardNum'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'oldEnterpriseStandardNum',
+          scopedSlots: { customRender: 'toDetailOld' }
+        },
+        {
+          title: this.$t('enterpriseStandardLibrary.plan.newEnterpriseStandardNum'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'newEnterpriseStandardNum',
+          scopedSlots: { customRender: 'toDetailNew' }
+        },
+        {
+          title: this.$t('enterpriseStandardLibrary.plan.oldEnterpriseStandardName'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'oldEnterpriseStandardName',
+          scopedSlots: { customRender: 'toDetailOld' }
+        },
+        {
+          title: this.$t('enterpriseStandardLibrary.plan.newEnterpriseStandardName'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'newEnterpriseStandardName',
+          scopedSlots: { customRender: 'toDetailNew' }
+        },
+        {
+          title: this.$t('enterpriseStandardLibrary.plan.authDepartment'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'authDepartment',
+          scopedSlots: { customRender: 'text' }
+        },
+        {
+          title: this.$t('enterpriseStandardLibrary.plan.enterpriseStandardCode'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'enterpriseStandardCode',
+          scopedSlots: { customRender: 'text' }
+        },
+        {
+          title: this.$t('enterpriseStandardLibrary.plan.suitUnit'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'suitUnit',
+          scopedSlots: { customRender: 'text' }
+        },
+        {
+          title: this.$t('enterpriseStandardLibrary.plan.principalDrafter'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'principalDrafter',
+          scopedSlots: { customRender: 'text' }
+        },
+        {
+          title: this.$t('enterpriseStandardLibrary.plan.mainDraftingUnit'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'mainDraftingUnit',
+          scopedSlots: { customRender: 'text' }
+        },
+        {
+          title: this.$t('enterpriseStandardLibrary.plan.headOfMainDraftingUnit'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'headOfMainDraftingUnit',
+          scopedSlots: { customRender: 'text' }
+        },
+        {
+          title: this.$t('enterpriseStandardLibrary.plan.standardPusher'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'standardPusher',
+          scopedSlots: { customRender: 'text' }
+        },
+        {
+          title: this.$t('enterpriseStandardLibrary.plan.draftPlanFinishDate'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'draftPlanFinishDate',
+          scopedSlots: { customRender: 'text' }
+        },
+        {
+          title: this.$t('enterpriseStandardLibrary.plan.exposureDraftPlanFinishDate'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'exposureDraftPlanFinishDate',
+          scopedSlots: { customRender: 'text' }
+        },
+        {
+          title: this.$t('enterpriseStandardLibrary.plan.planSubmissionDate'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'planSubmissionDate',
+          scopedSlots: { customRender: 'text' }
+        },
+        {
+          title: this.$t('enterpriseStandardLibrary.plan.draftFinishDate'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'draftFinishDate',
+          scopedSlots: { customRender: 'text' }
+        },
+        {
+          title: this.$t('enterpriseStandardLibrary.plan.submitDraftDate'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'submitDraftDate',
+          scopedSlots: { customRender: 'text' }
+        },
+        {
+          title: this.$t('enterpriseStandardLibrary.plan.isAskForAdvice'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'isAskForAdvice',
+          scopedSlots: { customRender: 'text' }
+        },
+        {
+          title: this.$t('enterpriseStandardLibrary.plan.exposureDraftFinishDate'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'exposureDraftFinishDate',
+          scopedSlots: { customRender: 'text' }
+        },
+        {
+          title: this.$t('enterpriseStandardLibrary.plan.reviewDate'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'reviewDate',
+          scopedSlots: { customRender: 'text' }
+        },
+        {
+          title: this.$t('enterpriseStandardLibrary.plan.submissionDate'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'submissionDate',
+          scopedSlots: { customRender: 'text' }
+        },
+        {
+          title: this.$t('enterpriseStandardLibrary.plan.releaseDate'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'releaseDate',
+          scopedSlots: { customRender: 'text' }
+        },
+        {
+          title: this.$t('enterpriseStandardLibrary.plan.projectStatus'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'projectStatus',
+          scopedSlots: { customRender: 'text' }
+        },
+        {
+          title: this.$t('enterpriseStandardLibrary.plan.changeState'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'changeState',
+          scopedSlots: { customRender: 'text' }
+        },
+        {
+          title: this.$t('operation'),
+          scopedSlots: { customRender: 'action' },
+          align: 'center',
+          width: 200
+        }
+      ],
+      dataSource: [{ id: 1 }],
+      url: {
+        list: ''
+      }
+    }
+  },
+  mounted () {
+    this.getSysCategoryTree()
+  },
+  methods: {
+    // 获取组织机构树
+    getSysCategoryTree () {
+      queryDepartTreeList().then((res) => {
+        if (res.success) {
+          this.categoryTreeList = res.result
+        } else {
+          this.categoryTreeList = []
+        }
+      })
+    },
+    // 计划报批日期改变
+    planApprovalDateChange (val) {
+      this.queryParam.planApprovalStartDate = val[0]
+      this.queryParam.planApprovalEndDate = val[1]
+    },
+    // 创建日期日期改变
+    createDateChange (val) {
+      this.queryParam.createStartDate = val[0]
+      this.queryParam.createEndDate = val[1]
+    },
+    // 原企标点击跳转企标详情
+    handleGoDetailOld (record) {
+      this.$openPageNewSheet({
+        path: '/enterpriseStandardLibrary/enterpriseStandardDetail',
+        query: {
+          id: record.id
+        }
+      })
+    },
+    // 新企标点击跳转企标详情
+    handleGoDetailNew (record) {
+      this.$openPageNewSheet({
+        path: '/enterpriseStandardLibrary/enterpriseStandardDetail',
+        query: {
+          id: record.id
+        }
+      })
+    },
+    handleDetail (record) {
+      this.$openPageNewSheet({
+        path: '/enterpriseStandardLibrary/planDetail',
+        query: {
+          id: record.id
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/enterpriseStandardLibrary/plan/detail/PlanDetail.vue b/src/views/enterpriseStandardLibrary/plan/detail/PlanDetail.vue
new file mode 100644
index 00000000..15268170
--- /dev/null
+++ b/src/views/enterpriseStandardLibrary/plan/detail/PlanDetail.vue
@@ -0,0 +1,85 @@
+<template>
+  <div class="detail-page">
+    <div class="detail-page-title">{{ pageTitle }}{{ $t('enterpriseStandardLibrary.plan.detailTitle') }}</div>
+    <div class="detail-page-part" v-for="(part, index) in partList" :key="part + index">
+      <div class="detail-page-part-title">
+        <span>{{ part }}</span>
+      </div>
+      <div class="detail-page-part-form" v-if="index !== 3">
+        <div class="detail-page-part-form-item" v-for="formItem in form[part]" :key="formItem.id">
+          <label>{{ formItem.dbFieldTxt }}</label>
+          <span>{{ detailData[formItem.dbFieldName] }}</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getEnterpriseStandardPlanInfoById } from '@/api/enterpriseStandardLibraryApi'
+
+export default {
+  name: 'PlanDetail',
+  data () {
+    return {
+      partList: [], // 页面模块列表
+      form: {}, // 页面字段
+      detailData: {
+        modification_list: [
+          {
+            id: 1,
+            fileName: '国内文字占位符段落标题标准.pdf'
+          },
+          {
+            id: 2,
+            fileName: '国内标准国内文字占位符段落标题标准.pdf'
+          },
+          {
+            id: 3,
+            fileName: '国内标准国内标准.pdf'
+          }
+        ],
+        draft_for_review: [{
+          id: 11,
+          fileName: '国内文字占位符段落标题标准.pdf'
+        }],
+        draft_for_approval: [{
+          id: 21,
+          fileName: '国内标准国内文字占位符段落标题标准.pdf'
+        }],
+        draft_for_comment: [{
+          id: 31,
+          fileName: '国内标准国内标准.pdf'
+        }],
+        draft: [{
+          id: 311,
+          fileName: '国内标准国内标准.pdf'
+        }]
+      } // 页面数据
+    }
+  },
+  created () {
+    this.initForm()
+  },
+  methods: {
+    initForm () {
+      const params = {}
+      params.id = this.$route.query.id
+      params.module = '3'
+      getEnterpriseStandardPlanInfoById(params).then(res => {
+        if (res.success) {
+          const data = res.result || {}
+          this.partList = Object.keys(data)
+          this.form = data
+        } else {
+          this.$message.warn(res.message)
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>