add 企标稽查整改

2023-11-02 10:33:26 +08:00
parent a035ac63aa
commit 6d6e1fa505
7 changed files with 603 additions and 13 deletions
@@ -232,11 +232,6 @@ module.exports = {
    creator: '创建人',
    initiator: '发起人',
    departOpinion: '所属部门意见',
-    node1: '稽查联络人发起计划',
-    node2: '稽查征求意见对象填写征求意见',
-    node3: '稽查联络人汇总',
-    node4: '相关人员会签',
-    node5: '联络人主管级领导批准',
    opinion: '意见',
    writeOpinion: '填写意见',
    solicitOpinion: '征求意见',
@@ -280,5 +275,21 @@ module.exports = {
    requestExtensionDate: '申请延期日期',
    extensionDescription: '延期说明',
    inspectionContactPerson: '稽查联络人'
+  },
+  // 企标稽查整改
+  esInspectionRectification: {
+    inspectionBasis: '稽查依据',
+    accordingToTerms: '依据条款',
+    standardContentOrDemand: '标准内容或要求',
+    rectificationUnit: '整改单位',
+    nonCompliantDescription: '不符合项描述',
+    rectificationMeasures: '整改措施',
+    rectificationDirector: '整改负责人',
+    planDoneDate: '计划完成日期',
+    operationType: '操作类型',
+    rectificationResults: '整改结果',
+    file: '附件',
+    requestExtensionDate: '申请延期日期',
+    extensionDescription: '延期说明'
  }
 }
@@ -249,11 +249,6 @@ module.exports = {
    creator: '创建人',
    initiator: '发起人',
    departOpinion: '所属部门意见',
-    node1: '稽查联络人发起计划',
-    node2: '稽查征求意见对象填写征求意见',
-    node3: '稽查联络人汇总',
-    node4: '相关人员会签',
-    node5: '联络人主管级领导批准',
    opinion: '意见',
    writeOpinion: '填写意见',
    solicitOpinion: '征求意见',
@@ -297,5 +292,21 @@ module.exports = {
    requestExtensionDate: '申请延期日期',
    extensionDescription: '延期说明',
    inspectionContactPerson: '稽查联络人'
+  },
+  // 企标稽查整改
+  esInspectionRectification: {
+    inspectionBasis: '稽查依据',
+    accordingToTerms: '依据条款',
+    standardContentOrDemand: '标准内容或要求',
+    rectificationUnit: '整改单位',
+    nonCompliantDescription: '不符合项描述',
+    rectificationMeasures: '整改措施',
+    rectificationDirector: '整改负责人',
+    planDoneDate: '计划完成日期',
+    operationType: '操作类型',
+    rectificationResults: '整改结果',
+    file: '附件',
+    requestExtensionDate: '申请延期日期',
+    extensionDescription: '延期说明'
  }
 }
