From 10f9857c3d8fed01eec4b77c4e226877c57c4139 Mon Sep 17 00:00:00 2001
From: "zyx.net" <zyx>
Date: Thu, 7 Jul 2022 11:18:01 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=82=E6=95=B0=E9=A1=B9=E6=9F=A5=E7=9C=8B?=
 =?UTF-8?q?=E9=A1=B5=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/tableCollection/index1.vue | 754 ++++++++++++++++++
 .../commponts/conventionalmodle.vue           |  21 +-
 .../commponts/customexportmodle.vue           |   2 +-
 .../parameter/managementdetails/index.vue     | 171 +++-
 4 files changed, 900 insertions(+), 48 deletions(-)
 create mode 100644 jero-web/src/components/tableCollection/index1.vue

diff --git a/jero-web/src/components/tableCollection/index1.vue b/jero-web/src/components/tableCollection/index1.vue
new file mode 100644
index 000000000..0dc4b2e8e
--- /dev/null
+++ b/jero-web/src/components/tableCollection/index1.vue
@@ -0,0 +1,754 @@
+<template>
+  <div style="height: 100%">
+    <div class="box">
+      <!--      -->
+      <a-table
+        class="table"
+        rowKey="id"
+        :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
+        :pagination="false"
+        :scroll="{x: '100%',y:'calc(100vh - 230px)'}"
+        :data-source="dataSource"
+        :loading="loading"
+        sticky
+        :components="components"
+        :columns="columns"
+        :rowClassName="rowClassName"
+        @change="tableOnChange"
+        @onHeaderRow='onHeaderRow'
+      >
+        <span slot="titleName" slot-scope="text,record" :title="text">
+                  {{ text }}
+        </span>
+        <div :slot="'titleName'+(index+1)" v-for="(item,index) in content">
+          <span style='padding-right: 20px'>{{ item.db_field_txt }} </span>
+          <a-button @click='onClickSee(item)'>{{$t('See')}}</a-button>
+        </div>
+
+<!--        <span slot="operationbtn" slot-scope="record">-->
+<!--           <span v-if='currentPersonRole === "homo"'>-->
+<!--&lt;!&ndash;           认证工程师  &ndash;&gt;-->
+<!--           <span-->
+<!--             v-if='record.state == "待发起收集" || record.state == "工程接口人退回" || record.state == "变更" || record.state == "Wait Collect" || record.state == "Sdt Back" || record.state == "Change"'>-->
+<!--&lt;!&ndash;             <span&ndash;&gt;-->
+<!--&lt;!&ndash;               @click='ondataValueTobeinitiated(record)'>{{ (record.dataValue == null || record.dataValue == 'undefined')? '&#45;&#45;': record.dataValue}}</span>&ndash;&gt;-->
+<!--           </span>-->
+<!--             <span v-else>-->
+<!--             <span @click='dataValueTobeinitiated(record)'>{{ (record.dataValue == null || record.dataValue == 'undefined')? '&#45;&#45;': record.dataValue}}</span>-->
+<!--           </span>-->
+<!--           </span>-->
+<!--           <span v-else>-->
+<!--             <span @click='dataValueTobeinitiated(record)'>{{ (record.dataValue == null || record.dataValue == 'undefined')? '&#45;&#45;': record.dataValue}}</span>-->
+<!--           </span>-->
+<!--         </span>-->
+        <span slot="detailClick" slot-scope="text,record">
+          <collection-type :detailDate='text'/>
+        </span>
+      </a-table>
+    </div>
+    <div class="page">
+      <a-pagination
+        :show-total="total => $t('total')+` ${total} `+$t('strip')"
+        show-quick-jumper
+        show-size-changer
+        :page-size.sync="pageSize"
+        :total="total"
+        :current="pageNo"
+        :pageSizeOptions='pageSizeOptions'
+        @change="pageOnChange"
+        @showSizeChange="SizeChange"
+      />
+    </div>
+    <!--  修改工程接口人--->
+    <a-modal v-model="areaVisible" :title="$t('modifyprojectInterfacePerson')" width='620px' :footer="null"
+             @cancel="cancleImports">
+      <a-form-model
+        class='tag-module'
+        ref='ruleForm'
+        :model='Dateline'
+        :rules='rules'
+        :label-col='labelCol'
+        :wrapper-col='wrapperCol'
+
+      >
+        <a-row :gutter='24'>
+          <a-col :span='24'>
+            <a-form-model-item ref='region' :label="$t('engineeringInterfacePerson')" prop='querySdt'>
+              <a-select allowClear :placeholder="$t('PleaseSelect')+$t('engineeringInterfacePerson')"
+                        v-model="Dateline.querySdt">
+                <a-select-option v-for="(item, key) in querySdtList" :key="key" :value="item.value">
+                    <span style="display: inline-block;width: 100%" :title=" item.label ">
+                      {{ item.label }}
+                    </span>
+                </a-select-option>
+              </a-select>
+            </a-form-model-item>
+          </a-col>
+        </a-row>
+      </a-form-model>
+      <div class="imports-footer">
+        <div class="imports-footer-wrap">
+
+          <a-button class="imports-btn imports-sub" type="primary" @click="handleSubmit">{{$t('preservation')}}
+          </a-button>
+          <a-button class="imports-btn" type="primary" @click="cancleImports">{{$t('cancel')}}</a-button>
+        </div>
+      </div>
+    </a-modal>
+    <!--  配置信息--->
+    <a-modal v-model="areaVisibleView" :title="$t('configurationInformation')" width='550px' :footer="null">
+      <div class="content-text">
+        <div class="text-field">
+          <span class="text-field-left" :title="$t('configurationName')">{{$t('configurationName')}}:</span>
+          <span class="text-field-right"
+                :title="configDetail.configName"
+          >{{configDetail.configName}}</span>
+        </div>
+      </div>
+      <div class="content-text">
+        <div class="text-field">
+          <span class="text-field-left" :title="$t('Model')">{{$t('Model')}}:</span>
+          <span class="text-field-right" :title="configDetail.carType"
+          >{{configDetail.carType}}</span>
+        </div>
+        <div class="text-field">
+          <span class="text-field-left" :title="$t('electricMachinery')">{{$t('electricMachinery')}}:</span>
+          <span class="text-field-right" :title="configDetail.motor"
+          >{{configDetail.motor}}</span>
+        </div>
+      </div>
+      <div class="content-text">
+        <div class="text-field">
+          <span class="text-field-left" :title="$t('Version')">{{$t('Version')}}:</span>
+          <span class="text-field-right" :title="configDetail.version"
+          >{{configDetail.version}}</span>
+        </div>
+        <div class="text-field">
+          <span class="text-field-left" :title="$t('Battery')">{{$t('Battery')}}:</span>
+          <span class="text-field-right" :title="configDetail.battery"
+          >{{configDetail.battery}}</span>
+        </div>
+      </div>
+    </a-modal>
+  </div>
+</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'
+
+  export default {
+    name: 'index',
+    props: {
+      //接口
+      url: {
+        type: Object,
+        default: {}
+      },
+      // 详细列表得一条数据
+      paramsManifest: {
+        type: Object,
+        default: {},
+        require: true
+      },
+      formInline: {
+        type: Object,
+        default: true
+      },
+      currentPersonRole: {
+        type: String,
+        default: true
+      }
+    },
+    components: {
+      CollectionType,
+      VueDraggableResizable
+    },
+    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 {
+        token: Vue.ls.get(ACCESS_TOKEN),
+        jsonBody: [],
+        checkboxList: [],
+        tableAll: false,
+        indeterminate: false,
+        columns: [],
+        content: [],
+        selectedRowKeys: [],
+        selectedRowrowValue: [],
+        dataSource: [],
+        pageNo: 1,
+        pageSize: 10,
+        pageSizeOptions: ['10', '20','30', '50'],
+        total: 0,
+        searchParmes: {},
+        loading: false,
+        orderBy: '1',
+        orderByField: '',
+        homo: 0, // 认证工程师
+        sdt: 0, // 工程接口人
+        dre: 0, // 填写人
+        areaVisible: false,
+        form: {},
+        rules: {
+          querySdt: [
+            {
+              required: true,
+              message: this.$t('PleaseSelect') + this.$t('engineeringInterfacePerson'),
+              trigger: 'change'
+            }
+          ]
+        },
+        wrapperCol: {
+          xs: { span: 24 },
+          sm: { span: 14 }
+        },
+        labelCol: {
+          xs: { span: 24 },
+          sm: { span: 7 }
+        },
+        querySdtList: [], // 工程接口人
+        Dateline: {},
+        getquerySdtId: '', // 当前工程接口人的id
+        areaVisibleView: false, // 查看配置得弹框
+        configDetail: {} // 查看配置得详细信息
+      }
+    },
+    mounted() {
+      this.getHeader()
+    },
+    watch: {
+      currentPersonRole: {
+        handler: function() {
+          console.log(123)
+          this.getTableList()
+        },
+        immediate: true
+      }
+    },
+    methods: {
+      ...mapGetters(['userInfo']),
+      rowClassName(row, index) {
+        if (row.changeFlag == '1') {
+          return 'rowClassRedYellow'
+        }
+        if (row.delFlag == '1') {
+          return 'rowClassRed'
+        }
+      },
+      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()
+      },
+      // 查看配置详细信息
+      onClickSee(val) {
+        let _this = this
+        this.areaVisibleView = true
+        axios({
+          url: `/jero-boot/params/config/getById?id=${val.db_field_name}`,
+          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
+            } else {
+              _this.$message.warning(res.data.result)
+            }
+          })
+          .catch((error) => {
+            console.log(error)
+          })
+      },
+      // 获取工程接口人
+      getquerySdtList(record) {
+        // 当前工程接口人的id
+        this.getquerySdtId = record.id
+        getAction(this.url.getquerySdtList, {
+          projectId: this.$route.query.projectId,
+          dutyTerritory: record.dutyTerritory
+        }).then((res) => {
+          if (res.success) {
+            this.querySdtList = res.result
+          }
+        })
+      },
+      // 工程接口人 保存
+      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.areaVisible = false
+                  this.getLoginUserType()
+                } else {
+                  _this.$message.warning(_this.$t('operationFailed'))
+                }
+              })
+              .catch((error) => {
+                console.log(error)
+              })
+          }
+        })
+      },
+      // 工程接口人 取消
+      cancleImports() {
+        this.areaVisible = false
+        this.$refs['ruleForm'].resetFields()
+      },
+      // 点击工程接口人的详情人员 有权限
+      ondataValueTobeinitiated(record) {
+        this.areaVisible = true
+        // this.$refs.ruleForm.clearValidate()
+        this.$nextTick(() => {
+          this.Dateline = { ...this.Dateline }
+          this.getquerySdtList(record)
+          this.$refs.ruleForm.clearValidate()
+        })
+      },
+      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'))
+      },
+      // 点击工程接口人的详情人员 无权限
+      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)
+          }
+        })
+      },
+      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) {
+            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)
+            } else {
+              this.getTableList(result[0].value)
+            }
+            this.$emit('LoginUserType', result, this.currentPersonRole, res.result.userType)
+          } else {
+
+          }
+        })
+      },
+      getHeader() {
+        console.log(this.url.tableHeader)
+        let paramsManifestid
+        let url
+        if (this.$route.query.it === undefined) {
+          // 页面跳转
+          paramsManifestid = this.$route.query.id
+          url = this.url.tableHeader
+        } else {
+          // 历史版本
+          paramsManifestid = this.$route.query.it
+          url = 'params/collectManifestHistory/getHeader'
+        }
+        let params = {
+          paramsManifestId: paramsManifestid,
+          flag: '8'
+        }
+        getAction(url, params).then((res) => {
+          if (res.success) {
+            var jsonHead = res.result
+            this.columns = []
+            let num = 0
+            this.content = []
+            jsonHead.forEach((res, index) => {
+              // 配置列
+              if (res.type) {
+                this.columns.push({
+                  dataIndex: res.db_field_name,
+                  align: 'center',
+                  ellipsis: true,
+                  sorter: res.sort,
+                  width: 500
+                })
+                num++
+                this.content.push(res)
+                this.columns[index].scopedSlots = {
+                  customRender: 'detailClick',
+                  title: 'titleName' + num
+                }
+                //  非配置列
+              } else {
+                this.columns.push({
+                  title: res.db_field_txt,
+                  dataIndex: res.db_field_name,
+                  align: 'center',
+                  ellipsis: true,
+                  sorter: res.sort,
+                  width: 160
+                })
+                this.columns[index].scopedSlots = {
+                  customRender: 'titleName'
+                }
+                if (res.click) {
+                  // 工程接口人列表修改
+                  this.columns[index].scopedSlots = {
+                    customRender: 'operationbtn'
+                  }
+                }
+              }
+            })
+            this.columns = [...this.columns]
+            console.log(this.columns)
+          }
+        })
+      },
+      tableOnChange(pagination, filters, sorter) {
+        console.log(pagination, filters, sorter, 'iiiiiiiiiiiiiiiii')
+      },
+      getTableListReset() {
+        let params = {
+          paramsManifestId: this.$route.query.id,
+          userTypes: this.currentPersonRole
+        }
+        this.loading = true
+        this.$emit('listReset', '')
+        getAction(this.url.tableList, 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) {
+                    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) {
+                    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 {
+            this.loading = false
+          }
+        })
+      },
+      cancleoperationFailed() {
+        this.selectedRowKeys = []
+      },
+      getTableList(currentPersonRole) {
+        console.log(this.url.tableList)
+        let paramsManifestid
+        let url
+        if (this.$route.query.it === undefined) {
+          // 页面跳转
+          paramsManifestid = this.$route.query.id
+          url = this.url.tableList
+        } else {
+          // 历史版本
+          paramsManifestid = this.$route.query.it
+          url = 'params/collectManifestHistory/list'
+        }
+        let params = {
+          pageNo: this.pageNo,
+          pageSize: this.pageSize,
+          userTypes: this.currentPersonRole || currentPersonRole,
+          paramsManifestId: paramsManifestid,
+          ...this.formInline
+        }
+        this.loading = true
+        getAction(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') {
+              res.result.records.forEach((Obj) => {
+                Object.keys(Obj).forEach((item) => {
+                  if (Obj[item] instanceof Object && Obj[item].controlType !== undefined) {
+                    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) {
+                    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.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-sub {
+        margin-right: 20px;
+      }
+    }
+  }
+
+  .table .ant-table-column-title {
+    font-weight: bold;
+  }
+
+  .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;
+        color: #040B29;
+        font-weight: 400;
+      }
+    }
+  }
+</style>
+<style scoped>
+  .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;
+  }
+</style>
+<style>
+  .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;
+  }
+
+  .rowClassRed {
+    background: #f3d9de;
+  }
+
+  .rowClassRedYellow {
+    background: yellow;
+  }
+</style>
diff --git a/jero-web/src/views/parameter/managementdetails/commponts/conventionalmodle.vue b/jero-web/src/views/parameter/managementdetails/commponts/conventionalmodle.vue
index ccffec82e..ead1ddc77 100644
--- a/jero-web/src/views/parameter/managementdetails/commponts/conventionalmodle.vue
+++ b/jero-web/src/views/parameter/managementdetails/commponts/conventionalmodle.vue
@@ -38,11 +38,19 @@
                     <span>{{$t('configure')}}</span>
                   </div>
                   <a-form-model-item class="itemModel" prop="configIds">
