1.认证参数导出时增加文件名称输入

jero-web/src/common/lang/en-us.js

@@ -1298,4 +1298,5 @@ module.exports = {
   personChargeReceivesTheTask:'Person in charge receives the task',
   theResponsiblePersonTaskForTheSecondTime:'The responsible person receives the task for the second time',
   processNodesAreInconsistentPleaseSelectConsistentData:'Process nodes are inconsistent; Please select consistent data',
+  exportFileName:'Export file name',
 }

jero-web/src/common/lang/zh-cn.js

@@ -1400,4 +1400,5 @@ module.exports = {
   personChargeReceivesTheTask:'责任人接收任务',
   theResponsiblePersonTaskForTheSecondTime:'责任人二次接收任务',
   processNodesAreInconsistentPleaseSelectConsistentData:'流程节点不一致；请选择一致的数据',
+  exportFileName:'导出文件名称',
 }

jero-web/src/views/parameter/managementdetails/commponts/customexportmodle.vue

@@ -65,6 +65,22 @@
               </a-col>
 
             </a-row>
+
+            <a-row :gutter="24">
+              <a-col :span="24">
+                <div class="box-title-text">
+                  <div class="title-text" :title="$t('exportFileName')">
+                    <span class="Required">*</span>
+                    <span>{{$t('exportFileName')}}</span>
+                  </div>
+                  <a-form-model-item class="itemModel" prop="exportName">
+                    <a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('exportFileName')"
+                             v-model.trim="formInline.exportName"></a-input>
+                  </a-form-model-item>
+                </div>
+              </a-col>
+
+            </a-row>
           </a-form-model>
         </a-form>
       </a-spin>
