逾期账款、逾期账款管理，入账节点展示调整，新增质保金入账节点查询

src/HDrpManagement/accountsReceivableMag/index.vue

@@ -19,12 +19,7 @@
             </div>
             <div  class="inline-16">
               <label class="search__label">{{$t(`入账节点`)}}:</label>
-              <el-select v-model="param.content.point" :placeholder="$t('请选择')" size="small" @change="listData">
-                <el-option :label="$t(`全部`)" value="全部" ></el-option>
-                <el-option :label="$t(`订单`)" value="订单" ></el-option>
-                <el-option :label="$t(`出货`)" value="出货" ></el-option>
-                <el-option :label="$t(`开票`)" value="开票" ></el-option>
-              </el-select>
+              <btnGroup class="inline-16" :data="['全部','订单','出货','开票','质保金']" :select="select" @pointSelect="pointSelect"></btnGroup>
             </div>
             <div>
               <el-row :gutter="20">
@@ -108,9 +103,10 @@
 import departmentSalesperson from "@/views/salesData/components/departmentSalesperson";
 import detailInfo from './modules/detailInfo'
 import exportFile from '@/components/export_file/index'
+import btnGroup from '@/components/btnGroup'
 export default {
   name: "index",
-  components:{departmentSalesperson,detailInfo,exportFile},
+  components:{departmentSalesperson,detailInfo,exportFile,btnGroup},
   data(){
     return {
       value:'全部',
@@ -140,11 +136,13 @@ export default {
             "condition": ""
           }
         }
-      }
+      },
+      select:'全部'
     }
   },
   methods:{
     async listData(){
+      this.param.content.point = this.select
       const res = await this.$api.requested(this.param)
       this.list = res.data
       this.allList = res.data.length > 0 ? res.data[0]:{}
@@ -237,6 +235,10 @@ export default {
       this.param.content.pageNumber = val
       this.listData()
     },
+    pointSelect(val){
+      this.select = val
+      this.listData()
+    }
   },
   mounted() {
     this.departmentrtment()

src/SDrpManagement/accountsReceivable/index.vue

@@ -19,12 +19,7 @@
             </div>
             <div  class="inline-16">
               <label class="search__label">{{$t('入账节点')}}:</label>
-              <el-select v-model="param.content.point" :placeholder="$t('请选择')" size="small" @change="listData">
-                <el-option :label="$t(`全部`)" value="全部" ></el-option>
-                <el-option :label="$t(`订单`)" value="订单" ></el-option>
-                <el-option :label="$t(`出货`)" value="出货" ></el-option>
-                <el-option :label="$t(`开票`)" value="开票" ></el-option>
-              </el-select>
+              <btnGroup class="inline-16" :data="['全部','订单','出货','开票','质保金']" :select="select" @pointSelect="pointSelect"></btnGroup>
             </div>
             <div>
               <el-row :gutter="20">
@@ -108,9 +103,10 @@
 import departmentSalesperson from "@/views/salesData/components/departmentSalesperson";
 import detailInfo from './modules/detailInfo'
 import exportFile from '@/components/export_file/index'
+import btnGroup from '@/components/btnGroup'
 export default {
   name: "index",
-  components:{departmentSalesperson,detailInfo,exportFile},
+  components:{departmentSalesperson,detailInfo,exportFile,btnGroup},
   data(){
     return {
       value:'全部',
@@ -139,11 +135,13 @@ export default {
             "condition": ""
           }
         }
-      }
+      },
+      select:'全部'
     }
   },
   methods:{
     async listData(){
+      this.param.content.point = this.select
       const res = await this.$api.requested(this.param)
       console.log(res.data,'数据')
       this.list = res.data
@@ -236,6 +234,10 @@ export default {
       this.param.content.pageNumber = val
       this.listData()
     },
+    pointSelect(val){
+      this.select = val
+      this.listData()
+    }
   },
   mounted() {
     this.departmentrtment()

src/components/btnGroup/index.vue

@@ -0,0 +1,24 @@
+<template>
+  <div>
+    <el-button-group>
+      <el-button :type="select == item?'primary':''" size="small" v-for="item in data" :key="item.index" @click="clickBtn(item)">{{item}}</el-button>
+    </el-button-group>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "index", //按钮组
+  props:['data','select'],
+  methods:{
+    clickBtn(val){
+      console.log(val,'选择')
+      this.$emit('pointSelect',val)
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/template/tableMainLayout/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="bs-table" :style="{height:height?height:'calc(100vh - 330px)'}">
-    <el-table border stripe ref="tables" :fit="tool.calculatedColumnWidth($refs.tables,layout)" :row-class-name="tableClassName" :header-cell-style="{background:'#fafafafa',height:'40px','color':'#000000'}" highlight-current-row :data="data" size="mini" @row-click="rowClick" height="100%" style="width:100%;" @selection-change="handleSelectionChange" >
+    <el-table border stripe ref="tables" v-loading="loading" :fit="tool.calculatedColumnWidth($refs.tables,layout)" :row-class-name="tableClassName" :header-cell-style="{background:'#fafafafa',height:'40px','color':'#000000'}" highlight-current-row :data="data" size="mini" @row-click="rowClick" height="100%" style="width:100%;" @selection-change="handleSelectionChange" >
       <!-- <div slot="empty">
         <el-empty :image="require('../../../assets/empty.svg')" :image-size="250">
         </el-empty>
@@ -21,6 +21,7 @@
           <slot v-if="col.columnname !== 'operation'" name="customcol" :column="{data:scope.row,columnname:col.columnname}"></slot>
 
           <slot v-if="col.columnname === 'operation'" name="opreation" :data="scope.row"></slot>
+
         </template>
       </el-table-column>
       <!-- <el-table-column  v-for="(col) in layout" :key="col.tablecolid">