业务员账户

src/SDrpManagement/salerAccount/index.vue

@@ -30,7 +30,7 @@
         </div>
       </template>
       <template v-slot:tbOpreation="scope">
-        <detail></detail>
+        <detail :hrid="scope.data.data.hrid"></detail>
       </template>
     </basicLayout>
   </div>

src/SDrpManagement/salerAccount/modules/detail.vue

@@ -9,7 +9,7 @@
         append-to-body
         :show-close="false"
         @close="onClose">
-      <div class="flex-align-stretch drawer__panel">
+      <div class="flex-align-stretch drawer__panel" style="margin-bottom: 0 !important;padding-bottom: 10px">
         <div class="mt-10">
           <label  class="search__label">收支类型:</label>
           <el-select class="inline-24" v-model="status" placeholder="请选择类型" @change="selectChange" size="small" clearable>
@@ -33,10 +33,20 @@
           </el-date-picker>
         </div>
         <div class="mt-10">
-          <el-input  style="width:200px;" placeholder="搜索" :suffix-icon="param.content.where.condition?param.content.where.condition.length > 0?'':'':'el-icon-search'" v-model="param.content.where.condition" @keyup.native.enter="listData(param.content.pageNumber = 1)" @clear="clearSearchValue" size="small" class="input-with-select inline-16 layout_search__panel" clearable>
+          <el-input  style="width:200px;" placeholder="搜索" :suffix-icon="param.content.where.condition?param.content.where.condition.length > 0?'':'':'el-icon-search'" v-model="param.content.where.condition" @keyup.native.enter="listData(param.content.pageNumber = 1)" @clear="listData(param.content.pageNumber = 1)" size="small" class="input-with-select inline-16 layout_search__panel" clearable>
           </el-input>
         </div>
       </div>
+      <div style="padding:0 16px 20px 16px">
+        <tableNewLayout :layout="tablecols" :data="list" :opwidth="200" height="calc(100vh - 356px)" :width="true" :custom="true" >
+          <template v-slot:customcol="scope">
+            <div>
+              {{scope.column.data[[scope.column.columnname]] || scope.column.columnname === 'operation'?scope.column.data[[scope.column.columnname]]:'--'}}
+            </div>
+          </template>
+        </tableNewLayout>
+      </div>
+
     </el-drawer>
   </div>
 </template>
@@ -44,6 +54,7 @@
 <script>
 export default {
   name: "detail",
+  props:["hrid"],
   data(){
     return {
       dialogFormVisible:false,
@@ -62,13 +73,32 @@ export default {
             "type":""
           }
         }
-      }
+      },
+      tablecols:[],
+      list:[]
     }
   },
   methods:{
-    onShow(){},
+    onShow(){
+      this.listData()
+    },
+    async listData(){
+      this.param.content.hrid = this.hrid
+      const res = await this.$api.requested(this.param)
+      this.list = res.data
+    },
     selectChange(){},
-    onClose(){}
+    onClose(){
+      this.param.content.where = {
+        "condition": "",
+        "begdate": "",
+        "enddate": "",
+        "type":""
+      }
+    }
+  },
+  created() {
+    this.tablecols = this.tool.tabelCol(this.$route.name).accountDetailTable.tablecols
   }
 }
 </script>