From b85308bfc8e3fcbf7d3e077607588d72158588d2 Mon Sep 17 00:00:00 2001
From: qq787203167 <787203167@qq.com>
Date: Thu, 30 Jun 2022 19:26:43 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=A6=85=E9=81=93=E5=B7=B2?=
 =?UTF-8?q?=E7=9F=A5bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ParameterLibraryAdd/index.vue  |    1 +
 .../src/components/tableCollection/index.vue  |    2 +-
 .../ParameterTemplate/components/addModel.vue |    4 +-
 .../parameterlist/components/addModel.vue     |   16 +-
 .../ParameterItemCollection/index.vue         |  262 ---
 .../ParameterItemCollectionList.vue           | 1928 +++++++++--------
 .../components/TaskParameterCollection.vue    |    3 +-
 .../projectManagement/dialog/configure.vue    |  616 +++---
 8 files changed, 1331 insertions(+), 1501 deletions(-)
 delete mode 100644 jero-web/src/views/projectManagement/ParameterItemCollection/index.vue

diff --git a/jero-web/src/components/ParameterLibraryAdd/index.vue b/jero-web/src/components/ParameterLibraryAdd/index.vue
index 7c92dfe48..80c226ea3 100644
--- a/jero-web/src/components/ParameterLibraryAdd/index.vue
+++ b/jero-web/src/components/ParameterLibraryAdd/index.vue
@@ -2,6 +2,7 @@
   <div class='diolag-area'>
     <a-spin :spinning='spinLoading'>
       <a-form-model
+        @keyup.enter.native="searchQuery"
         class='tag-module'
         ref='ruleForm'
         :model='form'
diff --git a/jero-web/src/components/tableCollection/index.vue b/jero-web/src/components/tableCollection/index.vue
index 383d55a84..9a6f0ca00 100644
--- a/jero-web/src/components/tableCollection/index.vue
+++ b/jero-web/src/components/tableCollection/index.vue
@@ -395,7 +395,7 @@
                   dataIndex: res.db_field_name,
                   align: 'center',
                   ellipsis: true,