-                    <j-multi-select-tag class="box-input" v-model="formInline.configIds"
-                                        :options="dictOptions"
-                                        :placeholder="$t('PleaseSelect')+$t('configure')"
-                                        :type="'select'"
-                                        :triggerChange="false"/>
+<!--                    <j-multi-select-tag class="box-input" v-model="formInline.configIds"-->
+<!--                                        :options="dictOptions"-->
+<!--                                        :placeholder="$t('PleaseSelect')+$t('configure')"-->
+<!--                                        :type="'select'"-->
+<!--                                        :triggerChange="false"/>-->
+                    <a-select v-model="formInline.configIds" class="box-input" mode='multiple' :placeholder="$t('PleaseSelect')+$t('configure')">
+                      <a-select-option
+                        v-for="mode in dictOptions"
+                        :key="mode.value"
+                        :value="mode.value">
+                        {{ mode.label }}
+                      </a-select-option>
+                    </a-select>
                   </a-form-model-item>
                 </div>
               </a-col>
@@ -78,7 +86,6 @@
                   <a-form-model-item class="itemModel" :prop="required?'separator':''">
 <!--                    :disabled="disabled"-->
                     <a-input class="box-input"
-
                              v-model="formInline.separator"
                              :placeholder="$t('PleaseEnter')+$t('MergeSeparator')"/>
                   </a-form-model-item>
