add 稽查延期申请流程

src/common/lang/workCenter/en.js

@@ -272,5 +272,13 @@ module.exports = {
     rectificationPlanDoneDate: '整改计划完成日期',
     rectificationRealityDoneDate: '整改实际完成日期',
     rectificationStatus: '整改状态'
+  },
+  // 稽查延期申请流程
+  incExtensionRequest: {
+    state: '状态',
+    requestExtension: '申请延期',
+    requestExtensionDate: '申请延期日期',
+    extensionDescription: '延期说明',
+    inspectionContactPerson: '稽查联络人'
   }
 }

src/common/lang/workCenter/zh.js

@@ -289,5 +289,13 @@ module.exports = {
     rectificationPlanDoneDate: '整改计划完成日期',
     rectificationRealityDoneDate: '整改实际完成日期',
     rectificationStatus: '整改状态'
+  },
+  // 稽查延期申请流程
+  incExtensionRequest: {
+    state: '状态',
+    requestExtension: '申请延期',
+    requestExtensionDate: '申请延期日期',
+    extensionDescription: '延期说明',
+    inspectionContactPerson: '稽查联络人'
   }
 }

src/views/workCenter/NewProcess.vue

@@ -95,7 +95,7 @@ export default {
             },
             { // 稽查延期申请流程
               title: this.$t('workCenter.newProcess.auditExtensionApplicationProcess'),
-              path: ''
+              path: '/workCenter/InspectionExtensionRequestProcess'
             },
             { // 企标稽查整改
               title: this.$t('workCenter.newProcess.enterpriseStandardInspectionAndRectification'),

src/views/workCenter/enterpriseStandardInspectionProcess/EnterpriseStandardInspectionProcess.vue

@@ -186,7 +186,6 @@ export default {
         }
       },
       processInfoForm: this.$form.createForm(this),
-      countersignForm: this.$form.createForm(this),
       approvalInfoForm: this.$form.createForm(this),
       // 是否会签
       isCountersign: null,

src/views/workCenter/enterpriseStandardInspectionProcess/modules/InspectionProcessTable.vue

@@ -41,7 +41,7 @@
         <!--  实际稽查人  -->
         <template v-slot:actualInspector="{text, record}">
           <div class="table-form" v-if="currentNode === '3'">
-            <a-select v-model="record.actualInspector" style="width: 100%"
+            <a-select v-model="record.actualInspector" style="width: 100%" allowClear
                       :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>

src/views/workCenter/inspectionExtensionRequestProcess/InspectionExtensionRequestProcess.vue

