From f5145baa2ebf195d8c9a06052f8f02ac20ff6998 Mon Sep 17 00:00:00 2001
From: zhaomeijing <3223191529@qq.com>
Date: Sat, 7 May 2022 00:20:14 +0800
Subject: [PATCH] =?UTF-8?q?[update]=20=E8=AE=A4=E8=AF=81=E5=8F=82=E6=95=B0?=
 =?UTF-8?q?=E6=94=B6=E9=9B=86-=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jero-web/src/common/lang/en-us.js             |   2 +
 jero-web/src/common/lang/zh-cn.js             |   2 +
 .../components/TaskParameterCollection.vue    |  16 +-
 .../projectManagement/dialog/configure.vue    | 533 ++++++++++++++++++
 4 files changed, 552 insertions(+), 1 deletion(-)
 create mode 100644 jero-web/src/views/projectManagement/dialog/configure.vue

diff --git a/jero-web/src/common/lang/en-us.js b/jero-web/src/common/lang/en-us.js
index 6ccd21d38..14c36566a 100644
--- a/jero-web/src/common/lang/en-us.js
+++ b/jero-web/src/common/lang/en-us.js
@@ -705,6 +705,8 @@ module.exports = {
   uploadTime: 'Upload time',
   enclosure: 'enclosure',
   // 认证
+  historicalVersion: 'historical Version',
+  configure: 'configure',
   parameter: 'parameter',
   changeExtension: 'change Extension',
   detailedList: 'detailedList',
diff --git a/jero-web/src/common/lang/zh-cn.js b/jero-web/src/common/lang/zh-cn.js
index 34867ed23..14bdbbbc7 100644
--- a/jero-web/src/common/lang/zh-cn.js
+++ b/jero-web/src/common/lang/zh-cn.js
@@ -712,6 +712,8 @@ module.exports = {
   uploadTime:'上传时间',
   enclosure:'附件',
   // 认证
+  historicalVersion: '历史版本',
+  configure: '配置',
   parameter: '参数',
   changeExtension: '变更扩展',
   detailedList: '清单',
diff --git a/jero-web/src/views/projectManagement/components/TaskParameterCollection.vue b/jero-web/src/views/projectManagement/components/TaskParameterCollection.vue
index 8ad340c2c..9361d5352 100644
--- a/jero-web/src/views/projectManagement/components/TaskParameterCollection.vue
+++ b/jero-web/src/views/projectManagement/components/TaskParameterCollection.vue
@@ -51,8 +51,10 @@
         :rowSelection='{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}'
         @change='handleTableChange'>
           <span slot="operation" slot-scope="text,record">
+            <a class="text-operation" @click="configure(record)">{{$t('configure')}}</a>
             <a class="text-operation" @click="edit(record)">{{$t('edit')}}</a>
             <a class="text-operation" @click="deleteLib(record)">{{$t('deleteLib')}}</a>
+            <a class="text-operation" @click="historicalVersion(record)">{{$t('historicalVersion')}}</a>
         </span>
       </a-table>
     </div>
@@ -71,6 +73,7 @@
       <parameter-template v-if='areaVisible' @areaVisible='handleCancel' :templateTitle='templatetitle'
                           :selectedRowKeyS='selectedRowKeys' :rowId='rowId' :version='version'></parameter-template>
     </a-modal>
+    <configure ref="configureRef"/>
   </a-card>
 </template>
 
@@ -78,13 +81,15 @@
   import ImportFile from '@/components/ImportFile/index'
   import ParameterTemplate from '../dialog/ParameterTemplate'
   import { getAction,postAction } from '../../../api/manage'
+  import Configure from '../dialog/configure'
   import axios from 'axios'
 
   export default {
     name: 'TaskParameterCollection',
     components:{
       ImportFile,
-      ParameterTemplate
+      ParameterTemplate,
+      Configure
     },
     data(){
        return{
@@ -145,6 +150,7 @@
          loading: false,
          dataSource: [],
          areaVisible: false, // 弹框的控制
+         configureareaVisible: false, // 配置的彈框
          pageNo: 1,
          pageSize: 10,
          total: 0,
@@ -177,6 +183,14 @@
       },
       handleTableChange() {
 
+      },
+      //
+      historicalVersion() {
+
+      },
+      // 配置
+      configure() {
+        this.$refs.configureRef.addModel()
       },
       handleCancel(val) {
         this.areaVisible = val
diff --git a/jero-web/src/views/projectManagement/dialog/configure.vue b/jero-web/src/views/projectManagement/dialog/configure.vue
new file mode 100644
index 000000000..3f79b2e9e
--- /dev/null
+++ b/jero-web/src/views/projectManagement/dialog/configure.vue
@@ -0,0 +1,533 @@
+<template>
+  <div>
+    <a-drawer
+      :title="title"
+      :maskClosable="false"
+      :width="1000"
+      placement="right"
+      :closable="true"
+      @close="handleCancel"
+      :visible="visible"
+      style="height: 100%;overflow: auto;padding-bottom: 53px;">
+      <a-spin :spinning="confirmLoading">
+        <a-form-model :model="formInline" class="formAdd" :rules="rules" ref="ruleForm">
+          <a-row :gutter="24">
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('NiONumber')">{{$t('NiONumber')}}</span>
+                </div>
+<!--                <a-form-model-item class="itemModel" prop="nioNumber">-->
+<!--                  <a-input class="box-input"-->
+<!--                           :disabled="disabled"-->
+<!--                           v-model="formInline.nioNumber"-->
+<!--                           :placeholder="$t('PleaseEnter')+$t('NiONumber')"/>-->
+<!--                </a-form-model-item>-->
+              </div>
+            </a-col>
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="title-text-text" :title="$t('Required')">{{$t('Required')}}</span>
+                </div>
+<!--                <a-form-model-item class="itemModel" prop="isMust">-->
+<!--                  <a-select :placeholder="$t('PleaseSelect')+$t('Required')" v-model='formInline.isMust'>-->
+<!--                    <a-select-option :key="'1'" :value="'1'">{{$t('yes')}}-->
+<!--                    </a-select-option>-->
+<!--                    <a-select-option :key="'0'" :value="'0'">{{$t('not')}}-->
+<!--                    </a-select-option>-->
+<!--                  </a-select>-->
+<!--                </a-form-model-item>-->
+              </div>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24">
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('ParameterName')">{{$t('ParameterName')}}</span>
+                </div>
+<!--                <a-form-model-item class="itemModel" prop="paramsName">-->
+<!--                  <a-input class="box-input"-->
+<!--                           :disabled="disabled"-->
+<!--                           v-model="formInline.paramsName"-->
+<!--                           :placeholder="$t('PleaseEnter')+$t('ParameterName')"/>-->
+<!--                </a-form-model-item>-->
+              </div>
+            </a-col>
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="title-text-text" :title="$t('technicalField')">{{$t('technicalField')}}</span>
+                </div>
+<!--                <a-form-model-item class="itemModel" prop="technologyTerritory">-->
+<!--                  <a-tree-select-->
+<!--                    v-model="formInline.technologyTerritory"-->
+<!--                    :maxTagCount="1"-->
+<!--                    class="box-input"-->
+<!--                    style="width: 100%"-->
+<!--                    :tree-data="CategoryTreeList"-->
+<!--                    tree-checkable-->
+<!--                    :placeholder="$t('PleaseSelect')+$t('technicalField')"-->
+<!--                  />-->
+<!--                </a-form-model-item>-->
+              </div>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24">
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('parameterBatch')">{{$t('parameterBatch')}}</span>
+                </div>
+<!--                <a-form-model-item class="itemModel" prop="paramsBatch">-->
+<!--                  <j-dict-select-tag class="box-input" v-model="formInline.paramsBatch"-->
+<!--                                     :disabled="disabled"-->
+<!--                                     :placeholder="$t('PleaseSelect')+$t('parameterBatch')"-->
+<!--                                     :type="'select'"-->
+<!--                                     :triggerChange="false" :dictCode="'params_batch'"/>-->
+<!--                </a-form-model-item>-->
+              </div>
+            </a-col>
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="title-text-text" :title="$t('areaOfResponsibility')">{{$t('areaOfResponsibility')}}</span>
+                </div>
+<!--                <a-form-model-item class="itemModel" prop="dutyTerritory">-->
+<!--                  <j-dict-select-tag class="box-input" v-model="formInline.dutyTerritory"-->
+<!--                                     :disabled="disabled"-->
+<!--                                     :placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')"-->
+<!--                                     :type="'select'"-->
+<!--                                     :triggerChange="false" :dictCode="'duty_territory'"/>-->
+<!--                </a-form-model-item>-->
+              </div>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24">
+            <a-col :span="24">
+              <div class="box-title-text">
+                <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('ParameterDescription')">{{$t('ParameterDescription')}}</span>
+                </div>
+<!--                <a-form-model-item class="itemModel" prop="description">-->
+<!--                  <a-input class="box-input"-->
+<!--                           :disabled="disabled"-->
+<!--                           v-model="formInline.description"-->
+<!--                           :placeholder="$t('PleaseEnter')+$t('ParameterDescription')"/>-->
+<!--                </a-form-model-item>-->
+              </div>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24">
+            <a-col :span="24">
+              <div class="box-title-text">
+                <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('ParameterName')">{{$t('certificationCategory')}}</span>
+                </div>
+<!--                <a-form-model-item class="itemModel" prop="certCategory">-->
+<!--                  <j-multi-select-tag class="box-input" v-model="formInline.certCategory"-->
+<!--                                      @change='Onchange'-->
+<!--                                      v-on:changelabel='Onchangelabel'-->
+<!--                                      :disabled="disabled"-->
+<!--                                      :placeholder="$t('PleaseSelect')+$t('certificationCategory')"-->
+<!--                                      :type="'checkbox'"-->
+<!--                                      :triggerChange="false" :dictCode="'cert_category'"/>-->
+<!--                </a-form-model-item>-->
+              </div>
+            </a-col>
+          </a-row>
+          <a-row :gutter="24">
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('controlType')">{{$t('controlType')}}</span>
+                </div>
+<!--                <a-form-model-item class="itemModel" prop="controlType">-->
+<!--                  <a-select :placeholder="$t('PleaseSelect')+$t('controlType')" v-model="formInline.controlType">-->
+<!--                    <a-select-option v-for="(item, key) in controlType" :key="key" :value="item.value">-->
+<!--                    <span style="display: inline-block;width: 100%" :title=" item.label ">-->
+<!--                      {{ item.label }}-->
+<!--                    </span>-->
+<!--                    </a-select-option>-->
+<!--                  </a-select>-->
+<!--                </a-form-model-item>-->
+              </div>
+            </a-col>
+            <a-col :span="12">
+              <div class="box-title-text">
+                <div class="title-text">
+                  <span class="title-text-text" :title="$t('controlVerification')">{{$t('controlVerification')}}</span>
+                </div>
+<!--                <a-form-model-item class="itemModel" prop="technologyTerritory">-->
+<!--                  <a-select :placeholder="$t('PleaseSelect')+$t('controlVerification')" v-model="formInline.controlVerify">-->
+<!--                    <a-select-option v-for="(item, key) in controlVerification" :key="key" :value="item.value">-->
+<!--                    <span style="display: inline-block;width: 100%" :title=" item.label ">-->
+<!--                      {{ item.label }}-->
+<!--                    </span>-->
+<!--                    </a-select-option>-->
+<!--                  </a-select>-->
+<!--                </a-form-model-item>-->
+              </div>
+            </a-col>
+          </a-row>
+        </a-form-model>
+      </a-spin>
+      <div class="drawer-bootom-button">
+        <a-button style="margin-right: .8rem" @click="handleCancel">{{$t('cancel')}}</a-button>
+        <a-button @click="handleSubmit" type="primary" :loading="confirmLoading">{{$t('submit')}}</a-button>
+      </div>
+    </a-drawer>
+    <uploadFile ref="uploadFile" @uploadSuccess="uploadSuccess"></uploadFile>
+  </div>
+</template>
+
+<script>
+import PersonnelSelection from '@/components/PersonnelSelection/index'
+import { getAction, postAction, downloadFile, putAction } from '@/api/manage'
+import uploadFile from '@/components/uploadFile/file'
+export default {
+  name: 'addModel',
+  components: {
+    uploadFile,
+    PersonnelSelection
+  },
+  props: ['url'],
+  data() {
+    return {
+      controlType: [ // 控件类型
+        {value:'1', label: '文本' },
+        {value:'2', label: '下拉单选' },
+        {value:'3', label: '下拉多选' },
+        {value:'4', label: '附件' },
+        {value:'5', label: '文本+下拉单选' },
+        {value:'6', label: '文本+下拉多选' },
+        {value:'7', label: '文本+附件' },
+        {value:'8', label: '下拉单选+附件' },
+        {value:'9', label: '下拉多选+附件' },
+        {value:'10', label: '文本+下拉单选+附件' },
+      ],
+      controlVerification: [ // 控件校验
+        {value:'1', label: '无' },
+        {value:'2', label: '中文' },
+        {value:'3', label: '正整数' },
+        {value:'4', label: '正浮点数' },
+        {value:'5', label: '整数或小数' },
+        {value:'6', label: '一位小数' },
+        {value:'7', label: '两位小数' },
+        {value:'8', label: '三位小数' },
+        {value:'9', label: '四位小数' },
+      ],
+      CategoryTreeList: [], // 技术领域
+      certCategoryParamsInfoEOList: [], // 认证类别得tab栏
+      formInline: {},
+      confirmLoading: false,
+      visible: false,
+      rules: {
+        nioNumber:[
+          { required: true, message: this.$t('PleaseEnter')+this.$t('NiONumber'), trigger: 'change' },
+          // {
+          //   pattern: /(?!^\d+$)(?!^[a-zA-Z]+$)[0-9a-zA-Z]{1,15}/,
+          //   message: this.$t('onlyThree'),
+          //   trigger: 'change'
+          // }
+        ],
+        isMust: [
+          { required: true, message: this.$t('pleaseSelect')+this.$t('Required'), trigger: 'change' },
+        ],
+        paramsName: [
+          { required: true, message: this.$t('pleaseSelect')+this.$t('Required'), trigger: 'change' },
+          { min:1, max: 30, message: this.$t('cantExeed')+'30'+this.$t('characters'), trigger: 'blur' },
+        ],
+        technologyTerritory: [
+          { required: true, message: this.$t('pleaseSelect')+this.$t('technicalField'), trigger: 'change' },
+        ],
+        paramsBatch: [
+          { required: true, message: this.$t('PleaseSelect')+this.$t('parameterBatch'), trigger: 'change' },
+        ],
+        dutyTerritory: [
+          { required: true, message: this.$t('PleaseSelect')+this.$t('areaOfResponsibility'), trigger: 'change' },
+        ],
+        description: [
+          { min:1, max: 200, message: this.$t('cantExeed')+'200'+this.$t('characters'), trigger: 'blur' },
+        ],
+        controlType: [
+          { required: true, message: this.$t('pleaseSelect')+this.$t('controlType'), trigger: 'change' },
+        ],
+        controlValues: [
+          { required: true, message: this.$t('PleaseEnter')+this.$t('controlAlternatives'), trigger: 'change' },
+          { min:1, max: 500, message: this.$t('cantExeed')+'500'+this.$t('characters'), trigger: 'blur' },
+        ],
+      },
+      disabled: false,
+      projectNameList: [],
+      title: '',
+      stateOne: '',
+      contentList : []
+    }
+  },
+  mounted() {
+    this.getNameList()
+    this.getSysCategoryTree()
+  },
+  methods: {
+    uploadSuccess(data) {
+      let attIdList = []
+      if (data && data.length > 0) {
+        data.map(item => {
+          attIdList.push(item.id || data.name)
+        })
+      }
+      this.$refs.uploadFile.visible = false
+      /** 赋值给当前对应的表单文件 */
+      this.formInline.fileTemplateConnectId = attIdList.join(',')
+      this.formInline = { ...this.formInline }
+    },
+    clickButtonToUpload(item) {
+      this.$refs.uploadFile.visible = true
+      getAction('sys/common/getFileInfos', { id: this.formInline[item] }).then((res) => {
+        if (res.success) {
+          this.$refs.uploadFile.perentHandleFunc(res.result)
+        } else {
+          this.$refs.uploadFile.perentHandleFunc()
+        }
+      })
+    },
+    // Onchangelabel(val) {
+    //   let _tt = []
+    //   console.log(val,'val,,,,')
+    //   // this.formInline.certCategoryParamsInfoEOList = []
+    //   val.forEach((item) => {
+    //     _tt.push({
+    //       textVal: item.text, // tab
+    //       certCategory: '', // 所属认证类别
+    //       paramsNumber: '', // 编号
+    //       paramsName: '', // 参数名称
+    //       description: ''// 参数说明
+    //     })
+    //   })
+    //   this.contentList = _tt
+    // },
+    Onchange() {
+
+    },
+    callback() {
+
+    },
+    getSysCategoryTree() {
+      getAction('/sys/category/getSysCategoryTree', {}).then((res) => {
+        if (res.success) {
+          this.CategoryTreeList = res.result
+        } else {
+          this.CategoryTreeList = []
+        }
+      })
+    },
+    getNameList() {
+      getAction('project/projectNameInfoEO/list', {}).then((res) => {
+        if (res.success) {
+          this.projectNameList = res.result || []
+        } else {
+          this.projectNameList = []
+        }
+      })
+    },
+    addModel() {
+      this.visible = true
+      this.title = '新增'
+      this.formInline = {}
+    },
+    editModel(value) {
+      this.visible = true
+      this.title = '编辑'
+      this.$nextTick(() => {
+        this.formInline = value
+      })
+      // if(value.certCategoryParamsInfoEOList.length > 0 ) {
+      //    this.contentList = value.certCategoryParamsInfoEOList
+      // }
+      console.log(this.contentList,'this.contentList')
+      console.log(value.certCategoryParamsInfoEOList,'lllll')
+    },
+    handleCancel() {
+      this.visible = false
+    },
+    handleSubmit() {
+      // 校验nio编号
+      getAction(this.url.checkNIOnumber + `?nioNumber=${this.formInline.nioNumber}`, {} ).then((res) => {
+        if (res) {
+          this.$refs.ruleForm.validate(valid => {
+            if (valid) {
+              let url = ''
+              let Action
+              this.formInline.paramsTemplateId = this.$route.query.id
+              if (this.formInline.id) {
+                url = this.url.edit
+                Action = postAction
+              } else {
+                url = this.url.add
+                Action = postAction
+              }
+              let query = JSON.parse(JSON.stringify(this.formInline))
+              Object.keys(query).forEach(res => {
+                if (query[res] && query[res] instanceof Array) {
+                  query[res] = query[res].join(',')
+                }
+              })
+              let querycontentList = JSON.parse(JSON.stringify(this.contentList))
+              query.certCategoryParamsInfoEOList = querycontentList
+              this.confirmLoading = true
+              Action(url, query).then((res) => {
+                if (res.success) {
+                  this.confirmLoading = false
+                  this.$message.success(this.$t('OperationSuccessful'))
+                  this.visible = false
+                  this.$emit('addModelList')
+                } else {
+                  this.$message.warning(res.message)
+                  this.confirmLoading = false
+                }
+              })
+            }
+          })
+        } else {
+          this.$message.warning(this.$t('NiOnumberalreadyexists'))
+        }
+      })
+    },
+    handleInput(value) {
+      this.$nextTick(() => {
+        this.formInline = { ...this.formInline }
+        this.$refs.ruleForm.validateField([value])
+      })
+    },
+    PersonnelSelectionChange(value, id) {
+      this.formInline[value] = id
+      this.formInline = { ...this.formInline }
+    },
+    projectNameChange(value){
+      console.log(value)
+    },
+  }
+}
+</script>
+<style>
+.formAdd .ant-form-item-label {
+  width: 130px;
+}
+
+.formAdd .ant-form-item-control-wrapper {
+  display: inline-block;
+  width: calc(100% - 130px);
+}
+
+/*.formAdd .ant-form-item {*/
+/*  margin-bottom: 20px;*/
+/*}*/
+
+.itemModel .ant-form-item-control-wrapper {
+  width: 100%;
+}
+
+.box-input .ant-select-selection--single {
+  height: 38px;
+}
+
+.box-input .ant-select-selection--multiple {
+  height: 38px;
+}
+
+.box-input .ant-select-selection__rendered {
+  line-height: 38px;
+  height: 38px;
+}
+
+.box-input .ant-select-selection--multiple .ant-select-selection__rendered > ul > li {
+  margin-top: 6px;
+}
+
+.box-input .ant-calendar-picker {
+  line-height: 38px;
+  height: 38px;
+}
+
+.box-input .ant-calendar-picker-input {
+  height: 38px;
+}
+
+.box-input .ant-input-number-input-wrap {
+  line-height: 38px;
+  height: 38px;
+}
+</style>
+<style scoped>
+.box-title-text {
+  line-height: 1.4;
+  display: flex;
+  /*align-items: center;*/
+}
+
+.title-text {
+  width: 114px;
+  text-align: right;
+  display: inline-block;
+  font-weight: 500;
+  font-size: 14px;
+  margin-right: 16px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  height: 42px;
+  line-height: 48px;
+}
+
+.box-input {
+  display: inline-block;
+  height: 38px;
+  width: 100%;
+}
+
+.itemModel {
+  width: calc(100% - 130px);
+  display: inline-block;
+  margin-top: 2px;
+}
+
+.Required {
+  color: red;
+  margin-right: 4px;
+}
+
+.title-text-text {
+  margin-top: 9px;
+}
+
+
+.formAdd {
+  margin-bottom: 40px;
+}
+
+
+.drawer-bootom-button {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  border-top: 1px solid #e8e8e8;
+  padding: 10px 16px;
+  text-align: right;
+  left: 0;
+  background: #fff;
+  border-radius: 0 0 2px 2px;
+}
+</style>
+<style>
+.ant-input-disabled {
+  color: rgba(0, 0, 0, 0.65) !important;
+}
+</style>
\ No newline at end of file