表头设置

src/api/Header/header.js

+import { post, postform, postdown } from '@/utils/http.js'
+import base from '@/api/base'
+
+// 案件管理新增表头
+export const addBtsz = params => post(`${base.alyIP}/btsz/addBtsz`, params)
+export const selectBtsz = params => post(`${base.alyIP}/btsz/selectBtsz`, params)
\ No newline at end of file

src/views/xsSearch/queryPages/queryCommonPage.vue

@@ -213,6 +213,7 @@
         :querytldSh="querytldSh"
         :querywhSh="querywhSh"
         :propDisabled="isDisabled"
+        @handleCheckedChanges="selectBtszList"
         style="width:80%"
       >
       </QueryRightCommon>
@@ -223,6 +224,8 @@
 <script>
 import './styles/font-awesome.min.css'
 import { queryCodeByType } from '@/api/xsInput/xsInput.js'
+import { addBtsz, selectBtsz } from '@/api/Header/header.js'
+
 import {
   getAjtjList,
   getJlajList,
@@ -281,6 +284,8 @@ export default {
   },
   data () {
     return {
+      currentNames:'',
+      lbType:'',
       currentItem: '0',
       currentId: this.LeftMenu[0],
       xsTjfx: false,
@@ -430,6 +435,7 @@ export default {
         this.selectQueryPath = this.CommonConfig['queryRouterPath'][index] //接口参数配置
         console.log(this.selectQueryPath)
         this.$forceUpdate()
+        this.selectBtszList()
       }
     },
 
@@ -586,6 +592,85 @@ export default {
       //默认表头数据
       this.selectQueryPath = this.CommonConfig['queryRouterPath'][index] //接口参数配置
       this.$forceUpdate()
+      this.selectBtszList()
+    },
+
+    selectBtszList () {
+      this.indesxx = window.sessionStorage.getItem('navIndex')
+      console.log(this.indesxx)
+      if (this.indesxx == '00') {
+        this.lbType = '0101'
+        this.currentNames = '02'
+      } else if (this.indesxx == '01') {
+        this.lbType = '0102'
+        this.currentNames = '02'
+      } else if (this.indesxx == '02') {
+        this.currentNames = '02'
+        this.lbType = '0103'
+      } else if (this.indesxx == '03') {
+        this.currentNames = '02'
+        this.lbType = '0201'
+      } else if (this.indesxx == '04') {
+        this.currentNames = '02'
+        this.lbType = '0202'
+      } else if (this.indesxx == '05') {
+        this.currentNames = '02'
+        this.lbType = '0203'
+      } else if (this.indesxx == '06') {
+        this.currentNames = '02'
+        this.lbType = '0301'
+      } else if (this.indesxx == '07') {
+        this.currentNames = '02'
+        this.lbType = '0302'
+      } else if (this.indesxx == '08') {
+        this.currentNames = '02'
+        this.lbType = '0303'
+      } else if (this.indesxx == '09') {
+        this.currentNames = '02'
+        this.lbType = '0401'
+      } else if (this.indesxx == '10') {
+        this.currentNames = '02'
+        this.lbType = '0402'
+      } else if (this.indesxx == '11') {
+        this.currentNames = '02'
+        this.lbType = '0403'
+      } else if (this.indesxx == '14') {
+        this.currentNames = '02'
+        this.lbType = '0501'
+      } else if (this.indesxx == '13') {
+        this.currentNames = '02'
+        this.lbType = '0601'
+      } else if (this.indesxx == '16') {
+        this.currentNames = '02'
+        this.lbType = '0701'
+      }else if (this.indesxx == '1') {
+        this.currentNames = '01'
+        this.lbType = '0801'
+      }else if (this.indesxx == '2') {
+        this.currentNames = '01'
+        this.lbType = '0802'
+      } else if (this.indesxx == '3') {
+        this.currentNames = '01'
+        this.lbType = '0803'
+      }else if (this.indesxx == '4') {
+        this.currentNames = '01'
+        this.lbType = '0804'
+      }else if (this.indesxx == '5') {
+        this.currentNames = '01'
+        this.lbType = '0805'
+      }
+      console.log(this.indesxx, '下标')
+      selectBtsz({
+        mkType: this.currentNames,
+        lbType: this.lbType
+      })
+        .then(res => {
+          debugger
+          this.selectedPropdefaultCheckedThead = res.data.rows.btJtxxList
+          this.selectedPropdefaultFormThead = res.data.rows.btJtxxList
+          // val = res.data.rows.btJtxxList
+        })
+        .catch(err => {})
     },
     //跳转至编辑页面
     turnToEdit (primarykey) {

src/views/xsSearch/queryPages/queryrightcommon.vue

 <template>
   <div v-loading="loading" style="flex:1" id="rightContainer">
     <!-- 案件统计 -->
-    <div style="    margin-top: 15px;
+    <div
+      style="    margin-top: 15px;
     margin-left: 19px;
     color: black;
     font-size: 16px;
-    font-weight: bold;">{{ names }}</div>
+    font-weight: bold;"
+    >
+      {{ names }}
+    </div>
     <div class="ajtj" v-if="ajList.length > 0">
       <el-tabs
         v-model="tabactiveName"
@@ -444,8 +448,16 @@
         <el-row>
           <el-col :span="24">
             <!-- <span class="flTtitle">查询条件</span> -->
-           <p class="tb" style="width:6px;height:21px;float:left;background-color:#0083fd;margin:16px 10px 0 0;"></p><p class="cxtj" style='font-size:18px;color: black;font-weight:800;margin-top:10px;float: left;'>查询条件</p>
-
+            <p
+              class="tb"
+              style="width:6px;height:21px;float:left;background-color:#0083fd;margin:16px 10px 0 0;"
+            ></p>
+            <p
+              class="cxtj"
+              style="font-size:18px;color: black;font-weight:800;margin-top:10px;float: left;"
+            >
+              查询条件
+            </p>
           </el-col>
         </el-row>
         <div class="zdyLine">
@@ -775,8 +787,16 @@
         <el-row>
           <el-col :span="24">
             <!-- <span class="flTtitle">查询结果</span> -->
-           <p class="tb" style="width:6px;height:21px;float:left;background-color:#0083fd;margin:16px 10px 0 0;"></p><p class="cxtj" style='font-size:18px;color: black;font-weight:800;margin-top:11px;float: left;'>查询结果</p>
-
+            <p
+              class="tb"
+              style="width:6px;height:21px;float:left;background-color:#0083fd;margin:16px 10px 0 0;"
+            ></p>
+            <p
+              class="cxtj"
+              style="font-size:18px;color: black;font-weight:800;margin-top:11px;float: left;"
+            >
+              查询结果
+            </p>
           </el-col>
         </el-row>
         <!--可配置化图标-->
@@ -945,7 +965,8 @@
                   v-if="scope.row.xszbh && selectQueryPath != 'xshb/getXszList'"
                   style="color:#fe9200;margin-right:3px"
                 ></i
-                ><span v-if="scope.row['hblxdmStr']"
+                ><span
+                  v-if="scope.row['hblxdmStr']"
                   style="font-size:12px;color:#F56C6C;border: 1px solid #F56C6C;padding:0 4px;border-radius: 3px;margin-right:5px"
                 >
                   {{ scope.row['hblxdmStr'] }}</span
@@ -1898,8 +1919,9 @@
             :width="widthList[index]"
           >
             <template slot-scope="scope">
-              <span   style="margin-left: 10px;cursor: pointer;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"
-                  :title="scope.row[currentTableTitle[1][index]]"
+              <span
+                style="margin-left: 10px;cursor: pointer;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"
+                :title="scope.row[currentTableTitle[1][index]]"
                 :class="index == 0 ? hoverBlue : ''"
                 @click="index == 0 ? goDetail(scope.row) : ''"
                 >{{ scope.row[currentTableTitle[1][index]] }}</span
@@ -2171,6 +2193,7 @@ import { queryCodeByType, clueMessageQuery } from '@/api/xsInput/xsInput.js'
 import { mapGetters } from 'vuex'
 import { updateSpzt, updateTqsp } from '@/api/xsInput/xsQuery.js'
 import { getXszList, getXszZixs, deleteXsz } from '@/api/xsInput/xsGroup.js'
+import { addBtsz, selectBtsz } from '@/api/Header/header.js'
 import { get, post, postform } from '@/utils/http.js'
 import {
   getAjtjList,
@@ -2284,6 +2307,8 @@ export default {
   },
   data () {
     return {
+      currentName:'',
+      currentNames:'',
       names: '',
       zxsdjdw: '',
       xszbhs: '',
@@ -2473,6 +2498,9 @@ export default {
         '#c03b4a',
         '#C0C0C0'
       ],
+      add: [],
+      indesxx: '',
+      lbType: '',
       coLista: ['#57ACFF', '#FFD858'],
       loading: true,
       hbxs: false,
@@ -4923,11 +4951,74 @@ export default {
 
     //查询
     doQuery () {
+   this.indesxx = window.sessionStorage.getItem('navIndex')
+      console.log(this.indesxx)
+      if (this.indesxx == '00') {
+        this.lbType = '0101'
+        this.currentNames = '02'
+      } else if (this.indesxx == '01') {
+        this.lbType = '0102'
+        this.currentNames = '02'
+      } else if (this.indesxx == '02') {
+        this.currentNames = '02'
+        this.lbType = '0103'
+      } else if (this.indesxx == '03') {
+        this.currentNames = '02'
+        this.lbType = '0201'
+      } else if (this.indesxx == '04') {
+        this.currentNames = '02'
+        this.lbType = '0202'
+      } else if (this.indesxx == '05') {
+        this.currentNames = '02'
+        this.lbType = '0203'
+      } else if (this.indesxx == '06') {
+        this.currentNames = '02'
+        this.lbType = '0301'
+      } else if (this.indesxx == '07') {
+        this.currentNames = '02'
+        this.lbType = '0302'
+      } else if (this.indesxx == '08') {
+        this.currentNames = '02'
+        this.lbType = '0303'
+      } else if (this.indesxx == '09') {
+        this.currentNames = '02'
+        this.lbType = '0401'
+      } else if (this.indesxx == '10') {
+        this.currentNames = '02'
+        this.lbType = '0402'
+      } else if (this.indesxx == '11') {
+        this.currentNames = '02'
+        this.lbType = '0403'
+      } else if (this.indesxx == '14') {
+        this.currentNames = '02'
+        this.lbType = '0501'
+      } else if (this.indesxx == '13') {
+        this.currentNames = '02'
+        this.lbType = '0601'
+      } else if (this.indesxx == '16') {
+        this.currentNames = '02'
+        this.lbType = '0701'
+      } else if (this.indesxx == '1') {
+        this.currentNames = '01'
+        this.lbType = '0801'
+      }else if (this.indesxx == '2') {
+        this.currentNames = '01'
+        this.lbType = '0802'
+      } else if (this.indesxx == '3') {
+        this.currentNames = '01'
+        this.lbType = '0803'
+      }else if (this.indesxx == '4') {
+        this.currentNames = '01'
+        this.lbType = '0804'
+      }else if (this.indesxx == '5') {
+        this.currentNames = '01'
+        this.lbType = '0805'
+      }
+      console.log(this.indesxx, '下标')
       debugger
       var self = this
       // self.toggleZd = false;
-    this.names = window.sessionStorage.getItem('currentName')
-
+      this.names = window.sessionStorage.getItem('currentName')
       self.selectedPropQueryField.forEach((val, index, arr) => {
         if (val.hasOwnProperty('hidden')) {
           // this.$set(val, "hidden", !this.toggleZd); /*修改对象得值并触发视图*/
@@ -5278,12 +5369,7 @@ export default {
         newObj = []
       _this.centerDialogVisible = false
       //遍历表头里的所有数据
-      _this.selectedPropAllformThead_.forEach(val => {
-        if (_this.selectedPropdefaultCheckedThead_.includes(val.label)) {
-          _this.$set(newObj, newObj.length, val)
-          //includes() 方法用来判断一个数组是否包含一个指定的值，如果是返回 true，否则false。
-        }
-      })
+      debugger
       _this.selectedPropdefaultFormThead_ = []
       _this.$set(_this.selectedPropdefaultFormThead_, 0, newObj) //将所有默认传过来的表格清空，匹配到的赋值
       _this.selectedPropdefaultFormThead_ = _this.selectedPropAllformThead_.filter(
@@ -5292,6 +5378,27 @@ export default {
         //indexOf() 方法可返回数组中某个指定的元素位置。
       )
       _this.key = _this.key + 1 // 为了保证table 每次都会重渲 In order to ensure the table will be re-rendered each time
+      debugger
+      this.selectedPropdefaultFormThead_.forEach(item => {
+        this.add.push(item.label)
+      })
+      addBtsz({
+       mkType:  this.currentNames,
+        lbType: this.lbType,
+        btJtxx: this.add.join(',')
+      })
+        .then(res => {
+            _this.selectedPropAllformThead_.forEach(val => {
+        if (_this.selectedPropdefaultCheckedThead_.includes(val.label)) {
+          _this.$set(newObj, newObj.length, val)
+          //includes() 方法用来判断一个数组是否包含一个指定的值，如果是返回 true，否则false。
+            }
+          })
+          this.add = []
+        })
+        .catch(err => {})
+      console.log('抛出','handleCheckedChanges');
+      this.$emit('handleCheckedChanges')
     },
     //调取字典里的接口
     handelselectedPropQueryField () {