@@ -122,7 +129,6 @@ export default {
       rules: {
         separator:[
           { required: true, message: this.$t('PleaseEnter')+this.$t('MergeSeparator'), trigger: 'change' },
-          // { min:1, max: 50, message: this.$t('cantExeed')+'50'+this.$t('MergeSeparator'), trigger: 'blur' },
         ],
         certCategory:[
           { required: true, message: this.$t('PleaseEnter')+this.$t('certificationCategory'), trigger: 'change' },
@@ -226,6 +232,7 @@ export default {
     },
     handleCancel() {
       this.visible = false
+      this.required = false
       this.$refs.ruleForm.resetFields()
     },
     certCategoryName(value){
diff --git a/jero-web/src/views/parameter/managementdetails/commponts/customexportmodle.vue b/jero-web/src/views/parameter/managementdetails/commponts/customexportmodle.vue
index 800c461b0..550f1e191 100644
--- a/jero-web/src/views/parameter/managementdetails/commponts/customexportmodle.vue
+++ b/jero-web/src/views/parameter/managementdetails/commponts/customexportmodle.vue
@@ -20,7 +20,7 @@
                     <span>{{$t('configure')}}</span>
                   </div>
                   <a-form-model-item class="itemModel" prop="configIds">
-                    <a-select v-model="formInline.configIds" class="code-mode-select"  :placeholder="$t('PleaseSelect')+$t('configure')">
+                    <a-select v-model="formInline.configIds" class="box-input"  :placeholder="$t('PleaseSelect')+$t('configure')">
                       <a-select-option
                         v-for="mode in dictOptions"
                         :key="mode.value"
diff --git a/jero-web/src/views/parameter/managementdetails/index.vue b/jero-web/src/views/parameter/managementdetails/index.vue
index 723c4c40a..6dc973175 100644
--- a/jero-web/src/views/parameter/managementdetails/index.vue
+++ b/jero-web/src/views/parameter/managementdetails/index.vue
@@ -89,39 +89,48 @@
         {{$t('CustomExport')}}
       </div>
     </div>
-    <div>
-      <a-table
-        ref="table"
-        size="middle"
-        :loading="loading"
-        :pagination="false"
-        :scroll="{x: true}"
-        rowKey="id"
-        :data-source="dataSource"
-        :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
-        :columns="columns"
-      >
-         <span slot="titleName" slot-scope="text,record" :title="text">
-                  {{ text && text.length > 10 ? text.slice(0, 9) + '...' : text }}
-        </span>
-        <span slot="operation" slot-scope="text,record">
-            <a class="text-operation" @click="edit(record)">{{$t('edit')}}</a>
-            <a class="text-operation" @click="deleteLib(record)">{{$t('deleteLib')}}</a>
-        </span>
-      </a-table>
-    </div>
-    <div class="page">
-      <a-pagination
-        :show-total="total => $t('total')+` ${total} `+$t('strip')"
-        show-quick-jumper
-        show-size-changer
-        :page-size.sync="pageSize"
-        :total="total"
-        :current="pageNo"
-        @change="pageOnChange"
-        @showSizeChange="SizeChange"
-      />
+    <div style="width: 100%">
+      <!-- 表格-10控件-->
+      <table-collection ref="CollectionTabel" :url='url' :paramsManifest='paramsManifest' @rowValue='rowValue'
+                        :formInline='formInline' :currentPersonRole='currentPersonRole'
+                        @getDataSource="getDataSource"
+                        @handlePreservation="handlePreservation"
+                        @value='value'
+                        @listReset='listReset' @LoginUserType='LoginUserType'/>
     </div>
+<!--    <div>-->
+<!--      <a-table-->
+<!--        ref="table"-->
+<!--        size="middle"-->
+<!--        :loading="loading"-->
+<!--        :pagination="false"-->
+<!--        :scroll="{x: true}"-->
+<!--        rowKey="id"-->
+<!--        :data-source="dataSource"-->
+<!--        :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"-->
+<!--        :columns="columns"-->
+<!--      >-->
+<!--         <span slot="titleName" slot-scope="text,record" :title="text">-->
+<!--                  {{ text && text.length > 10 ? text.slice(0, 9) + '...' : text }}-->
+<!--        </span>-->
+<!--        <span slot="operation" slot-scope="text,record">-->
+<!--            <a class="text-operation" @click="edit(record)">{{$t('edit')}}</a>-->
+<!--            <a class="text-operation" @click="deleteLib(record)">{{$t('deleteLib')}}</a>-->
+<!--        </span>-->
+<!--      </a-table>-->
+<!--    </div>-->
+<!--    <div class="page">-->
+<!--      <a-pagination-->
+<!--        :show-total="total => $t('total')+` ${total} `+$t('strip')"-->
+<!--        show-quick-jumper-->
+<!--        show-size-changer-->
+<!--        :page-size.sync="pageSize"-->
+<!--        :total="total"-->
+<!--        :current="pageNo"-->
+<!--        @change="pageOnChange"-->
+<!--        @showSizeChange="SizeChange"-->
+<!--      />-->
+<!--    </div>-->
     <conventionalModel :url="url" ref="conventionalModel"/>
     <customelModel :url="url" ref="customelModel"/>
   </a-card>
@@ -130,6 +139,7 @@
 <script>
 import { getAction,postAction } from '../../../api/manage'
 import axios from 'axios'
+import TableCollection from '@/components/tableCollection/index1'
 import conventionalModel from './commponts/conventionalmodle'
 import customelModel from './commponts/customexportmodle'
 import { ACCESS_TOKEN } from '@/store/mutation-types'
@@ -140,6 +150,7 @@ export default {
   components: {
     conventionalModel,
     customelModel,
+    TableCollection,
     PersonnelSelection
   },
   data(){
@@ -212,7 +223,7 @@ export default {
   props: {
   },
   mounted() {
-    this.Getlist()
+    // this.Getlist()
     this.getTableList()
   },
   methods:{
@@ -302,6 +313,82 @@ export default {
     },
     onSelectChange() {
 
+    },
+    getDataSource(data) {
+      this.dataSource = data
+    },
+    handlePreservation(num) {
+      let _this = this
+      let postDate = []
+      let data = JSON.parse(JSON.stringify(this.dataSource))
+      let selectedRowKeysValue = []
+      data.forEach(res => {
+        if (res.state == 'Wait Fill' || res.state == '待填写') {
+          selectedRowKeysValue.push(res)
+        }
+      })
+      for (let i = 0; i < selectedRowKeysValue.length; i++) {
+        let postDateobj = {}
+        let itemIn = Object.keys(selectedRowKeysValue[i])
+        for (let j = 0; j < itemIn.length; j++) {
+          if (itemIn[j] !== 'sdt') {
+            if (selectedRowKeysValue[i][itemIn[j]] instanceof Object && !(selectedRowKeysValue[i][itemIn[j]] instanceof Array)) {
+              postDateobj[itemIn[j]] = selectedRowKeysValue[i][itemIn[j]]
+              for (let k = 0; k < selectedRowKeysValue[i][itemIn[j]].list.length; k++) {
+                if (selectedRowKeysValue[i][itemIn[j]].list[k].type == 'pull_more') {
+                  selectedRowKeysValue[i][itemIn[j]].list[k].dataValue = selectedRowKeysValue[i][itemIn[j]].list[k].dataValue.join(',')
+                }
+                if (selectedRowKeysValue[i][itemIn[j]].list[k].type == 'text' && selectedRowKeysValue[i][itemIn[j]].list[k].dataValue !== null) {
+                  selectedRowKeysValue[i][itemIn[j]].list[k].dataValue = selectedRowKeysValue[i][itemIn[j]].list[k].dataValue.toString()
+                }
+              }
+            }
+          }
+        }
+        postDateobj.id = selectedRowKeysValue[i].id
+        postDate.push(postDateobj)
+      }
+      let configDataList = { configDataList: postDate }
+      if (selectedRowKeysValue && selectedRowKeysValue.length > 0) {
+        if (num && num == 1) {
+          this.textLoading = true
+        }
+        let query = {
+          ...configDataList,
+          paramsManifestId: this.paramsManifest.id
+        }
+        postAction('/params/collectManifest/save', query).then((res) => {
+          if (res.success) {
+            if (num && num == 1) {
+              _this.$message.success(_this.$t('OperationSuccessful'))
+              this.textLoading = false
+            }
+            setTimeout(() => {
+              if (this.currentPersonRole == 'dre') {
+                this.handlePreservation()
+              }
+            }, 10000)
+          } else {
+            if (num && num == 1) {
+              _this.$message.warning(_this.$t('operationFailed'))
+              this.textLoading = false
+            }
+          }
+        })
+      } else {
+        if (num && num == 1) {
+          this.$message.warning(this.$t('theCurrentListSaved'))
+        }
+      }
+    },
+    LoginUserType(val, currentPersonRole, userType) {
+      this.RoleType = []
+      if (this.currentPersonRole == '') {
+        this.currentPersonRole = currentPersonRole || userType || val[0].value
+      }
+      this.RoleType = val
+      this.formInlineRoleSwitching.roleSwitchingCode = currentPersonRole || userType || val[0].value
+      this.formInlineRoleSwitching = { ...this.formInlineRoleSwitching }
     },
     GetgetTableList() {
       this.$refs.CollectionTabel.getTableList()
@@ -326,19 +413,23 @@ export default {
     },
     searchQuery() {
       this.pageNo = 1
-      this.getTableList()
+      this.$refs.CollectionTabel.getTableList()
     },
     searchReset() {
       this.pageNo = 1
-      this.formInline = {}
+      this.$refs.CollectionTabel.getTableListReset()
+    },
+    pageOnChange(page, pageSize) {
+      this.pageNo = page
+      this.$emit('handlePreservation')
       this.getTableList()
     },
-    pageOnChange() {
-
+    SizeChange(page, pageSize) {
+      this.pageNo = 1
+      this.pageSize = pageSize
+      this.$emit('handlePreservation')
+      this.getTableList()
     },
-    SizeChange() {
-
-    }
   }
 }
 </script>