From 050f884fc5c79e0db71a477b8ae3eb0e295e577d Mon Sep 17 00:00:00 2001
From: danshihao <danshihao@syxysoft.com>
Date: Wed, 1 Nov 2023 11:48:05 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=81=E6=A0=87=E7=A8=BD=E6=9F=A5=E6=B5=81?=
 =?UTF-8?q?=E7=A8=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/common/lang/workCenter/en.js              |  29 ++
 src/common/lang/workCenter/zh.js              |  29 ++
 src/views/workCenter/NewProcess.vue           |   2 +-
 .../EnterpriseStandardInspectionProcess.vue   | 241 ++++++++++++++
 .../modules/InspectionProcessContent.vue      | 154 +++++++++
 .../modules/InspectionProcessContentModal.vue | 213 ++++++++++++
 .../InspectionProcessRectificationPlan.vue    | 180 +++++++++++
 ...nspectionProcessRectificationPlanModal.vue | 271 ++++++++++++++++
 .../modules/InspectionProcessReport.vue       | 183 +++++++++++
 .../modules/InspectionProcessReportModal.vue  | 174 ++++++++++
 .../modules/InspectionProcessTable.vue        | 305 ++++++++++++++++++
 .../modules/InspectionProcessTableModal.vue   | 171 ++++++++++
 12 files changed, 1951 insertions(+), 1 deletion(-)
 create mode 100644 src/views/workCenter/enterpriseStandardInspectionProcess/EnterpriseStandardInspectionProcess.vue
 create mode 100644 src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessContent.vue
 create mode 100644 src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessContentModal.vue
 create mode 100644 src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessRectificationPlan.vue
 create mode 100644 src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessRectificationPlanModal.vue
 create mode 100644 src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessReport.vue
 create mode 100644 src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessReportModal.vue
 create mode 100644 src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessTable.vue
 create mode 100644 src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessTableModal.vue

diff --git a/src/common/lang/workCenter/en.js b/src/common/lang/workCenter/en.js
index 83502bf6..d282af07 100644
--- a/src/common/lang/workCenter/en.js
+++ b/src/common/lang/workCenter/en.js
@@ -243,5 +243,34 @@ module.exports = {
     solicitOpinionObject: '征求意见对象',
     isCountersign: '是否会签',
     countersignRelevantPersonnel: '会签相关人员'
+  },
+  // 企标稽查流程
+  esInspectionProcess: {
+    inspectionPlanEs: '稽查计划企标',
+    esNumber: '企标编号',
+    esName: '企标名称',
+    inspectionContent: '稽查内容',
+    accordingToTerms: '依据条款',
+    standardContentOrDemand: '标准内容或要求',
+    opinion: '意见',
+    sectionNumber: '章节编号',
+    inspectionReport: '稽查报告',
+    rectificationPlan: '整改计划',
+    actualInspectionCompletionDate: '实际稽查完成日期',
+    actualInspector: '实际稽查人',
+    implementation: '执行情况',
+    file: '附件',
+    score: '评分',
+    enterpriseStandard: '企标：',
+    sectionClause: '章节条款',
+    isNeedRectification: '是否需要整改',
+    nonCompliantDescription: '不符合项描述',
+    rectificationMeasures: '整改措施',
+    rectificationUnit: '整改单位',
+    rectificationDirector: '整改负责人',
+    planDoneDate: '计划完成日期',
+    rectificationPlanDoneDate: '整改计划完成日期',
+    rectificationRealityDoneDate: '整改实际完成日期',
+    rectificationStatus: '整改状态'
   }
 }
diff --git a/src/common/lang/workCenter/zh.js b/src/common/lang/workCenter/zh.js
index a809cd5f..01c0b2f6 100644
--- a/src/common/lang/workCenter/zh.js
+++ b/src/common/lang/workCenter/zh.js
@@ -260,5 +260,34 @@ module.exports = {
     solicitOpinionObject: '征求意见对象',
     isCountersign: '是否会签',
     countersignRelevantPersonnel: '会签相关人员'
+  },
+  // 企标稽查流程
+  esInspectionProcess: {
+    inspectionPlanEs: '稽查计划企标',
+    esNumber: '企标编号',
+    esName: '企标名称',
+    inspectionContent: '稽查内容',
+    accordingToTerms: '依据条款',
+    standardContentOrDemand: '标准内容或要求',
+    opinion: '意见',
+    sectionNumber: '章节编号',
+    inspectionReport: '稽查报告',
+    rectificationPlan: '整改计划',
+    actualInspectionCompletionDate: '实际稽查完成日期',
+    actualInspector: '实际稽查人',
+    implementation: '执行情况',
+    file: '附件',
+    score: '评分',
+    enterpriseStandard: '企标：',
+    sectionClause: '章节条款',
+    isNeedRectification: '是否需要整改',
+    nonCompliantDescription: '不符合项描述',
+    rectificationMeasures: '整改措施',
+    rectificationUnit: '整改单位',
+    rectificationDirector: '整改负责人',
+    planDoneDate: '计划完成日期',
+    rectificationPlanDoneDate: '整改计划完成日期',
+    rectificationRealityDoneDate: '整改实际完成日期',
+    rectificationStatus: '整改状态'
   }
 }