@@ -164,7 +164,7 @@ export default {
    },
    // 点击选择按钮
    workGroupClick () {
-      this.$refs.workGroupSelectionModal.show()
+      this.$refs.workGroupSelectionModal.show(this.textVals)
    },
    // 输入框输入监听
    indexClick (event) {
@@ -96,10 +96,32 @@ export default {
    }
  },
  methods: {
-    show () {
+    show (textVals) {
      this.visible = true
      this.checkedRows = []
      this.checkedKeys = []
+      if (textVals) {
+        this.$nextTick(() => {
+          const nodes = this.findKeysByNodes(textVals.split(','))
+          this.checkedRows = nodes
+          this.checkedKeys = nodes.map(item => item.key)
+        })
+      }
+    },
+    findKeysByNodes (titles) {
+      const nodes = []
+      function searchTree (node) {
+        if (titles.includes(node.title)) {
+          nodes.push(node)
+        }
+        if (node.children) {
+          for (const child of node.children) {
+            searchTree(child)
+          }
+        }
+      }
+      searchTree(this.treeData[0])
+      return nodes
    },
    // 处理工作组树数据结构
    dealTreeData (treeData) {
@@ -99,7 +99,7 @@ export default {
            },
            { // 企标稽查整改
              title: this.$t('workCenter.newProcess.enterpriseStandardInspectionAndRectification'),
-              path: ''
+              path: '/workCenter/EnterpriseStandardInspectionRectification'
            },
            { // 权限申请流程
              title: this.$t('workCenter.newProcess.permissionApplicationProcess'),
@@ -0,0 +1,231 @@
+<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
+                       :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>
+
+      <!--  基本信息  -->
+      <base-info-form :disabled="currentNode > 1"/>
+
+      <!--  流程审批信息  -->
+      <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 BaseInfoForm from '@views/workCenter/enterpriseStandardInspectionRectification/modules/BaseInfoForm'
+
+// 标准立项的人员信息
+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: 'EnterpriseStandardInspectionRectification',
+  components: { BaseInfoForm, 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: '2',
+      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>
@@ -0,0 +1,315 @@
+<template>
+  <a-form-model :model="formInline" class="form-add" :rules="rules" ref="ruleForm">
+    <div class="collapsible-panel-form">
+      <div class="form-flex-box collapsible-panel-form-content collapsible-content-no-head">
+        <!--  稽查依据  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text">
+            <span class="title-text-text" :title="$t('workCenter.esInspectionRectification.inspectionBasis')">
+              {{ $t('workCenter.esInspectionRectification.inspectionBasis') }}
+            </span>
+          </div>
+          <a-form-model-item class="item-model">
+            <span>{{ formInline.inspectionBasis }}</span>
+          </a-form-model-item>
+        </div>
+        <!--  依据条款  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text">
+            <span class="title-text-text" :title="$t('workCenter.esInspectionRectification.accordingToTerms')">
+              {{ $t('workCenter.esInspectionRectification.accordingToTerms') }}
+            </span>
+          </div>
+          <a-form-model-item class="item-model">
+            <span>{{ formInline.accordingToTerms }}</span>
+          </a-form-model-item>
+        </div>
+        <!--  标准内容或要求  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text">
+            <span class="title-text-text" :title="$t('workCenter.esInspectionRectification.standardContentOrDemand')">
+              {{ $t('workCenter.esInspectionRectification.standardContentOrDemand') }}
+            </span>
+          </div>
+          <a-form-model-item class="item-model">
+            <span>{{ formInline.standardContentOrDemand }}</span>
+          </a-form-model-item>
+        </div>
+        <!--  整改单位  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text">
+            <span class="title-text-text" :title="$t('workCenter.esInspectionRectification.rectificationUnit')">
+              {{ $t('workCenter.esInspectionRectification.rectificationUnit') }}
+            </span>
+          </div>
+          <a-form-model-item class="item-model">
+            <span>{{ formInline.rectificationUnit }}</span>
+          </a-form-model-item>
+        </div>
+        <!--  不符合项描述  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text">
+            <span class="title-text-text" :title="$t('workCenter.esInspectionRectification.nonCompliantDescription')">
+              {{ $t('workCenter.esInspectionRectification.nonCompliantDescription') }}
+            </span>
+          </div>
+          <a-form-model-item class="item-model">
+            <span>{{ formInline.nonCompliantDescription }}</span>
+          </a-form-model-item>
+        </div>
+        <!--  整改措施  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text">
+            <span class="title-text-text" :title="$t('workCenter.esInspectionRectification.rectificationMeasures')">
+              {{ $t('workCenter.esInspectionRectification.rectificationMeasures') }}
+            </span>
+          </div>
+          <a-form-model-item class="item-model">
+            <span>{{ formInline.rectificationMeasures }}</span>
+          </a-form-model-item>
+        </div>
+        <!--  整改负责人  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text">
+            <span class="title-text-text" :title="$t('workCenter.esInspectionRectification.rectificationDirector')">
+              {{ $t('workCenter.esInspectionRectification.rectificationDirector') }}
+            </span>
+          </div>
+          <a-form-model-item class="item-model">
+            <span>{{ formInline.rectificationDirector }}</span>
+          </a-form-model-item>
+        </div>
+        <!--  计划完成日期  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text">
+            <span class="title-text-text" :title="$t('workCenter.esInspectionRectification.planDoneDate')">
+              {{ $t('workCenter.esInspectionRectification.planDoneDate') }}
+            </span>
+          </div>
+          <a-form-model-item class="item-model">
+            <span>{{ formInline.planDoneDate }}</span>
+          </a-form-model-item>
+        </div>
+      </div>
+    </div>
+    <div class="collapsible-panel-form">
+      <div class="form-flex-box collapsible-panel-form-content collapsible-content-no-head">
+        <!--  操作类型  -->
+        <div class="box-title-text form-flex-item">
+          <div class="title-text">
+            <span class="required">*</span>
+            <span class="title-text-text" :title="$t('workCenter.esInspectionRectification.operationType')">
+              {{ $t('workCenter.esInspectionRectification.operationType') }}
+            </span>
+          </div>
+          <a-form-model-item class="item-model" prop="operationType">
+            <j-dict-select-tag class="box-input"
+                               :disabled="disabled"
+                               @change="changeOperationType"
+                               v-model="formInline.operationType"
+                               :placeholder="$t('pleaseSelect')+$t('workCenter.esInspectionRectification.operationType')"
+                               :triggerChange="false"
+                               dictCode="yn" />
+          </a-form-model-item>
+        </div>
+        <template v-if="operationType === '1'">
+          <!--  整改结果  -->
+          <div class="box-title-text form-flex-item">
+            <div class="title-text">
+              <span class="required">*</span>
+              <span class="title-text-text" :title="$t('workCenter.esInspectionRectification.rectificationResults')">
+                {{ $t('workCenter.esInspectionRectification.rectificationResults') }}
+              </span>
+            </div>
+            <a-form-model-item class="item-model" prop="rectificationResults">
+              <a-textarea :maxLength="500"
+                          :placeholder="$t('pleaseSelect')+$t('workCenter.esInspectionRectification.rectificationResults')"
+                          :rows="4"
+                          v-model="formInline.rectificationResults" />
+            </a-form-model-item>
+          </div>
+          <!--  附件  -->
+          <div class="box-title-text form-flex-item">
+            <div class="title-text">
+            <span class="title-text-text" :title="$t('workCenter.esInspectionRectification.file')">
+              {{ $t('workCenter.esInspectionRectification.file') }}
+            </span>
+            </div>
+            <a-form-model-item class="item-model" prop="file">
+              <a-button type="primary" class="button-text" @click="clickButtonToUpload" :disabled="disabled">
+                {{
+                  (formInline.file === 'null' || formInline.file === '' || formInline.file === null || formInline.file === undefined)
+                    ? $t('uploadFile.clickUpload')
+                    : $t('uploadFile.viewUploadedFiles')
+                }}
+              </a-button>
+            </a-form-model-item>
+          </div>
+        </template>
+        <template v-else-if="operationType === '0'">
+          <!--  申请延期日期  -->
+          <div class="box-title-text form-flex-item">
+            <div class="title-text">
+              <span class="required">*</span>
+              <span class="title-text-text" :title="$t('workCenter.esInspectionRectification.requestExtensionDate')">
+                {{ $t('workCenter.esInspectionRectification.requestExtensionDate') }}
+              </span>
+            </div>
+            <a-form-model-item class="item-model" prop="requestExtensionDate">
+              <j-date date-format="YYYY-MM-DD" style="width: 100%" showType="day" :disabled="disabled"
+                      :placeholder="$t('pleaseSelect') + $t('workCenter.esInspectionRectification.requestExtensionDate')"
+                      v-model="formInline.requestExtensionDate" />
+            </a-form-model-item>
+          </div>
+          <!--  延期说明  -->
+          <div class="box-title-text form-flex-item">
+            <div class="title-text">
+              <span class="required">*</span>
+              <span class="title-text-text" :title="$t('workCenter.esInspectionRectification.extensionDescription')">
+                {{ $t('workCenter.esInspectionRectification.extensionDescription') }}
+              </span>
+            </div>
+            <a-form-model-item class="item-model" prop="extensionDescription">
+              <a-textarea :maxLength="500"
+                          :placeholder="$t('pleaseSelect')+$t('workCenter.esInspectionRectification.extensionDescription')"
+                          :rows="4"
+                          :disabled="disabled"
+                          v-model="formInline.extensionDescription" />
+            </a-form-model-item>
+          </div>
+        </template>
+      </div>
+    </div>
+    <!--  上传  -->
+    <upload-file ref="uploadFile" @change="uploadFileChange" :return-url="false"></upload-file>
+  </a-form-model>
+</template>
+
+<script>
+import { StandardSource } from '@/enums/commonEnums'
+import UploadFile from '@comp/UploadFile'
+
+export default {
+  name: 'BaseInfoForm',
+  components: { UploadFile },
+  props: {
+    disabled: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
+  },
+  data () {
+    return {
+      StandardSource,
+      formInline: {},
+      // 操作类型
+      operationType: null,
+      rules: {
+        // 操作类型
+        operationType: [
+          {
+            required: true,
+            message: this.$t('workCenter.esInspectionRectification.operationType') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ],
+        // 整改结果
+        rectificationResults: [
+          {
+            required: true,
+            message: this.$t('workCenter.esInspectionRectification.rectificationResults') + this.$t('cannotEmpty'),
+            trigger: 'blur'
+          }
+        ],
+        // 申请延期日期
+        requestExtensionDate: [
+          {
+            required: true,
+            message: this.$t('workCenter.esInspectionRectification.requestExtensionDate') + this.$t('cannotEmpty'),
+            trigger: 'change'
+          }
+        ],
+        // 延期说明
+        extensionDescription: [
+          {
+            required: true,
+            message: this.$t('workCenter.esInspectionRectification.extensionDescription') + this.$t('cannotEmpty'),
+            trigger: 'blur'
+          }
+        ]
+      }
+    }
+  },
+  methods: {
+    changeOperationType (val) {
+      this.$refs.ruleForm.clearValidate()
+      this.operationType = val
+    },
+    // 拿到外面传进来的数据初始化，因为套了几层就不在外层初始化数据了
+    initData (data) {
+      this.data = data
+      // 给表单赋值
+      // this.formInline =
+    },
+    // 外层要获取数据
+    getData () {
+      // 把数据抛出，在线编辑不知道要不要抛
+      const data = {}
+      data.formInline = this.formInline
+      return data
+    },
+    // 外层获取数据要过校验,返回false表示没有通过校验
+    getDataValidate (callback) {
+      this.$refs.ruleForm.validate(valid => {
+        if (valid) {
+          const data = {}
+          data.formInline = this.formInline
+          callback(data)
+        }
+      })
+    },
+    // 选完企标编号了，需要回显内容,返回流程名称
+    listChange (value) {
+      console.log(value)
+      // 企标名称
+      this.formInline.enStandardName = value[0].standardName
+      this.$emit('processNameChange', (this.formInline.enStandardNo || '') + '-' + (this.formInline.enStandardName || '') + '-' + '废止')
+    },
+    // 点击点击上传按钮
+    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(',')
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import '~@assets/less/common.less';
+.collapsible-content-no-head {
+  border-top: 1px solid #E5E6EB;
+  border-radius: 8px 8px 8px 8px;
+}
+// 无边框无背景
+.readonly-transparent {
+  background-color: transparent;
+  border-color: transparent;
+  &:hover {
+    cursor: default;
+    background-color: transparent;
+    border-color: transparent;
+  }
+}
+</style>