@@ -0,0 +1,230 @@
+<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>
+      <!--  流程表格  -->
+      <extension-request-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 ExtensionRequestTable from '@views/workCenter/inspectionExtensionRequestProcess/modules/ExtensionRequestTable'
+
+// 标准立项的人员信息
+const approvalPersonalInfo = [ // 人员信息的数据
+  {
+    id: 1,
+    nodeName: '稽查负责人申请延期',
+    nodeRoleName: '稽查负责人',
+    canChoose: false,
+    userList: `系统管理员`
+  },
+  {
+    id: 2,
+    nodeName: '负责人主管级领导审批',
+    nodeRoleName: '负责人主管级领导',
+    canChoose: true,
+    chooseType: 'radio',
+    // 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'
+  }
+]
+
+export default {
+  name: 'InspectionExtensionRequestProcess',
+  components: { ExtensionRequestTable, 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: '4',
+      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),
+      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>

src/views/workCenter/inspectionExtensionRequestProcess/modules/ExtensionRequestTable.vue

@@ -0,0 +1,268 @@
+<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:inspectionContactPerson="{text, record}">
+          <div class="table-form" v-if="currentNode === '1'">
+            <a-select v-model="record.inspectionContactPerson" style="width: 100%" allowClear
+                      :placeholder="$t('pleaseSelect')+$t('workCenter.incExtensionRequest.inspectionContactPerson')">
+              <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，显示申请延期和删除，后续不显示操作列 -->
+          <a @click="handleRequestExtension(record, index)" >{{ $t('workCenter.incExtensionRequest.requestExtension') }}</a>
+          <a-divider type="vertical" />
+          <a @click="handleDelete(record, index)" >{{ $t('delete') }}</a>
+        </template>
+      </j-table>
+    </div>
+    <!-- 新增 -->
+    <extension-request-table-modal ref="extensionRequestTableModal" @ok="modalFormOk"/>
+    <!-- 申请延期 -->
+    <request-extension-modal ref="requestExtensionModal" @ok="modalFormOk"/>
+  </div>
+</template>
+
+<script>
+import JTable from '@comp/jero/JTable'
+import { JeroListMixin } from '@/mixins/JeroListMixin'
+import { getUserList } from '@api/api'
+import ExtensionRequestTableModal
+  from '@views/workCenter/inspectionExtensionRequestProcess/modules/ExtensionRequestTableModal'
+import RequestExtensionModal from '@views/workCenter/inspectionExtensionRequestProcess/modules/RequestExtensionModal'
+export default {
+  name: 'ExtensionRequestTable',
+  components: { RequestExtensionModal, ExtensionRequestTableModal, 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.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.incExtensionRequest.state'),
+          align: 'center',
+          width: 120,
+          dataIndex: 'state',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 申请延期日期
+          title: this.$t('workCenter.incExtensionRequest.requestExtensionDate'),
+          align: 'center',
+          width: 120,
+          dataIndex: 'requestExtensionDate',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 延期说明
+          title: this.$t('workCenter.incExtensionRequest.extensionDescription'),
+          align: 'center',
+          width: 120,
+          dataIndex: 'extensionDescription',
+          scopedSlots: { customRender: 'text' }
+        },
+        { // 稽查联络人
+          title: this.$t('workCenter.incExtensionRequest.inspectionContactPerson'),
+          showCodeList: ['1'],
+          align: 'center',
+          width: 200,
+          dataIndex: 'inspectionContactPerson',
+          scopedSlots: { customRender: 'inspectionContactPerson' }
+        },
+        {
+          // 操作
+          fixed: 'right',
+          title: this.$t('operation'),
+          showCodeList: ['1'],
+          // 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 === '1') {
+      this.getUserList()
+    }
+  },
+  methods: {
+    // 申请延期
+    handleRequestExtension (record) {
+      this.$refs.requestExtensionModal.edit(record)
+    },
+    // 返回用户列表
+    getUserList () {
+      getUserList({ pageNo: -1, pageSize: -1, order: 'desc', column: 'createTime' }).then(res => {
+        if (res.success) {
+          this.userList = res.result.records || []
+        }
+      })
+    },
+    // 跳转详情
+    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()
+    },
+    // 获取向上第n个父节点
+    getNumParentNode (el, n) {
+      if (n < 1 || el === document.body) {
+        return el.parentNode || document.body
+      }
+      return this.getNumParentNode(el.parentNode, n - 1)
+    },
+    handleAdd () {
+      this.$refs.extensionRequestTableModal.show()
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.table-form {
+  position: relative;
+  /deep/ .ant-calendar-picker {
+    min-width: 130px !important;
+  }
+}
+</style>

src/views/workCenter/inspectionExtensionRequestProcess/modules/ExtensionRequestTableModal.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 { JeroListMixin } from '@/mixins/JeroListMixin'
+import JTable from '@comp/jero/JTable'
+
+export default {
+  name: 'ExtensionRequestTableModal',
+  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>

src/views/workCenter/inspectionExtensionRequestProcess/modules/RequestExtensionModal.vue

@@ -0,0 +1,99 @@
+<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="requestExtensionDate"
+          :label="$t('workCenter.incExtensionRequest.requestExtensionDate')">
+          <j-date date-format="YYYY-MM-DD" style="width: 100%" showType="day"
+                  :placeholder="$t('pleaseSelect') + $t('workCenter.incExtensionRequest.requestExtensionDate')"
+                  v-model="form.requestExtensionDate" />
+        </a-form-model-item>
+        <!-- 执行情况 -->
+        <a-form-model-item
+          :labelCol="labelCol"
+          :wrapperCol="wrapperCol"
+          prop="extensionDescription"
+          :label="$t('workCenter.incExtensionRequest.extensionDescription')">
+          <a-textarea :placeholder="$t('pleaseEnter') + $t('workCenter.incExtensionRequest.extensionDescription')"
+                      :maxLength="500"
+                      :rows="4"
+                      v-model="form.extensionDescription"/>
+        </a-form-model-item>
+      </a-form-model>
+    </a-spin>
+  </j-modal>
+</template>
+
+<script>
+export default {
+  name: 'RequestExtensionModal',
+  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: {
+        requestExtensionDate: [
+          { required: true, message: this.$t('pleaseSelect') + this.$t('workCenter.incExtensionRequest.requestExtensionDate'), trigger: 'change' }
+        ]
+        // extensionDescription: [
+        //   { required: true, message: this.$t('pleaseEnter') + this.$t('workCenter.incExtensionRequest.extensionDescription'), 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()
+    },
+    close () {
+      this.$emit('close')
+      this.visible = false
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>