diff --git a/src/views/workCenter/NewProcess.vue b/src/views/workCenter/NewProcess.vue
index a8fe077a..7a5c465e 100644
--- a/src/views/workCenter/NewProcess.vue
+++ b/src/views/workCenter/NewProcess.vue
@@ -91,7 +91,7 @@ export default {
             },
             { // 企标稽查流程
               title: this.$t('workCenter.newProcess.processOfEnterpriseStandardAudit'),
-              path: ''
+              path: '/workCenter/EnterpriseStandardInspectionProcess'
             },
             { // 稽查延期申请流程
               title: this.$t('workCenter.newProcess.auditExtensionApplicationProcess'),
diff --git a/src/views/workCenter/enterpriseStandardInspectionProcess/EnterpriseStandardInspectionProcess.vue b/src/views/workCenter/enterpriseStandardInspectionProcess/EnterpriseStandardInspectionProcess.vue
new file mode 100644
index 00000000..44f4679d
--- /dev/null
+++ b/src/views/workCenter/enterpriseStandardInspectionProcess/EnterpriseStandardInspectionProcess.vue
@@ -0,0 +1,241 @@
+<template>
+  <internal-detail-page :title="pageTitle" :content-padding="0">
+    <!--  标题右侧tab  -->
+    <template v-slot:titleRightCustom>
+      <div class="table-operator-tab">
+        <!--  基础信息  -->
+        <a class="switch-item" :class="switchValue === 'base' ? 'table-operator-tab-active' : ''"
+           @click="switchChange('base')">{{ $t('basicInformation') }}
+        </a>
+        <!--  人员信息  -->
+        <a class="switch-item" :class="switchValue === 'user' ? 'table-operator-tab-active' : ''"
+           @click="switchChange('user')">{{ $t('personalInformation') }}
+        </a>
+      </div>
+    </template>
+
+    <!--基本信息-->
+    <div class="detail-page-scroll-content" v-show="switchValue === 'base'">
+      <!--  流程信息  -->
+      <div class="process-part-title">{{ $t('processInformation') }}</div>
+      <a-form :form="processInfoForm">
+        <a-row>
+          <a-col :span="12">
+            <!--  流程名称  -->
+            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('processName')">
+              <a-input :placeholder="$t('pleaseEnter') + $t('processName')"
+                       @change="event => event.target.value = event.target.value.trim()"
+                       :disabled="disabled || processDisabled"
+                       :maxLength="50"
+                       v-decorator="['processName', validatorRules.processName]" />
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <!--  截止日期  -->
+            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('expirationDate')">
+              <a-date-picker :placeholder="$t('pleaseSelect') + $t('expirationDate')"
+                             style="width: 100%"
+                             :disabled="disabled || processDisabled"
+                             value-format="YYYY-MM-DD"
+                             v-decorator="['expirationDate']" />
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <!--  流程说明  -->
+            <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('processExplain')">
+              <a-textarea :placeholder="$t('pleaseEnter') + $t('processExplain')"
+                          :maxLength="500"
+                          :rows="4"
+                          :disabled="disabled || processDisabled"
+                          v-decorator="['processExplain']" />
+            </a-form-item>
+          </a-col>
+        </a-row>
+      </a-form>
+
+      <!--  业务基本信息  -->
+      <div class="process-part-title">{{ $t('basicServiceInformation') }}</div>
+      <!--  流程表格  -->
+      <inspection-process-table :current-node="currentNode" />
+
+      <!--  流程审批信息  -->
+      <div class="process-part-title">{{ $t('processApprovalInformation') }}</div>
+      <a-form :form="approvalInfoForm">
+        <!--备注-->
+        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('remarks')">
+          <a-textarea :placeholder="$t('pleaseEnter') + $t('remarks')"
+                      :maxLength="500"
+                      :rows="4"
+                      v-decorator="['remarks', validatorRules.remarks]" />
+        </a-form-item>
+        <!--附件-->
+        <a-form-item :labelCol="longLabelCol" :wrapperCol="longWrapperCol" :label="$t('businessSupport.questionAnswer.attach')">
+          <j-upload v-decorator="['file']" return-id />
+        </a-form-item>
+      </a-form>
+    </div>
+    <!--  人员信息  -->
+    <div v-if="switchValue === 'user'" class="detail-page-scroll-content p-0">
+      <process-detail-list :url="url">
+        <personnel-info slot="personnelInfo" :data="personnelInfoData" :currentNode="currentNode"></personnel-info>
+      </process-detail-list>
+    </div>
+
+    <div class="detail-page-bottom-operate-box">
+      <a-button type="primary" :loading="loading" @click="handleSave" ghost><i class="iconfont icon-save" />{{ $t('preservation') }}</a-button>
+      <a-button type="primary" :loading="loading" @click="handleSubmit" icon="upload">{{ $t('submit') }}</a-button>
+      <a-button type="primary" :loading="loading" @click="handleAgree" icon="check-circle">{{ $t('agree') }}</a-button>
+    </div>
+  </internal-detail-page>
+</template>
+
+<script>
+import InternalDetailPage from '@comp/InternalDetailPage'
+import ProcessDetailList from '@comp/ProcessDetailList'
+import PersonnelInfo from '@comp/PersonnelInfo'
+import InspectionProcessTable
+  from '@views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessTable'
+
+// 标准立项的人员信息
+const approvalPersonalInfo = [ // 人员信息的数据
+  {
+    id: 1,
+    nodeName: '稽查负责人发起计划',
+    nodeRoleName: '稽查负责人',
+    canChoose: false,
+    userList: `系统管理员`
+  },
+  {
+    id: 2,
+    nodeName: '负责人主管级领导审批',
+    nodeRoleName: '负责人主管级领导',
+    canChoose: true,
+    chooseType: 'checkbox',
+    // chooseSource: 'contactManage',
+    fieldName: 'contactUser'
+  },
+  {
+    id: 3,
+    nodeName: '稽查负责人上传稽查报告和整改计划',
+    nodeRoleName: '稽查负责人',
+    canChoose: false,
+    chooseType: 'checkbox',
+    // chooseSource: 'contactManage',
+    fieldName: 'contactUser'
+  },
+  {
+    id: 4,
+    nodeName: '负责人主管级领导审批',
+    nodeRoleName: '负责人主管级领导',
+    canChoose: false,
+    chooseType: 'radio',
+    // chooseSource: 'contactManage',
+    fieldName: 'contactUser'
+  },
+  {
+    id: 5,
+    nodeName: '相关人员会签',
+    nodeRoleName: '相关人员',
+    canChoose: true,
+    chooseType: 'checkbox',
+    // chooseSource: 'contactManage',
+    fieldName: 'contactUser'
+  }
+]
+
+export default {
+  name: 'EnterpriseStandardInspectionProcess',
+  components: { InspectionProcessTable, PersonnelInfo, ProcessDetailList, InternalDetailPage },
+  data () {
+    return {
+      loading: false,
+      switchValue: 'base',
+      disabled: false,
+      labelCol: {
+        xs: { span: 24 },
+        sm: { span: 4 }
+      },
+      wrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 20 }
+      },
+      longLabelCol: {
+        xs: { span: 24 },
+        sm: { span: 2 }
+      },
+      longWrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 22 }
+      },
+      currentNode: '5',
+      personnelInfoData: [], // 人员信息数据
+      validatorRules: {
+        // 流程名称
+        processName: {
+          rules: [
+            { required: true, message: this.$t('pleaseEnter') + this.$t('processName') }
+          ],
+          validateTrigger: 'blur'
+        },
+        // 备注
+        remarks: {
+          rules: [
+            { required: false, message: this.$t('pleaseEnter') + this.$t('remarks') }
+          ],
+          validateTrigger: 'blur'
+        }
+      },
+      processInfoForm: this.$form.createForm(this),
+      countersignForm: this.$form.createForm(this),
+      approvalInfoForm: this.$form.createForm(this),
+      // 是否会签
+      isCountersign: null,
+      url: {
+        list: '' // 人员信息右侧表的分页查询接口
+      }
+    }
+  },
+  computed: {
+    pageTitle () {
+      return this.$t('flowCenter') + this.$route.meta.title
+    },
+    processDisabled () {
+      return +this.currentNode > 1
+    }
+  },
+  methods: {
+    switchChange (value) {
+      this.switchValue = value
+    },
+    handleSave () {
+      // if (this.loading) return
+
+    },
+    handleSubmit () {
+      if (this.loading) return
+      this.currentNode = +this.currentNode + 1 + ''
+    },
+    handleAgree () {
+      if (this.loading) return
+      this.currentNode = +this.currentNode + 1 + ''
+    },
+    // 是否会签改变
+    changeIsCountersign (val) {
+      if (val === '1') {
+        this.isCountersign = true
+      } else if (val === '2') {
+        this.isCountersign = false
+      } else {
+        this.isCountersign = null
+      }
+    }
+  },
+  mounted () {
+    this.personnelInfoData = approvalPersonalInfo
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessContent.vue b/src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessContent.vue
new file mode 100644
index 00000000..efc33fd5
--- /dev/null
+++ b/src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessContent.vue
@@ -0,0 +1,154 @@
+<template>
+  <j-modal
+    :title="title"
+    :width="drawerWidth"
+    :visible="visible"
+    :confirmLoading="confirmLoading"
+    switchFullscreen
+    @ok="handleOk"
+    @cancel="handleCancel"
+    :cancelText="$t('close')">
+    <a-spin :spinning="confirmLoading">
+      <div class="table-operator" v-if="!disabled">
+        <!--  新增  -->
+        <a-button icon="plus" type="primary" @click="handleAdd" v-has="'enterpriseStandard:add'">{{ $t('newlyAdded') }}</a-button>
+      </div>
+      <j-table
+        v-if="columns && columns.length > 0"
+        :columns="columns"
+        :dataSource="dataSource"
+        :can-drag="true"
+        rowKey="id"
+        :row-selection="null"
+        :pagination="ipagination"
+        :scroll="{x: '100%'}"
+        @change="tableOnChange">
+
+        <!--  企标号、企标名称  -->
+        <template v-slot:standard="{text, record}">
+          <a-tooltip overlay-class-name="tooltip-style">
+            <template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
+            <a class="table-text can-click-table-text" @click="detailClick(record)" v-if="(text || text === 0) && record.detailFlag">{{ text }}</a>
+            <div class="table-text" v-else-if="(text || text === 0) && !record.detailFlag">{{ text }}</div>
+            <div class="table-text" v-else>{{ global.emptyLine }}</div>
+          </a-tooltip>
+        </template>
+
+        <!--  操作  -->
+        <template slot="action" slot-scope="{text, record, index}">
+          <a @click="handleEdit(record, index)" >{{ $t('edit') }}</a>
+          <a-divider type="vertical" />
+          <a @click="handleDelete(record, index)" >{{ $t('delete') }}</a>
+        </template>
+
+      </j-table>
+    </a-spin>
+    <!--  新增编辑稽查内容  -->
+    <inspection-process-content-modal ref="inspectionProcessContentModal" @ok="modalFormOk"/>
+  </j-modal>
+</template>
+
+<script>
+import JTable from '@comp/jero/JTable'
+import { JeroListMixin } from '@/mixins/JeroListMixin'
+import InspectionProcessContentModal
+  from '@views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessContentModal'
+
+export default {
+  name: 'InspectionProcessContent',
+  mixins: [JeroListMixin],
+  components: { InspectionProcessContentModal, JTable },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data () {
+    const columns = [
+      { // 依据条款
+        title: this.$t('workCenter.esInspectionProcess.accordingToTerms'),
+        align: 'center',
+        width: 140,
+        dataIndex: 'planInspectionDate',
+        scopedSlots: { customRender: 'text' }
+      },
+      { // 标准内容或要求
+        title: this.$t('workCenter.esInspectionProcess.standardContentOrDemand'),
+        align: 'center',
+        width: 200,
+        dataIndex: 'inspectionDirector',
+        scopedSlots: { customRender: 'text' }
+      },
+      {
+        // 操作
+        fixed: 'right',
+        title: this.$t('operation'),
+        // dataIndex: 'action',
+        align: 'center',
+        width: 140,
+        scopedSlots: { customRender: 'action' }
+      }
+    ]
+    return {
+      title: this.$t('workCenter.esInspectionProcess.inspectionContent'),
+      drawerWidth: 1000,
+      visible: false,
+      model: {},
+      confirmLoading: false,
+      url: {
+        list: ''
+      },
+      dataSource: [{}],
+      columns: columns.slice(0, this.disabled ? 2 : 3)
+    }
+  },
+  methods: {
+    show (record) {
+      this.model = Object.assign({}, record)
+      this.visible = true
+    },
+    // 确定
+    handleOk () {
+      console.log(this.selectedRowKeys)
+      this.close()
+    },
+    // 关闭
+    handleCancel () {
+      this.close()
+    },
+    close () {
+      this.$emit('close')
+      this.visible = false
+    },
+    // 跳转详情
+    detailClick (record) {
+      this.$openPageNewSheet({
+        path: '/enterpriseStandardLibrary/enterpriseStandardDetail',
+        query: {
+          id: record.id
+        }
+      })
+    },
+    tableOnChange (pagination, filters, sorter) {
+      this.orderBy = sorter.order === 'ascend' ? '1' : '2'
+      this.orderByField = sorter.columnKey
+      this.ipagination = pagination
+      this.getTableList()
+    },
+    handleAdd () {
+      this.$refs.inspectionProcessContentModal.title = this.$t('add') + this.$t('workCenter.esInspectionProcess.opinion')
+      this.$refs.inspectionProcessContentModal.add()
+    },
+    handleEdit (record, index) {
+      const { file } = record
+      this.$refs.inspectionProcessContentModal.title = this.$t('edit') + this.$t('workCenter.esInspectionProcess.opinion')
+      this.$refs.inspectionProcessContentModal.edit(file, record, index)
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessContentModal.vue b/src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessContentModal.vue
new file mode 100644
index 00000000..e61b7d8b
--- /dev/null
+++ b/src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessContentModal.vue
@@ -0,0 +1,213 @@
+<template>
+  <j-modal
+    :title="title"
+    :maskClosable="true"
+    :width="500"
+    :closable="true"
+    @cancel="handleCancel"
+    fullscreen
+    :visible="visible">
+    <div class="content">
+      <!--  左侧文件预览  -->
+      <div class="content-left">
+        <iframe v-if="iframeSrc" :src="iframeSrc" width="100%" frameborder="0"></iframe>
+        <a-empty class="empty-file" v-else description="当前文件类型暂不支持预览"></a-empty>
+      </div>
+      <!--  右侧表单区域  -->
+      <div class="content-right">
+        <a-spin :spinning="confirmLoading">
+          <a-form :form="form">
+            <!--  章节编号  -->
+            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('workCenter.esInspectionProcess.sectionNumber')">
+              <a-input :placeholder="$t('pleaseEnter') + $t('workCenter.esInspectionProcess.sectionNumber')"
+                       :maxLength="50"
+                       @change="event => event.target.value = event.target.value.trim()"
+                       v-decorator.trim="[ 'sectionNumber', validatorRules.sectionNumber ]" />
+            </a-form-item>
+            <!--  标准内容或要求  -->
+            <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('workCenter.esInspectionProcess.standardContentOrDemand')">
+              <a-input :placeholder="$t('pleaseEnter') + $t('workCenter.esInspectionProcess.standardContentOrDemand')"
+                       :maxLength="50"
+                       @change="event => event.target.value = event.target.value.trim()"
+                       v-decorator.trim="[ 'standardContentOrDemand', validatorRules.standardContentOrDemand ]" />
+            </a-form-item>
+          </a-form>
+        </a-spin>
+      </div>
+    </div>
+
+    <!--  操作按钮  -->
+    <template slot="footer">
+      <a-button :loading="confirmLoading" @click="handleCancel">
+        {{ $t('cancel') }}
+      </a-button>
+      <a-button type="primary" :loading="confirmLoading" @click="handleSubmitAddAdd">
+        {{ $t('submitAddAdd') }}
+      </a-button>
+      <a-button type="primary" :loading="confirmLoading" @click="handleOk">
+        {{ $t('submit') }}
+      </a-button>
+    </template>
+
+  </j-modal>
+</template>
+
+<script>
+import pick from 'lodash.pick'
+import { getFileInfo } from '@/api/api'
+import { previewPdf } from '@/utils/previewPdf'
+import Vue from 'vue'
+import { ACCESS_TOKEN } from '@/store/mutation-types'
+
+const Base64 = require('js-base64').Base64
+
+export default {
+  name: 'InspectionProcessContentModal',
+  data () {
+    return {
+      title: '',
+      visible: false,
+      confirmLoading: false,
+      form: this.$form.createForm(this),
+      model: {},
+      labelCol: {
+        xs: { span: 24 },
+        sm: { span: 6 }
+      },
+      wrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 16 }
+      },
+      validatorRules: {
+        // 章节编号
+        sectionNumber: {
+          rules: [
+            { required: true, message: this.$t('pleaseEnter') + this.$t('workCenter.esInspectionProcess.sectionNumber') }
+          ],
+          validateTrigger: 'blur'
+        },
+        // 标准内容或要求
+        standardContentOrDemand: {
+          rules: [
+            { required: true, message: this.$t('pleaseEnter') + this.$t('workCenter.esInspectionProcess.standardContentOrDemand') }
+          ],
+          validateTrigger: 'blur'
+        }
+      },
+      index: undefined, // 编辑的表格的下标
+      iframeSrc: '' // 左侧预览的路径
+    }
+  },
+  methods: {
+    add (file) {
+      this.getFileInfo(file).then(res => {
+        this.handlePreview(res)
+      })
+      this.visible = true
+      this.form.resetFields()
+    },
+    edit (file, record, index) {
+      this.getFileInfo(file).then(res => {
+        this.handlePreview(res)
+      })
+      this.visible = true
+      this.index = index
+      this.form.resetFields()
+      this.model = Object.assign({}, record)
+      this.$nextTick(() => {
+        this.form.setFieldsValue(pick(this.model, 'sectionNumber', 'standardContentOrDemand'))
+      })
+    },
+    getFileInfo (fileId) {
+      return new Promise(resolve => {
+        let fileInfo
+        getFileInfo({ id: fileId }).then(res => {
+          if (res.success) {
+            fileInfo = res.result
+          }
+        }).finally(() => {
+          resolve(fileInfo)
+        })
+      })
+    },
+    handlePreview (file) {
+      const fileSuffix = file.fileName ? file.fileName.split('.')[file.fileName.split('.').length - 1].toLowerCase() : ''
+      if (fileSuffix === 'pdf') {
+        // pdf预览
+        const url = previewPdf(file.id)
+        this.iframeSrc = url
+      } else if (fileSuffix === 'docx') {
+        const fileFullUrl = `${window._CONFIG.domianWebSocketURL}/sys/common/download/${file.id}?token=${Vue.ls.get(ACCESS_TOKEN)}&fullfilename=${file.fileName}`
+        // word文件仍使用KKFile进行预览
+        const url = `${window._CONFIG.onlinePreviewDomainURL}?url=${encodeURIComponent(Base64.encode(fileFullUrl))}`
+        this.iframeSrc = url
+      }
+    },
+    close () {
+      this.visible = false
+      this.model = {}
+      this.index = undefined
+      this.iframeSrc = ''
+    },
+    handleCancel () {
+      this.close()
+    },
+    // 提交并新增
+    handleSubmitAddAdd () {
+      if (this.confirmLoading) return
+      this.form.validateFields((err, values) => {
+        if (!err) {
+          this.confirmLoading = true
+          const param = Object.assign({}, values)
+          console.log(param)
+          this.$emit('ok', param, this.index)
+          this.form.resetFields()
+          this.model = {}
+          this.confirmLoading = false
+        }
+      })
+    },
+    handleOk () {
+      if (this.confirmLoading) return
+      this.form.validateFields((err, values) => {
+        if (!err) {
+          this.confirmLoading = true
+          const param = Object.assign({}, values)
+          console.log(param)
+          this.$emit('ok', param, this.index)
+          this.close()
+          this.confirmLoading = false
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.content {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  .content-left {
+    width: 60%;
+    height: 100%;
+    overflow-y: scroll;
+    iframe {
+      height: calc(100% - 20px) !important;
+    }
+  }
+  .content-right {
+    width: 40%;
+    height: 100%;
+    overflow-y: scroll;
+  }
+}
+
+.empty-file {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+</style>
diff --git a/src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessRectificationPlan.vue b/src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessRectificationPlan.vue
new file mode 100644
index 00000000..f2f0fc8c
--- /dev/null
+++ b/src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessRectificationPlan.vue
@@ -0,0 +1,180 @@
+<template>
+  <j-modal
+    :title="title"
+    :width="drawerWidth"
+    :visible="visible"
+    :confirmLoading="confirmLoading"
+    switchFullscreen
+    @ok="handleOk"
+    @cancel="handleCancel"
+    :cancelText="$t('close')">
+    <a-spin :spinning="confirmLoading">
+      <p>
+        {{ $t('workCenter.esInspectionProcess.enterpriseStandard') }}
+        {{model.inspectNo}}
+        {{model.inspectName}}
+      </p>
+      <div class="table-operator" v-if="!disabled">
+        <!--  新增  -->
+        <a-button icon="plus" type="primary" @click="handleAdd" v-has="'enterpriseStandard:add'">{{ $t('newlyAdded') }}</a-button>
+      </div>
+      <j-table
+        v-if="columns && columns.length > 0"
+        :columns="columns"
+        :dataSource="dataSource"
+        :can-drag="true"
+        rowKey="id"
+        :row-selection="null"
+        :pagination="ipagination"
+        :scroll="{x: '100%'}"
+        @change="tableOnChange">
+
+        <!--  企标号、企标名称  -->
+        <template v-slot:standard="{text, record}">
+          <a-tooltip overlay-class-name="tooltip-style">
+            <template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
+            <a class="table-text can-click-table-text" @click="detailClick(record)" v-if="(text || text === 0) && record.detailFlag">{{ text }}</a>
+            <div class="table-text" v-else-if="(text || text === 0) && !record.detailFlag">{{ text }}</div>
+            <div class="table-text" v-else>{{ global.emptyLine }}</div>
+          </a-tooltip>
+        </template>
+
+        <!--  操作  -->
+        <template slot="action" slot-scope="{text, record, index}">
+          <a @click="handleEdit(record, index)" >{{ $t('edit') }}</a>
+          <a-divider type="vertical" />
+          <a @click="handleDelete(record, index)" >{{ $t('delete') }}</a>
+        </template>
+
+      </j-table>
+    </a-spin>
+    <!--  新增、编辑整改计划  -->
+    <inspection-process-rectification-plan-modal ref="modalForm" @ok="modalFormOk"/>
+  </j-modal>
+</template>
+
+<script>
+import JTable from '@comp/jero/JTable'
+import { JeroListMixin } from '@/mixins/JeroListMixin'
+import InspectionProcessRectificationPlanModal
+  from '@views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessRectificationPlanModal'
+
+export default {
+  name: 'InspectionProcessRectificationPlan',
+  mixins: [JeroListMixin],
+  components: { InspectionProcessRectificationPlanModal, JTable },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data () {
+    const columns = [
+      { // 不符合项描述
+        title: this.$t('workCenter.esInspectionProcess.nonCompliantDescription'),
+        align: 'center',
+        width: 120,
+        dataIndex: 'nonCompliantDescription',
+        scopedSlots: { customRender: 'text' }
+      },
+      { // 整改措施
+        title: this.$t('workCenter.esInspectionProcess.rectificationMeasures'),
+        align: 'center',
+        width: 180,
+        dataIndex: 'rectificationMeasures',
+        scopedSlots: { customRender: 'text' }
+      },
+      { // 整改负责人
+        title: this.$t('workCenter.esInspectionProcess.rectificationDirector'),
+        align: 'center',
+        width: 180,
+        dataIndex: 'rectificationDirector',
+        scopedSlots: { customRender: 'text' }
+      },
+      { // 整改计划完成时间
+        title: this.$t('workCenter.esInspectionProcess.rectificationPlanDoneDate'),
+        align: 'center',
+        width: 140,
+        dataIndex: 'rectificationPlanDoneDate',
+        scopedSlots: { customRender: 'text' }
+      },
+      { // 整改实际完成时间
+        title: this.$t('workCenter.esInspectionProcess.rectificationRealityDoneDate'),
+        align: 'center',
+        width: 100,
+        dataIndex: 'rectificationRealityDoneDate',
+        scopedSlots: { customRender: 'text' }
+      },
+      { // 整改状态
+        title: this.$t('workCenter.esInspectionProcess.rectificationStatus'),
+        align: 'center',
+        width: 100,
+        dataIndex: 'rectificationStatus',
+        scopedSlots: { customRender: 'text' }
+      },
+      {
+        // 操作
+        fixed: 'right',
+        title: this.$t('operation'),
+        // dataIndex: 'action',
+        align: 'center',
+        width: 140,
+        scopedSlots: { customRender: 'action' }
+      }
+    ]
+    return {
+      disableMixinCreated: true,
+      title: this.$t('workCenter.esInspectionProcess.inspectionReport'),
+      drawerWidth: 1000,
+      visible: false,
+      model: {},
+      confirmLoading: false,
+      url: {
+        list: ''
+      },
+      dataSource: [{}],
+      columns: columns.slice(0, this.disabled ? 6 : 7)
+    }
+  },
+  methods: {
+    show (record) {
+      this.loadData()
+      this.model = Object.assign({}, record)
+      this.visible = true
+    },
+    // 确定
+    handleOk () {
+      console.log(this.selectedRowKeys)
+      this.close()
+    },
+    // 关闭
+    handleCancel () {
+      this.close()
+    },
+    close () {
+      this.$emit('close')
+      this.visible = false
+    },
+    // 跳转详情
+    detailClick (record) {
+      this.$openPageNewSheet({
+        path: '/enterpriseStandardLibrary/enterpriseStandardDetail',
+        query: {
+          id: record.id
+        }
+      })
+    },
+    tableOnChange (pagination, filters, sorter) {
+      this.orderBy = sorter.order === 'ascend' ? '1' : '2'
+      this.orderByField = sorter.columnKey
+      this.ipagination = pagination
+      this.getTableList()
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessRectificationPlanModal.vue b/src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessRectificationPlanModal.vue
new file mode 100644
index 00000000..f83ff5fa
--- /dev/null
+++ b/src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessRectificationPlanModal.vue
@@ -0,0 +1,271 @@
+<template>
+  <j-modal
+    :title="title"
+    :width="drawerWidth"
+    :visible="visible"
+    :confirmLoading="confirmLoading"
+    switchFullscreen
+    @ok="handleOk"
+    @cancel="handleCancel"
+    :cancelText="$t('close')">
+    <a-spin :spinning="confirmLoading">
+      <a-form-model ref="form" :model="form" :rules="rules">
+        <!-- 章节条款 -->
+        <a-form-model-item
+          :labelCol="labelCol"
+          :wrapperCol="wrapperCol"
+          prop="sectionClause"
+          :label="$t('workCenter.esInspectionProcess.sectionClause')">
+          <a-select v-model="form.sectionClause"
+                    :placeholder="$t('pleaseSelect') + $t('workCenter.esInspectionProcess.sectionClause')"
+                    show-search
+                    :filter-option="filterOption">
+            <a-select-option v-for="item in sectionClauseList" :value="item.id" :key="item.id">{{ item.name }}</a-select-option>
+          </a-select>
+        </a-form-model-item>
+        <!-- 标准内容或要求 -->
+        <a-form-model-item
+          :labelCol="labelCol"
+          :wrapperCol="wrapperCol"
+          prop="standardContentOrDemand"
+          :label="$t('workCenter.esInspectionProcess.standardContentOrDemand')">
+          <a-input :max-length="50" v-model="form.standardContentOrDemand" disabled class="readonly-transparent" />
+        </a-form-model-item>
+        <!-- 执行情况 -->
+        <a-form-model-item
+          :labelCol="labelCol"
+          :wrapperCol="wrapperCol"
+          prop="implementation"
+          :label="$t('workCenter.esInspectionProcess.implementation')">
+          <a-input :max-length="50" v-model="form.implementation" disabled
+                   :placeholder="$t('pleaseEnter') + $t('workCenter.esInspectionProcess.implementation')" />
+        </a-form-model-item>
+        <!-- 附件 -->
+        <a-form-model-item
+          :labelCol="labelCol"
+          :wrapperCol="wrapperCol"
+          :label="$t('workCenter.esInspectionProcess.file')"
+          prop="file">
+          <a-input :max-length="50" v-model="form.file" disabled class="readonly-transparent" />
+        </a-form-model-item>
+        <!-- 评分 -->
+        <a-form-model-item
+          :labelCol="labelCol"
+          :wrapperCol="wrapperCol"
+          :label="$t('workCenter.esInspectionProcess.score')"
+          prop="score">
+          <a-input-number v-model="form.score" :min="1" :max="200" disabled
+                          :placeholder="$t('pleaseEnter') + $t('workCenter.esInspectionProcess.score')"
+                          style="width: 100%" :formatter="limitNumber" :parser="limitNumber" />
+        </a-form-model-item>
+        <!-- 是否需要整改 -->
+        <a-form-model-item
+          :labelCol="labelCol"
+          :wrapperCol="wrapperCol"
+          :label="$t('workCenter.esInspectionProcess.isNeedRectification')"
+          prop="isNeedRectification">
+          <j-dict-select-tag :placeholder="$t('pleaseSelect') + $t('workCenter.esInspectionProcess.isNeedRectification')"
+                             type="radio"
+                             dictCode="yn"
+                             @change="changeIsNeedRectification"
+                             v-model="form.isNeedRectification" />
+        </a-form-model-item>
+        <!-- 不符合项描述 -->
+        <a-form-model-item
+          :labelCol="labelCol"
+          :wrapperCol="wrapperCol"
+          :label="$t('workCenter.esInspectionProcess.nonCompliantDescription')"
+          prop="nonCompliantDescription">
+          <a-textarea :placeholder="$t('pleaseEnter') + $t('workCenter.esInspectionProcess.nonCompliantDescription')"
+                      :maxLength="500"
+                      :rows="4"
+                      v-model="form.nonCompliantDescription"/>
+        </a-form-model-item>
+        <template v-if="isNeedRectification">
+          <!-- 整改措施 -->
+          <a-form-model-item
+            :labelCol="labelCol"
+            :wrapperCol="wrapperCol"
+            :label="$t('workCenter.esInspectionProcess.rectificationMeasures')"
+            prop="rectificationMeasures">
+            <a-textarea :placeholder="$t('pleaseEnter') + $t('workCenter.esInspectionProcess.rectificationMeasures')"
+                        :maxLength="500"
+                        :rows="4"
+                        v-model="form.rectificationMeasures"/>
+          </a-form-model-item>
+          <!-- 整改单位 -->
+          <a-form-model-item
+            :labelCol="labelCol"
+            :wrapperCol="wrapperCol"
+            :label="$t('workCenter.esInspectionProcess.rectificationUnit')"
+            prop="rectificationUnit">
+            <j-select-depart :placeholder="$t('pleaseSelect') + $t('workCenter.esInspectionProcess.rectificationUnit')"
+                             v-model="form.rectificationUnit" />
+          </a-form-model-item>
+          <!-- 整改负责人 -->
+          <a-form-model-item
+            :labelCol="labelCol"
+            :wrapperCol="wrapperCol"
+            :label="$t('workCenter.esInspectionProcess.rectificationDirector')"
+            prop="rectificationDirector">
+            <user-selection :placeholder="$t('pleaseSelect') + $t('workCenter.esInspectionProcess.rectificationDirector')"
+                            type="radio" v-model="form.rectificationDirector"/>
+          </a-form-model-item>
+          <!-- 计划完成日期 -->
+          <a-form-model-item
+            :labelCol="labelCol"
+            :wrapperCol="wrapperCol"
+            :label="$t('workCenter.esInspectionProcess.planDoneDate')"
+            prop="planDoneDate">
+            <j-date date-format="YYYY-MM-DD" style="width: 100%" showType="day"
+                    :placeholder="$t('pleaseSelect') + $t('workCenter.esInspectionProcess.planDoneDate')"
+                    v-model="form.planDoneDate" />
+          </a-form-model-item>
+        </template>
+      </a-form-model>
+    </a-spin>
+    <upload-file ref="uploadFile" @change="uploadFileChange" :return-url="false"></upload-file>
+  </j-modal>
+</template>
+
+<script>
+
+import UploadFile from '@comp/UploadFile'
+import UserSelection from '@comp/selection/UserSelection'
+export default {
+  name: 'InspectionProcessRectificationPlanModal',
+  components: { UserSelection, UploadFile },
+  data () {
+    return {
+      title: this.$t('workCenter.esInspectionProcess.inspectionPlanEs'),
+      drawerWidth: 600,
+      visible: false,
+      form: {},
+      model: {},
+      confirmLoading: false,
+      labelCol: {
+        xs: { span: 24 },
+        sm: { span: 7 }
+      },
+      wrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 16 }
+      },
+      // 章节条款下拉
+      sectionClauseList: [],
+      // 是否需要整改（布尔值或null）
+      isNeedRectification: null,
+      rules: {
+        // 是否需要整改
+        isNeedRectification: [
+          { required: true, message: this.$t('pleaseSelect') + this.$t('workCenter.esInspectionProcess.isNeedRectification'), trigger: 'change' }
+        ],
+        // 不符合项描述
+        nonCompliantDescription: [
+          { required: false, message: this.$t('pleaseEnter') + this.$t('workCenter.esInspectionProcess.nonCompliantDescription'), trigger: 'blur' }
+        ],
+        // 整改措施
+        rectificationMeasures: [
+          { required: true, message: this.$t('pleaseEnter') + this.$t('workCenter.esInspectionProcess.rectificationMeasures'), trigger: 'blur' }
+        ],
+        // 整改单位
+        rectificationUnit: [
+          { required: true, message: this.$t('pleaseSelect') + this.$t('workCenter.esInspectionProcess.rectificationUnit'), trigger: 'change' }
+        ],
+        // 整改负责人
+        rectificationDirector: [
+          { required: true, message: this.$t('pleaseSelect') + this.$t('workCenter.esInspectionProcess.rectificationDirector'), trigger: 'change' }
+        ],
+        // 计划完成日期
+        planDoneDate: [
+          { required: true, message: this.$t('pleaseSelect') + this.$t('workCenter.esInspectionProcess.planDoneDate'), trigger: 'change' }
+        ]
+      }
+    }
+  },
+  watch: {
+    // 是否需要整改 改变时，修改 不符合项描述 必填状态
+    isNeedRectification (val) {
+      this.rules.nonCompliantDescription[0].required = val
+    }
+  },
+  methods: {
+    add () {
+      this.edit({})
+    },
+    edit (record) {
+      this.form = Object.assign({}, record)
+      this.visible = true
+    },
+    // 确定
+    handleOk () {
+      this.$refs.form.validate((err, value) => {
+        console.log(err, value)
+      })
+      // this.close()
+    },
+    // 关闭
+    handleCancel () {
+      this.close()
+    },
+    filterOption (input, option) {
+      return (
+        option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      )
+    },
+    close () {
+      this.$emit('close')
+      this.visible = false
+    },
+    // 点击点击上传按钮
+    clickButtonToUpload (item) {
+      this.$refs.uploadFile.open(item.fileId)
+      // this.uploadName = item.dbFieldName
+    },
+    // 修改事件：是否需要整改
+    changeIsNeedRectification (val) {
+      if (val === '1') {
+        this.isNeedRectification = true
+      } else if (val === '2') {
+        this.isNeedRectification = false
+      } else {
+        this.isNeedRectification = null
+      }
+    },
+    // 文件上传改变后的回调
+    uploadFileChange (data) {
+      const attIdList = []
+      if (data && data.length > 0) {
+        data.map(item => {
+          attIdList.push(item.id)
+        })
+      }
+      /** 赋值给当前对应的表单文件 */
+      this.form.file = attIdList.join(',')
+    },
+    // 正则替换小数点
+    limitNumber (value) {
+      if (typeof value === 'string') {
+        return !isNaN(Number(value)) ? value.replace(/\./g, '') : 0
+      } else if (typeof value === 'number') {
+        return !isNaN(value) ? String(value).replace(/\./g, '') : 0
+      } else {
+        return 0
+      }
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+// 无边框无背景
+.readonly-transparent {
+  background-color: transparent;
+  border-color: transparent;
+  &:hover {
+    cursor: default;
+    background-color: transparent;
+    border-color: transparent;
+  }
+}
+</style>
diff --git a/src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessReport.vue b/src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessReport.vue
new file mode 100644
index 00000000..02fe1e99
--- /dev/null
+++ b/src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessReport.vue
@@ -0,0 +1,183 @@
+<template>
+  <j-modal
+    :title="title"
+    :width="drawerWidth"
+    :visible="visible"
+    :confirmLoading="confirmLoading"
+    switchFullscreen
+    @ok="handleOk"
+    @cancel="handleCancel"
+    :cancelText="$t('close')">
+    <a-spin :spinning="confirmLoading">
+      <p>
+        {{ $t('workCenter.esInspectionProcess.enterpriseStandard') }}
+        {{model.inspectNo}}
+        {{model.inspectName}}
+      </p>
+      <div class="table-operator" v-if="!disabled">
+        <!--  新增  -->
+        <a-button icon="plus" type="primary" @click="handleAdd" v-has="'enterpriseStandard:add'">{{ $t('newlyAdded') }}</a-button>
+      </div>
+      <j-table
+        v-if="columns && columns.length > 0"
+        :columns="columns"
+        :dataSource="dataSource"
+        :can-drag="true"
+        rowKey="id"
+        :row-selection="null"
+        :pagination="ipagination"
+        :scroll="{x: '100%'}"
+        @change="tableOnChange">
+
+        <!--  企标号、企标名称  -->
+        <template v-slot:standard="{text, record}">
+          <a-tooltip overlay-class-name="tooltip-style">
+            <template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
+            <a class="table-text can-click-table-text" @click="detailClick(record)" v-if="(text || text === 0) && record.detailFlag">{{ text }}</a>
+            <div class="table-text" v-else-if="(text || text === 0) && !record.detailFlag">{{ text }}</div>
+            <div class="table-text" v-else>{{ global.emptyLine }}</div>
+          </a-tooltip>
+        </template>
+
+        <!--  操作  -->
+        <template slot="action" slot-scope="{text, record, index}">
+          <a @click="handleEdit(record, index)" >{{ $t('edit') }}</a>
+          <a-divider type="vertical" />
+          <a @click="handleDelete(record, index)" >{{ $t('delete') }}</a>
+        </template>
+
+      </j-table>
+    </a-spin>
+    <!--  新增、编辑稽查报告  -->
+    <inspection-process-report-modal ref="modalForm" @ok="modalFormOk"/>
+  </j-modal>
+</template>
+
+<script>
+import JTable from '@comp/jero/JTable'
+import { JeroListMixin } from '@/mixins/JeroListMixin'
+import InspectionProcessReportModal
+  from '@views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessReportModal'
+
+export default {
+  name: 'InspectionProcessReport',
+  mixins: [JeroListMixin],
+  components: { InspectionProcessReportModal, JTable },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data () {
+    const columns = [
+      {
+        title: this.$t('serialNumber'),
+        dataIndex: '',
+        key: 'rowIndex',
+        width: 60,
+        align: 'center',
+        customRender: function (t, r, index) {
+          return parseInt(index) + 1
+        }
+      },
+      { // 依据条款
+        title: this.$t('workCenter.esInspectionProcess.accordingToTerms'),
+        align: 'center',
+        width: 120,
+        dataIndex: 'planInspectionDate',
+        scopedSlots: { customRender: 'text' }
+      },
+      { // 标准内容或要求
+        title: this.$t('workCenter.esInspectionProcess.standardContentOrDemand'),
+        align: 'center',
+        width: 180,
+        dataIndex: 'inspectionDirector',
+        scopedSlots: { customRender: 'text' }
+      },
+      { // 执行情况
+        title: this.$t('workCenter.esInspectionProcess.implementation'),
+        align: 'center',
+        width: 180,
+        dataIndex: 'implementation',
+        scopedSlots: { customRender: 'text' }
+      },
+      { // 附件
+        title: this.$t('workCenter.esInspectionProcess.file'),
+        align: 'center',
+        width: 140,
+        dataIndex: 'file',
+        scopedSlots: { customRender: 'text' }
+      },
+      { // 评分
+        title: this.$t('workCenter.esInspectionProcess.score'),
+        align: 'center',
+        width: 100,
+        dataIndex: 'score',
+        scopedSlots: { customRender: 'text' }
+      },
+      {
+        // 操作
+        fixed: 'right',
+        title: this.$t('operation'),
+        // dataIndex: 'action',
+        align: 'center',
+        width: 140,
+        scopedSlots: { customRender: 'action' }
+      }
+    ]
+    return {
+      disableMixinCreated: true,
+      title: this.$t('workCenter.esInspectionProcess.inspectionReport'),
+      drawerWidth: 1000,
+      visible: false,
+      model: {},
+      confirmLoading: false,
+      url: {
+        list: ''
+      },
+      dataSource: [{}],
+      columns: columns.slice(0, this.disabled ? 6 : 7)
+    }
+  },
+  methods: {
+    show (record) {
+      this.loadData()
+      this.model = Object.assign({}, record)
+      this.visible = true
+    },
+    // 确定
+    handleOk () {
+      console.log(this.selectedRowKeys)
+      this.close()
+    },
+    // 关闭
+    handleCancel () {
+      this.close()
+    },
+    close () {
+      this.$emit('close')
+      this.visible = false
+    },
+    // 跳转详情
+    detailClick (record) {
+      this.$openPageNewSheet({
+        path: '/enterpriseStandardLibrary/enterpriseStandardDetail',
+        query: {
+          id: record.id
+        }
+      })
+    },
+    tableOnChange (pagination, filters, sorter) {
+      this.orderBy = sorter.order === 'ascend' ? '1' : '2'
+      this.orderByField = sorter.columnKey
+      this.ipagination = pagination
+      this.getTableList()
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessReportModal.vue b/src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessReportModal.vue
new file mode 100644
index 00000000..2977a447
--- /dev/null
+++ b/src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessReportModal.vue
@@ -0,0 +1,174 @@
+<template>
+  <j-modal
+    :title="title"
+    :width="drawerWidth"
+    :visible="visible"
+    :confirmLoading="confirmLoading"
+    switchFullscreen
+    @ok="handleOk"
+    @cancel="handleCancel"
+    :cancelText="$t('close')">
+    <a-spin :spinning="confirmLoading">
+      <a-form-model ref="form" :model="form" :rules="rules">
+        <!-- 章节条款 -->
+        <a-form-model-item
+          :labelCol="labelCol"
+          :wrapperCol="wrapperCol"
+          prop="sectionClause"
+          :label="$t('workCenter.esInspectionProcess.sectionClause')">
+          <a-select v-model="form.sectionClause"
+                    :placeholder="$t('pleaseSelect') + $t('workCenter.esInspectionProcess.sectionClause')"
+                    show-search
+                    :filter-option="filterOption">
+            <a-select-option v-for="item in sectionClauseList" :value="item.id" :key="item.id">{{ item.name }}</a-select-option>
+          </a-select>
+        </a-form-model-item>
+        <!-- 标准内容或要求 -->
+        <a-form-model-item
+          :labelCol="labelCol"
+          :wrapperCol="wrapperCol"
+          prop="standardContentOrDemand"
+          :label="$t('workCenter.esInspectionProcess.standardContentOrDemand')">
+          <a-input :max-length="50" v-model="form.standardContentOrDemand" disabled class="readonly-transparent" />
+        </a-form-model-item>
+        <!-- 执行情况 -->
+        <a-form-model-item
+          :labelCol="labelCol"
+          :wrapperCol="wrapperCol"
+          prop="implementation"
+          :label="$t('workCenter.esInspectionProcess.implementation')">
+          <a-input :max-length="50" v-model="form.implementation"
+                   :placeholder="$t('pleaseEnter') + $t('workCenter.esInspectionProcess.implementation')" />
+        </a-form-model-item>
+        <!-- 附件 -->
+        <a-form-model-item
+          :labelCol="labelCol"
+          :wrapperCol="wrapperCol"
+          :label="$t('workCenter.esInspectionProcess.file')"
+          prop="file">
+          <a-button type="primary" class="button-text" @click="clickButtonToUpload">
+            {{
+              (form.file === 'null' || form.file === '' || form.file === null || form.file === undefined)
+                ? $t('uploadFile.clickUpload')
+                : $t('uploadFile.viewUploadedFiles')
+            }}
+          </a-button>
+        </a-form-model-item>
+        <!-- 评分 -->
+        <a-form-model-item
+          :labelCol="labelCol"
+          :wrapperCol="wrapperCol"
+          :label="$t('workCenter.esInspectionProcess.score')"
+          prop="score">
+          <a-input-number v-model="form.score" :min="1" :max="200"
+                          :placeholder="$t('pleaseEnter') + $t('workCenter.esInspectionProcess.score')"
+                          style="width: 100%" :formatter="limitNumber" :parser="limitNumber" />
+        </a-form-model-item>
+      </a-form-model>
+    </a-spin>
+    <upload-file ref="uploadFile" @change="uploadFileChange" :return-url="false"></upload-file>
+  </j-modal>
+</template>
+
+<script>
+import UploadFile from '@comp/UploadFile'
+export default {
+  name: 'InspectionProcessReportModal',
+  components: { UploadFile },
+  data () {
+    return {
+      title: this.$t('workCenter.esInspectionProcess.inspectionPlanEs'),
+      drawerWidth: 600,
+      visible: false,
+      form: {},
+      model: {},
+      confirmLoading: false,
+      labelCol: {
+        xs: { span: 24 },
+        sm: { span: 7 }
+      },
+      wrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 16 }
+      },
+      // 章节条款下拉
+      sectionClauseList: [],
+      rules: {
+        implementation: [
+          { required: true, message: this.$t('pleaseEnter') + this.$t('workCenter.esInspectionProcess.implementation'), trigger: 'blur' }
+        ],
+        score: [
+          { required: true, message: this.$t('pleaseEnter') + this.$t('workCenter.esInspectionProcess.score'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    add () {
+      this.edit({})
+    },
+    edit (record) {
+      this.form = Object.assign({}, record)
+      this.visible = true
+    },
+    // 确定
+    handleOk () {
+      this.$refs.form.validate((err) => {
+        console.log(err)
+      })
+      // this.close()
+    },
+    // 关闭
+    handleCancel () {
+      this.close()
+    },
+    filterOption (input, option) {
+      return (
+        option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      )
+    },
+    close () {
+      this.$emit('close')
+      this.visible = false
+    },
+    // 点击点击上传按钮
+    clickButtonToUpload (item) {
+      this.$refs.uploadFile.open(item.fileId)
+      // this.uploadName = item.dbFieldName
+    },
+    // 文件上传改变后的回调
+    uploadFileChange (data) {
+      const attIdList = []
+      if (data && data.length > 0) {
+        data.map(item => {
+          attIdList.push(item.id)
+        })
+      }
+      /** 赋值给当前对应的表单文件 */
+      this.form.file = attIdList.join(',')
+    },
+    // 正则替换小数点
+    limitNumber (value) {
+      if (typeof value === 'string') {
+        return !isNaN(Number(value)) ? value.replace(/\./g, '') : 0
+      } else if (typeof value === 'number') {
+        return !isNaN(value) ? String(value).replace(/\./g, '') : 0
+      } else {
+        return 0
+      }
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+// 无边框无背景
+.readonly-transparent {
+  background-color: transparent;
+  border-color: transparent;
+  &:hover {
+    background-color: transparent;
+    border-color: transparent;
+  }
+}
+</style>
diff --git a/src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessTable.vue b/src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessTable.vue
new file mode 100644
index 00000000..0c355f70
--- /dev/null
+++ b/src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessTable.vue
@@ -0,0 +1,305 @@
+<template>
+  <div>
+    <div class="table-operator" v-if="['1'].includes(currentNode)">
+      <!--  新增  -->
+      <a-button icon="plus" type="primary" @click="handleAdd" v-has="'enterpriseStandard:add'">{{ $t('newlyAdded') }}</a-button>
+    </div>
+    <div>
+      <j-table
+        v-if="columns && columns.length > 0"
+        :columns="columns"
+        :dataSource="dataSource"
+        :can-drag="true"
+        rowKey="id"
+        :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
+        :pagination="ipagination"
+        :scroll="{x: '100%'}"
+        @change="tableOnChange">
+
+        <!--  企标号、企标名称  -->
+        <template v-slot:standard="{text, record}">
+          <a-tooltip overlay-class-name="tooltip-style">
+            <template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
+            <a class="table-text can-click-table-text" @click="detailClick(record)" v-if="(text || text === 0) && record.detailFlag">{{ text }}</a>
+            <div class="table-text" v-else-if="(text || text === 0) && !record.detailFlag">{{ text }}</div>
+            <div class="table-text" v-else>{{ global.emptyLine }}</div>
+          </a-tooltip>
+        </template>
+        <!--  实际稽查完成日期  -->
+        <template v-slot:actualInspectionCompletionDate="{text, record}">
+          <div class="table-form" v-if="currentNode === '3'">
+            <j-date v-model="record.actualInspectionCompletionDate" :placeholder="$t('pleaseSelect')+$t('date')" showType="day"
+                    style="width: 100%" :getCalendarContainer="(el) => getNumParentNode(el, 5)"></j-date>
+          </div>
+          <a-tooltip v-else overlay-class-name="tooltip-style">
+            <template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
+            <div class="table-text" v-if="text || text === 0">{{ text }}</div>
+            <div class="table-text" v-else>{{ global.emptyLine }}</div>
+          </a-tooltip>
+        </template>
+
+        <!--  实际稽查人  -->
+        <template v-slot:actualInspector="{text, record}">
+          <div class="table-form" v-if="currentNode === '3'">
+            <a-select v-model="record.actualInspector" style="width: 100%"
+                      :placeholder="$t('pleaseSelect')+$t('workCenter.esInspectionProcess.actualInspector')">
+              <a-select-option v-for="item in userList" :key="item.id" :value="item.id">{{ item.realname + '(' + item.username + ')' }}</a-select-option>
+            </a-select>
+          </div>
+          <a-tooltip v-else overlay-class-name="tooltip-style">
+            <template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
+            <div class="table-text" v-if="text || text === 0">{{ text }}</div>
+            <div class="table-text" v-else>{{ global.emptyLine }}</div>
+          </a-tooltip>
+        </template>
+
+        <!--  操作  -->
+        <template slot="action" slot-scope="{text, record, index}">
+          <!-- 节点1显示稽查内容和删除、节点2显示稽查内容（只读） -->
+          <template v-if="['1', '2'].includes(currentNode)">
+            <a @click="handleInspectionContent(record, index)" >{{ $t('workCenter.esInspectionProcess.inspectionContent') + `(${record.num || 0}${$t('strip')})` }}</a>
+            <a-divider type="vertical" />
+            <a v-if="currentNode === '1'" @click="handleDelete(record, index)" >{{ $t('delete') }}</a>
+          </template>
+          <!-- 后续节点都显示稽查报告和整改计划 -->
+          <template v-else>
+            <a @click="handleInspectionReport(record, index)" >{{ $t('workCenter.esInspectionProcess.inspectionReport') }}</a>
+            <a-divider type="vertical" />
+            <a @click="handleRectificationPlan(record, index)" >{{ $t('workCenter.esInspectionProcess.rectificationPlan') }}</a>
+          </template>
+        </template>
+
+      </j-table>
+    </div>
+    <!--  添加稽查计划  -->
+    <inspection-process-table-modal ref="inspectionProcessTableModal" @ok="modalFormOk"/>
+    <!--  稽查内容：节点2只查看，后续不显示  -->
+    <inspection-process-content ref="inspectionProcessContent" @ok="modalFormOk" :disabled="['2'].includes(currentNode)"/>
+    <!--  稽查报告：节点3填写，后续只查看  -->
+    <inspection-process-report ref="inspectionProcessReport" @ok="modalFormOk" :disabled="['4', '5'].includes(currentNode)"/>
+    <!--  整改计划：节点3填写，后续只查看  -->
+    <inspection-process-rectification-plan ref="inspectionProcessRectificationPlan" @ok="modalFormOk" :disabled="['4', '5'].includes(currentNode)"/>
+  </div>
+</template>
+
+<script>
+import JTable from '@comp/jero/JTable'
+import { JeroListMixin } from '@/mixins/JeroListMixin'
+import InspectionProcessTableModal
+  from '@views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessTableModal'
+import InspectionProcessContent
+  from '@views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessContent'
+import { getUserList } from '@api/api'
+import InspectionProcessReport
+  from '@views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessReport'
+import InspectionProcessRectificationPlan
+  from '@views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessRectificationPlan'
+export default {
+  name: 'InspectionProcessTable',
+  components: { InspectionProcessRectificationPlan, InspectionProcessReport, InspectionProcessContent, InspectionProcessTableModal, JTable },
+  mixins: [JeroListMixin],
+  props: {
+    // 当前节点
+    currentNode: {
+      type: String,
+      required: true
+    }
+  },
+  data () {
+    return {
+      url: {
+        list: ''
+      },
+      model: {},
+      userList: [],
+      dataSource: [
+        {
+          id: 1,
+          inspectionBasisStandardName: '123',
+          inspectionBasisStandardNumber: '123',
+          detailFlag: true,
+          departOpinion: '123',
+          mainDutyStandardizationGroup: '1699358097292472322'
+        },
+        {
+          id: 3,
+          inspectionBasisStandardName: 'qaaa',
+          inspectionBasisStandardNumber: '12asdasdas3',
+          detailFlag: true,
+          departOpinion: '123',
+          opinion: [],
+          mainDutyStandardizationGroup: '1699358097292472322'
+        },
+        {
+          id: 2,
+          inspectionBasisStandardName: '123',
+          inspectionBasisStandardNumber: '123',
+          detailFlag: true,
+          departOpinion: '123',
+          userId: 'e9ca23d68d884d4ebb19d07889727dae'
+          // mainDutyStandardizationGroup: '1699358097292472322'
+        }
+      ],
+      allColumns: [
+        {
+          title: this.$t('serialNumber'),
+          dataIndex: '',
+          key: 'rowIndex',
+          align: 'center',
+          width: 80,
+          customRender: function (t, r, index) {
+            return parseInt(index) + 1
+          }
+        },
+        { // 稽查依据标准号
+          title: this.$t('workCenter.esInspectionPlan.inspectionBasisStandardNumber'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'inspectionBasisStandardNumber',
+          scopedSlots: { customRender: 'standard' }
+        },
+        { // 稽查依据标准名称
+          title: this.$t('workCenter.esInspectionPlan.inspectionBasisStandardName'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'inspectionBasisStandardName',
+          scopedSlots: { customRender: 'standard' }
+        },
+        { // 计划稽查对象
+          title: this.$t('workCenter.esInspectionPlan.planInspectionObjects'),
+          align: 'center',
+          width: 120,
+          dataIndex: 'planInspectionObjects',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 主责标准化工作组
+          title: this.$t('workCenter.esInspectionPlan.mainDutyStandardizationGroup'),
+          align: 'center',
+          width: 150,
+          dataIndex: 'mainDutyStandardizationGroup',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 所属部门
+          title: this.$t('workCenter.esInspectionPlan.department'),
+          align: 'center',
+          width: 120,
+          dataIndex: 'department',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 计划稽查日期
+          title: this.$t('workCenter.esInspectionPlan.planInspectionDate'),
+          align: 'center',
+          width: 120,
+          dataIndex: 'planInspectionDate',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 稽查负责人
+          title: this.$t('workCenter.esInspectionPlan.inspectionDirector'),
+          align: 'center',
+          width: 120,
+          dataIndex: 'inspectionDirector',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 实际稽查完成日期
+          title: this.$t('workCenter.esInspectionProcess.actualInspectionCompletionDate'),
+          align: 'center',
+          width: 200,
+          dataIndex: 'actualInspectionCompletionDate',
+          showCodeList: ['3', '4', '5'],
+          scopedSlots: { customRender: 'actualInspectionCompletionDate' }
+        },
+        { // 实际稽查人
+          title: this.$t('workCenter.esInspectionProcess.actualInspector'),
+          align: 'center',
+          width: 200,
+          dataIndex: 'actualInspector',
+          showCodeList: ['3', '4', '5'],
+          scopedSlots: { customRender: 'actualInspector' }
+        },
+        {
+          // 操作
+          fixed: 'right',
+          title: this.$t('operation'),
+          // dataIndex: 'action',
+          align: 'center',
+          width: 180,
+          scopedSlots: { customRender: 'action' }
+        }
+      ]
+    }
+  },
+  computed: {
+    // 按节点进行过滤
+    columns () {
+      return this.allColumns.filter(item => {
+        // 没有这个属性，就默认显示
+        if (!item.showCodeList) {
+          return true
+        }
+        // 如果有，就根据当前节点显示
+        return item.showCodeList.includes(this.currentNode)
+      })
+    }
+  },
+  mounted () {
+    if (this.currentNode === '3') {
+      this.getUserList()
+    }
+  },
+  methods: {
+    // 返回用户列表
+    getUserList () {
+      getUserList({ pageNo: -1, pageSize: -1, order: 'desc', column: 'createTime' }).then(res => {
+        if (res.success) {
+          this.userList = res.result.records || []
+        }
+      })
+    },
+    // 稽查内容
+    handleInspectionContent (record) {
+      this.$refs.inspectionProcessContent.show(record)
+    },
+    // 添加计划
+    handleAdd () {
+      this.$refs.inspectionProcessTableModal.show()
+    },
+    // 跳转详情
+    detailClick (record) {
+      this.$openPageNewSheet({
+        path: '/enterpriseStandardLibrary/enterpriseStandardDetail',
+        query: {
+          id: record.id
+        }
+      })
+    },
+    tableOnChange (pagination, filters, sorter) {
+      this.orderBy = sorter.order === 'ascend' ? '1' : '2'
+      this.orderByField = sorter.columnKey
+      this.ipagination = pagination
+      this.getTableList()
+    },
+    handleInspectionReport (record) {
+      this.$refs.inspectionProcessReport.show(record)
+    },
+    handleRectificationPlan (record) {
+      this.$refs.inspectionProcessRectificationPlan.show(record)
+    },
+    // 获取向上第n个父节点
+    getNumParentNode (el, n) {
+      if (n < 1 || el === document.body) {
+        return el.parentNode || document.body
+      }
+      return this.getNumParentNode(el.parentNode, n - 1)
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.table-form {
+  position: relative;
+  /deep/ .ant-calendar-picker {
+    min-width: 130px !important;
+  }
+}
+</style>
diff --git a/src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessTableModal.vue b/src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessTableModal.vue
new file mode 100644
index 00000000..34d849f2
--- /dev/null
+++ b/src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessTableModal.vue
@@ -0,0 +1,171 @@
+<template>
+  <j-modal
+    :title="title"
+    :width="drawerWidth"
+    :visible="visible"
+    :confirmLoading="confirmLoading"
+    switchFullscreen
+    @ok="handleOk"
+    @cancel="handleCancel"
+    :cancelText="$t('close')">
+    <a-spin :spinning="confirmLoading">
+      <!--查询区域-->
+      <div class="table-page-search-wrapper">
+        <a-form layout="inline" @keyup.enter.native="searchQuery">
+          <a-row :gutter="24">
+            <!--标准名称/编号-->
+            <a-col :md="8" :sm="12">
+              <a-form-item :label="$t('workCenter.esInspectionProcess.esNumber') + '/' + $t('workCenter.esInspectionProcess.esName')">
+                <j-input :placeholder="$t('pleaseEnter') + $t('workCenter.esInspectionProcess.esNumber') + '/' + $t('workCenter.esInspectionProcess.esName')"
+                         v-model="queryParam.projectName"></j-input>
+              </a-form-item>
+            </a-col>
+            <a-col :md="6" :sm="8">
+            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
+              <a-button type="primary" @click="searchReset" icon="reload" ghost>{{ $t('reset') }}</a-button>
+              <a-button type="primary" @click="searchQuery" icon="search" style="margin-left: 8px">
+                {{ $t('query') }}
+              </a-button>
+            </span>
+            </a-col>
+          </a-row>
+        </a-form>
+      </div>
+      <j-table
+        v-if="columns && columns.length > 0"
+        :columns="columns"
+        :dataSource="dataSource"
+        :can-drag="true"
+        rowKey="id"
+        :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
+        :pagination="ipagination"
+        :scroll="{x: '100%'}"
+        @change="tableOnChange">
+        <!--  企标号、企标名称  -->
+        <template v-slot:standard="{text, record}">
+          <a-tooltip overlay-class-name="tooltip-style">
+            <template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
+            <a class="table-text can-click-table-text" @click="detailClick(record)" v-if="(text || text === 0) && record.detailFlag">{{ text }}</a>
+            <div class="table-text" v-else-if="(text || text === 0) && !record.detailFlag">{{ text }}</div>
+            <div class="table-text" v-else>{{ global.emptyLine }}</div>
+          </a-tooltip>
+        </template>
+      </j-table>
+    </a-spin>
+  </j-modal>
+</template>
+
+<script>
+import JTable from '@comp/jero/JTable'
+import { JeroListMixin } from '@/mixins/JeroListMixin'
+
+export default {
+  name: 'InspectionProcessTableModal',
+  mixins: [JeroListMixin],
+  components: { JTable },
+  data () {
+    return {
+      disableMixinCreated: true,
+      title: this.$t('workCenter.esInspectionProcess.inspectionPlanEs'),
+      drawerWidth: 1000,
+      visible: false,
+      model: {},
+      confirmLoading: false,
+      url: {
+        list: ''
+      },
+      dataSource: [{}],
+      columns: [
+        { // 稽查依据标准号
+          title: this.$t('workCenter.esInspectionProcess.esNumber'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'inspectionBasisStandardNumber',
+          scopedSlots: { customRender: 'standard' }
+        },
+        { // 稽查依据标准名称
+          title: this.$t('workCenter.esInspectionProcess.esName'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'inspectionBasisStandardName',
+          scopedSlots: { customRender: 'standard' }
+        },
+        { // 计划稽查对象
+          title: this.$t('workCenter.esInspectionPlan.planInspectionObjects'),
+          align: 'center',
+          width: 120,
+          dataIndex: 'planInspectionObjects',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 主责标准化工作组
+          title: this.$t('workCenter.esInspectionPlan.mainDutyStandardizationGroup'),
+          align: 'center',
+          width: 150,
+          dataIndex: 'mainDutyStandardizationGroup',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 所属部门
+          title: this.$t('workCenter.esInspectionPlan.department'),
+          align: 'center',
+          width: 120,
+          dataIndex: 'department',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 计划稽查日期
+          title: this.$t('workCenter.esInspectionPlan.planInspectionDate'),
+          align: 'center',
+          width: 120,
+          dataIndex: 'planInspectionDate',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 稽查负责人
+          title: this.$t('workCenter.esInspectionPlan.inspectionDirector'),
+          align: 'center',
+          width: 120,
+          dataIndex: 'inspectionDirector',
+          scopedSlots: { customRender: 'text' }
+        }
+      ]
+    }
+  },
+  methods: {
+    show (record) {
+      this.loadData()
+      this.model = Object.assign({}, record)
+      this.visible = true
+    },
+    // 确定
+    handleOk () {
+      console.log(this.selectedRowKeys)
+      this.close()
+    },
+    // 关闭
+    handleCancel () {
+      this.close()
+    },
+    close () {
+      this.$emit('close')
+      this.visible = false
+    },
+    // 跳转详情
+    detailClick (record) {
+      this.$openPageNewSheet({
+        path: '/enterpriseStandardLibrary/enterpriseStandardDetail',
+        query: {
+          id: record.id
+        }
+      })
+    },
+    tableOnChange (pagination, filters, sorter) {
+      this.orderBy = sorter.order === 'ascend' ? '1' : '2'
+      this.orderByField = sorter.columnKey
+      this.ipagination = pagination
+      this.getTableList()
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>