-                  sorter: res.sort
+                  sorter: res.sort,
                 })
                 this.columns[index].scopedSlots = {
                   customRender: 'titleName',
diff --git a/jero-web/src/views/parameter/ParameterTemplate/components/addModel.vue b/jero-web/src/views/parameter/ParameterTemplate/components/addModel.vue
index ad6a8f8f0..4aa13444f 100644
--- a/jero-web/src/views/parameter/ParameterTemplate/components/addModel.vue
+++ b/jero-web/src/views/parameter/ParameterTemplate/components/addModel.vue
@@ -22,7 +22,7 @@
               <a-form-model-item class="itemModel" prop="paramsTemplateName">
                 <a-input class="box-input"
                          :disabled="disabled"
-                         v-model="formInline.paramsTemplateName"
+                         v-model.trim="formInline.paramsTemplateName"
                          :placeholder="$t('PleaseEnter')+$t('parameterTemplate')"/>
               </a-form-model-item>
             </div>
@@ -87,7 +87,7 @@ export default {
       visible: false,
       rules: {
         paramsTemplateName:[
-          { required: true, message: this.$t('PleaseEnter')+this.$t('parameterTemplate'), trigger: 'change' },
+          { required: true, message: this.$t('PleaseEnter')+this.$t('parameterTemplate'), trigger: 'blur' },
           { min:1, max: 50, message: this.$t('cantExeed')+'50'+this.$t('characters'), trigger: 'blur' },
         ],
         description:[
diff --git a/jero-web/src/views/parameter/parameterlist/components/addModel.vue b/jero-web/src/views/parameter/parameterlist/components/addModel.vue
index 5c1c8ec40..eb51bb29e 100644
--- a/jero-web/src/views/parameter/parameterlist/components/addModel.vue
+++ b/jero-web/src/views/parameter/parameterlist/components/addModel.vue
@@ -22,7 +22,7 @@
                 <a-form-model-item class="itemModel" prop="nioNumber">
                   <a-input class="box-input"
                            :disabled="disabled"
-                           v-model="formInline.nioNumber"
+                           v-model.trim="formInline.nioNumber"
                            :placeholder="$t('PleaseEnter')+$t('NNiONumber')"/>
                 </a-form-model-item>
               </div>
@@ -55,7 +55,7 @@
                 <a-form-model-item class="itemModel" prop="paramsName">
                   <a-input class="box-input"
                            :disabled="disabled"
-                           v-model="formInline.paramsName"
+                           v-model.trim="formInline.paramsName"
                            :placeholder="$t('PleaseEnter')+$t('NParameterName')"/>
                 </a-form-model-item>
               </div>
@@ -127,7 +127,7 @@
                            style='height: 95px; width: 100%'
                            type="textarea"
                            :disabled="disabled"
-                           v-model="formInline.description"
+                           v-model.trim="formInline.description"
                            :placeholder="$t('PleaseEnter')+$t('NParameterDescription')"/>
                 </a-form-model-item>
               </div>
@@ -204,7 +204,7 @@
                   <a-input class="box-input add-input"
                            :disabled="disabled"
                            type="textarea"
-                           v-model="formInline.controlValues"
+                           v-model.trim="formInline.controlValues"
                            :placeholder="$t('PleaseEnter')+$t('NcontrolAlternatives')"/>
                 </a-form-model-item>
               </div>
@@ -349,12 +349,12 @@ export default {
       visible: false,
       rules: {
         nioNumber:[
-          { required: true, message: this.$t('PleaseEnter')+this.$t('NiONumber'), trigger: 'change' },
+          { required: true, message: this.$t('PleaseEnter')+this.$t('NiONumber'), trigger: 'blur' },
           { min:1, max: 15, message: this.$t('cantExeed')+'15'+this.$t('characters'), trigger: 'blur' },
           {
             pattern: /^[0-9a-zA-Z-]{1,}$/,
             message: this.$t('onlyThree'),
-            trigger: 'change'
+            trigger: 'blur'
           }
         ],
         certCategory: [
@@ -364,7 +364,7 @@ export default {
           { required: true, message: this.$t('pleaseSelect')+this.$t('Required'), trigger: 'change' },
         ],
         paramsName: [
-          { required: true, message: this.$t('pleaseSelect')+this.$t('ParameterName'), trigger: 'change' },
+          { required: true, message: this.$t('pleaseSelect')+this.$t('ParameterName'), trigger: 'blur' },
           { min:1, max: 30, message: this.$t('cantExeed')+'30'+this.$t('characters'), trigger: 'blur' },
         ],
         technologyTerritory: [
@@ -386,7 +386,7 @@ export default {
           { required: true, message: this.$t('PleaseEnter')+this.$t('controlVerification'), trigger: 'change' },
         ],
         controlValues: [
-          { required: true, message: this.$t('PleaseEnter')+this.$t('controlAlternatives'), trigger: 'change' },
+          { required: true, message: this.$t('PleaseEnter')+this.$t('controlAlternatives'), trigger: 'blur' },
           { min:1, max: 500, message: this.$t('cantExeed')+'500'+this.$t('characters'), trigger: 'blur' },
         ],
       },
diff --git a/jero-web/src/views/projectManagement/ParameterItemCollection/index.vue b/jero-web/src/views/projectManagement/ParameterItemCollection/index.vue
deleted file mode 100644
index b43b77d8c..000000000
--- a/jero-web/src/views/projectManagement/ParameterItemCollection/index.vue
+++ /dev/null
@@ -1,262 +0,0 @@
-<template>
-  <div class="doc-detail">
-    <!--    认证参数收集——清单信息-->
-    <div class="Virtual-detail-header" style="position: fixed;top: 0">
-      <div class="Virtual-detail-title">
-          <span style="line-height: 74px;display: inline-block;float: left">
-            <a-icon type="left-circle" theme="filled" style="margin-right: 6px;font-size: 30px;color: #21c9cc;"/>
-          </span>
-        <span>
-             {{this.title}}
-        </span>
-      </div>
-      <div class="Virtual-detail-text-right" v-if="textTitle === $t('listOfRegulations')">
-        <div class="operator-text" @click="commentClick">
-          <a-icon type="message"/>
-          {{$t('comment')}}
-        </div>
-        <div class="operator-text" @click="historicalVersionClick">
-          <a-icon type="clock-circle"/>
-          {{$t('historicalVersion')}}
-        </div>
-        <div class="operator-text" @click="UpdateLogClick">
-          <a-icon type="reload"/>
-          {{$t('UpdateLog')}}
-        </div>
-      </div>
-    </div>
-    <div style="padding: 67px 0 0 0;background: #ffffff;height:100%">
-      <div class="detail-content" style="height: 100%">
-        <div class="Virtual-detail-left">
-          <div class="Virtual-detail-left-text" :title="$t('projectDetails')"
-               @click="textClick(0,$t('projectDetails'))">
-            <a-icon type="container"/>
-            {{$t('projectDetails')}}
-          </div>
-          <div class="Virtual-detail-left-text" v-has="'projectLawsInventory:list'" :title="$t('listOfRegulations')"
-               @click="textClick(1,$t('listOfRegulations'))">
-            <a-icon type="container"/>
-            {{$t('listOfRegulations')}}
-          </div>
-          <div class="Virtual-detail-left-text" :title="$t('taskList')" @click="textClick(2,$t('taskList'))">
-            <a-icon type="container"/>
-            {{$t('taskList')}}
-          </div>
-          <div class="Virtual-detail-left-text" v-has="'ncrTrack:queryPageInfo'" :title="$t('nonConformance')"
-               @click="textClick(3,$t('nonConformance'))">
-            <a-icon type="container"/>
-            {{$t('nonConformance')}}
-          </div>
-          <div class="Virtual-detail-left-text" :title="$t('TaskParameterCollection')"
-               @click="textClick(4,$t('TaskParameterCollection'))">
-            <a-icon type="container"/>
-            {{$t('TaskParameterCollection')}}
-          </div>
-        </div>
-        <div class="Virtual-detail-right">
-          <ProjectDetailsName @TaskListChange="TaskListChange" v-if="textTitle === $t('projectDetails')"/>
-          <listOfRegulations v-else-if="textTitle === $t('listOfRegulations')"/>
-          <TaskList :isDisplayNum="isDisplayNum" :areaOfResponsibility="areaOfResponsibility"
-                    v-else-if="textTitle === $t('taskList')"/>
-          <ParameterItemCollectionList v-else-if="textTitle === $t('TaskParameterCollection')"
-                                       :paramsManifest='paramsManifest'/>
-          <nonConformance v-else-if="textTitle === $t('nonConformance')"/>
-        </div>
-      </div>
-    </div>
-    <updateLog :url="url" ref="updateLogRef"/>
-    <historicalVersionList ref="historicalVersionListRef"/>
-    <commentList ref="commentListRef"/>
-  </div>
-</template>
-
-<script>
-  import TaskList from '@views/projectManagement/components/TaskList'
-  import listOfRegulations from '@views/projectManagement/components/listOfRegulations'
-  import ProjectDetailsName from '@views/projectManagement/components/ProjectDetails'
-  import ParameterItemCollectionList from '../components/ParameterItemCollectionList'
-  import nonConformance from '@views/projectManagement/components/nonConformance'
-  import updateLog from '@comp/UpdateLog'
-  import historicalVersionList from '@views/projectManagement/components/historicalVersionList'
-  import commentList from '@views/projectManagement/components/commentList'
-  import { getAction, postAction, deleteAction, downloadFile } from '@api/manage'
-
-  export default {
-    name: 'ProjectDetails',
-    components: {
-      TaskList,
-      listOfRegulations,
-      ProjectDetailsName,
-      ParameterItemCollectionList,
-      nonConformance,
-      updateLog,
-      historicalVersionList,
-      commentList
-    },
-    data() {
-      return {
-        title: this.$t('projectDetails'),
-        textTitle: this.$t('TaskParameterCollection'),
-        isDisplayNum: '',
-        areaOfResponsibility: {},
-        url: {
-          logList: '/project/projectLawsInventoryLogEO/page',
-          historicalVersionUrl: '',
-          queryUserPremissionByProjectLibraryId: '/project/projectCertificationDirectoryEO/queryUserPremissionByProjectLibraryId'
-        },
-        paramsManifest: {}
-      }
-    },
-    mounted() {
-      this.textColor()
-      this.getTaskId()
-      // 清单信息
-      this.paramsManifest = JSON.parse(localStorage.getItem('paramsManifest'))
-    },
-    created() {
-      document.title = this.$t('projectDetails') + '-' + this.$route.query.projectName
-    },
-    methods: {
-      textColor() {
-        let textColor = document.getElementsByClassName('Virtual-detail-left-text-color')
-        if (textColor && textColor.length > 0) {
-          textColor[0].classList.remove('Virtual-detail-left-text-color')
-        }
-        let text = document.getElementsByClassName('Virtual-detail-left-text')
-        if (text && text.length > 0) {
-          for (let i = 0; i < text.length; i++) {
-            if (text[i].title == this.$t('TaskParameterCollection')) {
-              text[i].classList.add('Virtual-detail-left-text-color')
-            }
-          }
-        }
-      },
-      textClick(num, name) {
-        this.textTitle = name
-        let textColor = document.getElementsByClassName('Virtual-detail-left-text-color')
-        if (textColor && textColor.length > 0) {
-          textColor[0].classList.remove('Virtual-detail-left-text-color')
-        }
-        let text = document.getElementsByClassName('Virtual-detail-left-text')
-        for (let i = 0; i < text.length; i++) {
-          if (text[i].title == name) {
-            text[i].classList.add('Virtual-detail-left-text-color')
-          } else if (text[i].title == name) {
-            text[i].classList.add('Virtual-detail-left-text-color')
-          } else if (text[i].title == name) {
-            text[i].classList.add('Virtual-detail-left-text-color')
-          } else if (text[i].title == name) {
-            text[i].classList.add('Virtual-detail-left-text-color')
-          } else if (text[i].title == name) {
-            text[i].classList.add('Virtual-detail-left-text-color')
-          }
-        }
-      },
-      UpdateLogClick() {
-        this.$refs.updateLogRef.getList({ projectLibraryId: this.$route.query.id })
-      },
-      historicalVersionClick() {
-        this.$refs.historicalVersionListRef.getList()
-      },
-      commentClick() {
-        this.$refs.commentListRef.getData()
-      },
-      getTaskId() {
-        let query = {
-          projectLibraryId: this.$route.query.id
-        }
-        getAction(this.url.queryUserPremissionByProjectLibraryId, query).then((res) => {
-          if (res.success) {
-            this.isDisplayNum = res.result
-          }
-        })
-      },
-      TaskListChange(item) {
-        this.areaOfResponsibility = item
-        this.textTitle = this.$t('taskList')
-        let textColor = document.getElementsByClassName('Virtual-detail-left-text-color')
-        if (textColor && textColor.length > 0) {
-          textColor[0].classList.remove('Virtual-detail-left-text-color')
-        }
-        let text = document.getElementsByClassName('Virtual-detail-left-text')
-        for (let i = 0; i < text.length; i++) {
-          if (text[i].title == this.$t('taskList')) {
-            text[i].classList.add('Virtual-detail-left-text-color')
-          }
-        }
-      }
-    }
-  }
-</script>
-
-<style lang="less" scoped>
-  @import '~@assets/less/common.less';
-
-  .doc-detail {
-    background: #fff;
-    height: 100%;
-
-    .Virtual-detail-header {
-      width: 100%;
-      height: 68px;
-      line-height: 68px;
-      padding: 0 32px 0 32px;
-      box-sizing: border-box;
-      display: flex;
-      justify-content: space-between;
-      border-bottom: 2px #eff1f3 solid;
-      background: #fff;
-
-      .Virtual-detail-title {
-        display: inline-block;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        overflow: hidden;
-        font-size: 20px;
-        font-weight: 400;
-        color: #040B29;
-        line-height: 68px;
-      }
-
-      .doc-detail-right {
-        width: 800px;
-        line-height: 68px;
-        display: flex;
-      }
-    }
-
-    .Virtual-detail-left {
-      width: 240px;
-      padding: 16px 24px;
-      box-sizing: border-box;
-      font-size: 16px;
-      line-height: 3;
-      float: left;
-
-      .Virtual-detail-left-text {
-        padding: 2px 12px;
-        cursor: pointer;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-    }
-
-    .Virtual-detail-right {
-      border-left: 2px #eff1f3 solid;
-      width: calc(100% - 240px);
-      height: 100%;
-      float: left;
-      overflow: auto;
-    }
-  }
-
-  .Virtual-detail-left-text-color {
-    background: #eff1f3;
-    border-radius: 4px;
-  }
-
-  .Virtual-detail-text-right {
-
-  }
-</style>
\ No newline at end of file
diff --git a/jero-web/src/views/projectManagement/components/ParameterItemCollectionList.vue b/jero-web/src/views/projectManagement/components/ParameterItemCollectionList.vue
index ce51d31e5..35767d708 100644
--- a/jero-web/src/views/projectManagement/components/ParameterItemCollectionList.vue
+++ b/jero-web/src/views/projectManagement/components/ParameterItemCollectionList.vue
@@ -1,161 +1,172 @@
 <template>
-  <a-card :bordered="false">
-    <div class="table-page-search-wrapper doc-detail">
-          <div class="Virtual-detail-header" style="top: 0">
-            <div class="Virtual-detail-title">
-              <span>
-                {{ $t('ParameteItemCollectionList') }}
-              </span>
-            </div>
-          </div>
-      <!--      认证参数收集-参数项收集清单-10控件-->
-      <div class='Virtual-detail-content' style='margin-top: 15px'>
-        <a-form layout="inline" @keyup.enter.native="searchQuery">
-          <a-row :gutter="24" style='margin-left: -90px;'>
-            <a-col :md="6" :sm="8">
-              <div class="box-title-text">
-                <div class="title-text" :title="$t('newNiONumber')">
-                  <span>{{$t('newNiONumber')}}</span>
-                </div>
-                <a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('newNiONumber')"
-                         v-model="formInline.nioNumber"></a-input>
-              </div>
-            </a-col>
-            <a-col :md="6" :sm="8">
-              <div class="box-title-text">
-                <div class="title-text" :title="$t('ParameterName')">
-                  <span>{{$t('ParameterName')}}</span>
-                </div>
-                <a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('ParameterName')"
-                         v-model="formInline.paramsName"></a-input>
-              </div>
-            </a-col>
-            <a-col :md="6" :sm="8">
-              <div class="box-title-text">
-                <div class="title-text" :title="$t('certificationCategory')">
-                  <span>{{$t('certificationCategory')}}</span>
-                </div>
-                <j-dict-select-tag class="box-input" v-model="formInline.certCategory"
-                                   :placeholder="$t('PleaseSelect')+$t('certificationCategory')"
-                                   :type="'select'"
-                                   :triggerChange="false" :dictCode="'cert_category'"/>
-              </div>
-            </a-col>
-            <a-col :md="6" :sm="8">
-              <div class="box-title-text">
-                <div class="title-text" :title="$t('areaOfResponsibility')">
-                  <span>{{$t('areaOfResponsibility')}}</span>
-                </div>
-                <j-dict-select-tag class="box-input" v-model="formInline.dutyTerritory"
-                                   :placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')"
-                                   :type="'select'"
-                                   :triggerChange="false" :dictCode="'duty_territory'"/>
-              </div>
-            </a-col>
-            <a-col :md="6" :sm="8">
-              <div class="box-title-text">
-                <div class="title-text" :title="$t('completedBy')">
-                  <span>{{$t('completedBy')}}</span>
-                </div>
-                <a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('completedBy')"
-                         v-model="formInline.dre"></a-input>
-              </div>
-            </a-col>
-            <span style="float: right;overflow: hidden;margin-right: 11px" class="table-page-search-submitButtons">
+  <div class="doc-detail">
+    <div class="Virtual-detail-header" style="position: fixed;top: 0">
+      <div class="Virtual-detail-title">
+        <span>
+          {{$t('ParameteItemCollectionList')}}
+        </span>
+      </div>
+    </div>
+    <div style="padding-top: 54px;background: #fff;height: 100%">
+      <div class="detail-content" style="height: 100%">
+        <a-card :bordered="false" class="card">
+          <div class="table-page-search-wrapper">
+            <!--      认证参数收集-参数项收集清单-10控件-->
+            <div class='Virtual-detail-content' style='margin-top: 15px'>
+              <a-form layout="inline" @keyup.enter.native="searchQuery">
+                <a-row :gutter="24" style='margin-left: -90px;'>
+                  <a-col :md="6" :sm="8">
+                    <div class="box-title-text">
+                      <div class="title-text" :title="$t('newNiONumber')">
+                        <span>{{$t('newNiONumber')}}</span>
+                      </div>
+                      <a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('newNiONumber')"
+                               v-model="formInline.nioNumber"></a-input>
+                    </div>
+                  </a-col>
+                  <a-col :md="6" :sm="8">
+                    <div class="box-title-text">
+                      <div class="title-text" :title="$t('ParameterName')">
+                        <span>{{$t('ParameterName')}}</span>
+                      </div>
+                      <a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('ParameterName')"
+                               v-model="formInline.paramsName"></a-input>
+                    </div>
+                  </a-col>
+                  <a-col :md="6" :sm="8">
+                    <div class="box-title-text">
+                      <div class="title-text" :title="$t('certificationCategory')">
+                        <span>{{$t('certificationCategory')}}</span>
+                      </div>
+                      <j-dict-select-tag class="box-input" v-model="formInline.certCategory"
+                                         :placeholder="$t('PleaseSelect')+$t('certificationCategory')"
+                                         :type="'select'"
+                                         :triggerChange="false" :dictCode="'cert_category'"/>
+                    </div>
+                  </a-col>
+                  <a-col :md="6" :sm="8">
+                    <div class="box-title-text">
+                      <div class="title-text" :title="$t('areaOfResponsibility')">
+                        <span>{{$t('areaOfResponsibility')}}</span>
+                      </div>
+                      <j-dict-select-tag class="box-input" v-model="formInline.dutyTerritory"
+                                         :placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')"
+                                         :type="'select'"
+                                         :triggerChange="false" :dictCode="'duty_territory'"/>
+                    </div>
+                  </a-col>
+                  <a-col :md="6" :sm="8">
+                    <div class="box-title-text">
+                      <div class="title-text" :title="$t('completedBy')">
+                        <span>{{$t('completedBy')}}</span>
+                      </div>
+                      <a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('completedBy')"
+                               v-model="formInline.dre"></a-input>
+                    </div>
+                  </a-col>
+                  <span style="float: right;overflow: hidden;margin-right: 11px"
+                        class="table-page-search-submitButtons">
                <a-col :md="6" :sm="24">
                   <a-button class="box-button" type="primary" @click="searchQuery">{{$t('query')}}</a-button>
                   <a-button class="box-button" style="margin-left: 8px" @click="searchReset">{{$t('reset')}}</a-button>
                </a-col>
             </span>
-          </a-row>
-        </a-form>
-      </div>
-    </div>
-    <div class="table-operator">
-<!--      // 认证工程师 homo-->
-<!--      // 工程接口人 sdt-->
-<!--      // 填写人 dre-->
-<!--      // R&H Studio studio-->
-<!--      // R&H Manager manager-->
-<!--      // 系统管理员 admin-->
-<!--      // 游客 guest-->
-      <a-popconfirm overlayClassName='popconfirm' placement="bottomRight" v-if='currentPersonRole == "homo"'>
-        <template slot="title" id="popconfirm">
-          <!--      添加-->
-          <div @click="handleAdd" class="operator-text-title">
-            <a-icon type="plus"/>
-            {{$t('addTo')}}
+                </a-row>
+              </a-form>
+            </div>
           </div>
-          <!--     下发收集 -->
-          <div @click="distributionAndCollectionJurisdiction" class="operator-text-title">
-            <a-icon type="solution"/>
-            {{$t('distributionAndCollection')}}
+          <div class="table-operator">
+            <!--      // 认证工程师 homo-->
+            <!--      // 工程接口人 sdt-->
+            <!--      // 填写人 dre-->
+            <!--      // R&H Studio studio-->
+            <!--      // R&H Manager manager-->
+            <!--      // 系统管理员 admin-->
+            <!--      // 游客 guest-->
+            <a-popconfirm overlayClassName='popconfirm' placement="bottomRight" v-if='currentPersonRole == "homo"'>
+              <template slot="title" id="popconfirm">
+                <!--      添加-->
+                <div @click="handleAdd" class="operator-text-title">
+                  <a-icon type="plus"/>
+                  {{$t('addTo')}}
+                </div>
+                <!--     下发收集 -->
+                <div @click="distributionAndCollectionJurisdiction" class="operator-text-title">
+                  <a-icon type="solution"/>
+                  {{$t('distributionAndCollection')}}
+                </div>
+                <!--      冻结配置-->
+                <div @click="freezeConfiguration" class="operator-text-title">
+                  <a-icon type="solution"/>
+                  {{$t('FreezeConfiguration')}}
+                </div>
+                <!--   同步上报库   -->
+                <div @click="handleSynchronousReportLibraryJurisdiction" class="operator-text-title">
+                  <a-icon type="setting"/>
+                  {{$t('SynchronousReportLibrary')}}
+                </div>
+                <!--      截止时间-->
+                <div @click="TaskCutOffTimeLibrary" class="operator-text-title">
+                  <a-icon type="bulb"/>
+                  {{$t('TaskCutOffTime')}}
+                </div>
+                <!--      批量删除-->
+                <div @click="handleDelJurisdiction" class="operator-text-title">
+                  <a-icon type="delete"/>
+                  {{$t('BatchDelete')}}
+                </div>
+              </template>
+              <div class="operator-text" style="position: relative">
+                <span style="position: absolute;left: -13px;top: -4px">...</span>{{ $t('more') }}
+              </div>
+            </a-popconfirm>
+            <!--      分配填写人-->
+            <div @click="assignedBy" class="operator-text" v-if='currentPersonRole == "sdt" '>
+              <a-icon type="copy"/>
+              {{$t('Assignedby')}}
+            </div>
+            <!--      引用参数-->
+            <div @click="referenceparameter" class="operator-text" v-if='currentPersonRole == "dre" '>
+              <a-icon type="plus"/>
+              {{$t('referenceparameter')}}
+            </div>
+            <!--      提交-->
+            <div @click="handleSubmit" class="operator-text" v-if='currentPersonRole == "dre"'>
+              <a-icon type="check-circle"/>
+              {{$t('submit')}}
+            </div>
+            <!--      退回-->
+            <div @click="returnDataJurisdiction" class="operator-text"
+                 v-if='currentPersonRole == "sdt" || currentPersonRole == "homo" || currentPersonRole == "dre"'>
+              <a-icon type="delete"/>
+              {{$t('sendBack')}}
+            </div>
+            <!--      强制撤回-->
+            <div @click="compulsoryWithdrawaljurisdiction" class="operator-text"
+                 v-if='currentPersonRole == "homo" || currentPersonRole == "sdt" ||currentPersonRole == "dre"'>
+              <a-icon type="delete"/>
+              {{$t('CompulsoryWithdrawal')}}
+            </div>
+            <!--       角色切换   -->
+            <div class="operator-text"
+                 @click="roleSwitchingClick">
+              <a-icon type="select"/>
+              {{ $t('roleSwitching') }}
+            </div>
           </div>
-          <!--      冻结配置-->
-          <div @click="freezeConfiguration" class="operator-text-title">
-            <a-icon type="solution"/>
-            {{$t('FreezeConfiguration')}}
+          <div style="width: 100%">
+            <!-- 表格-10控件-->
+            <table-collection ref="CollectionTabel" :url='url' :paramsManifest='paramsManifest' @rowValue='rowValue'
+                              :formInline='formInline' :currentPersonRole='currentPersonRole' @value='value'
+                              @listReset='listReset' @LoginUserType='LoginUserType'/>
           </div>
-          <!--   同步上报库   -->
-          <div @click="handleSynchronousReportLibraryJurisdiction" class="operator-text-title">
-            <a-icon type="setting"/>
-            {{$t('SynchronousReportLibrary')}}
-          </div>
-          <!--      截止时间-->
-          <div @click="TaskCutOffTimeLibrary" class="operator-text-title">
-            <a-icon type="bulb"/>
-            {{$t('TaskCutOffTime')}}
-          </div>
-          <!--      批量删除-->
-          <div @click="handleDelJurisdiction" class="operator-text-title">
-            <a-icon type="delete"/>
-            {{$t('BatchDelete')}}
-          </div>
-        </template>
-        <div class="operator-text" style="position: relative">
-          <span style="position: absolute;left: -13px;top: -4px">...</span>{{ $t('more') }}
-        </div>
-      </a-popconfirm>
-      <!--      分配填写人-->
-      <div @click="assignedBy" class="operator-text" v-if='currentPersonRole == "sdt" '>
-        <a-icon type="copy"/>
-        {{$t('Assignedby')}}
+        </a-card>
       </div>
-      <!--      引用参数-->
-      <div @click="referenceparameter" class="operator-text" v-if='currentPersonRole == "dre" '>
-        <a-icon type="plus"/>
-        {{$t('referenceparameter')}}
-      </div>
-      <!--      提交-->
-      <div @click="handleSubmit" class="operator-text" v-if='currentPersonRole == "dre"'>
-        <a-icon type="check-circle"/>
-        {{$t('submit')}}
-      </div>
-      <!--      退回-->
-      <div @click="returnDataJurisdiction" class="operator-text" v-if='currentPersonRole == "sdt" || currentPersonRole == "homo" || currentPersonRole == "dre"'>
-        <a-icon type="delete"/>
-        {{$t('sendBack')}}
-      </div>
-      <!--      强制撤回-->
-      <div @click="compulsoryWithdrawaljurisdiction" class="operator-text" v-if='currentPersonRole == "homo" || currentPersonRole == "sdt" ||currentPersonRole == "dre"'>
-        <a-icon type="delete"/>
-        {{$t('CompulsoryWithdrawal')}}
-      </div>
-      <!--       角色切换   -->
-      <div class="operator-text"
-           @click="roleSwitchingClick">
-        <a-icon type="select"/>
-        {{ $t('roleSwitching') }}
-      </div>
-    </div>
-    <div style="width: 100%">
-      <!-- 表格-10控件-->
-      <table-collection ref="CollectionTabel" :url='url' :paramsManifest='paramsManifest' @rowValue='rowValue'
-                        :formInline='formInline' :currentPersonRole='currentPersonRole' @value='value' @listReset='listReset' @LoginUserType='LoginUserType'/>
     </div>
     <!--  添加--->
     <a-modal v-model="areaVisible" :title="$t('ParameterLibrary')" width='750px' :footer="null">
-      <parameter-library-add v-if='areaVisible' :paramsManifest='paramsManifest' @areaVisible='areaVisible = false' @GetgetTableList='GetgetTableList'/>
+      <parameter-library-add v-if='areaVisible' :paramsManifest='paramsManifest' @areaVisible='areaVisible = false'
+                             @GetgetTableList='GetgetTableList'/>
     </a-modal>
     <!--  冻结配置--->
     <a-modal v-model="areaVisibleFreeze" :title="$t('FreezeConfiguration')" width='500px' :footer="null">
@@ -170,7 +181,8 @@
         <a-row :gutter='24'>
           <a-col :span='24'>
             <a-form-model-item ref='region' :label="$t('FreezeConfiguration')" prop='region'>
-              <a-select :placeholder="$t('PleaseSelect')+$t('FreezeConfiguration')" v-model="Dateline.paramsConfig" allowClear mode="multiple">
+              <a-select :placeholder="$t('PleaseSelect')+$t('FreezeConfiguration')" v-model="Dateline.paramsConfig"
+                        allowClear mode="multiple">
                 <a-select-option v-for="(item, key) in FreezeList" :key="key" :value="item.value">
                     <span style="display: inline-block;width: 100%" :title=" item.label ">
                       {{ item.label }}
@@ -195,28 +207,32 @@
     </a-modal>
     <!--  分配填写人--->
     <a-modal v-model="areaVisibleAssignedby" :title="$t('Assignedby')" width='950px' :footer="null">
-      <assigned-by v-if='areaVisibleAssignedby' :selectedRowKeysArray='selectedRowKeysArray' @GetgetTableList='GetgetTableList'
+      <assigned-by v-if='areaVisibleAssignedby' :selectedRowKeysArray='selectedRowKeysArray'
+                   @GetgetTableList='GetgetTableList'
                    @GetgetLoginUserType='GetgetLoginUserType'
                    @areaVisibleAssignedbyflag='areaVisibleAssignedbyflag' @areaVisible='areaVisibleAssignedby = false'/>
     </a-modal>
     <!--  截至时间--->
     <a-modal v-model="areaVisibleTaskCutOffTime" :title="$t('TaskCutOffTime')" width='600px' :footer="null">
       <task-cut-off-time v-if='areaVisibleTaskCutOffTime' :selectedRowKeysArray='selectedRowKeysArray'
-                          @GetgetTableList='GetgetTableList'
+                         @GetgetTableList='GetgetTableList'
                          @areaVisibleTaskCutOffTimeflag='areaVisibleTaskCutOffTimeflag'/>
     </a-modal>
     <!--  引用参数--->
     <a-modal v-model="areaVisiblereferenceparameter" :title="$t('referenceparameter')" width='650px' :footer="null">
-      <reference-parameter v-if='areaVisiblereferenceparameter' :paramsManifest='paramsManifest' @GetgetTableList='GetgetTableList'
+      <reference-parameter v-if='areaVisiblereferenceparameter' :paramsManifest='paramsManifest'
+                           @GetgetTableList='GetgetTableList'
                            @areaVisibleAssignedbyflag='areaVisiblereferenceparameter = false'
                            :selectedRowKeysArray='selectedRowKeysArray'/>
     </a-modal>
     <!--  同步上报库--->
     <a-modal v-model="areaVisibsynchronous" :title="$t('SynchronousReportLibrary')" width='650px' :footer="null">
-      <synchronous-submission-library v-if='areaVisibsynchronous' :paramsManifest='paramsManifest' @GetgetTableList='GetgetTableList'
-                           :selectedRowKeysArray='selectedRowKeysArray' @areaVisibsynchronous='areaVisibsynchronous = false'/>
+      <synchronous-submission-library v-if='areaVisibsynchronous' :paramsManifest='paramsManifest'
+                                      @GetgetTableList='GetgetTableList'
+                                      :selectedRowKeysArray='selectedRowKeysArray'
+                                      @areaVisibsynchronous='areaVisibsynchronous = false'/>
     </a-modal>
-<!--    切换角色-->
+    <!--    切换角色-->
     <a-modal
       :title="$t('roleSwitching')"
       :width="500"
@@ -239,7 +255,7 @@
                 <a-select allowClear :placeholder="$t('pleaseSelect')+$t('roleSwitching')"
                           v-model="formInlineRoleSwitching.roleSwitchingCode">
                   <a-select-option v-for="(item, key) in RoleType" :key="key" :value="item.value">
-                    <span style="display: inline-block;width: 100%" :title=" item.label " >
+                    <span style="display: inline-block;width: 100%" :title=" item.label ">
                       {{ item.label }}
                     </span>
                   </a-select-option>
@@ -260,44 +276,49 @@
     >
       <a-row :gutter="24">
         <a-col :span="24">
-<!--          没有工程接口人，导致下发收集失败提示-->
-          <span  v-if='NoEngineer === 0'>
+          <!--          没有工程接口人，导致下发收集失败提示-->
+          <span v-if='NoEngineer === 0'>
             {{$t('NiOnumberis')}}
           </span>
-          <span style='font-size: 16px;margin-bottom: 20px;' v-for='(item,key) in NotSelectedNoEngineerValue' v-if='NoEngineer === 0'>
+          <span style='font-size: 16px;margin-bottom: 20px;' v-for='(item,key) in NotSelectedNoEngineerValue'
+                v-if='NoEngineer === 0'>
             <span style='color: red'>{{ item.nioNumber }}、</span>
           </span>
-          <span  v-if='NoEngineer === 0'>
+          <span v-if='NoEngineer === 0'>
              {{$t('Filledperson')}}
           </span>
-<!--          状态不符合，导致不能操作按钮，没有权限-->
-          <div style='font-size: 18px;margin-bottom: 20px;display: flex;justify-content: center' class="box-title-text-index" v-for='(item,key) in NotSelectedRowKeysValue' v-if='NoEngineer === 1'>
-            <div>{{$t('NiOnumberis')}}{{ item.nioNumber }},{{$t('Statusis')}}<span style='color: red'>{{ item.state }}</span>,{{$t('NoOperationPermissionForthisbutton')}}。</div>
+          <!--          状态不符合，导致不能操作按钮，没有权限-->
+          <div style='font-size: 18px;margin-bottom: 20px;display: flex;justify-content: center'
+               class="box-title-text-index" v-for='(item,key) in NotSelectedRowKeysValue' v-if='NoEngineer === 1'>
+            <div>{{$t('NiOnumberis')}}{{ item.nioNumber }},{{$t('Statusis')}}<span
+              style='color: red'>{{ item.state }}</span>,{{$t('NoOperationPermissionForthisbutton')}}。
+            </div>
           </div>
-<!--          认证工程师-提示-->
+          <!--          认证工程师-提示-->
           <div style='font-size: 16px;color: red;display: flex;justify-content: center' v-if='NoEngineer === 1'>
-           {{ currentPersonRole =='homo'? $t('certifiedEngineer'): (currentPersonRole =='sdt'? $t('engineeringInterfacePerson'): $t('completedBy')) }}{{$t('Datastatusis')}}
-<!--            下发收集时-->
+            {{ currentPersonRole =='homo'? $t('certifiedEngineer'): (currentPersonRole =='sdt'?
+            $t('engineeringInterfacePerson'): $t('completedBy')) }}{{$t('Datastatusis')}}
+            <!--            下发收集时-->
             <span v-if='jurisdiction === "HOMOZFSJ"'>
               '{{$t('CollectionInitiated')}}'、'{{$t('ReturnedPerson')}}'{{$t('or')}}'{{$t('alteration')}}'
             </span>
-<!--            同步上报库-->
+            <!--            同步上报库-->
             <span v-if='jurisdiction === "HOMOTBSBK"'>
               '{{$t('Submitted')}}'{{$t('or')}}'{{$t('alteration')}}'
             </span>
-<!--            截止时间-->
+            <!--            截止时间-->
             <span v-if='jurisdiction === "HOMOJZSJ"'>
               '{{$t('CollectionInitiated')}}'
             </span>
-<!--        分配填写人  -->
+            <!--        分配填写人  -->
             <span v-if='jurisdiction === "SDTFPTXR"'>
               '{{$t('handledInterface')}}'{{$t('or')}}'{{$t('Filledreturn')}}'
             </span>
-<!--            引用参数-->
+            <!--            引用参数-->
             <span v-if='jurisdiction === "DREYYCS"'>
               '{{$t('completed')}}'{{$t('or')}}'{{$t('ReturnedEngineer')}}'
             </span>
-<!--            退回-->
+            <!--            退回-->
             <span v-if='jurisdiction === "homoTH"'>
               {{$t('Submitted')}}
             </span>
@@ -307,7 +328,7 @@
             <span v-if='jurisdiction === "dreTH"'>
               '{{$t('completed')}}'{{$t('or')}}'{{$t('ReturnedEngineer')}}'
             </span>
-<!--            强制撤回-->
+            <!--            强制撤回-->
             <span v-if='jurisdiction === "homoQZTH"'>
               '{{$t('handledInterface')}}'{{$t('or')}}'{{$t('Filledreturn')}}'
             </span>
@@ -327,796 +348,802 @@
         </div>
       </div>
     </a-modal>
-  </a-card>
+  </div>
 </template>
 
 <script>
-import TableCollection from '@/components/tableCollection/index'
-import { getAction,postAction } from '../../../api/manage'
-import ParameterLibraryAdd from '@/components/ParameterLibraryAdd/index'
-import SynchronousSubmissionLibrary from '@/components/SynchronousSubmissionLibrary/index'
-import TaskCutOffTime from '@/components/TaskCutOffTime/index'
-import ReferenceParameter from '@/components/ReferenceParameter/index'
-import AssignedBy from '@/components/AssignedBy/index'
-import axios from 'axios'
-import { ACCESS_TOKEN } from '@/store/mutation-types'
-import Vue from 'vue'
-export default {
-  name: 'ParameterItemCollectionList',
-  components:{
-    TableCollection,
-    ParameterLibraryAdd,
-    AssignedBy,
-    TaskCutOffTime,
-    ReferenceParameter,
-    SynchronousSubmissionLibrary
-  },
-  data(){
-    return{
-      // 认证工程师 homo
-      // 工程接口人 sdt
-      // 填写人 dre
-      // R&H Studio studio
-      // R&H Manager manager
-      // 系统管理员 admin
-      // 游客 guest
-      columns:[
-        {
-          title: this.$t('title'),
-          align: 'center',
-          dataIndex: 'title',
-          scopedSlots: { customRender: 'paramsManifestClick' }
-        },
-        {
-          title: this.$t('status'),
-          align: 'center',
-          dataIndex: 'state',
-        },
-        {
-          title: this.$t('parameterTemplateName'),
-          align: 'center',
-          dataIndex: 'paramsTemplateName',
-        },
-        {
-          title: this.$t('collectionCompletionTime'),
-          align: 'center',
-          dataIndex: 'finishTime',
-        },
-        {
-          title: this.$t('Version'),
-          align: 'center',
-          dataIndex: 'version',
-        },
-        {
-          title: this.$t('creator'),
-          align: 'center',
-          dataIndex: 'createBy',
-        },
-        {
-          title: this.$t('createTime'),
-          align: 'center',
-          dataIndex: 'createTime',
-        },
-        {
-          title: this.$t('operation'),
-          align: 'center',
-          fixed: 'right',
-          width: 200,
-          scopedSlots: { customRender: 'operation' }
-        }
-      ],
-      selectedRowKeys: [],
-      formInline: {},
-      url: {
-        tableHeader: 'params/collectManifest/getHeader',
-        tableList: 'params/collectManifest/list',
-        add: 'params/collectManifest/submit',
-        getLoginUserType: 'params/collectManifest/getLoginUserType', // 获取当前登陆人
-        getquerySdtList: 'params/collectManifest/querySdtList', // 获取工程接口人的列表
-        updateSdt: 'params/collectManifest/updateSdt', // 提交工程接口人
-        deleteBatch: 'params/collectManifest/deleteBatch',
-      },
-      loading: false,
-      dataSource: [],
-      areaVisible: false, // 弹框的控制
-      configureareaVisible: false, // 配置的彈框
-      pageNo: 1,
-      pageSize: 10,
-      total: 0,
-      selectedRowKeysArray: '',
-      templatetitle: '',
-      templatetitleId: '',
-      rowId: '',
-      version: 0,
-      itemId: '',
-      selectedRowKeysValue: [], // table列表所选得数据
-      token:Vue.ls.get(ACCESS_TOKEN),
-      Dateline: {},
-      areaVisibleFreeze: false, // 冻结配置
-      areaVisibleAssignedby: false, // 分配填写人弹框
-      areaVisibleTaskCutOffTime: false, // 截至时间弹框
-      areaVisiblereferenceparameter: false, // 引用参数弹框
-      areaVisibsynchronous: false, // 同步上报库弹框
-      visibleoperationFailed: false, // 数据失败的弹框
-      currentPersonRole: '', // 当前人角色
-      jurisdiction: '',
-      wrapperCol: {
-        xs: { span: 24 },
-        sm: { span: 14 }
-      },
-      labelCol: {
-        xs: { span: 24 },
-        sm: { span: 7 }
-      },
-      rules: {},
-      FreezeList: [], // 冻结字段
-      visibleRoleSwitching: false, // 角色切换
-      confirmLoadingRoleSwitching: false,
-      formInlineRoleSwitching: {},
-      rulesRoleSwitching: {
-        roleSwitchingCode: [
+  import TableCollection from '@/components/tableCollection/index'
+  import { getAction, postAction } from '../../../api/manage'
+  import ParameterLibraryAdd from '@/components/ParameterLibraryAdd/index'
+  import SynchronousSubmissionLibrary from '@/components/SynchronousSubmissionLibrary/index'
+  import TaskCutOffTime from '@/components/TaskCutOffTime/index'
+  import ReferenceParameter from '@/components/ReferenceParameter/index'
+  import AssignedBy from '@/components/AssignedBy/index'
+  import axios from 'axios'
+  import { ACCESS_TOKEN } from '@/store/mutation-types'
+  import Vue from 'vue'
+
+  export default {
+    name: 'ParameterItemCollectionList',
+    components: {
+      TableCollection,
+      ParameterLibraryAdd,
+      AssignedBy,
+      TaskCutOffTime,
+      ReferenceParameter,
+      SynchronousSubmissionLibrary
+    },
+    data() {
+      return {
+        // 认证工程师 homo
+        // 工程接口人 sdt
+        // 填写人 dre
+        // R&H Studio studio
+        // R&H Manager manager
+        // 系统管理员 admin
+        // 游客 guest
+        columns: [
           {
-            required: true,
-            message: this.$t('roleSwitching') + this.$t('cannotEmpty'),
-            trigger: 'change'
+            title: this.$t('title'),
+            align: 'center',
+            dataIndex: 'title',
+            scopedSlots: { customRender: 'paramsManifestClick' }
+          },
+          {
+            title: this.$t('status'),
+            align: 'center',
+            dataIndex: 'state'
+          },
+          {
+            title: this.$t('parameterTemplateName'),
+            align: 'center',
+            dataIndex: 'paramsTemplateName'
+          },
+          {
+            title: this.$t('collectionCompletionTime'),
+            align: 'center',
+            dataIndex: 'finishTime'
+          },
+          {
+            title: this.$t('Version'),
+            align: 'center',
+            dataIndex: 'version'
+          },
+          {
+            title: this.$t('creator'),
+            align: 'center',
+            dataIndex: 'createBy'
+          },
+          {
+            title: this.$t('createTime'),
+            align: 'center',
+            dataIndex: 'createTime'
+          },
+          {
+            title: this.$t('operation'),
+            align: 'center',
+            fixed: 'right',
+            width: 200,
+            scopedSlots: { customRender: 'operation' }
           }
-        ]
+        ],
+        selectedRowKeys: [],
+        formInline: {},
+        url: {
+          tableHeader: 'params/collectManifest/getHeader',
+          tableList: 'params/collectManifest/list',
+          add: 'params/collectManifest/submit',
+          getLoginUserType: 'params/collectManifest/getLoginUserType', // 获取当前登陆人
+          getquerySdtList: 'params/collectManifest/querySdtList', // 获取工程接口人的列表
+          updateSdt: 'params/collectManifest/updateSdt', // 提交工程接口人
+          deleteBatch: 'params/collectManifest/deleteBatch'
+        },
+        loading: false,
+        dataSource: [],
+        areaVisible: false, // 弹框的控制
+        configureareaVisible: false, // 配置的彈框
+        pageNo: 1,
+        pageSize: 10,
+        total: 0,
+        selectedRowKeysArray: '',
+        templatetitle: '',
+        templatetitleId: '',
+        rowId: '',
+        version: 0,
+        itemId: '',
+        selectedRowKeysValue: [], // table列表所选得数据
+        token: Vue.ls.get(ACCESS_TOKEN),
+        Dateline: {},
+        areaVisibleFreeze: false, // 冻结配置
+        areaVisibleAssignedby: false, // 分配填写人弹框
+        areaVisibleTaskCutOffTime: false, // 截至时间弹框
+        areaVisiblereferenceparameter: false, // 引用参数弹框
+        areaVisibsynchronous: false, // 同步上报库弹框
+        visibleoperationFailed: false, // 数据失败的弹框
+        currentPersonRole: '', // 当前人角色
+        jurisdiction: '',
+        wrapperCol: {
+          xs: { span: 24 },
+          sm: { span: 14 }
+        },
+        labelCol: {
+          xs: { span: 24 },
+          sm: { span: 7 }
+        },
+        rules: {},
+        FreezeList: [], // 冻结字段
+        visibleRoleSwitching: false, // 角色切换
+        confirmLoadingRoleSwitching: false,
+        formInlineRoleSwitching: {},
+        rulesRoleSwitching: {
+          roleSwitchingCode: [
+            {
+              required: true,
+              message: this.$t('roleSwitching') + this.$t('cannotEmpty'),
+              trigger: 'change'
+            }
+          ]
+        },
+        RoleType: [],// 控件类型
+        NotSelectedRowKeysValue: [],
+        NoEngineer: 1, // 下发收集的权限,0为没有接口人 1为由接口人 默认有
+        NotSelectedNoEngineerValue: [],
+        paramsManifest: {}
+      }
+    },
+    props: {
+      // paramsManifest: {
+      //   type: Object,
+      //   default: {},
+      //   require: true
+      // }
+    },
+    mounted() {
+      this.GetgetLoginUserType()
+      this.paramsManifest = JSON.parse(localStorage.getItem('paramsManifest'))
+      document.title = `${this.paramsManifest.title}-` + this.$t('ParameteItemCollectionList')
+    },
+    methods: {
+      handleCancelRoleSwitching() {
+        this.visibleRoleSwitching = false
       },
-      RoleType: [ ],// 控件类型
-      NotSelectedRowKeysValue: [],
-      NoEngineer: 1, // 下发收集的权限,0为没有接口人 1为由接口人 默认有
-      NotSelectedNoEngineerValue: [],
-      paramsManifest: {}
-    }
-  },
-  props: {
-    // paramsManifest: {
-    //   type: Object,
-    //   default: {},
-    //   require: true
-    // }
-  },
-  mounted() {
-    this.GetgetLoginUserType()
-    this.paramsManifest = JSON.parse(localStorage.getItem('paramsManifest'))
-    document.title = `${this.paramsManifest.title}-`+this.$t('ParameteItemCollectionList')
-  },
-  methods:{
-    handleCancelRoleSwitching() {
-      this.visibleRoleSwitching = false
-    },
-    handleOkRoleSwitching() {
-      this.visibleRoleSwitching = false
-      this.currentPersonRole = this.formInlineRoleSwitching.roleSwitchingCode
-      localStorage.setItem('currentPersonRole', JSON.stringify(this.formInlineRoleSwitching.roleSwitchingCode))
-      this.selectedRowKeysValue = []
-    },
-    roleSwitchingClick() {
-      this.visibleRoleSwitching = true
-    },
-    GetgetLoginUserType() {
-      this.$refs.CollectionTabel.getLoginUserType()
-    },
-    GetgetTableList() {
-      this.$refs.CollectionTabel.getTableList()
-    },
-    // 错误数据的弹框
-    cancleoperationFailed() {
-      this.selectedRowKeysValue = []
-      this.visibleoperationFailed = false
-      this.GetgetTableList()
-    },
-    // 一下为认证工程师
-    // 认证工程师 下发收集 权限
-    // 仅仅状态为 待发起收集 工程接口人退回 变更 可以下发收集
-    homodistributionAndCollection() {
-      this.NoEngineer = 1
-      this.NotSelectedRowKeysValue = []
-      this.NotSelectedNoEngineerValue = []
-      // 定义开关 0为没有权限  1为有权限
-      let flag = 1
-      if(this.selectedRowKeysValue.length == 0) {
-        flag = 2
-        this.$message.warning(this.$t('selectLeastOne'))
-      } else {
-        this.selectedRowKeysValue.forEach((item, index) => {
-        //  状态不符合，不能下发收集
-        if(item.state !== '待发起收集' && item.state !== '工程接口人退回' && item.state !== '变更' && item.state !== 'Wait Collect' && item.state !== 'Sdt Back' && item.state !== 'Change') {
-          this.NotSelectedRowKeysValue.push(item)
-          flag = 0
-        }
-          //  状态符合，但是没有工程接口人 不能下发收集
-        if((item.sdt.dataValue === null || item.sdt.dataValue ==='undefined') && (flag == 1 || flag == 3)) {
-          this.NotSelectedNoEngineerValue.push(item)
-          flag = 3
-        }
-        })
-      }
-      return flag
-    },
-    // 认证工程师的权限
-    // 认证工程师 退回 权限
-    // 仅仅状态为 已提交 可以退回
-    homoJurisdictionReturn() {
-      // 认证工程师 已提交
-      if(this.currentPersonRole =='homo') {
+      handleOkRoleSwitching() {
+        this.visibleRoleSwitching = false
+        this.currentPersonRole = this.formInlineRoleSwitching.roleSwitchingCode
+        localStorage.setItem('currentPersonRole', JSON.stringify(this.formInlineRoleSwitching.roleSwitchingCode))
+        this.selectedRowKeysValue = []
+      },
+      roleSwitchingClick() {
+        this.visibleRoleSwitching = true
+      },
+      GetgetLoginUserType() {
+        this.$refs.CollectionTabel.getLoginUserType()
+      },
+      GetgetTableList() {
+        this.$refs.CollectionTabel.getTableList()
+      },
+      // 错误数据的弹框
+      cancleoperationFailed() {
+        this.selectedRowKeysValue = []
+        this.visibleoperationFailed = false
+        this.GetgetTableList()
+      },
+      // 一下为认证工程师
+      // 认证工程师 下发收集 权限
+      // 仅仅状态为 待发起收集 工程接口人退回 变更 可以下发收集
+      homodistributionAndCollection() {
+        this.NoEngineer = 1
         this.NotSelectedRowKeysValue = []
+        this.NotSelectedNoEngineerValue = []
         // 定义开关 0为没有权限  1为有权限
         let flag = 1
-        if(this.selectedRowKeysValue.length == 0) {
+        if (this.selectedRowKeysValue.length == 0) {
           flag = 2
           this.$message.warning(this.$t('selectLeastOne'))
         } else {
           this.selectedRowKeysValue.forEach((item, index) => {
-            if(item.state !== '已提交'&& item.state !== 'Submit') {
+            //  状态不符合，不能下发收集
+            if (item.state !== '待发起收集' && item.state !== '工程接口人退回' && item.state !== '变更' && item.state !== 'Wait Collect' && item.state !== 'Sdt Back' && item.state !== 'Change') {
               this.NotSelectedRowKeysValue.push(item)
-              this.jurisdiction = 'homoTH'
               flag = 0
             }
+            //  状态符合，但是没有工程接口人 不能下发收集
+            if ((item.sdt.dataValue === null || item.sdt.dataValue === 'undefined') && (flag == 1 || flag == 3)) {
+              this.NotSelectedNoEngineerValue.push(item)
+              flag = 3
+            }
           })
         }
         return flag
-      //工程接口人 待工程接口人处理 填写人退回
-      }else if(this.currentPersonRole =='sdt') {
-        this.NotSelectedRowKeysValue = []
-        // 定义开关 0为没有权限  1为有权限
-        let flag = 1
-        if(this.selectedRowKeysValue.length == 0) {
-          flag = 2
-          this.$message.warning(this.$t('selectLeastOne'))
-        } else {
-          this.selectedRowKeysValue.forEach((item, index) => {
-            if(item.state !== '待工程接口人处理' && item.state !== '填写人退回' && item.state !== 'Wait Sdt' && item.state !== 'Dre Back') {
-              this.NotSelectedRowKeysValue.push(item)
-              this.jurisdiction = 'sdtTH'
-              flag = 0
-            }
-          })
-        }
-        return flag
-      //填写人 待填写 认证工程师退回
-      }else if(this.currentPersonRole =='dre') {
-        this.NotSelectedRowKeysValue = []
-        // 定义开关 0为没有权限  1为有权限
-        let flag = 1
-        if(this.selectedRowKeysValue.length == 0) {
-          flag = 2
-          this.$message.warning(this.$t('selectLeastOne'))
-        } else {
-          this.selectedRowKeysValue.forEach((item, index) => {
-            if(item.state !== '待填写' && item.state !== '认证工程师退回' && item.state !== 'Wait Fill' && item.state !== 'Cert Back') {
-              this.NotSelectedRowKeysValue.push(item)
-              this.jurisdiction = 'dreTH'
-              flag = 0
-            }
-          })
-        }
-        return flag
-      }
-    },
-    // 认证工程师 批量删除 权限
-    // 仅仅状态为 待发起收集 工程接口人退回 变更 可以批量删除
-    homoJurisdictionBatchdelete() {
-      this.NotSelectedRowKeysValue = []
-      // 定义开关 0为没有权限  1为有权限
-      let flag = 1
-      if(this.selectedRowKeysValue.length == 0) {
-        flag = 2
-        this.$message.warning(this.$t('selectLeastOne'))
-      } else {
-        this.selectedRowKeysValue.forEach((item, index) => {
-          if(item.state !== '待发起收集' && item.state !== '工程接口人退回' && item.state !== '变更' && item.state !== 'Wait Collect' && item.state !== 'Sdt Back' && item.state !== 'Change') {
-            this.NotSelectedRowKeysValue.push(item)
-            flag = 0
+      },
+      // 认证工程师的权限
+      // 认证工程师 退回 权限
+      // 仅仅状态为 已提交 可以退回
+      homoJurisdictionReturn() {
+        // 认证工程师 已提交
+        if (this.currentPersonRole == 'homo') {
+          this.NotSelectedRowKeysValue = []
+          // 定义开关 0为没有权限  1为有权限
+          let flag = 1
+          if (this.selectedRowKeysValue.length == 0) {
+            flag = 2
+            this.$message.warning(this.$t('selectLeastOne'))
+          } else {
+            this.selectedRowKeysValue.forEach((item, index) => {
+              if (item.state !== '已提交' && item.state !== 'Submit') {
+                this.NotSelectedRowKeysValue.push(item)
+                this.jurisdiction = 'homoTH'
+                flag = 0
+              }
+            })
           }
-        })
-      }
-      return flag
-    },
-    // 认证工程师 同步上报库 权限
-    // 仅仅状态为 已提交 变更 可以同步上报库
-    homoJurisdictionSynchronousLibrary() {
-      // 定义开关 0为没有权限  1为有权限
-      this.NotSelectedRowKeysValue = []
-      let flag = 1
-      if(this.selectedRowKeysValue.length == 0) {
-        flag = 2
-        this.$message.warning(this.$t('selectLeastOne'))
-      } else {
-        this.selectedRowKeysValue.forEach((item, index) => {
-          if(item.state !== '已提交' && item.state !== '变更'&& item.state !== 'Submit' && item.state !== 'Change') {
-            this.NotSelectedRowKeysValue.push(item)
-            flag = 0
+          return flag
+          //工程接口人 待工程接口人处理 填写人退回
+        } else if (this.currentPersonRole == 'sdt') {
+          this.NotSelectedRowKeysValue = []
+          // 定义开关 0为没有权限  1为有权限
+          let flag = 1
+          if (this.selectedRowKeysValue.length == 0) {
+            flag = 2
+            this.$message.warning(this.$t('selectLeastOne'))
+          } else {
+            this.selectedRowKeysValue.forEach((item, index) => {
+              if (item.state !== '待工程接口人处理' && item.state !== '填写人退回' && item.state !== 'Wait Sdt' && item.state !== 'Dre Back') {
+                this.NotSelectedRowKeysValue.push(item)
+                this.jurisdiction = 'sdtTH'
+                flag = 0
+              }
+            })
           }
-        })
-      }
-      return flag
-    },
-    // 填写人 截至时间 权限
-    // 仅仅状态为  可以截至时间
-    dreTaskCutOffTimeLibrary() {
-      // 定义开关 0为没有权限  1为有权限
-      this.NotSelectedRowKeysValue = []
-      let flag = 1
-      if(this.selectedRowKeysValue.length == 0) {
-        flag = 2
-        this.$message.warning(this.$t('selectLeastOne'))
-      } else {
-        this.selectedRowKeysValue.forEach((item, index) => {
-          if(item.state !== '待发起收集'&& item.state !== 'Wait Collect') {
-            this.NotSelectedRowKeysValue.push(item)
-            flag = 0
+          return flag
+          //填写人 待填写 认证工程师退回
+        } else if (this.currentPersonRole == 'dre') {
+          this.NotSelectedRowKeysValue = []
+          // 定义开关 0为没有权限  1为有权限
+          let flag = 1
+          if (this.selectedRowKeysValue.length == 0) {
+            flag = 2
+            this.$message.warning(this.$t('selectLeastOne'))
+          } else {
+            this.selectedRowKeysValue.forEach((item, index) => {
+              if (item.state !== '待填写' && item.state !== '认证工程师退回' && item.state !== 'Wait Fill' && item.state !== 'Cert Back') {
+                this.NotSelectedRowKeysValue.push(item)
+                this.jurisdiction = 'dreTH'
+                flag = 0
+              }
+            })
           }
-        })
-      }
-      return flag
-    },
-    // 认证工程师 强制撤回 权限
-    // 仅仅状态为 待工程接口人处理 填写人退回 可以强制撤回
-    homoJurisdictionCompulsoryWithdrawal() {
-      // 认证工程师 已提交
-      if(this.currentPersonRole =='homo') {
+          return flag
+        }
+      },
+      // 认证工程师 批量删除 权限
+      // 仅仅状态为 待发起收集 工程接口人退回 变更 可以批量删除
+      homoJurisdictionBatchdelete() {
         this.NotSelectedRowKeysValue = []
         // 定义开关 0为没有权限  1为有权限
         let flag = 1
-        if(this.selectedRowKeysValue.length == 0) {
+        if (this.selectedRowKeysValue.length == 0) {
           flag = 2
           this.$message.warning(this.$t('selectLeastOne'))
         } else {
           this.selectedRowKeysValue.forEach((item, index) => {
-            if(item.state !== '待工程接口人处理' && item.state !== '填写人退回'&&item.state !== 'Wait Sdt' && item.state !== 'Dre Back') {
+            if (item.state !== '待发起收集' && item.state !== '工程接口人退回' && item.state !== '变更' && item.state !== 'Wait Collect' && item.state !== 'Sdt Back' && item.state !== 'Change') {
               this.NotSelectedRowKeysValue.push(item)
-              this.jurisdiction = 'homoQZTH'
               flag = 0
             }
           })
         }
         return flag
+      },
+      // 认证工程师 同步上报库 权限
+      // 仅仅状态为 已提交 变更 可以同步上报库
+      homoJurisdictionSynchronousLibrary() {
+        // 定义开关 0为没有权限  1为有权限
+        this.NotSelectedRowKeysValue = []
+        let flag = 1
+        if (this.selectedRowKeysValue.length == 0) {
+          flag = 2
+          this.$message.warning(this.$t('selectLeastOne'))
+        } else {
+          this.selectedRowKeysValue.forEach((item, index) => {
+            if (item.state !== '已提交' && item.state !== '变更' && item.state !== 'Submit' && item.state !== 'Change') {
+              this.NotSelectedRowKeysValue.push(item)
+              flag = 0
+            }
+          })
+        }
+        return flag
+      },
+      // 填写人 截至时间 权限
+      // 仅仅状态为  可以截至时间
+      dreTaskCutOffTimeLibrary() {
+        // 定义开关 0为没有权限  1为有权限
+        this.NotSelectedRowKeysValue = []
+        let flag = 1
+        if (this.selectedRowKeysValue.length == 0) {
+          flag = 2
+          this.$message.warning(this.$t('selectLeastOne'))
+        } else {
+          this.selectedRowKeysValue.forEach((item, index) => {
+            if (item.state !== '待发起收集' && item.state !== 'Wait Collect') {
+              this.NotSelectedRowKeysValue.push(item)
+              flag = 0
+            }
+          })
+        }
+        return flag
+      },
+      // 认证工程师 强制撤回 权限
+      // 仅仅状态为 待工程接口人处理 填写人退回 可以强制撤回
+      homoJurisdictionCompulsoryWithdrawal() {
+        // 认证工程师 已提交
+        if (this.currentPersonRole == 'homo') {
+          this.NotSelectedRowKeysValue = []
+          // 定义开关 0为没有权限  1为有权限
+          let flag = 1
+          if (this.selectedRowKeysValue.length == 0) {
+            flag = 2
+            this.$message.warning(this.$t('selectLeastOne'))
+          } else {
+            this.selectedRowKeysValue.forEach((item, index) => {
+              if (item.state !== '待工程接口人处理' && item.state !== '填写人退回' && item.state !== 'Wait Sdt' && item.state !== 'Dre Back') {
+                this.NotSelectedRowKeysValue.push(item)
+                this.jurisdiction = 'homoQZTH'
+                flag = 0
+              }
+            })
+          }
+          return flag
           // 工程接口人 强制撤回 权限
           // 仅仅状态为 待填写 可以强制撤回
-      }else if(this.currentPersonRole =='sdt') {
-        this.NotSelectedRowKeysValue = []
+        } else if (this.currentPersonRole == 'sdt') {
+          this.NotSelectedRowKeysValue = []
+          // 定义开关 0为没有权限  1为有权限
+          let flag = 1
+          if (this.selectedRowKeysValue.length == 0) {
+            flag = 2
+            this.$message.warning(this.$t('selectLeastOne'))
+          } else {
+            this.selectedRowKeysValue.forEach((item, index) => {
+              if (item.state !== '待填写' && item.state !== 'Wait Fill') {
+                this.NotSelectedRowKeysValue.push(item)
+                this.jurisdiction = 'sdtQZTH'
+                flag = 0
+              }
+            })
+          }
+          return flag
+          //填写人 已提交
+        } else if (this.currentPersonRole == 'dre') {
+          this.NotSelectedRowKeysValue = []
+          // 定义开关 0为没有权限  1为有权限
+          let flag = 1
+          if (this.selectedRowKeysValue.length == 0) {
+            flag = 2
+            this.$message.warning(this.$t('selectLeastOne'))
+          } else {
+            this.selectedRowKeysValue.forEach((item, index) => {
+              if (item.state !== '已提交' && item.state !== 'Submit') {
+                this.NotSelectedRowKeysValue.push(item)
+                this.jurisdiction = 'dreQZTH'
+                flag = 0
+              }
+            })
+          }
+          return flag
+        }
+      },
+      // 工程接口人 分配填写人 权限
+      // 仅仅状态为 待工程接口人处理 填写人退回 可以分配填写人
+      sdtJurisdictionAssigned() {
         // 定义开关 0为没有权限  1为有权限
+        this.NotSelectedRowKeysValue = []
         let flag = 1
-        if(this.selectedRowKeysValue.length == 0) {
+        if (this.selectedRowKeysValue.length == 0) {
           flag = 2
           this.$message.warning(this.$t('selectLeastOne'))
         } else {
           this.selectedRowKeysValue.forEach((item, index) => {
-            if(item.state !== '待填写'&&item.state !== 'Wait Fill') {
+            if (item.state !== '待工程接口人处理' && item.state !== '填写人退回' && item.state !== 'Wait Sdt' && item.state !== 'Dre Back') {
               this.NotSelectedRowKeysValue.push(item)
-              this.jurisdiction = 'sdtQZTH'
               flag = 0
             }
           })
         }
         return flag
-        //填写人 已提交
-      }else if(this.currentPersonRole =='dre') {
-        this.NotSelectedRowKeysValue = []
+      },
+      // 填写人 提交 权限
+      // 仅仅状态为 待填写 认证工程师退回 可以提交
+      dreJurisdictionSubmit() {
         // 定义开关 0为没有权限  1为有权限
+        this.NotSelectedRowKeysValue = []
         let flag = 1
-        if(this.selectedRowKeysValue.length == 0) {
+        if (this.selectedRowKeysValue.length == 0) {
           flag = 2
           this.$message.warning(this.$t('selectLeastOne'))
         } else {
           this.selectedRowKeysValue.forEach((item, index) => {
-            if(item.state !== '已提交'&&item.state !== 'Submit') {
+            if (item.state !== '待填写' && item.state !== '认证工程师退回' && item.state !== 'Wait Fill' && item.state !== 'Cert Back') {
               this.NotSelectedRowKeysValue.push(item)
-              this.jurisdiction = 'dreQZTH'
               flag = 0
             }
           })
         }
         return flag
-      }
-    },
-    // 工程接口人 分配填写人 权限
-    // 仅仅状态为 待工程接口人处理 填写人退回 可以分配填写人
-    sdtJurisdictionAssigned() {
-      // 定义开关 0为没有权限  1为有权限
-      this.NotSelectedRowKeysValue = []
-      let flag = 1
-      if(this.selectedRowKeysValue.length == 0) {
-        flag = 2
-        this.$message.warning(this.$t('selectLeastOne'))
-      } else {
-        this.selectedRowKeysValue.forEach((item, index) => {
-          if(item.state !== '待工程接口人处理' && item.state !== '填写人退回'&&item.state !== 'Wait Sdt' && item.state !== 'Dre Back') {
-            this.NotSelectedRowKeysValue.push(item)
-            flag = 0
-          }
-        })
-      }
-      return flag
-    },
-    // 填写人 提交 权限
-    // 仅仅状态为 待填写 认证工程师退回 可以提交
-    dreJurisdictionSubmit() {
-      // 定义开关 0为没有权限  1为有权限
-      this.NotSelectedRowKeysValue = []
-      let flag = 1
-      if(this.selectedRowKeysValue.length == 0) {
-        flag = 2
-        this.$message.warning(this.$t('selectLeastOne'))
-      } else {
-        this.selectedRowKeysValue.forEach((item, index) => {
-          if(item.state !== '待填写' && item.state !== '认证工程师退回'&&item.state !== 'Wait Fill' && item.state !== 'Cert Back') {
-            this.NotSelectedRowKeysValue.push(item)
-            flag = 0
-          }
-        })
-      }
-      return flag
-    },
-    // 填写人 引用参数 权限
-    // 仅仅状态为 待填写 认证工程师退回 可以引用参数
-    dreJurisdictionreferenceParameter() {
-      this.NotSelectedRowKeysValue = []
-      let flag = 1
-      if(this.selectedRowKeysValue.length == 0) {
-        flag = 2
-        this.$message.warning(this.$t('selectLeastOne'))
-      } else {
-        this.selectedRowKeysValue.forEach((item, index) => {
-          if(item.state !== '待填写' && item.state !== '认证工程师退回'&&item.state !== 'Wait Fill' && item.state !== 'Cert Back') {
-            this.NotSelectedRowKeysValue.push(item)
-            flag = 0
-          }
-        })
-      }
-      return flag
-    },
-    LoginUserType(val) {
-      this.RoleType = []
-      if(this.currentPersonRole == '') {
-        this.currentPersonRole = val.length >= 1 ? val[0].value : ''
-      }
-      this.RoleType = val
-      this.formInlineRoleSwitching.roleSwitchingCode = JSON.parse(localStorage.getItem('currentPersonRole')) === null ? this.currentPersonRole : JSON.parse(localStorage.getItem('currentPersonRole'))
-      this.formInlineRoleSwitching = {...this.formInlineRoleSwitching}
-    },
-    // 表格所选中得行内容
-    rowValue(val) {
-      this.selectedRowKeysValue = val
-    },
-    // 表格所选中得id
-    value(val) {
-      this.selectedRowKeys = val,
-      this.selectedRowKeysArray = val.join(',')
-    },
-    // 冻结配置
-    freezeConfiguration() {
+      },
+      // 填写人 引用参数 权限
+      // 仅仅状态为 待填写 认证工程师退回 可以引用参数
+      dreJurisdictionreferenceParameter() {
+        this.NotSelectedRowKeysValue = []
+        let flag = 1
+        if (this.selectedRowKeysValue.length == 0) {
+          flag = 2
+          this.$message.warning(this.$t('selectLeastOne'))
+        } else {
+          this.selectedRowKeysValue.forEach((item, index) => {
+            if (item.state !== '待填写' && item.state !== '认证工程师退回' && item.state !== 'Wait Fill' && item.state !== 'Cert Back') {
+              this.NotSelectedRowKeysValue.push(item)
+              flag = 0
+            }
+          })
+        }
+        return flag
+      },
+      LoginUserType(val) {
+        this.RoleType = []
+        if (this.currentPersonRole == '') {
+          this.currentPersonRole = val.length >= 1 ? val[0].value : ''
+        }
+        this.RoleType = val
+        this.formInlineRoleSwitching.roleSwitchingCode = JSON.parse(localStorage.getItem('currentPersonRole')) === null ? this.currentPersonRole : JSON.parse(localStorage.getItem('currentPersonRole'))
+        this.formInlineRoleSwitching = { ...this.formInlineRoleSwitching }
+      },
+      // 表格所选中得行内容
+      rowValue(val) {
+        this.selectedRowKeysValue = val
+      },
+      // 表格所选中得id
+      value(val) {
+        this.selectedRowKeys = val,
+          this.selectedRowKeysArray = val.join(',')
+      },
+      // 冻结配置
+      freezeConfiguration() {
         // 认证工程师 任意状态 都有此权限
         this.areaVisibleFreeze = true
         this.Dateline = {}
         //  获取冻结配置数据
         this.getFreeze()
-    },
-    // 冻结配置提交
-    handleSubmitFreeze() {
-      let _this = this
-      let paramsConfig = this.Dateline.paramsConfig === undefined ? '' : this.Dateline.paramsConfig.join(',')
-      let param = {paramsManifestId: this.paramsManifest.id, paramsConfigIds: paramsConfig }
-      axios({
-        url: '/jero-boot/params/collectManifest/lockConfigColumn',
-        method: 'post',
-        data: param,
-        transformRequest: [function (data) {
-          let ret = ''
-          for (let it in data) {
-            ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
-          }
-          return ret
-        }],
-        headers: {
-          'Content-Type': 'application/x-www-form-urlencoded',
-          'X-Access-Token':_this.token
-        }
-      })
-        .then( (res) =>{
-          if (res.data.success) {
-            _this.$message.success(res.data.result)
-            this.areaVisibleFreeze = false
-            this.$refs.CollectionTabel.getTableList()
-          }else{
-            _this.$message.warning(res.data.result)
+      },
+      // 冻结配置提交
+      handleSubmitFreeze() {
+        let _this = this
+        let paramsConfig = this.Dateline.paramsConfig === undefined ? '' : this.Dateline.paramsConfig.join(',')
+        let param = { paramsManifestId: this.paramsManifest.id, paramsConfigIds: paramsConfig }
+        axios({
+          url: '/jero-boot/params/collectManifest/lockConfigColumn',
+          method: 'post',
+          data: param,
+          transformRequest: [function(data) {
+            let ret = ''
+            for (let it in data) {
+              ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
+            }
+            return ret
+          }],
+          headers: {
+            'Content-Type': 'application/x-www-form-urlencoded',
+            'X-Access-Token': _this.token
           }
         })
-        .catch( (error) =>{
-        });
-    },
-    // 冻结配置取消
-    cancleImportsFreeze() {
-      this.areaVisibleFreeze = false
-    },
-    getFreeze() {
-      let _this = this
-      let param = {paramsManifestId: this.paramsManifest.id, configFlag: 1}
-      axios({
-        url: '/jero-boot/params/collectManifest/getConfigLableList',
-        method: 'post',
-        data: param,
-        transformRequest: [function (data) {
-          let ret = ''
-          for (let it in data) {
-            ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
-          }
-          return ret
-        }],
-        headers: {
-          'Content-Type': 'application/x-www-form-urlencoded',
-          'X-Access-Token':_this.token
-        }
-      })
-        .then( (res) =>{
-          if (res.data.success) {
-            this.FreezeList = res.data.result
-          }else{
-            _this.$message.warning(res.data.message)
+          .then((res) => {
+            if (res.data.success) {
+              _this.$message.success(res.data.result)
+              this.areaVisibleFreeze = false
+              this.$refs.CollectionTabel.getTableList()
+            } else {
+              _this.$message.warning(res.data.result)
+            }
+          })
+          .catch((error) => {
+          })
+      },
+      // 冻结配置取消
+      cancleImportsFreeze() {
+        this.areaVisibleFreeze = false
+      },
+      getFreeze() {
+        let _this = this
+        let param = { paramsManifestId: this.paramsManifest.id, configFlag: 1 }
+        axios({
+          url: '/jero-boot/params/collectManifest/getConfigLableList',
+          method: 'post',
+          data: param,
+          transformRequest: [function(data) {
+            let ret = ''
+            for (let it in data) {
+              ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
+            }
+            return ret
+          }],
+          headers: {
+            'Content-Type': 'application/x-www-form-urlencoded',
+            'X-Access-Token': _this.token
           }
         })
-        .catch( (error) =>{
-        });
-    },
-    // 下发收集的权限
-    distributionAndCollectionJurisdiction() {
-      let homodistributionAndCollection = this.homodistributionAndCollection()
-      if(homodistributionAndCollection == 1) {
-        this.distributionAndCollection()
-      } else if(homodistributionAndCollection == 0){
-        this.visibleoperationFailed = true
-        this.jurisdiction = 'HOMOZFSJ'
-      } else if(homodistributionAndCollection == 3) {
-        this.visibleoperationFailed = true
-        this.NoEngineer = 0
-      }
-    },
-    // 下发收集---请求接口
-    distributionAndCollection() {
-      let _array = []
-      this.selectedRowKeysValue.forEach((item, index) => {
-        _array.push(item.id)
-      })
-      let _this = this
-      let param = {paramsManifestId: this.$route.query.id,projectId:this.$route.query.projectId,  ids: _array.join(',')}
-      axios({
-        url: '/jero-boot/params/collectManifest/issueCollection',
-        method: 'post',
-        data: param,
-        transformRequest: [function (data) {
-          let ret = ''
-          for (let it in data) {
-            ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
-          }
-          return ret
-        }],
-        headers: {
-          'Content-Type': 'application/x-www-form-urlencoded',
-          'X-Access-Token':_this.token
+          .then((res) => {
+            if (res.data.success) {
+              this.FreezeList = res.data.result
+            } else {
+              _this.$message.warning(res.data.message)
+            }
+          })
+          .catch((error) => {
+          })
+      },
+      // 下发收集的权限
+      distributionAndCollectionJurisdiction() {
+        let homodistributionAndCollection = this.homodistributionAndCollection()
+        if (homodistributionAndCollection == 1) {
+          this.distributionAndCollection()
+        } else if (homodistributionAndCollection == 0) {
+          this.visibleoperationFailed = true
+          this.jurisdiction = 'HOMOZFSJ'
+        } else if (homodistributionAndCollection == 3) {
+          this.visibleoperationFailed = true
+          this.NoEngineer = 0
         }
-      })
-        .then( (res) =>{
-          if (res.data.success) {
-            _this.$message.success(this.$t('OperationSuccessful'))
-            _this.areaVisible = false
-            _this.GetgetTableList()
-          }else{
-            _this.$message.warning(this.$t('operationFailed'))
+      },
+      // 下发收集---请求接口
+      distributionAndCollection() {
+        let _array = []
+        this.selectedRowKeysValue.forEach((item, index) => {
+          _array.push(item.id)
+        })
+        let _this = this
+        let param = {
+          paramsManifestId: this.$route.query.id,
+          projectId: this.$route.query.projectId,
+          ids: _array.join(',')
+        }
+        axios({
+          url: '/jero-boot/params/collectManifest/issueCollection',
+          method: 'post',
+          data: param,
+          transformRequest: [function(data) {
+            let ret = ''
+            for (let it in data) {
+              ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
+            }
+            return ret
+          }],
+          headers: {
+            'Content-Type': 'application/x-www-form-urlencoded',
+            'X-Access-Token': _this.token
           }
         })
-        .catch( (error) =>{
-        });
-    },
-    // 同步上报库 权限
-    handleSynchronousReportLibraryJurisdiction() {
-      let homoJurisdictionSynchronousLibrary = this.homoJurisdictionSynchronousLibrary()
-      if(homoJurisdictionSynchronousLibrary == 1) {
-        this.handleSynchronousReportLibrary()
-      } else if(homoJurisdictionSynchronousLibrary == 0) {
-        this.visibleoperationFailed = true
-        this.jurisdiction = 'HOMOTBSBK'
-      }
-    },
-    // 同步上报库
-    handleSynchronousReportLibrary() {
-      this.areaVisibsynchronous = true
-    },
-    // 添加
-    handleAdd() {
-      // 认证工程师 任意状态 都有此权限
-      this.areaVisible = true
-    },
-    // 提交
-    handleSubmit() {
+          .then((res) => {
+            if (res.data.success) {
+              _this.$message.success(this.$t('OperationSuccessful'))
+              _this.areaVisible = false
+              _this.GetgetTableList()
+            } else {
+              _this.$message.warning(this.$t('operationFailed'))
+            }
+          })
+          .catch((error) => {
+          })
+      },
+      // 同步上报库 权限
+      handleSynchronousReportLibraryJurisdiction() {
+        let homoJurisdictionSynchronousLibrary = this.homoJurisdictionSynchronousLibrary()
+        if (homoJurisdictionSynchronousLibrary == 1) {
+          this.handleSynchronousReportLibrary()
+        } else if (homoJurisdictionSynchronousLibrary == 0) {
+          this.visibleoperationFailed = true
+          this.jurisdiction = 'HOMOTBSBK'
+        }
+      },
+      // 同步上报库
+      handleSynchronousReportLibrary() {
+        this.areaVisibsynchronous = true
+      },
+      // 添加
+      handleAdd() {
+        // 认证工程师 任意状态 都有此权限
+        this.areaVisible = true
+      },
+      // 提交
+      handleSubmit() {
         // 填写人 权限
         let dreJurisdictionSubmit = this.dreJurisdictionSubmit()
-        if(dreJurisdictionSubmit == 1) {
+        if (dreJurisdictionSubmit == 1) {
           this.ishandleSubmit()
-        } else if(dreJurisdictionSubmit == 0) {
+        } else if (dreJurisdictionSubmit == 0) {
           this.visibleoperationFailed = true
           this.jurisdiction = 'DREYYCS'
         }
-    },
-    // 提交数据
-    ishandleSubmit() {
-      let _this = this
-      let postDate = []
-      this.selectedRowKeysValue.forEach((item, index) => {
-        let postDateobj = {}
-        Object.keys(item).forEach((itemIn, index) => {
-          if(itemIn !== 'sdt') {
-            if(item[itemIn] instanceof Object && !(item[itemIn] instanceof Array)) {
-              postDateobj[itemIn] = item[itemIn]
-              item[itemIn].list.forEach((item,index) => {
-                if(item.type == 'pull_more'){
-                  item.dataValue = item.dataValue.join(',')
-                }
-                if(item.type == 'text' && item.dataValue !== null){
-                  item.dataValue = item.dataValue.toString()
+      },
+      // 提交数据
+      ishandleSubmit() {
+        let _this = this
+        let postDate = []
+        console.log(this.selectedRowKeysValue)
+        this.selectedRowKeysValue.forEach((item, index) => {
+          let postDateobj = {}
+          Object.keys(item).forEach((itemIn, index) => {
+            if (itemIn !== 'sdt') {
+              if (item[itemIn] instanceof Object && !(item[itemIn] instanceof Array)) {
+                postDateobj[itemIn] = item[itemIn]
+                item[itemIn].list.forEach((item, index) => {
+                  if (item.type == 'pull_more') {
+                    item.dataValue = item.dataValue.join(',')
+                  }
+                  if (item.type == 'text' && item.dataValue !== null) {
+                    item.dataValue = item.dataValue.toString()
+                  }
+                })
+              }
+            }
+          })
+          postDateobj.id = item.id
+          postDate.push(postDateobj)
+        })
+        let configDataList = { configDataList: postDate }
+        if (this.selectedRowKeys.length == 0) {
+          this.$message.warning(this.$t('selectLeastOne'))
+        } else {
+          let _configDataListNo = []
+          this.$confirm({
+            content: _this.$t('Areyousureparameteritems'),
+            onOk() {
+              postAction(_this.url.add, configDataList).then((res) => {
+                if (res.success) {
+                  _this.$message.success(_this.$t('OperationSuccessful'))
+                  _this.GetgetTableList()
+                } else {
+                  _this.$message.warning(_this.$t('operationFailed'))
                 }
               })
             }
-          }
-        })
-        postDateobj.id = item.id
-        postDate.push(postDateobj)
-      })
-      let configDataList = { configDataList: postDate }
-      if(this.selectedRowKeys.length == 0) {
-        this.$message.warning(this.$t('selectLeastOne'))
-      }else {
-        let _configDataListNo = []
-        this.$confirm({
-          content: _this.$t('Areyousureparameteritems'),
-          onOk() {
-            postAction(_this.url.add, configDataList).then((res) => {
-              if (res.success) {
-                _this.$message.success(_this.$t('OperationSuccessful'))
-                _this.GetgetTableList()
-              } else {
-                _this.$message.warning(_this.$t('operationFailed'))
-              }
-            })
-          }
-        })
-      }
-    },
-    returnDataJurisdiction() {
-      // 退回的状态权限
-      let homoJurisdictionReturn = this.homoJurisdictionReturn()
-      if (homoJurisdictionReturn == 1) {
-        this.returnData()
-      } else if(homoJurisdictionReturn == 0) {
-        this.visibleoperationFailed = true
-      }
-    },
-    // 退回
-    returnData() {
-      // todo  退回没有选择数据
-      let _array = []
-      this.selectedRowKeysValue.forEach((item, index) => {
-        _array.push(item.id)
-      })
-      let _this = this
-      let param = {ids: _array.join(',')}
-      axios({
-        url: '/jero-boot/params/collectManifest/back',
-        method: 'post',
-        data: param,
-        transformRequest: [function (data) {
-          let ret = ''
-          for (let it in data) {
-            ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
-          }
-          return ret
-        }],
-        headers: {
-          'Content-Type': 'application/x-www-form-urlencoded',
-          'X-Access-Token':_this.token
+          })
         }
-      })
-        .then( (res) =>{
-          if (res.data.success) {
-            _this.$message.success(_this.$t('OperationSuccessful'))
-            _this.GetgetTableList()
-            _this.selectedRowKeysValue=[]
-          }else{
-            _this.$message.warning(_this.$t('operationFailed'))
-          }
-        })
-        .catch( (error) =>{
-        });
-    },
-    // 强制撤回权限
-    compulsoryWithdrawaljurisdiction() {
-      let homoJurisdictionCompulsoryWithdrawal = this.homoJurisdictionCompulsoryWithdrawal()
-      if(homoJurisdictionCompulsoryWithdrawal === 1) {
-        this.compulsoryWithdrawal()
-      } else if(homoJurisdictionCompulsoryWithdrawal === 0) {
-        this.visibleoperationFailed = true
-      }
-    },
-    // 强制撤回
-    compulsoryWithdrawal() {
-      let _array = []
-      this.selectedRowKeysValue.forEach((item, index) => {
-        _array.push(item.id)
-      })
-      let _this = this
-      let param = {ids: _array.join(',')}
-      axios({
-        url: '/jero-boot/params/collectManifest/withdraw',
-        method: 'post',
-        data: param,
-        transformRequest: [function (data) {
-          let ret = ''
-          for (let it in data) {
-            ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
-          }
-          return ret
-        }],
-        headers: {
-          'Content-Type': 'application/x-www-form-urlencoded',
-          'X-Access-Token':_this.token
+      },
+      returnDataJurisdiction() {
+        // 退回的状态权限
+        let homoJurisdictionReturn = this.homoJurisdictionReturn()
+        if (homoJurisdictionReturn == 1) {
+          this.returnData()
+        } else if (homoJurisdictionReturn == 0) {
+          this.visibleoperationFailed = true
         }
-      })
-        .then( (res) =>{
-          if (res.data.success) {
-            _this.$message.success(_this.$t('OperationSuccessful'))
-            _this.GetgetTableList()
-            _this.selectedRowKeysValue=[]
-          }else{
-            _this.$message.warning(_this.$t('operationFailed'))
+      },
+      // 退回
+      returnData() {
+        // todo  退回没有选择数据
+        let _array = []
+        this.selectedRowKeysValue.forEach((item, index) => {
+          _array.push(item.id)
+        })
+        let _this = this
+        let param = { ids: _array.join(',') }
+        axios({
+          url: '/jero-boot/params/collectManifest/back',
+          method: 'post',
+          data: param,
+          transformRequest: [function(data) {
+            let ret = ''
+            for (let it in data) {
+              ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
+            }
+            return ret
+          }],
+          headers: {
+            'Content-Type': 'application/x-www-form-urlencoded',
+            'X-Access-Token': _this.token
           }
         })
-        .catch( (error) =>{
-        });
-    },
-    // 分配填写人
-    assignedBy() {
-      // 工程接口人
-      let sdtJurisdictionAssigned = this.sdtJurisdictionAssigned()
-      if(sdtJurisdictionAssigned == 1) {
-        this.areaVisibleAssignedby = true
-      } else if(sdtJurisdictionAssigned == 0) {
-        this.visibleoperationFailed = true
+          .then((res) => {
+            if (res.data.success) {
+              _this.$message.success(_this.$t('OperationSuccessful'))
+              _this.GetgetTableList()
+              _this.selectedRowKeysValue = []
+            } else {
+              _this.$message.warning(_this.$t('operationFailed'))
+            }
+          })
+          .catch((error) => {
+          })
+      },
+      // 强制撤回权限
+      compulsoryWithdrawaljurisdiction() {
+        let homoJurisdictionCompulsoryWithdrawal = this.homoJurisdictionCompulsoryWithdrawal()
+        if (homoJurisdictionCompulsoryWithdrawal === 1) {
+          this.compulsoryWithdrawal()
+        } else if (homoJurisdictionCompulsoryWithdrawal === 0) {
+          this.visibleoperationFailed = true
+        }
+      },
+      // 强制撤回
+      compulsoryWithdrawal() {
+        let _array = []
+        this.selectedRowKeysValue.forEach((item, index) => {
+          _array.push(item.id)
+        })
+        let _this = this
+        let param = { ids: _array.join(',') }
+        axios({
+          url: '/jero-boot/params/collectManifest/withdraw',
+          method: 'post',
+          data: param,
+          transformRequest: [function(data) {
+            let ret = ''
+            for (let it in data) {
+              ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
+            }
+            return ret
+          }],
+          headers: {
+            'Content-Type': 'application/x-www-form-urlencoded',
+            'X-Access-Token': _this.token
+          }
+        })
+          .then((res) => {
+            if (res.data.success) {
+              _this.$message.success(_this.$t('OperationSuccessful'))
+              _this.GetgetTableList()
+              _this.selectedRowKeysValue = []
+            } else {
+              _this.$message.warning(_this.$t('operationFailed'))
+            }
+          })
+          .catch((error) => {
+          })
+      },
+      // 分配填写人
+      assignedBy() {
+        // 工程接口人
+        let sdtJurisdictionAssigned = this.sdtJurisdictionAssigned()
+        if (sdtJurisdictionAssigned == 1) {
+          this.areaVisibleAssignedby = true
+        } else if (sdtJurisdictionAssigned == 0) {
+          this.visibleoperationFailed = true
           this.jurisdiction = 'SDTFPTXR'
-      }
-    },
-    // 分配填写人确定后弹框关闭
-    areaVisibleAssignedbyflag(val) {
-      this.areaVisibleAssignedby = val
-    },
-    // 截止时间
-    TaskCutOffTimeLibrary() {
+        }
+      },
+      // 分配填写人确定后弹框关闭
+      areaVisibleAssignedbyflag(val) {
+        this.areaVisibleAssignedby = val
+      },
+      // 截止时间
+      TaskCutOffTimeLibrary() {
         let dreTaskCutOffTimeLibrary = this.dreTaskCutOffTimeLibrary()
-        if(dreTaskCutOffTimeLibrary == 1) {
+        if (dreTaskCutOffTimeLibrary == 1) {
           this.areaVisibleTaskCutOffTime = true
-        }else if(dreTaskCutOffTimeLibrary == 0) {
+        } else if (dreTaskCutOffTimeLibrary == 0) {
           this.visibleoperationFailed = true
           this.jurisdiction = 'HOMOJZSJ'
         }
-    },
-    // 截至时间确定弹框关闭
-    areaVisibleTaskCutOffTimeflag(val) {
-      this.areaVisibleTaskCutOffTime = val
-      this.$refs.CollectionTabel.getTableList()
-    },
-    //引用参数
-    referenceparameter() {
-      let dreJurisdictionreferenceParameter = this.dreJurisdictionreferenceParameter()
-      if(dreJurisdictionreferenceParameter == 1) {
-        this.areaVisiblereferenceparameter = true
-      } else if(dreJurisdictionreferenceParameter == 0) {
-        this.visibleoperationFailed = true
-        this.jurisdiction = 'DREYYCS'
-      }
-    },
-    listReset() {
-      this.formInline = {}
-    },
-    handleModule() {
+      },
+      // 截至时间确定弹框关闭
+      areaVisibleTaskCutOffTimeflag(val) {
+        this.areaVisibleTaskCutOffTime = val
+        this.$refs.CollectionTabel.getTableList()
+      },
+      //引用参数
+      referenceparameter() {
+        let dreJurisdictionreferenceParameter = this.dreJurisdictionreferenceParameter()
+        if (dreJurisdictionreferenceParameter == 1) {
+          this.areaVisiblereferenceparameter = true
+        } else if (dreJurisdictionreferenceParameter == 0) {
+          this.visibleoperationFailed = true
+          this.jurisdiction = 'DREYYCS'
+        }
+      },
+      listReset() {
+        this.formInline = {}
+      },
+      handleModule() {
 
       },
       handleCody() {
@@ -1133,7 +1160,7 @@ export default {
         let homoJurisdictionBatchdelete = this.homoJurisdictionBatchdelete()
         if (homoJurisdictionBatchdelete == 1) {
           this.handleDel()
-        } else if(homoJurisdictionBatchdelete == 0) {
+        } else if (homoJurisdictionBatchdelete == 0) {
           this.visibleoperationFailed = true
           this.jurisdiction = 'HOMOZFSJ'
         }
@@ -1194,58 +1221,6 @@ export default {
 <style lang="less" scoped>
   @import '~@assets/less/common.less';
 
-  .doc-detail {
-    background: #fff;
-    height: 100%;
-
-    .Virtual-detail-header {
-      width: 100%;
-      height: 68px;
-      line-height: 68px;
-      padding: 0 32px 0 32px;
-      box-sizing: border-box;
-      display: flex;
-      justify-content: space-between;
-      border-bottom: 2px #eff1f3 solid;
-      background: #fff;
-      .Virtual-detail-title {
-        display: inline-block;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        overflow: hidden;
-        font-size: 20px;
-        font-weight: 400;
-        color: #040B29;
-        line-height: 68px;
-      }
-
-      .doc-detail-right {
-        width: 800px;
-        line-height: 68px;
-        display: flex;
-      }
-    }
-
-    .Virtual-detail-content {
-      margin-top: 68px;
-      padding: 0 38px 0 38px;
-      box-sizing: border-box;
-      font-size: 16px;
-
-      .box-title-text-add {
-        line-height: 1.4;
-      }
-
-      .title-text-add {
-        display: inline-block;
-        font-weight: 500;
-        margin-right: 16px;
-        height: 42px;
-        line-height: 42px;
-      }
-    }
-  }
-
   .header-text {
     font-size: 16px;
     font-weight: 400;
@@ -1304,6 +1279,7 @@ export default {
     cursor: pointer;
     border-radius: 4px;
   }
+
   .operator-text-title {
     cursor: pointer;
     margin-right: 22px;
@@ -1312,10 +1288,12 @@ export default {
     color: #040B29;
     margin-bottom: 22px;
   }
+
   .box-title-text-index {
     line-height: 1.4;
     display: flex;
   }
+
   .title-text-Comment {
     width: 74px;
     text-align: right;
@@ -1329,16 +1307,122 @@ export default {
     height: 42px;
     line-height: 36px;
   }
+
   .box-input .ant-select-selection {
     height: 38px !important;
   }
-  .itemitem{
+
+  .itemitem {
     width: 250px;
   }
+
   .box-input .ant-select-selection__rendered {
     line-height: 38px;
   }
-  .Required{
+
+  .Required {
     color: red;
   }
+
+  .doc-detail {
+    background: #fff;
+    height: 100%;
+
+    .Virtual-detail-header {
+      width: 100%;
+      height: 68px;
+      line-height: 68px;
+      padding: 0 32px 0 32px;
+      box-sizing: border-box;
+      display: flex;
+      justify-content: space-between;
+      border-bottom: 2px #eff1f3 solid;
+      background: #fff;
+
+      .Virtual-detail-title {
+        display: inline-block;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+        font-size: 20px;
+        font-weight: 400;
+        color: #040B29;
+        line-height: 68px;
+      }
+
+      .doc-detail-right {
+        width: 800px;
+        line-height: 68px;
+        display: flex;
+      }
+    }
+
+    .Virtual-detail-content {
+      margin-top: 68px;
+      padding: 0 38px 0 38px;
+      box-sizing: border-box;
+      font-size: 16px;
+
+      .box-title-text-add {
+        line-height: 1.4;
+      }
+
+      .title-text-add {
+        display: inline-block;
+        font-weight: 500;
+        margin-right: 16px;
+        height: 42px;
+        line-height: 42px;
+      }
+    }
+
+    .Virtual-detail-header {
+      width: 100%;
+      height: 68px;
+      line-height: 68px;
+      padding: 0 32px 0 32px;
+      box-sizing: border-box;
+      display: flex;
+      justify-content: space-between;
+      border-bottom: 2px #eff1f3 solid;
+      background: #fff;
+      z-index: 1000;
+
+      .Virtual-detail-title {
+        display: inline-block;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+        font-size: 20px;
+        font-weight: 400;
+        color: #040B29;
+        line-height: 68px;
+      }
+
+      .doc-detail-right {
+        width: 800px;
+        line-height: 68px;
+        display: flex;
+      }
+    }
+
+    .Virtual-detail-content {
+      padding: 0 32px 0 32px;
+      box-sizing: border-box;
+      font-size: 16px;
+
+      .box-title-text-add {
+        line-height: 1.4;
+      }
+
+      .title-text-add {
+        display: inline-block;
+        width: 100%;
+        font-weight: 500;
+        margin-right: 16px;
+        height: 42px;
+        line-height: 42px;
+      }
+    }
+  }
 </style>
\ No newline at end of file
diff --git a/jero-web/src/views/projectManagement/components/TaskParameterCollection.vue b/jero-web/src/views/projectManagement/components/TaskParameterCollection.vue
index e6476fe42..dd0ac3506 100644
--- a/jero-web/src/views/projectManagement/components/TaskParameterCollection.vue
+++ b/jero-web/src/views/projectManagement/components/TaskParameterCollection.vue
@@ -49,7 +49,7 @@
         :dataSource='dataSource'
         :pagination='false'
         :loading='loading'
-        :scroll='{x: 600}'
+        :scroll="{x: 600}"
         :rowSelection='{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}'
         @change='handleTableChange'>
         <span slot="paramsManifestClick" slot-scope="text,record">
@@ -371,6 +371,7 @@
           pageNo: this.pageNo,
           ...this.queryParam
         }
+        this.loading = true
         getAction(this.url.list, query).then((res) => {
           if (res.success) {
             if (res.result.current > 1 && res.result.records.length == 0) {
diff --git a/jero-web/src/views/projectManagement/dialog/configure.vue b/jero-web/src/views/projectManagement/dialog/configure.vue
index c88c6a2de..db46275fa 100644
--- a/jero-web/src/views/projectManagement/dialog/configure.vue
+++ b/jero-web/src/views/projectManagement/dialog/configure.vue
@@ -17,8 +17,8 @@
                 <div class="box-title-text">
                   <div class="title-text">
                     <span class="Required">*</span>
-                <span class="title-text-text"
-                      :title="$t('configurationName')">{{$t('configurationName')}}</span>
+                    <span class="title-text-text"
+                          :title="$t('configurationName')">{{$t('configurationName')}}</span>
                   </div>
                   <a-form-model-item class="itemModel" prop="nioNumber">
                     <a-input class="box-input"
@@ -48,8 +48,8 @@
                 <div class="box-title-text">
                   <div class="title-text">
                     <span class="Required">*</span>
-                <span class="title-text-text"
-                      :title="$t('Model')">{{$t('Model')}}</span>
+                    <span class="title-text-text"
+                          :title="$t('Model')">{{$t('Model')}}</span>
                   </div>
                   <a-form-model-item class="itemModel" prop="nioNumber">
                     <a-input class="box-input"
@@ -79,8 +79,8 @@
                 <div class="box-title-text">
                   <div class="title-text">
                     <span class="Required">*</span>
-                <span class="title-text-text"
-                      :title="$t('electricMachinery')">{{$t('electricMachinery')}}</span>
+                    <span class="title-text-text"
+                          :title="$t('electricMachinery')">{{$t('electricMachinery')}}</span>
                   </div>
                   <a-form-model-item class="itemModel" prop="nioNumber">
                     <a-input class="box-input"
@@ -95,8 +95,11 @@
                   <div class="title-text">
                     <!--                  <span class="title-text-text" :title="$t('Required')">{{$t('Required')}}</span>-->
                   </div>
-                  <a-button style="margin-right: .8rem" @click="addConfiguration(index)">{{$t('addConfiguration')}}</a-button>
-                  <a-button @click="deleteConfiguration(item.id,index)" type="primary" :loading="confirmLoading">{{$t('deleteConfiguration')}}</a-button>
+                  <a-button style="margin-right: .8rem" @click="addConfiguration(index)">{{$t('addConfiguration')}}
+                  </a-button>
+                  <a-button @click="deleteConfiguration(item.id,index)" type="primary" :loading="confirmLoading">
+                    {{$t('deleteConfiguration')}}
+                  </a-button>
                 </div>
               </a-col>
             </a-row>
@@ -112,337 +115,340 @@
 </template>
 
 <script>
-import { getAction, postAction, downloadFile, putAction } from '@/api/manage'
-import uploadFile from '@/components/uploadFile/file'
-import axios from 'axios'
-export default {
-  name: 'addModel',
-  components: {
-    uploadFile
-  },
-  props: {
-    itemId: {
-      type: String,
-      default: '',
-      require: true
-    },
-    url: {
-      type: Object,
-      default: '',
-      require: true
-    },
-    itemRow: {
-      type: Object,
-      default: '',
-      require: true
-    }
-  },
-  data() {
-    return {
-      formInline: {},
-      confirmLoading: false,
-      visible: false,
-      rules: {
-        // nioNumber:[
-        //   { required: true, message: this.$t('PleaseEnter')+this.$t('NiONumber'), trigger: 'change' },
-        // ]
-      },
-      disabled: false,
-      projectNameList: [],
-      title: '',
-      stateOne: '',
-      contentList : [],
-      paramsConfigEOList: [
-        {
-          id: '',
-          // displaySeq: 0,
-          configName: '', // 配置名称
-          version: '', // 版本
-          carType: '', // 车型
-          battery: '', // 电池
-          motor: '', // 电机
-        }
-      ],
-      conIndex: 0,
-      deleteConfigIds: '',
-      deleteConfigIdsArray: []
-    }
-  },
-  mounted() {
+  import { getAction, postAction, downloadFile, putAction } from '@/api/manage'
+  import uploadFile from '@/components/uploadFile/file'
+  import axios from 'axios'
 
-  },
-  methods: {
-    getNameList() {
-      getAction('project/projectNameInfoEO/list', {}).then((res) => {
-        if (res.success) {
-          this.projectNameList = res.result || []
-        } else {
-          this.projectNameList = []
-        }
-      })
+  export default {
+    name: 'addModel',
+    components: {
+      uploadFile
     },
-    addModel(id) {
-      this.paramsConfigEOList = []
-      this.visible = true
-      this.title = this.$t('MaintainConfigureInfo')
-      this.formInline = {}
-      this.getconList(id)
+    props: {
+      itemId: {
+        type: String,
+        default: '',
+        require: true
+      },
+      url: {
+        type: Object,
+        default: '',
+        require: true
+      },
+      itemRow: {
+        type: Object,
+        default: '',
+        require: true
+      }
     },
-    getconList(id) {
-      getAction(`${this.url.conList}?paramsManifestId=${id}`, {}).then((res) => {
-        if (res.success) {
-          if(res.result.length === 0) {
-            this.paramsConfigEOList = [
-              {
-                id: '',
-                // displaySeq: 0,
-                configName: '', // 配置名称
-                version: '', // 版本
-                carType: '', // 车型
-                battery: '', // 电池
-                motor: '', // 电机
-              }
-            ]
+    data() {
+      return {
+        formInline: {},
+        confirmLoading: false,
+        visible: false,
+        rules: {
+          // nioNumber:[
+          //   { required: true, message: this.$t('PleaseEnter')+this.$t('NiONumber'), trigger: 'change' },
+          // ]
+        },
+        disabled: false,
+        projectNameList: [],
+        title: '',
+        stateOne: '',
+        contentList: [],
+        paramsConfigEOList: [
+          {
+            id: '',
+            // displaySeq: 0,
+            configName: '', // 配置名称
+            version: '', // 版本
+            carType: '', // 车型
+            battery: '', // 电池
+            motor: '' // 电机
+          }
+        ],
+        conIndex: 0,
+        deleteConfigIds: '',
+        deleteConfigIdsArray: []
+      }
+    },
+    mounted() {
+
+    },
+    methods: {
+      getNameList() {
+        getAction('project/projectNameInfoEO/list', {}).then((res) => {
+          if (res.success) {
+            this.projectNameList = res.result || []
           } else {
-            this.paramsConfigEOList = res.result
+            this.projectNameList = []
           }
-          this.visible = true
-        } else {
-          this.$message.warning(res.message)
-        }
-      })
-    },
-    addConfiguration(item) {
-      if(this.itemRow.configFlag) {
-        this.paramsConfigEOList.splice(item.displaySeq + 1,0,{
-          id: '',
-          configName: '', // 配置名称
-          version: '', // 版本
-          carType: '', // 车型
-          battery: '', // 电池
-          motor: '', // 电机
         })
-      } else {
-        this.$message.warning(this.$t('Theselectedconfiguration'))
-      }
-    },
-    deleteConfiguration(displaySeq,index) {
-      if(this.paramsConfigEOList.length === 1) {
-        this.$message.warning(this.$t('oneconfigurationInformation'))
-        return
-      }
-      let _this = this
-      this.$confirm({
-        content: _this.$t('ConfirmDelete'),
-        onOk() {
-          _this.deleteConfigIdsArray.push(displaySeq)
-          _this.deleteConfigIds = _this.deleteConfigIdsArray.join(',')
-          let _tt = _this.paramsConfigEOList.splice(index,1)
-          if(_tt.length === 1) {
-            _this.$message.success(_this.$t('DeleteSucceeded'))
-          }
-        }
-      })
-    },
-    handleCancel() {
-      this.visible = false
-    },
-    handleSubmit() {
-      let flag = 1
-      this.paramsConfigEOList.forEach((item) => {
-        // 配置名称
-        if(item.configName.trim() == ''){
-          this.$message.warning(this.$t('configurationName')+this.$t('cannotEmpty'))
-          flag = 0
-          return
-        } else if(item.configName.length > 25){
-          this.$message.warning(this.$t('configurationName')+this.$t('cantExeed')+'25'+this.$t('characters'))
-          flag = 0
-          return
-        }
-        // 车型
-        if(item.carType.trim() == ''){
-          this.$message.warning(this.$t('Model')+this.$t('cannotEmpty'))
-          flag = 0
-          return
-        } else if(item.carType.length > 20){
-          this.$message.warning(this.$t('Model')+this.$t('cantExeed')+'20'+this.$t('characters'))
-          flag = 0
-          return
-        }
-        // 版本
-        if(item.version.trim() == ''){
-          this.$message.warning(this.$t('Version')+this.$t('cannotEmpty'))
-          flag = 0
-          return
-        } else if(item.version.length > 20){
-          this.$message.warning(this.$t('Version')+this.$t('cantExeed')+'20'+this.$t('characters'))
-          flag = 0
-          return
-        }
-        // 电池
-        if(item.battery.trim() == ''){
-          this.$message.warning(this.$t('Battery')+this.$t('cannotEmpty'))
-          flag = 0
-          return
-        } else if(item.battery.length > 20){
-          this.$message.warning(this.$t('Battery')+this.$t('cantExeed')+'20'+this.$t('characters'))
-          flag = 0
-          return
-        }
-        // 电机
-        if(item.motor.trim() == ''){
-          this.$message.warning(this.$t('electricMachinery')+this.$t('cannotEmpty'))
-          flag = 0
-          return
-        } else if(item.motor.length > 20){
-          this.$message.warning(this.$t('electricMachinery')+this.$t('cantExeed')+'20'+this.$t('characters'))
-          flag = 0
-          return
-        }
-      })
-      if(flag == 1){
-        this.$refs.ruleForm.validate(valid => {
-          if (valid) {
-            let querycontentList = {}
-            let paramsManifestId = { paramsManifestId : this.itemId }
-            querycontentList = {
-              paramsConfigEOList: this.paramsConfigEOList,
-              deleteConfigIds: this.deleteConfigIds
+      },
+      addModel(id) {
+        this.paramsConfigEOList = []
+        this.visible = true
+        this.title = this.$t('MaintainConfigureInfo')
+        this.formInline = {}
+        this.getconList(id)
+      },
+      getconList(id) {
+        getAction(`${this.url.conList}?paramsManifestId=${id}`, {}).then((res) => {
+          if (res.success) {
+            if (res.result.length === 0) {
+              this.paramsConfigEOList = [
+                {
+                  id: '',
+                  // displaySeq: 0,
+                  configName: '', // 配置名称
+                  version: '', // 版本
+                  carType: '', // 车型
+                  battery: '', // 电池
+                  motor: '' // 电机
+                }
+              ]
+            } else {
+              this.paramsConfigEOList = res.result
             }
-            let querycontentListItem = { ...querycontentList, ...paramsManifestId }
-            this.confirmLoading = true
-            postAction(this.url.conAdd, querycontentListItem).then((res) => {
-              if (res.success) {
-                this.confirmLoading = false
-                this.$message.success(this.$t('OperationSuccessful'))
-                this.visible = false
-                this.deleteConfigIds = ''
-                this.deleteConfigIdsArray = []
-              } else {
-                this.$message.warning(res.message)
-                this.confirmLoading = false
-              }
-            })
+            this.visible = true
+          } else {
+            this.$message.warning(res.message)
           }
         })
+      },
+      addConfiguration(item) {
+        if (this.itemRow.configFlag) {
+          this.paramsConfigEOList.splice(item.displaySeq + 1, 0, {
+            id: '',
+            configName: '', // 配置名称
+            version: '', // 版本
+            carType: '', // 车型
+            battery: '', // 电池
+            motor: '' // 电机
+          })
+        } else {
+          this.$message.warning(this.$t('Theselectedconfiguration'))
+        }
+      },
+      deleteConfiguration(displaySeq, index) {
+        if (this.paramsConfigEOList.length === 1) {
+          this.$message.warning(this.$t('oneconfigurationInformation'))
+          return
+        }
+        let _this = this
+        this.$confirm({
+          content: _this.$t('ConfirmDelete'),
+          onOk() {
+            if (displaySeq) {
+              _this.deleteConfigIdsArray.push(displaySeq)
+            }
+            _this.deleteConfigIds = _this.deleteConfigIdsArray.join(',')
+            let _tt = _this.paramsConfigEOList.splice(index, 1)
+            if (_tt.length === 1) {
+              _this.$message.success(_this.$t('DeleteSucceeded'))
+            }
+          }
+        })
+      },
+      handleCancel() {
+        this.visible = false
+      },
+      handleSubmit() {
+        let flag = 1
+        this.paramsConfigEOList.forEach((item) => {
+          // 配置名称
+          if (item.configName.trim() == '') {
+            this.$message.warning(this.$t('configurationName') + this.$t('cannotEmpty'))
+            flag = 0
+            return
+          } else if (item.configName.length > 25) {
+            this.$message.warning(this.$t('configurationName') + this.$t('cantExeed') + '25' + this.$t('characters'))
+            flag = 0
+            return
+          }
+          // 车型
+          if (item.carType.trim() == '') {
+            this.$message.warning(this.$t('Model') + this.$t('cannotEmpty'))
+            flag = 0
+            return
+          } else if (item.carType.length > 20) {
+            this.$message.warning(this.$t('Model') + this.$t('cantExeed') + '20' + this.$t('characters'))
+            flag = 0
+            return
+          }
+          // 版本
+          if (item.version.trim() == '') {
+            this.$message.warning(this.$t('Version') + this.$t('cannotEmpty'))
+            flag = 0
+            return
+          } else if (item.version.length > 20) {
+            this.$message.warning(this.$t('Version') + this.$t('cantExeed') + '20' + this.$t('characters'))
+            flag = 0
+            return
+          }
+          // 电池
+          if (item.battery.trim() == '') {
+            this.$message.warning(this.$t('Battery') + this.$t('cannotEmpty'))
+            flag = 0
+            return
+          } else if (item.battery.length > 20) {
+            this.$message.warning(this.$t('Battery') + this.$t('cantExeed') + '20' + this.$t('characters'))
+            flag = 0
+            return
+          }
+          // 电机
+          if (item.motor.trim() == '') {
+            this.$message.warning(this.$t('electricMachinery') + this.$t('cannotEmpty'))
+            flag = 0
+            return
+          } else if (item.motor.length > 20) {
+            this.$message.warning(this.$t('electricMachinery') + this.$t('cantExeed') + '20' + this.$t('characters'))
+            flag = 0
+            return
+          }
+        })
+        if (flag == 1) {
+          this.$refs.ruleForm.validate(valid => {
+            if (valid) {
+              let querycontentList = {}
+              let paramsManifestId = { paramsManifestId: this.itemId }
+              querycontentList = {
+                paramsConfigEOList: this.paramsConfigEOList,
+                deleteConfigIds: this.deleteConfigIds
+              }
+              let querycontentListItem = { ...querycontentList, ...paramsManifestId }
+              this.confirmLoading = true
+              postAction(this.url.conAdd, querycontentListItem).then((res) => {
+                if (res.success) {
+                  this.confirmLoading = false
+                  this.$message.success(this.$t('OperationSuccessful'))
+                  this.visible = false
+                  this.deleteConfigIds = ''
+                  this.deleteConfigIdsArray = []
+                } else {
+                  this.$message.warning(res.message)
+                  this.confirmLoading = false
+                }
+              })
+            }
+          })
+        }
       }
-    },
+    }
   }
-}
 </script>
 <style>
-.formAdd .ant-form-item-label {
-  width: 130px;
-}
+  .formAdd .ant-form-item-label {
+    width: 130px;
+  }
 
-.formAdd .ant-form-item-control-wrapper {
-  display: inline-block;
-  width: 100%;
-}
+  .formAdd .ant-form-item-control-wrapper {
+    display: inline-block;
+    width: 100%;
+  }
 
-/*.formAdd .ant-form-item {*/
-/*  margin-bottom: 20px;*/
-/*}*/
+  /*.formAdd .ant-form-item {*/
+  /*  margin-bottom: 20px;*/
+  /*}*/
 
-.itemModel .ant-form-item-control-wrapper {
-  width: 100%;
-}
+  .itemModel .ant-form-item-control-wrapper {
+    width: 100%;
+  }
 
-.box-input .ant-select-selection--single {
-  height: 38px;
-}
+  .box-input .ant-select-selection--single {
+    height: 38px;
+  }
 
-.box-input .ant-select-selection--multiple {
-  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__rendered {
+    line-height: 38px;
+    height: 38px;
+  }
 
-.box-input .ant-select-selection--multiple .ant-select-selection__rendered > ul > li {
-  margin-top: 6px;
-}
+  .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 {
+    line-height: 38px;
+    height: 38px;
+  }
 
-.box-input .ant-calendar-picker-input {
-  height: 38px;
-}
+  .box-input .ant-calendar-picker-input {
+    height: 38px;
+  }
 
-.box-input .ant-input-number-input-wrap {
-  line-height: 38px;
-  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;*/
-}
+  .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;
-}
+  .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%;
-}
+  .box-input {
+    display: inline-block;
+    height: 38px;
+    width: 100%;
+  }
 
-.itemModel {
-  width: calc(100% - 130px);
-  display: inline-block;
-  margin-top: 2px;
-}
+  .itemModel {
+    width: calc(100% - 130px);
+    display: inline-block;
+    margin-top: 2px;
+  }
 
-.Required {
-  color: red;
-  margin-right: 4px;
-}
+  .Required {
+    color: red;
+    margin-right: 4px;
+  }
 
-.title-text-text {
-  margin-top: 9px;
-}
+  .title-text-text {
+    margin-top: 9px;
+  }
 
 
-.formAdd {
-  margin-bottom: 40px;
-}
+  .formAdd {
+    margin-bottom: 40px;
+  }
 
 
-.drawer-bootom-button {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  z-index:100;
-  border-top: 1px solid #e8e8e8;
-  padding: 10px 16px;
-  text-align: right;
-  left: 0;
-  background: #fff;
-  border-radius: 0 0 2px 2px;
-}
+  .drawer-bootom-button {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    z-index: 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;
-}
+  .ant-input-disabled {
+    color: rgba(0, 0, 0, 0.65) !important;
+  }
 </style>
\ No newline at end of file