From e70a42c824ee47f08d64fae4316dd0b1e1976331 Mon Sep 17 00:00:00 2001
From: zhn <947514737@qq.com>
Date: Mon, 30 Oct 2023 18:00:57 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=82=E6=95=B0=E9=A1=B9=E6=94=B6=E9=9B=86?=
 =?UTF-8?q?=E6=B8=85=E5=8D=95-=E5=8A=A8=E6=80=81=E8=A1=A8=E5=A4=B4?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E8=AE=A4=E8=AF=81=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ParamsCollectManifestEOServiceImpl.java   |   21 +
 .../src/components/tableCollection/index.vue  | 2198 +++++++++--------
 2 files changed, 1125 insertions(+), 1094 deletions(-)

diff --git a/jero-boot/jero-boot-modules/src/main/java/com/jero/modules/cert/collect/service/impl/ParamsCollectManifestEOServiceImpl.java b/jero-boot/jero-boot-modules/src/main/java/com/jero/modules/cert/collect/service/impl/ParamsCollectManifestEOServiceImpl.java
index c447b23a5..1eb8a70d2 100644
--- a/jero-boot/jero-boot-modules/src/main/java/com/jero/modules/cert/collect/service/impl/ParamsCollectManifestEOServiceImpl.java
+++ b/jero-boot/jero-boot-modules/src/main/java/com/jero/modules/cert/collect/service/impl/ParamsCollectManifestEOServiceImpl.java
@@ -1533,6 +1533,23 @@ public class ParamsCollectManifestEOServiceImpl extends ServiceImpl<ParamsCollec
             //过滤列表字段(is_show_list-->列表是否显示0否 1是)
             fieldList = fieldList.stream().filter(e -> YesOrNoEnum.YES.getValue().equals(String.valueOf(e.getIsShowList()))).collect(Collectors.toList());
         }
+        //参数项认证清单-认证类型
+        List<String> categoryList = new ArrayList<>();
+        if(ModuleEnum.PARAMS_COLLECT_MANIFEST.getValue().equals(flag)){
+            List<SysDictItem> sysDictItemList = sysDictItemService.selectItemsByDictCode("cert_category");
+            if(ObjectUtil.isNotEmpty(sysDictItemList)){
+                categoryList = sysDictItemList.stream().map(SysDictItem::getItemValue).collect(Collectors.toList());
+            }
+            List<OnlCgformField> onlCgformFieldList = new LinkedList<>();
+            for (SysDictItem sysDictItem : sysDictItemList) {
+                OnlCgformField onlCgformField = new OnlCgformField();
+                onlCgformField.setDbFieldTxt(sysDictItem.getItemText());
+                onlCgformField.setDbFieldEnName(sysDictItem.getEnName());
+                onlCgformField.setDbFieldName(sysDictItem.getItemValue());
+                onlCgformFieldList.add(onlCgformField);
+            }
+            fieldList.addAll(onlCgformFieldList);
+        }
         ParamsManifestEO paramsManifestEO = paramsManifestEOService.getById(paramsManifestId);
         List<ParamsConfigEO> paramsConfigEOList = paramsConfigEOService.queryList(paramsManifestId);
         List<Map<String, Object>> listConfig = new LinkedList<>();
@@ -1590,6 +1607,10 @@ public class ParamsCollectManifestEOServiceImpl extends ServiceImpl<ParamsCollec
             if (!"references_col".equals(dbFieldName)) {
                 map.put("db_field_name", LineHumpUtil.lineToHump(dbFieldName));
             }