@@ -121,6 +137,14 @@ export default {
         description:[
           { min:1, max: 200, message: this.$t('cantExeed')+'200'+this.$t('characters'), trigger: 'blur' },
         ],
+        exportName:[
+          {
+            max: 70,
+            message: this.$t('exportFileName') + this.$t('cannotExceed') + 70 + this.$t('Characters'),
+            trigger: 'blur'
+          },
+          { required: true, message: this.$t('PleaseEnter')+this.$t('exportFileName'), trigger: 'blur' },
+        ],
         exportTemplateId: [
           { required: true, message: this.$t('PleaseSelect')+this.$t('CustomTemplateName'), trigger: 'change' },
         ],
@@ -243,12 +267,12 @@ export default {
           //   query.certCategoryName = this.contentListStart
           // }
           query.paramsManifestId = this.$route.query.id
-          let long = localStorage.getItem('language')
-          if (long && long === 'zh-cn') {
-            query.exportName = '自定义导出'
-          } else if (long && long === 'en-us') {
-            query.exportName = 'Custom'
-          }
+          // let long = localStorage.getItem('language')
+          // if (long && long === 'zh-cn') {
+          //   query.exportName = '自定义导出'
+          // } else if (long && long === 'en-us') {
+          //   query.exportName = 'Custom'
+          // }
           this.confirmLoading = true
           downloadFile('report/detail/exportCustom', query.exportName+'.zip', query)
           this.confirmLoading = false

jero-web/src/views/parameter/managementdetails/index.vue

@@ -5,7 +5,7 @@
       <div class="Virtual-detail-header" style="top: 0">
         <div class="Virtual-detail-title">
               <span>
-                {{ $t('ParameterViewPage') }}
+                {{this.$route.query.pageName ? this.$route.query.pageName : $t('ParameterViewPage')}}
               </span>
         </div>
       </div>
@@ -19,9 +19,9 @@
                   <span>{{$t('NcertificationCategory')}}</span>
                 </div>
                 <j-multi-select-tag class="box-input" v-model="formInline.certCategory"
-                                   :placeholder="$t('PleaseSelect')+$t('NcertificationCategory')"
-                                   :type="'select'"
-                                   :triggerChange="false" :dictCode="'cert_category'"/>
+                                    :placeholder="$t('PleaseSelect')+$t('NcertificationCategory')"
+                                    :type="'select'"
+                                    :triggerChange="false" :dictCode="'cert_category'"/>
               </div>
             </a-col>
             <a-col :md="6" :sm="8">
@@ -104,39 +104,39 @@
                         @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>-->
+    <!--    <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"/>
     <JLoading :loading="textLoading">{{this.$t('pleaseWaitWhileRunning')}}</JLoading>
@@ -144,444 +144,454 @@
 </template>
 
 <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'
-import PersonnelSelection from '@/components/PersonnelSelection/index'
-import Vue from 'vue'
-export default {
-  name: 'managementdetails',
-  components: {
-    conventionalModel,
-    customelModel,
-    TableCollection,
-    PersonnelSelection
-  },
-  data(){
-    return{
-      columns:[],
-      selectedRowKeys: [],
-      formInline: {},
-      textLoading:false,
-      url: {
-        tableHeader: 'report/detail/getHeader',
-        tableList: 'report/detail/list',
-        ConventionalExport: 'report/detail/exportNormal',
-        // getLoginUserType: 'params/collectManifest/getLoginUserType', // 获取当前登陆人
-        // getquerySdtList: 'params/collectManifest/querySdtList', // 获取工程接口人的列表
-        // updateSdt: 'params/collectManifest/updateSdt', // 提交工程接口人
-        // deleteBatch: 'params/collectManifest/deleteBatch',
-      },
-      loading: false,
-      dataSource: [],
-      areaVisible: false, // 弹框的控制
-      configureareaVisible: false, // 配置的彈框
-      pageNo: 1,
-      pageSize: 10,
-      total: 0,
-      selectedRowKeysArray: '',
-      templatetitle: '',
-      templatetitleId: '',
-      rowId: '',
-      version: 0,
-      itemId: '',
-      selectedRowKeysValue: [], // table列表所选得数据
-      token:Vue.ls.get(ACCESS_TOKEN),
-      Dateline: {},
-      areaVisibleFreeze: false, // 冻结配置
-      areaVisibleAssignedby: false, // 分配填写人弹框
-      areaVisibleTaskCutOffTime: false, // 截至时间弹框
-      areaVisiblereferenceparameter: false, // 引用参数弹框
-      areaVisibsynchronous: false, // 同步上报库弹框
-      visibleoperationFailed: false, // 数据失败的弹框
-      currentPersonRole: '', // 当前人角色
-      jurisdiction: '',
-      wrapperCol: {
-        xs: { span: 24 },
-        sm: { span: 14 }
-      },
-      labelCol: {
-        xs: { span: 24 },
-        sm: { span: 7 }
-      },
-      rules: {},
-      FreezeList: [], // 冻结字段
-      visibleRoleSwitching: false, // 角色切换
-      confirmLoadingRoleSwitching: false,
-      formInlineRoleSwitching: {},
-      rulesRoleSwitching: {
-        roleSwitchingCode: [
-          {
-            required: true,
-            message: this.$t('roleSwitching') + this.$t('cannotEmpty'),
-            trigger: 'change'
-          }
-        ]
-      },
-      RoleType: [ ],// 控件类型
-      NotSelectedRowKeysValue: [],
-      NoEngineer: 1, // 下发收集的权限,0为没有接口人 1为由接口人 默认有
-      NotSelectedNoEngineerValue: [],
-      paramsManifest: {}
-    }
-  },
-  props: {
-  },
-  mounted() {
-    // this.Getlist()
-    this.getTableList()
-    document.title = this.$t('ParameterViewPage')
-  },
-  methods:{
-    Getlist() {
-      getAction(this.url.tableHeader, {paramsManifestId: this.$route.query.id,flag: 8}).then((res) => {
-        if (res.success) {
-          var jsonHead = res.result
-          this.columns = []
-          // res.db_field_txt
-          jsonHead.forEach((res, index) => {
-            this.columns.push({
-              title: res.db_field_txt,
-              dataIndex: res.db_field_name,
-              align: 'center',
-              ellipsis: true,
-              sorter: res.sort
-            })
+  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'
+  import PersonnelSelection from '@/components/PersonnelSelection/index'
+  import Vue from 'vue'
 
-            if (res.urlClick) {
-              this.columns[index].scopedSlots = {
-                customRender: 'urlClick'
-              }
-            }else if(res.db_field_name=='iterms_conditions'){
-              this.columns[index].width='500'
-              this.columns[index].scopedSlots = {
-                customRender: 'showContent'
-              }
-            }else{
-              this.columns[index].scopedSlots = {
-                customRender: 'detailText'
-              }
+  export default {
+    name: 'managementdetails',
+    components: {
+      conventionalModel,
+      customelModel,
+      TableCollection,
+      PersonnelSelection
+    },
+    data() {
+      return {
+        columns: [],
+        selectedRowKeys: [],
+        formInline: {},
+        textLoading: false,
+        url: {
+          tableHeader: 'report/detail/getHeader',
+          tableList: 'report/detail/list',
+          ConventionalExport: 'report/detail/exportNormal'
+          // getLoginUserType: 'params/collectManifest/getLoginUserType', // 获取当前登陆人
+          // getquerySdtList: 'params/collectManifest/querySdtList', // 获取工程接口人的列表
+          // updateSdt: 'params/collectManifest/updateSdt', // 提交工程接口人
+          // deleteBatch: 'params/collectManifest/deleteBatch',
+        },
+        loading: false,
+        dataSource: [],
+        areaVisible: false, // 弹框的控制
+        configureareaVisible: false, // 配置的彈框
+        pageNo: 1,
+        pageSize: 10,
+        total: 0,
+        selectedRowKeysArray: '',
+        templatetitle: '',
+        templatetitleId: '',
+        rowId: '',
+        version: 0,
+        itemId: '',
+        selectedRowKeysValue: [], // table列表所选得数据
+        token: Vue.ls.get(ACCESS_TOKEN),
+        Dateline: {},
+        areaVisibleFreeze: false, // 冻结配置
+        areaVisibleAssignedby: false, // 分配填写人弹框
+        areaVisibleTaskCutOffTime: false, // 截至时间弹框
+        areaVisiblereferenceparameter: false, // 引用参数弹框
+        areaVisibsynchronous: false, // 同步上报库弹框
+        visibleoperationFailed: false, // 数据失败的弹框
+        currentPersonRole: '', // 当前人角色
+        jurisdiction: '',
+        wrapperCol: {
+          xs: { span: 24 },
+          sm: { span: 14 }
+        },
+        labelCol: {
+          xs: { span: 24 },
+          sm: { span: 7 }
+        },
+        rules: {},
+        FreezeList: [], // 冻结字段
+        visibleRoleSwitching: false, // 角色切换
+        confirmLoadingRoleSwitching: false,
+        formInlineRoleSwitching: {},
+        rulesRoleSwitching: {
+          roleSwitchingCode: [
+            {
+              required: true,
+              message: this.$t('roleSwitching') + this.$t('cannotEmpty'),
+              trigger: 'change'
             }
-          })
-          // console.log('this.columns',this.columns)
-          let width = 0
-          if (this.OperationList.length > 0) {
-            for (let i = 0; i < this.OperationList.length; i++) {
-              width += this.getTextWith(this.OperationList[i].text)
-            }
-          }
-          if (this.showAction) {
-            this.columns.push({
-              title: this.$t('operation'),
-              align: 'center',
-              fixed: 'right',
-              width: width,
-              scopedSlots: { customRender: 'operation' }
-            })
-          }
-          // console.log('columns',this.columns)
-        }
-      })
-    },
-    getcompleteby(e){
-      console.log(e)
-    },
-    PersonnelSelectionChange(value, id) {
-      this.formInline[value] = id
-      this.formInline = { ...this.formInline }
-    },
-    getDataSource(data) {
-      this.dataSource = data
-      console.log(this.dataSource)
-    },
-    // 保存
-    handlePreservation(num) {
-      let _this = this
-      let postDate = []
-      let data = JSON.parse(JSON.stringify(this.$refs.CollectionTabel.dataSource))
-      let selectedRowKeysValue = []
-      data.forEach(res => {
-          selectedRowKeysValue.push(res)
-      })
-      console.log(selectedRowKeysValue)
-      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' && selectedRowKeysValue[i][itemIn[j]].list) {
-            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 !== null && selectedRowKeysValue[i][itemIn[j]].list[k].dataValue instanceof Array) {
-                  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)
+          ]
+        },
+        RoleType: [],// 控件类型
+        NotSelectedRowKeysValue: [],
+        NoEngineer: 1, // 下发收集的权限,0为没有接口人 1为由接口人 默认有
+        NotSelectedNoEngineerValue: [],
+        paramsManifest: {}
       }
-      let configDataList = { configDataList: postDate }
-      if (selectedRowKeysValue && selectedRowKeysValue.length > 0) {
-          this.textLoading = true
-        let query = {
-          ...configDataList,
-          paramsManifestId: this.$route.query.id
-        }
-        postAction('/report/detail/save', query).then((res) => {
+    },
+    props: {},
+    mounted() {
+      // this.Getlist()
+      this.getTableList()
+      document.title = this.$t('ParameterViewPage')
+    },
+    methods: {
+      Getlist() {
+        getAction(this.url.tableHeader, { paramsManifestId: this.$route.query.id, flag: 8 }).then((res) => {
           if (res.success) {
+            var jsonHead = res.result
+            this.columns = []
+            // res.db_field_txt
+            jsonHead.forEach((res, index) => {
+              this.columns.push({
+                title: res.db_field_txt,
+                dataIndex: res.db_field_name,
+                align: 'center',
+                ellipsis: true,
+                sorter: res.sort
+              })
+
+              if (res.urlClick) {
+                this.columns[index].scopedSlots = {
+                  customRender: 'urlClick'
+                }
+              } else if (res.db_field_name == 'iterms_conditions') {
+                this.columns[index].width = '500'
+                this.columns[index].scopedSlots = {
+                  customRender: 'showContent'
+                }
+              } else {
+                this.columns[index].scopedSlots = {
+                  customRender: 'detailText'
+                }
+              }
+            })
+            // console.log('this.columns',this.columns)
+            let width = 0
+            if (this.OperationList.length > 0) {
+              for (let i = 0; i < this.OperationList.length; i++) {
+                width += this.getTextWith(this.OperationList[i].text)
+              }
+            }
+            if (this.showAction) {
+              this.columns.push({
+                title: this.$t('operation'),
+                align: 'center',
+                fixed: 'right',
+                width: width,
+                scopedSlots: { customRender: 'operation' }
+              })
+            }
+            // console.log('columns',this.columns)
+          }
+        })
+      },
+      getcompleteby(e) {
+        console.log(e)
+      },
+      PersonnelSelectionChange(value, id) {
+        this.formInline[value] = id
+        this.formInline = { ...this.formInline }
+      },
+      getDataSource(data) {
+        this.dataSource = data
+        console.log(this.dataSource)
+      },
+      // 保存
+      handlePreservation(num) {
+        let _this = this
+        let postDate = []
+        let data = JSON.parse(JSON.stringify(this.$refs.CollectionTabel.dataSource))
+        let selectedRowKeysValue = []
+        data.forEach(res => {
+          selectedRowKeysValue.push(res)
+        })
+        console.log(selectedRowKeysValue)
+        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' && selectedRowKeysValue[i][itemIn[j]].list) {
+              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 !== null && selectedRowKeysValue[i][itemIn[j]].list[k].dataValue instanceof Array) {
+                    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) {
+          this.textLoading = true
+          let query = {
+            ...configDataList,
+            paramsManifestId: this.$route.query.id
+          }
+          postAction('/report/detail/save', query).then((res) => {
+            if (res.success) {
               _this.$message.success(_this.$t('OperationSuccessful'))
               this.$refs.CollectionTabel.getTableList()
               this.textLoading = false
-          } else {
+            } else {
               _this.$message.warning(_this.$t('operationFailed'))
               this.textLoading = false
+            }
+          })
+        } else {
+        }
+      },
+      getTableList() {
+        // console.log('this.searchParmestable',this.searchParmes)
+        let pageNo = JSON.parse(JSON.stringify(this.pageNo))
+        let pageSize = JSON.parse(JSON.stringify(this.pageSize))
+        let params = {
+          ...this.formInline,
+          paramsManifestId: this.$route.query.id,
+          pageNo: pageNo + '',
+          pageSize: pageSize + ''
+        }
+        // console.log('parmsss',params)
+        this.loading = true
+        getAction(this.url.tableList, params).then((res) => {
+          if (res.success) {
+            if (res.result.current > 1 && res.result.records.length == 0) {
+              this.pageNo = 1
+              this.getTableList()
+              return
+            }
+            this.dataSource = res.result.records
+            this.total = res.result.total
+            this.loading = false
+          } else {
+            this.loading = false
           }
         })
-      } else {
-      }
-    },
-    getTableList() {
-      // console.log('this.searchParmestable',this.searchParmes)
-      let pageNo = JSON.parse(JSON.stringify(this.pageNo))
-      let pageSize = JSON.parse(JSON.stringify(this.pageSize))
-      let params = {
-        ...this.formInline,
-        paramsManifestId: this.$route.query.id,
-        pageNo: pageNo + '',
-        pageSize: pageSize + ''
-      }
-      // console.log('parmsss',params)
-      this.loading = true
-      getAction(this.url.tableList, params).then((res) => {
-        if (res.success) {
-          if (res.result.current > 1 && res.result.records.length == 0) {
-            this.pageNo = 1
-            this.getTableList()
-            return
-          }
-          this.dataSource = res.result.records
-          this.total = res.result.total
-          this.loading = false
-        } else {
-          this.loading = false
+      },
+      onSelectChange() {
+
+      },
+
+      LoginUserType(val, currentPersonRole, userType) {
+        this.RoleType = []
+        if (this.currentPersonRole == '') {
+          this.currentPersonRole = currentPersonRole || userType || val[0].value
         }
-      })
-    },
-    onSelectChange() {
-
-    },
-
-    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()
+      },
+      // 表格所选中得行内容
+      rowValue(val) {
+        this.selectedRowKeysValue = val
+      },
+      // 表格所选中得id
+      value(val) {
+        this.selectedRowKeys = val,
+          this.selectedRowKeysArray = val.join(',')
+      },
+      listReset() {
+        this.formInline = {}
+      },
+      ConventionalExport() {
+        this.$refs.conventionalModel.addModel()
+      },
+      CustomExport() {
+        this.$refs.customelModel.addModel()
+      },
+      searchQuery() {
+        this.pageNo = 1
+        this.$refs.CollectionTabel.getTableList()
+      },
+      searchReset() {
+        this.pageNo = 1
+        this.$refs.CollectionTabel.getTableListReset()
+      },
+      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()
       }
-      this.RoleType = val
-      this.formInlineRoleSwitching.roleSwitchingCode = currentPersonRole || userType || val[0].value
-      this.formInlineRoleSwitching = { ...this.formInlineRoleSwitching }
-    },
-    GetgetTableList() {
-      this.$refs.CollectionTabel.getTableList()
-    },
-    // 表格所选中得行内容
-    rowValue(val) {
-      this.selectedRowKeysValue = val
-    },
-    // 表格所选中得id
-    value(val) {
-      this.selectedRowKeys = val,
-        this.selectedRowKeysArray = val.join(',')
-    },
-    listReset() {
-      this.formInline = {}
-    },
-    ConventionalExport() {
-      this.$refs.conventionalModel.addModel()
-    },
-    CustomExport() {
-      this.$refs.customelModel.addModel()
-    },
-    searchQuery() {
-      this.pageNo = 1
-      this.$refs.CollectionTabel.getTableList()
-    },
-    searchReset() {
-      this.pageNo = 1
-      this.$refs.CollectionTabel.getTableListReset()
-    },
-    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()
-    },
+    }
   }
-}
 </script>
 
 <style lang="less" scoped>
-@import '~@assets/less/common.less';
-/deep/.ant-card-body{
-  margin-top: -28px;
-}
-.doc-detail {
-  background: #fff;
-  height: 100%;
+  @import '~@assets/less/common.less';
 
-  .Virtual-detail-header {
-    width: 100%;
-    height: 68px;
-    line-height: 68px;
-    padding: 0 32px 0 32px;
-    box-sizing: border-box;
-    display: flex;
-    justify-content: space-between;
-    border-bottom: 2px #eff1f3 solid;
+  /deep/ .ant-card-body {
+    margin-top: -28px;
+  }
+
+  .doc-detail {
     background: #fff;
-    .Virtual-detail-title {
-      display: inline-block;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      overflow: hidden;
-      font-size: 20px;
-      font-weight: 400;
-      color: #040B29;
-      line-height: 68px;
-    }
+    height: 100%;
 
-    .doc-detail-right {
-      width: 800px;
+    .Virtual-detail-header {
+      width: 100%;
+      height: 68px;
       line-height: 68px;
+      padding: 0 32px 0 32px;
+      box-sizing: border-box;
       display: flex;
+      justify-content: space-between;
+      border-bottom: 2px #eff1f3 solid;
+      background: #fff;
+
+      .Virtual-detail-title {
+        display: inline-block;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+        font-size: 20px;
+        font-weight: 400;
+        color: #040B29;
+        line-height: 68px;
+      }
+
+      .doc-detail-right {
+        width: 800px;
+        line-height: 68px;
+        display: flex;
+      }
+    }
+
+    .Virtual-detail-content {
+      margin-top: 68px;
+      padding: 0 38px 0 38px;
+      box-sizing: border-box;
+      font-size: 16px;
+
+      .box-title-text-add {
+        line-height: 1.4;
+      }
+
+      .title-text-add {
+        display: inline-block;
+        font-weight: 500;
+        margin-right: 16px;
+        height: 42px;
+        line-height: 42px;
+      }
     }
   }
 
-  .Virtual-detail-content {
-    margin-top: 68px;
-    padding: 0 38px 0 38px;
-    box-sizing: border-box;
+  .header-text {
     font-size: 16px;
-
-    .box-title-text-add {
-      line-height: 1.4;
-    }
-
-    .title-text-add {
-      display: inline-block;
-      font-weight: 500;
-      margin-right: 16px;
-      height: 42px;
-      line-height: 42px;
-    }
+    font-weight: 400;
+    height: 60px;
+    color: #000F16;
+    line-height: 40px;
   }
-}
 
-.header-text {
-  font-size: 16px;
-  font-weight: 400;
-  height: 60px;
-  color: #000F16;
-  line-height: 40px;
-}
+  .box-title-text {
+    line-height: 1.4;
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
+  }
 
-.box-title-text {
-  line-height: 1.4;
-  display: flex;
-  align-items: center;
-  margin-bottom: 10px;
-}
+  .title-text {
+    width: 20%;
+    min-width: 110px;
+    color: #000F16;
+    display: inline-block;
+    font-weight: 500;
+    font-size: 14px;
+    margin-right: 16px;
+    margin-top: 3px;
+    text-align: right;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
 
-.title-text {
-  width: 20%;
-  min-width: 110px;
-  color: #000F16;
-  display: inline-block;
-  font-weight: 500;
-  font-size: 14px;
-  margin-right: 16px;
-  margin-top: 3px;
-  text-align: right;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
+  .box-input {
+    display: inline-block;
+    width: 70%;
+    height: 38px;
+    margin-top: 2px;
+  }
 
-.box-input {
-  display: inline-block;
-  width: 70%;
-  height: 38px;
-  margin-top: 2px;
-}
+  .box-button {
+    height: 38px;
+  }
 
-.box-button {
-  height: 38px;
-}
+  .text-operation {
+    margin-right: 8px;
+  }
 
-.text-operation {
-  margin-right: 8px;
-}
+  .page {
+    text-align: right;
+    margin-top: 20px;
+  }
 
-.page {
-  text-align: right;
-  margin-top: 20px;
-}
+  .operator-text-left {
+    font-size: 14px;
+    margin-right: 20px;
+    background: #eff1f3;
+    padding: 8px 8px;
+    cursor: pointer;
+    border-radius: 4px;
+  }
 
-.operator-text-left {
-  font-size: 14px;
-  margin-right: 20px;
-  background: #eff1f3;
-  padding: 8px 8px;
-  cursor: pointer;
-  border-radius: 4px;
-}
-.operator-text-title {
-  cursor: pointer;
-  margin-right: 22px;
-  font-size: 14px;
-  font-weight: 400;
-  color: #040B29;
-  margin-bottom: 22px;
-}
-.box-title-text-index {
-  line-height: 1.4;
-  display: flex;
-}
-.title-text-Comment {
-  width: 74px;
-  text-align: right;
-  display: inline-block;
-  font-weight: 500;
-  font-size: 14px;
-  margin-right: 16px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  height: 42px;
-  line-height: 36px;
-}
-.box-input .ant-select-selection {
-  height: 38px !important;
-}
-.itemitem{
-  width: 250px;
-}
-.box-input .ant-select-selection__rendered {
-  line-height: 38px;
-}
-.Required{
-  color: red;
-}
+  .operator-text-title {
+    cursor: pointer;
+    margin-right: 22px;
+    font-size: 14px;
+    font-weight: 400;
+    color: #040B29;
+    margin-bottom: 22px;
+  }
+
+  .box-title-text-index {
+    line-height: 1.4;
+    display: flex;
+  }
+
+  .title-text-Comment {
+    width: 74px;
+    text-align: right;
+    display: inline-block;
+    font-weight: 500;
+    font-size: 14px;
+    margin-right: 16px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    height: 42px;
+    line-height: 36px;
+  }
+
+  .box-input .ant-select-selection {
+    height: 38px !important;
+  }
+
+  .itemitem {
+    width: 250px;
+  }
+
+  .box-input .ant-select-selection__rendered {
+    line-height: 38px;
+  }
+
+  .Required {
+    color: red;
+  }
 </style>