+            if(ObjectUtil.isNotEmpty(categoryList) && categoryList.contains(dbFieldName)){
+                map.put("show", "1");//认证类型动态表头默认不展示，列表设置展示，用show=1来区分
+                map.put("sort", "true");
+            }
             if (CutEnum.CN.getValue().equals(cut)) {
                 if ("references_col".equals(dbFieldName)) {
                     if (ObjectUtils.isNotEmpty(paramsManifestEO) && StringUtils.isNotBlank(paramsManifestEO.getReferencesColName())) {
diff --git a/jero-web/src/components/tableCollection/index.vue b/jero-web/src/components/tableCollection/index.vue
index 188eaeab6..2eed64c34 100644
--- a/jero-web/src/components/tableCollection/index.vue
+++ b/jero-web/src/components/tableCollection/index.vue
@@ -25,7 +25,7 @@
         </span>
         <div :slot="'titleName'+(index+1)" v-for="(item,index) in content">
           <span v-if="item.isLock == 1" style="padding-right: 20px"><a-icon type="lock" theme="twoTone"
-                                                                            two-tone-color="#00B3BE" /></span>
+                                                                            two-tone-color="#00B3BE"/></span>
           <span style="padding-right: 10px">{{ item.db_field_txt }} </span>
           <a-button @click="onClickSee(item)">{{ $t('See') }}</a-button>
         </div>
@@ -85,7 +85,7 @@
           <collection-type :detailDate="text" :recordList="record" :columName="content"
                            :currentPersonRole="currentPersonRole"
                            @consolidateData="consolidateData"
-                           @collectionForm="collectionForm" />
+                           @collectionForm="collectionForm"/>
         </span>
       </a-table>
     </div>
@@ -169,7 +169,7 @@
                                  @input="handleInput('queryzr')"
                                  :placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')"
                                  :type="'select'"
-                                 :triggerChange="false" :dictCode="'duty_territory'" />
+                                 :triggerChange="false" :dictCode="'duty_territory'"/>
             </a-form-model-item>
           </a-col>
         </a-row>
@@ -281,1159 +281,1169 @@
 </template>
 
 <script>
-import eventBUs from '../../common/event'
-import { getAction, postAction } from '@/api/manage'
-import CollectionType from '@/components/CollectionType'
-import { ACCESS_TOKEN } from '@/store/mutation-types'
-import axios from 'axios'
-import Vue from 'vue'
-// import VueDraggableResizable from 'vue-draggable-resizable'
-import { mapGetters } from 'vuex'
-import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
-import historyTable from './historyTable.vue'
+  import eventBUs from '../../common/event'
+  import {getAction, postAction} from '@/api/manage'
+  import CollectionType from '@/components/CollectionType'
+  import {ACCESS_TOKEN} from '@/store/mutation-types'
+  import axios from 'axios'
+  import Vue from 'vue'
+  // import VueDraggableResizable from 'vue-draggable-resizable'
+  import {mapGetters} from 'vuex'
+  import {ResizeHeader, ResizeColumnProvide} from '@/mixins/header'
+  import historyTable from './historyTable.vue'
 
-export default {
-  name: 'index',
-  mixins: [ResizeHeader, ResizeColumnProvide],
-  props: {
-    //接口
-    url: {
-      type: Object,
-      default: {}
+  export default {
+    name: 'index',
+    mixins: [ResizeHeader, ResizeColumnProvide],
+    props: {
+      //接口
+      url: {
+        type: Object,
+        default: {}
+      },
+      // 详细列表得一条数据
+      paramsManifest: {
+        type: Object,
+        default: {},
+        require: true
+      },
+      description: '',
+      formInline: {
+        type: Object,
+        default: true
+      },
+      // queryParamQuery: {
+      //   type: Object,
+      //   default: true
+      // },
+      currentPersonRole: {
+        type: String,
+        default: true
+      }
     },
-    // 详细列表得一条数据
-    paramsManifest: {
-      type: Object,
-      default: {},
-      require: true
+    components: {
+      CollectionType,
+      // VueDraggableResizable
+      historyTable
     },
-    description: '',
-    formInline: {
-      type: Object,
-      default: true
-    },
-    // queryParamQuery: {
-    //   type: Object,
-    //   default: true
-    // },
-    currentPersonRole: {
-      type: String,
-      default: true
-    }
-  },
-  components: {
-    CollectionType,
-    // VueDraggableResizable
-    historyTable
-  },
-  data() {
-    // this.components = {
-    //   header: {
-    //     cell: (h, props, children) => {
-    //       const { key, ...restProps } = props
-    //
-    //       // 此处的this.columns 是定义的table的表头属性变量
-    //
-    //       const col = this.columns.find((col) => {
-    //         const k = col.dataIndex || col.key
-    //         return k === key
-    //       })
-    //
-    //       if (!col || !col.width) {
-    //         return h('th', { ...restProps }, [...children])
-    //       }
-    //
-    //       const dragProps = {
-    //         key: col.dataIndex || col.key,
-    //         class: 'table-draggable-handle',
-    //         attrs: {
-    //           w: 10,
-    //           x: col.width,
-    //           z: 1,
-    //           axis: 'x',
-    //           draggable: false,
-    //           resizable: false
-    //         },
-    //         on: {
-    //           dragging: (x, y) => {
-    //             col.width = Math.max(x, 1)
-    //           }
-    //         }
-    //       }
-    //       const drag = h('vue-draggable-resizable', { ...dragProps })
-    //       return h('th', { ...restProps, class: 'resize-table-th' }, [...children, drag])
-    //     }
-    //   }
-    // }
-    return {
-      colIndexs: [],
-      minWidthColumns: [],
-      token: Vue.ls.get(ACCESS_TOKEN),
-      jsonBody: [],
-      checkboxList: [],
-      tableAll: false,
-      indeterminate: false,
-      columns: [],
-      content: [],
-      confirmLoading: false,
-      selectedRowKeys: [],
-      selectedRowrowValue: [],
-      dataSource: [],
-      pageNo: 1,
-      pageSize: 100,
-      pageNohistory: 1,
-      pageSizehistory: 10,
-      pageSizeOptions: ['100', '200'],
-      total: 0,
-      searchParmes: {},
-      loading: false,
-      orderBy: '1',
-      orderByField: '',
-      homo: 0, // 认证工程师
-      sdt: 0, // 工程接口人
-      dre: 0, // 填写人
-      areaVisible: false,
-      areaVisiblezr: false,
-      form: {},
-      rules: {
-        querySdt: [
+    data() {
+      // this.components = {
+      //   header: {
+      //     cell: (h, props, children) => {
+      //       const { key, ...restProps } = props
+      //
+      //       // 此处的this.columns 是定义的table的表头属性变量
+      //
+      //       const col = this.columns.find((col) => {
+      //         const k = col.dataIndex || col.key
+      //         return k === key
+      //       })
+      //
+      //       if (!col || !col.width) {
+      //         return h('th', { ...restProps }, [...children])
+      //       }
+      //
+      //       const dragProps = {
+      //         key: col.dataIndex || col.key,
+      //         class: 'table-draggable-handle',
+      //         attrs: {
+      //           w: 10,
+      //           x: col.width,
+      //           z: 1,
+      //           axis: 'x',
+      //           draggable: false,
+      //           resizable: false
+      //         },
+      //         on: {
+      //           dragging: (x, y) => {
+      //             col.width = Math.max(x, 1)
+      //           }
+      //         }
+      //       }
+      //       const drag = h('vue-draggable-resizable', { ...dragProps })
+      //       return h('th', { ...restProps, class: 'resize-table-th' }, [...children, drag])
+      //     }
+      //   }
+      // }
+      return {
+        colIndexs: [],
+        minWidthColumns: [],
+        token: Vue.ls.get(ACCESS_TOKEN),
+        jsonBody: [],
+        checkboxList: [],
+        tableAll: false,
+        indeterminate: false,
+        columns: [],
+        content: [],
+        confirmLoading: false,
+        selectedRowKeys: [],
+        selectedRowrowValue: [],
+        dataSource: [],
+        pageNo: 1,
+        pageSize: 100,
+        pageNohistory: 1,
+        pageSizehistory: 10,
+        pageSizeOptions: ['100', '200'],
+        total: 0,
+        searchParmes: {},
+        loading: false,
+        orderBy: '1',
+        orderByField: '',
+        homo: 0, // 认证工程师
+        sdt: 0, // 工程接口人
+        dre: 0, // 填写人
+        areaVisible: false,
+        areaVisiblezr: false,
+        form: {},
+        rules: {
+          querySdt: [
+            {
+              required: true,
+              message: this.$t('PleaseSelect') + this.$t('engineeringInterfacePerson'),
+              trigger: 'change'
+            }
+          ],
+          queryzr: [
+            {
+              required: true,
+              message: this.$t('PleaseSelect') + this.$t('areaOfResponsibility'),
+              trigger: 'change'
+            }
+          ]
+        },
+        wrapperCol: {
+          xs: {span: 24},
+          sm: {span: 14}
+        },
+        labelCol: {
+          xs: {span: 24},
+          sm: {span: 7}
+        },
+        queryParamQuery: {},
+        queryParam: {},
+        querySdtList: [], // 工程接口人
+        Dateline: {},
+        getquerySdtId: '', // 当前工程接口人的id
+        areaVisibleView: false, // 查看配置得弹框
+        seeVisibleView: false,
+        visible: false,
+        configDetail: {}, // 查看配置得详细信息
+        dataSourcehistory: [],
+        columnshistory: [
           {
-            required: true,
-            message: this.$t('PleaseSelect') + this.$t('engineeringInterfacePerson'),
-            trigger: 'change'
-          }
-        ],
-        queryzr: [
+            title: this.$t('OperationDetails'),
+            dataIndex: 'logContent',
+            align: 'left',
+            width: 320,
+            ellipsis: true,
+            scopedSlots: {customRender: 'content'}
+          },
           {
-            required: true,
-            message: this.$t('PleaseSelect') + this.$t('areaOfResponsibility'),
-            trigger: 'change'
+            title: this.$t('OperationTime'),
+            dataIndex: 'createTime',
+            align: 'left',
+            ellipsis: true,
+            width: 180
           }
         ]
-      },
-      wrapperCol: {
-        xs: { span: 24 },
-        sm: { span: 14 }
-      },
-      labelCol: {
-        xs: { span: 24 },
-        sm: { span: 7 }
-      },
-      queryParamQuery: {},
-      queryParam: {},
-      querySdtList: [], // 工程接口人
-      Dateline: {},
-      getquerySdtId: '', // 当前工程接口人的id
-      areaVisibleView: false, // 查看配置得弹框
-      seeVisibleView: false,
-      visible: false,
-      configDetail: {}, // 查看配置得详细信息
-      dataSourcehistory: [],
-      columnshistory: [
-        {
-          title: this.$t('OperationDetails'),
-          dataIndex: 'logContent',
-          align: 'left',
-          width: 320,
-          ellipsis: true,
-          scopedSlots: { customRender: 'content' }
+      }
+    },
+    mounted() {
+      this.getHeader()
+      eventBUs.$on('getTableList', search => {
+        this.queryParamQuery = search
+        this.getTableList()
+      })
+    },
+    watch: {
+      currentPersonRole: {
+        handler: function () {
+          this.getTableList()
         },
-        {
-          title: this.$t('OperationTime'),
-          dataIndex: 'createTime',
-          align: 'left',
-          ellipsis: true,
-          width: 180
+        immediate: true
+      }
+    },
+    methods: {
+      ...mapGetters(['userInfo']),
+      rowClassName(row, index) {
+        if (row.changeFlag == '1') {
+          return 'rowClassRedYellow'
         }
-      ]
-    }
-  },
-  mounted() {
-    this.getHeader()
-    eventBUs.$on('getTableList', search => {
-      this.queryParamQuery = search
-      this.getTableList()
-    })
-  },
-  watch: {
-    currentPersonRole: {
-      handler: function() {
+        if (row.delFlag == '1') {
+          return 'rowClassRed'
+        }
+      },
+      handleInput(value) {
+        this.$nextTick(() => {
+          this.Dateline = {...this.Dateline}
+          this.$refs.ruleFormOne.validateField([value])
+        })
+      },
+      pageOnChange(page, pageSize) {
+        this.pageNo = page
+        this.$emit('handlePreservation')
         this.getTableList()
       },
-      immediate: true
-    }
-  },
-  methods: {
-    ...mapGetters(['userInfo']),
-    rowClassName(row, index) {
-      if (row.changeFlag == '1') {
-        return 'rowClassRedYellow'
-      }
-      if (row.delFlag == '1') {
-        return 'rowClassRed'
-      }
-    },
-    handleInput(value) {
-      this.$nextTick(() => {
-        this.Dateline = { ...this.Dateline }
-        this.$refs.ruleFormOne.validateField([value])
-      })
-    },
-    pageOnChange(page, pageSize) {
-      this.pageNo = page
-      this.$emit('handlePreservation')
-      this.getTableList()
-    },
-    SizeChange(page, pageSize) {
-      this.pageNo = 1
-      this.pageSize = pageSize
-      this.$emit('handlePreservation')
-      this.getTableList()
-    },
-    onClickTitle(val) {
-      console.log(val)
-      this.description = val.description
-      this.seeVisibleView = true
+      SizeChange(page, pageSize) {
+        this.pageNo = 1
+        this.pageSize = pageSize
+        this.$emit('handlePreservation')
+        this.getTableList()
+      },
+      onClickTitle(val) {
+        console.log(val)
+        this.description = val.description
+        this.seeVisibleView = true
 
-    },
-    // 查看配置详细信息
-    onClickSee(val) {
-      let _this = this
-      this.areaVisibleView = true
-      let url = ''
-      if (this.$route.query.it === undefined) {
-        if (val.db_field_name == 'referencesCol') {
-          url = `/jero-boot/params/report/queryParamsReportConfigById?id=${val.db_field_id}`
-        } else {
-          url = `/jero-boot/params/config/getById?id=${val.db_field_name}`
-        }
-      } else {
-        // 历史版本
-        url = `/jero-boot/params/collectManifestHistory/getConfigById?id=${val.db_field_name}`
-      }
-      axios({
-        url: url,
-        method: 'get',
-        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) => {
-          console.log(res)
-          if (res.data.success) {
-            this.configDetail = res.data.result || {}
+      },
+      // 查看配置详细信息
+      onClickSee(val) {
+        let _this = this
+        this.areaVisibleView = true
+        let url = ''
+        if (this.$route.query.it === undefined) {
+          if (val.db_field_name == 'referencesCol') {
+            url = `/jero-boot/params/report/queryParamsReportConfigById?id=${val.db_field_id}`
           } else {
-            this.configDetail = {}
-            _this.$message.warning(res.data.result)
+            url = `/jero-boot/params/config/getById?id=${val.db_field_name}`
+          }
+        } else {
+          // 历史版本
+          url = `/jero-boot/params/collectManifestHistory/getConfigById?id=${val.db_field_name}`
+        }
+        axios({
+          url: url,
+          method: 'get',
+          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) => {
-          console.log(error)
-        })
-    },
-    // 获取工程接口人
-    getquerySdtList(record) {
-      // 当前工程接口人的id
-      this.getquerySdtId = record.id
-      getAction(this.url.getquerySdtList, {
-        projectId: this.$route.query.projectId,
-        projectVersion: this.$route.query.projectVersion,
-        dutyTerritory: record.dutyTerritory
-      }).then((res) => {
-        if (res.success) {
-          this.querySdtList = res.result
-        }
-      })
-    },
-    // 责任领域 保存
-    handleSubmitzr(record) {
-      let _this = this
-      let param = {
-        dutyTerritory: this.Dateline.queryzr,
-        ids: this.getquerySdtId,
-        paramsManifestId: this.$route.query.id
-      }
-      this.$refs.ruleFormOne.validate(valid => {
-        if (valid) {
-          this.confirmLoading = true
-          axios({
-            url: '/jero-boot/params/collectManifest/updateDutyTerritory',
-            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) => {
+            console.log(res)
+            if (res.data.success) {
+              this.configDetail = res.data.result || {}
+            } else {
+              this.configDetail = {}
+              _this.$message.warning(res.data.result)
             }
           })
-            .then((res) => {
-              console.log(res)
-              if (res.data.success) {
-                _this.$message.success(_this.$t('OperationSuccessful'))
-                _this.areaVisiblezr = false
-                this.$refs['ruleFormOne'].resetFields()
-                this.getLoginUserType()
-              } else {
-                _this.$message.warning(_this.$t('operationFailed'))
-              }
-              this.confirmLoading = false
-            })
-            .catch((error) => {
-              this.confirmLoading = false
-              console.log(error)
-            })
-        }
-      })
-    },
-    // 工程接口人 保存
-    handleSubmit(record) {
-      let _this = this
-      let param = { sdt: this.Dateline.querySdt, ids: this.getquerySdtId }
-      this.$refs.ruleForm.validate(valid => {
-        if (valid) {
-          axios({
-            url: '/jero-boot/params/collectManifest/updateSdt',
-            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) => {
+            console.log(error)
           })
-            .then((res) => {
-              console.log(res)
-              if (res.data.success) {
-                _this.$message.success(_this.$t('OperationSuccessful'))
-                this.$refs['ruleForm'].resetFields()
-                _this.areaVisible = false
-                this.getLoginUserType()
-              } else {
-                _this.$message.warning(_this.$t('operationFailed'))
-              }
-            })
-            .catch((error) => {
-              console.log(error)
-            })
-        }
-      })
-    },
-    // 工程接口人 取消
-    cancleImports() {
-      this.areaVisible = false
-      this.$refs['ruleForm'].resetFields()
-    },
-    cancel() {
-      this.areaVisiblezr = false
-      this.$refs['ruleFormOne'].resetFields()
-    },
-    // 点击工程接口人的详情人员 有权限
-    areaOfResponsibility(record) {
-
-      // this.$refs.ruleForm.clearValidate()
-      this.$nextTick(() => {
-        this.Dateline = { ...this.Dateline }
-        this.getquerySdtList(record)
-        this.$refs.ruleForm.clearValidate()
-      })
-      this.areaVisible = true
-    },
-    // 点击责任领域的详情人员 有权限
-    ondataValueTobe(record) {
-
-      // this.$refs.ruleForm.clearValidate()
-      this.$nextTick(() => {
-        this.Dateline = { ...this.Dateline }
+      },
+      // 获取工程接口人
+      getquerySdtList(record) {
+        // 当前工程接口人的id
         this.getquerySdtId = record.id
-        this.$refs.ruleFormOne.clearValidate()
-      })
-      this.areaVisiblezr = true
-    },
-    dataValueTobeinitiated() {
-      this.$message.warning(this.$t('certifiedEngineer') + this.$t('and') + this.$t('Statusis') + this.$t('CollectionInitiated') + this.$t('ReturnedPerson') + this.$t('alteration') + this.$t('toHavePermission'))
-    },
-    dataValueTobe() {
-      this.$message.warning(this.$t('certifiedEngineer') + this.$t('and') + this.$t('Statusis') + this.$t('CollectionInitiated') + this.$t('ReturnedPerson') + this.$t('toHavePermission'))
-    },
-    // 点击工程接口人的详情人员 无权限
-    ondataValueNot() {
-      this.$message.warning(this.$t('operatethisbutton'))
-    },
-    onHeaderRow(column, index) {
-      console.log(column, index)
-    },
-    getLoginUserType() {
-      let params = {
-        paramsManifestId: this.$route.query.id,
-        projectId: this.$route.query.projectId
-      }
-      this.loading = true
-      getAction(this.url.getLoginUserType, params).then((res) => {
-        if (res.success) {
-          this.getAndUserId(res.result)
-        }
-      })
-    },
-    UpdateLog(val) {
-      this.visible = true
-      this.paramsReportDetailId = val.id
-      this.bussLogList(val)
-    },
-    onChangehistory(page, pageSize) {
-      this.pageNohistory = page
-      this.bussLogList()
-    },
-    SizeChangehistory(page, pageSize) {
-      this.pageNohistory = 1
-      this.pageSizehistory = pageSize
-      this.bussLogList()
-    },
-    bussLogList(val) {
-      let query = {
-        pageNo: this.pageNohistory,
-        pageSize: this.pageSizehistory,
-        paramsManifestId: this.$route.query.id,
-        paramsCollectManifestId: this.paramsReportDetailId
-      }
-      this.loading = true
-      getAction('paramsCollectManifestLog/paramsCollectManifestLogEO/page', query).then((res) => {
-        if (res.success) {
-          this.dataSourcehistory = res.result.records
-          if (this.dataSourcehistory && this.dataSourcehistory.length > 0) {
-            this.dataSourcehistory.forEach(val => {
-              val.logContent = val.logContent.replace(/\"/g, '<span class=\'textData\'>"</span>')
-            })
+        getAction(this.url.getquerySdtList, {
+          projectId: this.$route.query.projectId,
+          projectVersion: this.$route.query.projectVersion,
+          dutyTerritory: record.dutyTerritory
+        }).then((res) => {
+          if (res.success) {
+            this.querySdtList = res.result
           }
-          this.total = res.result.total
-          this.loading = false
-        } else {
-          this.loading = false
+        })
+      },
+      // 责任领域 保存
+      handleSubmitzr(record) {
+        let _this = this
+        let param = {
+          dutyTerritory: this.Dateline.queryzr,
+          ids: this.getquerySdtId,
+          paramsManifestId: this.$route.query.id
         }
-      })
-    },
-    handleOk() {
-      this.pageNohistory = 1
-      this.visible = false
-    },
-    handleCancel() {
-      this.pageNohistory = 1
-      this.visible = false
-    },
-    collectionForm() {
-      this.getTableList()
-    },
-    consolidateData() {
-      this.dataSource = [...this.dataSource]
-      console.log(this.dataSource)
-    },
-    getAndUserId(result) {
-      let query = {
-        paramsManifestId: this.$route.query.id,
-        projectId: this.$route.query.projectId,
-        userId: this.userInfo().id
-      }
-      getAction('/params/userTypeLog/queryCurrentType', query).then((res) => {
-        if (res.success) {
-          this.queryParamQuery = { ...this.queryParamQuery }
+        this.$refs.ruleFormOne.validate(valid => {
+          if (valid) {
+            this.confirmLoading = true
+            axios({
+              url: '/jero-boot/params/collectManifest/updateDutyTerritory',
+              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) => {
+                console.log(res)
+                if (res.data.success) {
+                  _this.$message.success(_this.$t('OperationSuccessful'))
+                  _this.areaVisiblezr = false
+                  this.$refs['ruleFormOne'].resetFields()
+                  this.getLoginUserType()
+                } else {
+                  _this.$message.warning(_this.$t('operationFailed'))
+                }
+                this.confirmLoading = false
+              })
+              .catch((error) => {
+                this.confirmLoading = false
+                console.log(error)
+              })
+          }
+        })
+      },
+      // 工程接口人 保存
+      handleSubmit(record) {
+        let _this = this
+        let param = {sdt: this.Dateline.querySdt, ids: this.getquerySdtId}
+        this.$refs.ruleForm.validate(valid => {
+          if (valid) {
+            axios({
+              url: '/jero-boot/params/collectManifest/updateSdt',
+              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) => {
+                console.log(res)
+                if (res.data.success) {
+                  _this.$message.success(_this.$t('OperationSuccessful'))
+                  this.$refs['ruleForm'].resetFields()
+                  _this.areaVisible = false
+                  this.getLoginUserType()
+                } else {
+                  _this.$message.warning(_this.$t('operationFailed'))
+                }
+              })
+              .catch((error) => {
+                console.log(error)
+              })
+          }
+        })
+      },
+      // 工程接口人 取消
+      cancleImports() {
+        this.areaVisible = false
+        this.$refs['ruleForm'].resetFields()
+      },
+      cancel() {
+        this.areaVisiblezr = false
+        this.$refs['ruleFormOne'].resetFields()
+      },
+      // 点击工程接口人的详情人员 有权限
+      areaOfResponsibility(record) {
 
-          if (res.result && res.result.userType) {
-            if (!(result.some(val => val.value == res.result.userType))) {
-              res.result.userType = result[0] ? result[0].value : ''
+        // this.$refs.ruleForm.clearValidate()
+        this.$nextTick(() => {
+          this.Dateline = {...this.Dateline}
+          this.getquerySdtList(record)
+          this.$refs.ruleForm.clearValidate()
+        })
+        this.areaVisible = true
+      },
+      // 点击责任领域的详情人员 有权限
+      ondataValueTobe(record) {
+
+        // this.$refs.ruleForm.clearValidate()
+        this.$nextTick(() => {
+          this.Dateline = {...this.Dateline}
+          this.getquerySdtId = record.id
+          this.$refs.ruleFormOne.clearValidate()
+        })
+        this.areaVisiblezr = true
+      },
+      dataValueTobeinitiated() {
+        this.$message.warning(this.$t('certifiedEngineer') + this.$t('and') + this.$t('Statusis') + this.$t('CollectionInitiated') + this.$t('ReturnedPerson') + this.$t('alteration') + this.$t('toHavePermission'))
+      },
+      dataValueTobe() {
+        this.$message.warning(this.$t('certifiedEngineer') + this.$t('and') + this.$t('Statusis') + this.$t('CollectionInitiated') + this.$t('ReturnedPerson') + this.$t('toHavePermission'))
+      },
+      // 点击工程接口人的详情人员 无权限
+      ondataValueNot() {
+        this.$message.warning(this.$t('operatethisbutton'))
+      },
+      onHeaderRow(column, index) {
+        console.log(column, index)
+      },
+      getLoginUserType() {
+        let params = {
+          paramsManifestId: this.$route.query.id,
+          projectId: this.$route.query.projectId
+        }
+        this.loading = true
+        getAction(this.url.getLoginUserType, params).then((res) => {
+          if (res.success) {
+            this.getAndUserId(res.result)
+          }
+        })
+      },
+      UpdateLog(val) {
+        this.visible = true
+        this.paramsReportDetailId = val.id
+        this.bussLogList(val)
+      },
+      onChangehistory(page, pageSize) {
+        this.pageNohistory = page
+        this.bussLogList()
+      },
+      SizeChangehistory(page, pageSize) {
+        this.pageNohistory = 1
+        this.pageSizehistory = pageSize
+        this.bussLogList()
+      },
+      bussLogList(val) {
+        let query = {
+          pageNo: this.pageNohistory,
+          pageSize: this.pageSizehistory,
+          paramsManifestId: this.$route.query.id,
+          paramsCollectManifestId: this.paramsReportDetailId
+        }
+        this.loading = true
+        getAction('paramsCollectManifestLog/paramsCollectManifestLogEO/page', query).then((res) => {
+          if (res.success) {
+            this.dataSourcehistory = res.result.records
+            if (this.dataSourcehistory && this.dataSourcehistory.length > 0) {
+              this.dataSourcehistory.forEach(val => {
+                val.logContent = val.logContent.replace(/\"/g, '<span class=\'textData\'>"</span>')
+              })
             }
-            this.getTableList(res.result.userType)
-            this.getHeader(res.result.userType)
-
-          } else {
-            this.getTableList(result[0].value)
-            this.getHeader(result[0].value)
-          }
-          this.$emit('LoginUserType', result, this.currentPersonRole, res.result.userType)
-        } else {
-
-        }
-      })
-    },
-    getHeader(userType) {
-      let paramsManifestid
-      let url
-      if (this.$route.query.it === undefined) {
-        // 页面跳转
-        paramsManifestid = this.$route.query.id
-        url = 'head/headCustomEO/list'
-      } else {
-        // 历史版本
-        paramsManifestid = this.$route.query.it
-        url = 'params/collectManifestHistory/getHeader'
-      }
-      let params = {
-        paramsManifestId: paramsManifestid,
-        projectName: this.$route.query.projectName,
-        flag: '7'
-      }
-      let paramscm = {
-        paramsManifestId: paramsManifestid,
-        moduleFlag: '参数项收集清单',
-        flag: this.$route.query.it === undefined ? '' : '7'
-      }
-      var jsonHead = []
-      getAction(url, paramscm).then((res) => {
-        if (res.success) {
-          if (res.result && res.result.length > 0) {
-            jsonHead = res.result
-            this.columns = []
-            let num = 0
-            this.content = []
-            let checkedList = []
-            jsonHead.forEach((res, index) => {
-              // console.log(res)
-              // 配置列
-              checkedList.push(res.dataIndex)
-              if (res.type) {
-                // console.log('配置')
-                this.columns.push({
-                  dataIndex: res.db_field_name,
-                  align: 'left',
-                  ellipsis: true,
-                  sorter: res.sort,
-                  width: 300
-                })
-                num++
-                this.content.push(res)
-                this.columns[index].scopedSlots = {
-                  customRender: 'detailClick',
-                  title: 'titleName' + num
-                }
-                console.log(this.content, ' this.content this.content this.content this.content this.content')
-                //  非配置列
-              } else {
-                this.columns.push({
-                  title: res.db_field_txt,
-                  dataIndex: res.db_field_name,
-                  align: 'left',
-                  // ellipsis: true,
-                  fixed: res.click5 ? 'left' : '',
-                  sorter: res.sort,
-                  width: 160
-                })
-                this.columns[index].scopedSlots = {
-                  customRender: 'titleName'
-                }
-                if (res.db_field_name == 'nioNumber') {
-                  this.columns[index].width = 120
-                }
-                if (res.db_field_name == 'dutyTerritory') {
-                  this.columns[index].width = 120
-                }
-                if (res.db_field_name == 'sdt') {
-                  this.columns[index].width = 130
-                }
-                if (res.db_field_name == 'dre') {
-                  this.columns[index].width = 120
-                }
-                if (res.click1) {
-                  this.columns[index].scopedSlots = {
-                    customRender: 'operationzr'
-                  }
-                }
-                if (res.click2) {
-                  this.columns[index].scopedSlots = {
-                    customRender: 'ParameterDescription'
-                  }
-                }
-                if (res.click3) {
-                  this.columns[index].scopedSlots = {
-                    customRender: 'paramsNameDescription'
-                  }
-                }
-                if (res.click6) {
-                  this.columns[index].scopedSlots = {
-                    customRender: 'Operation'
-                  }
-                }
-                if (res.click) {
-                  // 工程接口人列表修改
-                  this.columns[index].scopedSlots = {
-                    customRender: 'operationbtn'
-                  }
-                }
-                if (res.db_field_name == 'paramsName') {
-                  this.columns[index].width = 300
-                  this.columns[index].scopedSlots = {
-                    customRender: 'paramsName'
-                  }
-                }
-              }
-
-              if (res.isLock && res.isLock === '0') {
-                this.colIndexs.push(index)
-              }
-            })
-            this.columns = [...this.columns]
-            this.colIndexs.forEach((item) => {
-              this.minWidthColumns.push([this.columns[item], 300])
-            })
-            this.$emit('getcustomizeList', checkedList)
-            this.$forceUpdate()
-          } else {
-            getAction(this.url.tableHeader, params).then((val) => {
-              if (val.success) {
-                jsonHead = val.result
-                this.columns = []
-                let num = 0
-                this.content = []
-                let checkedList = []
-                jsonHead.forEach((res, index) => {
-                  // console.log(res)
-                  // 配置列
-                  if (res.headFieldCn == '操作') {
-                    res.field = 'operation'
-                  }
-                  checkedList.push(res.field)
-                  if (res.type) {
-                    // console.log('配置')
-                    this.columns.push({
-                      dataIndex: res.db_field_name,
-                      align: 'left',
-                      ellipsis: true,
-                      sorter: res.sort,
-                      width: 300
-                    })
-                    num++
-                    this.content.push(res)
-                    this.columns[index].scopedSlots = {
-                      customRender: 'detailClick',
-                      title: 'titleName' + num
-                    }
-                    console.log(this.content, ' this.content this.content this.content this.content this.content')
-                    //  非配置列
-                  } else {
-                    this.columns.push({
-                      title: res.db_field_txt,
-                      dataIndex: res.db_field_name,
-                      align: 'left',
-                      // ellipsis: true,
-                      fixed: res.click5 ? 'left' : '',
-                      sorter: res.sort,
-                      width: 160
-                    })
-                    this.columns[index].scopedSlots = {
-                      customRender: 'titleName'
-                    }
-                    if (res.db_field_name == 'nioNumber') {
-                      this.columns[index].width = 120
-                    }
-                    if (res.click1) {
-                      this.columns[index].scopedSlots = {
-                        customRender: 'operationzr'
-                      }
-                    }
-                    if (res.click2) {
-                      this.columns[index].scopedSlots = {
-                        customRender: 'ParameterDescription'
-                      }
-                    }
-                    if (res.click3) {
-                      this.columns[index].scopedSlots = {
-                        customRender: 'paramsNameDescription'
-                      }
-                    }
-                    if (res.click6) {
-                      this.columns[index].scopedSlots = {
-                        customRender: 'Operation'
-                      }
-                    }
-                    if (res.click) {
-                      // 工程接口人列表修改
-                      this.columns[index].scopedSlots = {
-                        customRender: 'operationbtn'
-                      }
-                    }
-                    if (res.db_field_name == 'paramsName') {
-                      this.columns[index].width = 300
-                      this.columns[index].scopedSlots = {
-                        customRender: 'paramsName'
-                      }
-                    }
-                  }
-
-                  if (res.isLock && res.isLock === '0') {
-                    this.colIndexs.push(index)
-                  }
-                })
-                this.columns = [...this.columns]
-                this.colIndexs.forEach((item) => {
-                  this.minWidthColumns.push([this.columns[item], 300])
-                })
-                this.$emit('getcustomizeList', checkedList)
-                this.$forceUpdate()
-              }
-            })
-          }
-        }
-      })
-    },
-    getTableListReset() {
-
-      this.formInline = {}
-      this.queryParamQuery = {}
-      let params = {
-        paramsManifestId: this.$route.query.id,
-        pageNo: this.pageNo,
-        pageSize: this.pageSize
-        // userTypes: this.currentPersonRole
-      }
-      let url
-      let action
-      this.loading = true
-      this.$emit('listReset', '')
-      // todo
-      if (this.$route.query.it === undefined) {
-        // 页面跳转
-        url = this.url.tableList
-        action = postAction
-        params.paramsManifestId = this.$route.query.id
-        params.userTypes = this.currentPersonRole
-      } else {
-        // 历史版本
-        action = getAction
-        url = 'params/collectManifestHistory/list'
-        params.paramsManifestId = this.$route.query.it
-      }
-      action(url, params).then((res) => {
-        if (res.success) {
-          let tt = []
-          if (this.currentPersonRole !== 'dre') {
-            res.result.records.forEach((Obj) => {
-              Object.keys(Obj).forEach((item) => {
-
-                if (Obj[item] instanceof Object && Obj[item].controlType !== undefined) {
-                  for (const key in Obj[item].paramsConfigData) {
-                    Obj[item].paramsConfigData[key].forEach((itemLi) => {
-
-                      itemLi.isLock = 1
-                      if (itemLi.type === 'pull_more') {
-                        itemLi.dataValue = itemLi.dataValue === null ? [] : itemLi.dataValue.split(',')
-                      }
-                    })
-                  }
-                  // Obj[item].list.forEach((itemLi) => {
-                  //   itemLi.isLock = 1
-                  //   if (itemLi.type === 'pull_more') {
-                  //     itemLi.dataValue = itemLi.dataValue === null ? [] : itemLi.dataValue.split(',')
-                  //   }
-                  // })
-                }
-              })
-              tt.push(Obj)
-            })
-          } else {
-            res.result.records.forEach((Obj) => {
-              Object.keys(Obj).forEach((item) => {
-                if (Obj[item] instanceof Object && Obj[item].controlType !== undefined) {
-                  for (const key in Obj[item].paramsConfigData) {
-                    Obj[item].paramsConfigData[key].forEach((itemLi) => {
-                      if (itemLi.type === 'pull_more') {
-                        itemLi.dataValue = itemLi.dataValue === null ? [] : itemLi.dataValue.split(',')
-                      }
-                      if (Obj.state == '已同步至上报库' || Obj.state == 'Synced to library') {
-                        Obj[item].referencesColFlag = '1'
-                        itemLi.isLock = '1'
-                      }
-                    })
-                  }
-                  // Obj[item].list.forEach((itemLi) => {
-                  //   if (itemLi.type === 'pull_more') {
-                  //     itemLi.dataValue = itemLi.dataValue === null ? [] : itemLi.dataValue.split(',')
-                  //   }
-                  // })
-                }
-              })
-              tt.push(Obj)
-            })
-          }
-          this.dataSource = tt
-          this.total = res.result.total
-          this.selectedRowKeys = []
-          this.$emit('getDataSource', this.dataSource)
-          setTimeout(() => {
+            this.total = res.result.total
             this.loading = false
-          }, 500)
-        } else {
-          this.loading = false
+          } else {
+            this.loading = false
+          }
+        })
+      },
+      handleOk() {
+        this.pageNohistory = 1
+        this.visible = false
+      },
+      handleCancel() {
+        this.pageNohistory = 1
+        this.visible = false
+      },
+      collectionForm() {
+        this.getTableList()
+      },
+      consolidateData() {
+        this.dataSource = [...this.dataSource]
+        console.log(this.dataSource)
+      },
+      getAndUserId(result) {
+        let query = {
+          paramsManifestId: this.$route.query.id,
+          projectId: this.$route.query.projectId,
+          userId: this.userInfo().id
         }
-      })
-    },
-    cancleoperationFailed() {
-      this.selectedRowKeys = []
-    },
-    tableOnChange(pagination, filters, sorter) {
-      this.orderBy = sorter.order == 'ascend' ? '1' : '2'
-      if (sorter.columnKey == 'nioNumber') {
-        sorter.columnKey = 'nio_number'
-      } else if (sorter.columnKey == 'dutyTerritory') {
-        sorter.columnKey = 'duty_territory'
-      } else if (sorter.columnKey == 'reportTime') {
-        sorter.columnKey = 'report_time'
-      }
-      this.orderByField = sorter.columnKey
-      this.getTableList()
-    },
-    getTableList(currentPersonRole) {
-      let paramsManifestid
-      let url
-      let action
-      if (this.$route.query.it === undefined) {
-        // 页面跳转
-        paramsManifestid = this.$route.query.id
-        url = this.url.tableList
-        action = postAction
-      } else {
-        // 历史版本
-        action = getAction
-        paramsManifestid = this.$route.query.it
-        url = 'params/collectManifestHistory/list'
-      }
-      let formInline = JSON.parse(JSON.stringify(this.formInline))
-      Object.keys(formInline).forEach(res => {
-        if (formInline[res] && formInline[res] instanceof Array) {
-          formInline[res] = formInline[res].join(',')
+        getAction('/params/userTypeLog/queryCurrentType', query).then((res) => {
+          if (res.success) {
+            this.queryParamQuery = {...this.queryParamQuery}
+
+            if (res.result && res.result.userType) {
+              if (!(result.some(val => val.value == res.result.userType))) {
+                res.result.userType = result[0] ? result[0].value : ''
+              }
+              this.getTableList(res.result.userType)
+              this.getHeader(res.result.userType)
+
+            } else {
+              this.getTableList(result[0].value)
+              this.getHeader(result[0].value)
+            }
+            this.$emit('LoginUserType', result, this.currentPersonRole, res.result.userType)
+          } else {
+
+          }
+        })
+      },
+      getHeader(userType) {
+        let paramsManifestid
+        let url
+        if (this.$route.query.it === undefined) {
+          // 页面跳转
+          paramsManifestid = this.$route.query.id
+          url = 'head/headCustomEO/list'
+        } else {
+          // 历史版本
+          paramsManifestid = this.$route.query.it
+          url = 'params/collectManifestHistory/getHeader'
         }
-      })
-      let params = {
-        pageNo: this.pageNo,
-        pageSize: this.pageSize,
-        userTypes: this.currentPersonRole || currentPersonRole,
-        paramsManifestId: paramsManifestid,
-        orderBy: this.orderBy,
-        orderByField: this.orderByField,
-        ...formInline,
-        ...currentPersonRole,
-        ...this.queryParamQuery
-      }
-      this.loading = true
-      action(url, params).then((res) => {
-        if (res.success) {
-          // console.log(res.result,'res.result')
-          // let tt = []
-          // this.dataSource = []
-          // // 需要转化数据类型
-          // tt = res.result
-          // tt.forEach((Obj) => {
-          //   Object.keys(Obj).forEach((item) => {
-          //     if(Obj[item] instanceof Object && Obj[item].controlType !== undefined){
-          //       Obj[item].list.forEach((itemLi) => {
-          //         if(itemLi.type === 'pull_more'){
-          //           itemLi.dataValue = itemLi.dataValue === null ? [] : itemLi.dataValue.splice(',')
-          //         }
-          //       })
-          //     }
-          //   })
-          // })
-          let tt = []
-          if (this.currentPersonRole !== 'dre') {
+        let params = {
+          paramsManifestId: paramsManifestid,
+          projectName: this.$route.query.projectName,
+          flag: '7'
+        }
+        let paramscm = {
+          paramsManifestId: paramsManifestid,
+          moduleFlag: '参数项收集清单',
+          flag: this.$route.query.it === undefined ? '' : '7'
+        }
+        var jsonHead = []
+        getAction(url, paramscm).then((res) => {
+          if (res.success) {
+            if (res.result && res.result.length > 0) {
+              jsonHead = res.result
+              this.columns = []
+              let num = 0
+              this.content = []
+              let checkedList = []
+              jsonHead.forEach((res, index) => {
+                // console.log(res)
+                // 配置列
+                checkedList.push(res.dataIndex)
+                if (res.type) {
+                  // console.log('配置')
+                  this.columns.push({
+                    dataIndex: res.db_field_name,
+                    align: 'left',
+                    ellipsis: true,
+                    sorter: res.sort,
+                    width: 300
+                  })
+                  num++
+                  this.content.push(res)
+                  this.columns[index].scopedSlots = {
+                    customRender: 'detailClick',
+                    title: 'titleName' + num
+                  }
+                  console.log(this.content, ' this.content this.content this.content this.content this.content')
+                  //  非配置列
+                } else {
+                  this.columns.push({
+                    title: res.db_field_txt,
+                    dataIndex: res.db_field_name,
+                    align: 'left',
+                    // ellipsis: true,
+                    fixed: res.click5 ? 'left' : '',
+                    sorter: res.sort,
+                    width: 160
+                  })
+                  this.columns[index].scopedSlots = {
+                    customRender: 'titleName'
+                  }
+                  if (res.db_field_name == 'nioNumber') {
+                    this.columns[index].width = 120
+                  }
+                  if (res.db_field_name == 'dutyTerritory') {
+                    this.columns[index].width = 120
+                  }
+                  if (res.db_field_name == 'sdt') {
+                    this.columns[index].width = 130
+                  }
+                  if (res.db_field_name == 'dre') {
+                    this.columns[index].width = 120
+                  }
+                  if (res.click1) {
+                    this.columns[index].scopedSlots = {
+                      customRender: 'operationzr'
+                    }
+                  }
+                  if (res.click2) {
+                    this.columns[index].scopedSlots = {
+                      customRender: 'ParameterDescription'
+                    }
+                  }
+                  if (res.click3) {
+                    this.columns[index].scopedSlots = {
+                      customRender: 'paramsNameDescription'
+                    }
+                  }
+                  if (res.click6) {
+                    this.columns[index].scopedSlots = {
+                      customRender: 'Operation'
+                    }
+                  }
+                  if (res.click) {
+                    // 工程接口人列表修改
+                    this.columns[index].scopedSlots = {
+                      customRender: 'operationbtn'
+                    }
+                  }
+                  if (res.db_field_name == 'paramsName') {
+                    this.columns[index].width = 300
+                    this.columns[index].scopedSlots = {
+                      customRender: 'paramsName'
+                    }
+                  }
+                }
+
+                if (res.isLock && res.isLock === '0') {
+                  this.colIndexs.push(index)
+                }
+              })
+              this.columns = [...this.columns]
+              this.colIndexs.forEach((item) => {
+                this.minWidthColumns.push([this.columns[item], 300])
+              })
+              this.$emit('getcustomizeList', checkedList)
+              this.$forceUpdate()
+            } else {
+              getAction(this.url.tableHeader, params).then((val) => {
+                if (val.success) {
+                  jsonHead = val.result
+                  this.columns = []
+                  let num = 0
+                  this.content = []
+                  let checkedList = []
+                  jsonHead.forEach((res, index) => {
+                    // console.log(res)
+                    // 配置列
+                    if (res.headFieldCn == '操作') {
+                      res.field = 'operation'
+                    }
+                    if (!res.show) {
+                      checkedList.push(res.field)
+                    }
+                    // checkedList.push(res.field)
+                    if (res.type) {
+                      // console.log('配置')
+                      this.columns.push({
+                        dataIndex: res.db_field_name,
+                        align: 'left',
+                        ellipsis: true,
+                        sorter: res.sort,
+                        width: 300
+                      })
+                      num++
+                      this.content.push(res)
+                      this.columns[index].scopedSlots = {
+                        customRender: 'detailClick',
+                        title: 'titleName' + num
+                      }
+                      console.log(this.content, ' this.content this.content this.content this.content this.content')
+                      //  非配置列
+                    } else {
+                      this.columns.push({
+                        title: res.db_field_txt,
+                        dataIndex: res.db_field_name,
+                        align: 'left',
+                        // ellipsis: true,
+                        fixed: res.click5 ? 'left' : '',
+                        sorter: res.sort,
+                        width: 160,
+                        show: res.show
+                      })
+                      this.columns[index].scopedSlots = {
+                        customRender: 'titleName'
+                      }
+                      if (res.db_field_name == 'nioNumber') {
+                        this.columns[index].width = 120
+                      }
+                      if (res.click1) {
+                        this.columns[index].scopedSlots = {
+                          customRender: 'operationzr'
+                        }
+                      }
+                      if (res.click2) {
+                        this.columns[index].scopedSlots = {
+                          customRender: 'ParameterDescription'
+                        }
+                      }
+                      if (res.click3) {
+                        this.columns[index].scopedSlots = {
+                          customRender: 'paramsNameDescription'
+                        }
+                      }
+                      if (res.click6) {
+                        this.columns[index].scopedSlots = {
+                          customRender: 'Operation'
+                        }
+                      }
+                      if (res.click) {
+                        // 工程接口人列表修改
+                        this.columns[index].scopedSlots = {
+                          customRender: 'operationbtn'
+                        }
+                      }
+                      if (res.db_field_name == 'paramsName') {
+                        this.columns[index].width = 300
+                        this.columns[index].scopedSlots = {
+                          customRender: 'paramsName'
+                        }
+                      }
+                    }
+
+                    if (res.isLock && res.isLock === '0') {
+                      this.colIndexs.push(index)
+                    }
+                  })
+                  for (let i = 0; i < this.columns.length; i++) {
+                    if (this.columns[i].show == '1') {
+                      this.columns.splice(i, 1)
+                      i--
+                    }
+                  }
+                  this.columns = [...this.columns]
+                  this.colIndexs.forEach((item) => {
+                    this.minWidthColumns.push([this.columns[item], 300])
+                  })
+                  this.$emit('getcustomizeList', checkedList)
+                  this.$forceUpdate()
+                }
+              })
+            }
+          }
+        })
+      },
+      getTableListReset() {
+
+        this.formInline = {}
+        this.queryParamQuery = {}
+        let params = {
+          paramsManifestId: this.$route.query.id,
+          pageNo: this.pageNo,
+          pageSize: this.pageSize
+          // userTypes: this.currentPersonRole
+        }
+        let url
+        let action
+        this.loading = true
+        this.$emit('listReset', '')
+        // todo
+        if (this.$route.query.it === undefined) {
+          // 页面跳转
+          url = this.url.tableList
+          action = postAction
+          params.paramsManifestId = this.$route.query.id
+          params.userTypes = this.currentPersonRole
+        } else {
+          // 历史版本
+          action = getAction
+          url = 'params/collectManifestHistory/list'
+          params.paramsManifestId = this.$route.query.it
+        }
+        action(url, params).then((res) => {
+          if (res.success) {
+            let tt = []
+            if (this.currentPersonRole !== 'dre') {
+              res.result.records.forEach((Obj) => {
+                Object.keys(Obj).forEach((item) => {
+
+                  if (Obj[item] instanceof Object && Obj[item].controlType !== undefined) {
+                    for (const key in Obj[item].paramsConfigData) {
+                      Obj[item].paramsConfigData[key].forEach((itemLi) => {
 
-            console.log(res.result.records, 'res.result.records')
-            res.result.records.forEach((Obj) => {
-              Object.keys(Obj).forEach((item) => {
-                if (Obj[item] instanceof Object && Obj[item].controlType !== undefined) {
-                  for (const key in Obj[item].paramsConfigData) {
-                    Obj[item].paramsConfigData[key].forEach((itemLi) => {
-                      // console.log(item)
-                      // console.log(this.currentPersonRole)
-                      if ((this.currentPersonRole == 'homo' || this.currentPersonRole == 'admin') && item == 'referencesCol') {
-                        itemLi.isLock = 0
-                      } else if (this.currentPersonRole == 'homo' && (Obj.state == '变更' || Obj.state == 'Modify')) {
-                        itemLi.isLock = 0
-                        Obj[item].referencesColFlag = '1'
-                      } else {
                         itemLi.isLock = 1
-                      }
-                      if (itemLi.type === 'pull_more') {
-                        itemLi.dataValue = !itemLi.dataValue ? [] : itemLi.dataValue.split(',')
-                      }
-                    })
+                        if (itemLi.type === 'pull_more') {
+                          itemLi.dataValue = itemLi.dataValue === null ? [] : itemLi.dataValue.split(',')
+                        }
+                      })
+                    }
+                    // Obj[item].list.forEach((itemLi) => {
+                    //   itemLi.isLock = 1
+                    //   if (itemLi.type === 'pull_more') {
+                    //     itemLi.dataValue = itemLi.dataValue === null ? [] : itemLi.dataValue.split(',')
+                    //   }
+                    // })
                   }
-                  // Obj[item].list.forEach((itemLi) => {
-                  //   console.log(item)
-                  //   if((this.currentPersonRole == 'homo' || this.currentPersonRole == 'admin') && item == 'referencesCol'){
-                  //     itemLi.isLock = 0
-                  //   }else{
-                  //     itemLi.isLock = 1
-                  //   }
-                  //   if (itemLi.type === 'pull_more') {
-                  //     itemLi.dataValue = !itemLi.dataValue ? [] : itemLi.dataValue.split(',')
-                  //   }
-                  // })
-                }
+                })
+                tt.push(Obj)
               })
-              tt.push(Obj)
-            })
+            } else {
+              res.result.records.forEach((Obj) => {
+                Object.keys(Obj).forEach((item) => {
+                  if (Obj[item] instanceof Object && Obj[item].controlType !== undefined) {
+                    for (const key in Obj[item].paramsConfigData) {
+                      Obj[item].paramsConfigData[key].forEach((itemLi) => {
+                        if (itemLi.type === 'pull_more') {
+                          itemLi.dataValue = itemLi.dataValue === null ? [] : itemLi.dataValue.split(',')
+                        }
+                        if (Obj.state == '已同步至上报库' || Obj.state == 'Synced to library') {
+                          Obj[item].referencesColFlag = '1'
+                          itemLi.isLock = '1'
+                        }
+                      })
+                    }
+                    // Obj[item].list.forEach((itemLi) => {
+                    //   if (itemLi.type === 'pull_more') {
+                    //     itemLi.dataValue = itemLi.dataValue === null ? [] : itemLi.dataValue.split(',')
+                    //   }
+                    // })
+                  }
+                })
+                tt.push(Obj)
+              })
+            }
+            this.dataSource = tt
+            this.total = res.result.total
+            this.selectedRowKeys = []
+            this.$emit('getDataSource', this.dataSource)
+            setTimeout(() => {
+              this.loading = false
+            }, 500)
           } else {
-
-            res.result.records.forEach((Obj) => {
-              Object.keys(Obj).forEach((item) => {
-                if (Obj[item] instanceof Object && Obj[item].controlType !== undefined) {
-                  for (const key in Obj[item].paramsConfigData) {
-                    Obj[item].paramsConfigData[key].forEach((itemLi) => {
-                      if (itemLi.type === 'pull_more') {
-                        itemLi.dataValue = !itemLi.dataValue ? [] : itemLi.dataValue.split(',')
-                      }
-                      if (Obj.state == '已同步至上报库' || Obj.state == 'Synced to library') {
-                        itemLi.isLock = '1'
-                        Obj[item].referencesColFlag = '1'
-                      }
-                    })
-                  }
-                  // Obj[item].list.forEach((itemLi) => {
-                  //   if (itemLi.type === 'pull_more') {
-                  //     itemLi.dataValue = !itemLi.dataValue ? [] : itemLi.dataValue.split(',')
-                  //   }
-                  // })
-                }
-              })
-              tt.push(Obj)
-            })
-          }
-          this.dataSource = JSON.parse(JSON.stringify(tt))
-          this.total = res.result.total
-          this.selectedRowKeys = []
-          this.selectedRowrowValue = []
-          this.$emit('value', this.selectedRowKeys)
-          this.$emit('rowValue', this.selectedRowrowValue)
-          this.$emit('getDataSource', this.dataSource)
-          setTimeout(() => {
             this.loading = false
-          }, 500)
-        } else {
-          this.loading = false
+          }
+        })
+      },
+      cancleoperationFailed() {
+        this.selectedRowKeys = []
+      },
+      tableOnChange(pagination, filters, sorter) {
+        this.orderBy = sorter.order == 'ascend' ? '1' : '2'
+        if (sorter.columnKey == 'nioNumber') {
+          sorter.columnKey = 'nio_number'
+        } else if (sorter.columnKey == 'dutyTerritory') {
+          sorter.columnKey = 'duty_territory'
+        } else if (sorter.columnKey == 'reportTime') {
+          sorter.columnKey = 'report_time'
         }
-      })
-    },
-    onChange(page, pageSize) {
-    },
-    onSelectChange(value, rowValue) {
-      this.selectedRowKeys = []
-      this.selectedRowrowValue = []
-      this.selectedRowKeys = value
-      this.selectedRowrowValue = rowValue
-      this.$emit('value', this.selectedRowKeys)
-      this.$emit('rowValue', this.selectedRowrowValue)
-    },
-    OperationClick(ol, item) {
-      // this.$emit(ol.ClickEvent, item)
-    },
-    detailClick(item, index) {
-      // this.$emit('detailClick', item)
+        this.orderByField = sorter.columnKey
+        this.getTableList()
+      },
+      getTableList(currentPersonRole) {
+        let paramsManifestid
+        let url
+        let action
+        if (this.$route.query.it === undefined) {
+          // 页面跳转
+          paramsManifestid = this.$route.query.id
+          url = this.url.tableList
+          action = postAction
+        } else {
+          // 历史版本
+          action = getAction
+          paramsManifestid = this.$route.query.it
+          url = 'params/collectManifestHistory/list'
+        }
+        let formInline = JSON.parse(JSON.stringify(this.formInline))
+        Object.keys(formInline).forEach(res => {
+          if (formInline[res] && formInline[res] instanceof Array) {
+            formInline[res] = formInline[res].join(',')
+          }
+        })
+        let params = {
+          pageNo: this.pageNo,
+          pageSize: this.pageSize,
+          userTypes: this.currentPersonRole || currentPersonRole,
+          paramsManifestId: paramsManifestid,
+          orderBy: this.orderBy,
+          orderByField: this.orderByField,
+          ...formInline,
+          ...currentPersonRole,
+          ...this.queryParamQuery
+        }
+        this.loading = true
+        action(url, params).then((res) => {
+          if (res.success) {
+            // console.log(res.result,'res.result')
+            // let tt = []
+            // this.dataSource = []
+            // // 需要转化数据类型
+            // tt = res.result
+            // tt.forEach((Obj) => {
+            //   Object.keys(Obj).forEach((item) => {
+            //     if(Obj[item] instanceof Object && Obj[item].controlType !== undefined){
+            //       Obj[item].list.forEach((itemLi) => {
+            //         if(itemLi.type === 'pull_more'){
+            //           itemLi.dataValue = itemLi.dataValue === null ? [] : itemLi.dataValue.splice(',')
+            //         }
+            //       })
+            //     }
+            //   })
+            // })
+            let tt = []
+            if (this.currentPersonRole !== 'dre') {
+
+              console.log(res.result.records, 'res.result.records')
+              res.result.records.forEach((Obj) => {
+                Object.keys(Obj).forEach((item) => {
+                  if (Obj[item] instanceof Object && Obj[item].controlType !== undefined) {
+                    for (const key in Obj[item].paramsConfigData) {
+                      Obj[item].paramsConfigData[key].forEach((itemLi) => {
+                        // console.log(item)
+                        // console.log(this.currentPersonRole)
+                        if ((this.currentPersonRole == 'homo' || this.currentPersonRole == 'admin') && item == 'referencesCol') {
+                          itemLi.isLock = 0
+                        } else if (this.currentPersonRole == 'homo' && (Obj.state == '变更' || Obj.state == 'Modify')) {
+                          itemLi.isLock = 0
+                          Obj[item].referencesColFlag = '1'
+                        } else {
+                          itemLi.isLock = 1
+                        }
+                        if (itemLi.type === 'pull_more') {
+                          itemLi.dataValue = !itemLi.dataValue ? [] : itemLi.dataValue.split(',')
+                        }
+                      })
+                    }
+                    // Obj[item].list.forEach((itemLi) => {
+                    //   console.log(item)
+                    //   if((this.currentPersonRole == 'homo' || this.currentPersonRole == 'admin') && item == 'referencesCol'){
+                    //     itemLi.isLock = 0
+                    //   }else{
+                    //     itemLi.isLock = 1
+                    //   }
+                    //   if (itemLi.type === 'pull_more') {
+                    //     itemLi.dataValue = !itemLi.dataValue ? [] : itemLi.dataValue.split(',')
+                    //   }
+                    // })
+                  }
+                })
+                tt.push(Obj)
+              })
+            } else {
+
+              res.result.records.forEach((Obj) => {
+                Object.keys(Obj).forEach((item) => {
+                  if (Obj[item] instanceof Object && Obj[item].controlType !== undefined) {
+                    for (const key in Obj[item].paramsConfigData) {
+                      Obj[item].paramsConfigData[key].forEach((itemLi) => {
+                        if (itemLi.type === 'pull_more') {
+                          itemLi.dataValue = !itemLi.dataValue ? [] : itemLi.dataValue.split(',')
+                        }
+                        if (Obj.state == '已同步至上报库' || Obj.state == 'Synced to library') {
+                          itemLi.isLock = '1'
+                          Obj[item].referencesColFlag = '1'
+                        }
+                      })
+                    }
+                    // Obj[item].list.forEach((itemLi) => {
+                    //   if (itemLi.type === 'pull_more') {
+                    //     itemLi.dataValue = !itemLi.dataValue ? [] : itemLi.dataValue.split(',')
+                    //   }
+                    // })
+                  }
+                })
+                tt.push(Obj)
+              })
+            }
+            this.dataSource = JSON.parse(JSON.stringify(tt))
+            this.total = res.result.total
+            this.selectedRowKeys = []
+            this.selectedRowrowValue = []
+            this.$emit('value', this.selectedRowKeys)
+            this.$emit('rowValue', this.selectedRowrowValue)
+            this.$emit('getDataSource', this.dataSource)
+            setTimeout(() => {
+              this.loading = false
+            }, 500)
+          } else {
+            this.loading = false
+          }
+        })
+      },
+      onChange(page, pageSize) {
+      },
+      onSelectChange(value, rowValue) {
+        this.selectedRowKeys = []
+        this.selectedRowrowValue = []
+        this.selectedRowKeys = value
+        this.selectedRowrowValue = rowValue
+        this.$emit('value', this.selectedRowKeys)
+        this.$emit('rowValue', this.selectedRowrowValue)
+      },
+      OperationClick(ol, item) {
+        // this.$emit(ol.ClickEvent, item)
+      },
+      detailClick(item, index) {
+        // this.$emit('detailClick', item)
+      }
     }
   }
-}
 </script>
 <style lang="less">
-.imports-footer {
-  .imports-footer-wrap {
-    margin: 20px 0;
-    text-align: center;
+  .imports-footer {
+    .imports-footer-wrap {
+      margin: 20px 0;
+      text-align: center;
 
-    .imports-sub {
-      margin-right: 20px;
+      .imports-sub {
+        margin-right: 20px;
+      }
     }
   }
-}
 
-.table .ant-table-column-title {
-  font-weight: bold;
-}
+  .table .ant-table-column-title {
+    font-weight: bold;
+  }
 
-.textData {
-  font-family: cursive;
-}
+  .textData {
+    font-family: cursive;
+  }
 
-.nio-drag-handler {
-  position: absolute;
-  right: 0;
-  top: 0;
-  height: 100%;
-  width: 5px;
-  z-index: 1;
-  border-right: 1px #e8e8e8 solid;
-}
+  .nio-drag-handler {
+    position: absolute;
+    right: 0;
+    top: 0;
+    height: 100%;
+    width: 5px;
+    z-index: 1;
+    border-right: 1px #e8e8e8 solid;
+  }
 
-.nio-drag-handler:hover,
-.nio-drag-handler:focus {
-  cursor: col-resize !important;
-  border-right: 2px solid #0bd9d9 !important;
-}
+  .nio-drag-handler:hover,
+  .nio-drag-handler:focus {
+    cursor: col-resize !important;
+    border-right: 2px solid #0bd9d9 !important;
+  }
 
-.nio-header-th {
-  position: relative;
-  isolation: isolate;
-}
+  .nio-header-th {
+    position: relative;
+    isolation: isolate;
+  }
 </style>
 <style scoped lang="less">
-@import '~@assets/less/common.less';
+  @import '~@assets/less/common.less';
 
-.box {
-  width: 100%;
-  height: calc(100% - 100px);
-  overflow: auto;
-}
-
-.text {
-  margin-right: 10px;
-}
-
-.page {
-  text-align: right;
-  margin-top: 20px;
-}
-
-/deep/ .ant-table-tbody .yellow {
-  background-color: #ffff001f !important;
-  height: 40px !important;
-  border: none !important;
-  padding: 0 !important;
-}
-
-//::v-deep .ant-table-row:first-child {
-//  background: #fff!important;
-//  /*opacity: 0.9;*/
-//}
-//
-//::v-deep .ant-table-body {
-//  background: transparent!important;
-//}
-.content-text {
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-
-  .text-field {
-    width: 50%;
-    margin-bottom: 8px;
-    display: flex;
-
-    .text-field-left {
-      width: 80px;
-      display: inline-block;
-      font-size: 16px;
-      color: #040B29;
-      font-weight: 400;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      overflow: hidden;
-    }
-
-    .text-field-right {
-      display: inline-block;
-      font-size: 16px;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      overflow: hidden;
-      word-break: break-word;
-      color: #040B29;
-      font-weight: 400;
-    }
-  }
-
-  .textfield {
+  .box {
     width: 100%;
-    margin-bottom: 8px;
-    display: flex;
+    height: calc(100% - 100px);
+    overflow: auto;
+  }
 
-    .textfield-left {
-      width: 80px;
-      display: inline-block;
-      font-size: 16px;
-      color: #040B29;
-      font-weight: 400;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      overflow: hidden;
+  .text {
+    margin-right: 10px;
+  }
+
+  .page {
+    text-align: right;
+    margin-top: 20px;
+  }
+
+  /deep/ .ant-table-tbody .yellow {
+    background-color: #ffff001f !important;
+    height: 40px !important;
+    border: none !important;
+    padding: 0 !important;
+  }
+
+  //::v-deep .ant-table-row:first-child {
+  //  background: #fff!important;
+  //  /*opacity: 0.9;*/
+  //}
+  //
+  //::v-deep .ant-table-body {
+  //  background: transparent!important;
+  //}
+  .content-text {
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+
+    .text-field {
+      width: 50%;
+      margin-bottom: 8px;
+      display: flex;
+
+      .text-field-left {
+        width: 80px;
+        display: inline-block;
+        font-size: 16px;
+        color: #040B29;
+        font-weight: 400;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+      }
+
+      .text-field-right {
+        display: inline-block;
+        font-size: 16px;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+        word-break: break-word;
+        color: #040B29;
+        font-weight: 400;
+      }
     }
 
-    .textfield-right {
-      display: inline-block;
-      font-size: 16px;
-      //text-overflow: ellipsis;
-      //white-space: nowrap;
+    .textfield {
       width: 100%;
-      overflow: hidden;
-      word-break: break-word;
-      color: #040B29;
-      font-weight: 400;
+      margin-bottom: 8px;
+      display: flex;
+
+      .textfield-left {
+        width: 80px;
+        display: inline-block;
+        font-size: 16px;
+        color: #040B29;
+        font-weight: 400;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+      }
+
+      .textfield-right {
+        display: inline-block;
+        font-size: 16px;
+        //text-overflow: ellipsis;
+        //white-space: nowrap;
+        width: 100%;
+        overflow: hidden;
+        word-break: break-word;
+        color: #040B29;
+        font-weight: 400;
+      }
     }
   }
-}
 
-.textName {
-  width: 100%;
-  overflow: hidden;
-  display: -webkit-box;
-  text-overflow: ellipsis;
-  /*! autoprefixer: off */
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  /*! autoprefixer: on;*/
-  text-justify: inter-ideograph;
-  word-break: break-all
-}
+  .textName {
+    width: 100%;
+    overflow: hidden;
+    display: -webkit-box;
+    text-overflow: ellipsis;
+    /*! autoprefixer: off */
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    /*! autoprefixer: on;*/
+    text-justify: inter-ideograph;
+    word-break: break-all
+  }
 
-::v-deep .ant-table-placeholder {
-  margin-top: 8px !important;
-}
+  ::v-deep .ant-table-placeholder {
+    margin-top: 8px !important;
+  }
 
-.box-button-text {
-  white-space: pre-wrap;
-  word-break: break-all;
-  width: 40%;
-  float: left;
-  text-align: left;
-}
+  .box-button-text {
+    white-space: pre-wrap;
+    word-break: break-all;
+    width: 40%;
+    float: left;
+    text-align: left;
+  }
 </style>
 <style>
-.resize-table-th {
-  position: relative;
-}
+  .resize-table-th {
+    position: relative;
+  }
 
-.table-draggable-handle {
-  /* width: 10px !important; */
-  height: 100% !important;
-  left: auto !important;
-  right: -5px;
-  cursor: col-resize;
-  touch-action: none;
-  border: none;
-  position: absolute;
-  transform: none !important;
-  bottom: 0;
-}
+  .table-draggable-handle {
+    /* width: 10px !important; */
+    height: 100% !important;
+    left: auto !important;
+    right: -5px;
+    cursor: col-resize;
+    touch-action: none;
+    border: none;
+    position: absolute;
+    transform: none !important;
+    bottom: 0;
+  }
 
-.rowClassRed {
-  background: #f3d9de;
-}
+  .rowClassRed {
+    background: #f3d9de;
+  }
 
-.rowClassRedYellow {
-  background: yellow;
-}
+  .rowClassRedYellow {
+    background: yellow;
+  }
 
 </style>