提成发放

src/Form/commissionDistribution/add.vue

@@ -0,0 +1,115 @@
+<template>
+  <div>
+    <el-button size="small" type="primary"  @click="dialogVisible = true;listData()">新 建</el-button>
+    <el-drawer
+        title="新建提成发放清单"
+        :visible.sync="dialogVisible"
+        size="700px"
+        direction="rtl"
+        append-to-body
+        @close="onClose">
+      <div class="drawer__panel">
+        <el-row :gutter="20">
+          <el-form :model="form" :rules="rules" ref="formRef" label-width="120px" label-position="right" size="mini">
+            <el-col :span="24">
+              <el-form-item label="请选择收入凭证:" >
+              </el-form-item>
+             </el-col>
+            <el-col :span="24">
+                <tableNewLayout ref="tableRef" :checkbox="true" :layout="tablecols" :data="list" :opwidth="200" height="400px" :width="true" :custom="true" @selectionChange="selectionChange">
+                  <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>
+            </el-col>
+          </el-form>
+        </el-row>
+      </div>
+      <div class="fixed__btn__panel">
+        <el-button size="small" @click="onClose" class="normal-btn-width">取 消</el-button>
+        <el-button size="small" type="primary"  @click="onSubmit" class="normal-btn-width">确 定</el-button>
+      </div>
+    </el-drawer>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "add",
+  data(){
+    return {
+      dialogVisible:false,
+      tablecols:[],
+      list:[],
+      form:{
+        "sa_hrpayapplyid":0,
+        "billdate": new Date().getFullYear() + '-' + (new Date().getMonth() + 1) + '-' + new Date().getDate(),
+        "billno":"",
+        "remarks":"",
+        "hrpayapplydetail": []
+      },
+      rules:{},
+      param:{
+        "id": 20240117140304,
+        "content": {
+          "sa_hrpayapplyid":4,
+          "pageNumber": 1,
+          "pageSize": 999,
+          "where":{
+            "condition":"",
+            "begdate":"",
+            "enddate":"",
+            "status":""
+          }
+        }
+      }
+    }
+  },
+  methods:{
+    async listData(){
+      const res = await this.$api.requested(this.param)
+      this.list = res.data
+    },
+    selectionChange(row){
+      this.form.hrpayapplydetail = row.map(item=>{
+        return {
+          "sa_hrpayapplydetailid": 0,
+          "remarks": item.remarks,
+          "sa_hrcashbillid": item.sa_hrcashbillid
+        }
+      })
+    },
+    async onSubmit(){
+      const res = await this.$api.requested({
+        "id": "20240117105204",
+        "content": this.form
+      })
+      this.tool.showMessage(res,()=>{
+        this.dialogVisible = false
+        this.$emit('onSuccess')
+      })
+    },
+    onClose(){
+      this.dialogVisible = false
+      this.form = {
+        "sa_hrpayapplyid":0,
+        "billdate": new Date().getFullYear() + '-' + (new Date().getMonth() + 1) + '-' + new Date().getDate(),
+        "billno":"",
+        "remarks":"",
+        "hrpayapplydetail": []
+      }
+      this.list = []
+      this.$refs.tableRef.$refs.table.clearSelection()
+    }
+  },
+  created() {
+    this.tablecols = this.tool.tabelCol(this.$route.name).incomeSelectTable.tablecols
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/Form/commissionDistribution/edit.vue

@@ -0,0 +1,13 @@
+<template>
+
+</template>
+
+<script>
+export default {
+  name: "edit"
+}
+</script>
+
+<style scoped>
+
+</style>

src/SDrpManagement/commissionDistribution/detail/index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  name: "index"
+}
+</script>
+
+<style scoped>
+
+</style>

src/SDrpManagement/commissionDistribution/index.vue

@@ -0,0 +1,98 @@
+<template>
+  <div>
+    <basicLayout
+        ref="basicLayout"
+        formPath="commissionDistribution"
+        tableName="commissionTable"
+        idName="sa_hrpayapplyid"
+        :apiId="{query:20240117105404,del:''}"
+        :isExport="false"
+        :detail-path="{path:'/commissionDistributionDetail'}"
+    >
+      <template #custom >
+        <div class="mt-10">
+          <label  class="search__label">状态:</label>
+          <el-select class="inline-24" v-model="status" placeholder="请选择状态" @change="selectChange" size="small" clearable>
+            <el-option label="新建" value="新建"></el-option>
+            <el-option label="审核" value="审核"></el-option>
+          </el-select>
+        </div>
+        <div class="mt-10">
+          <label  class="search__label">创建时间:</label>
+          <el-date-picker
+              v-model="createDate"
+              size="small"
+              style="margin-right: 24px!important;"
+              value-format="yyyy-MM-dd"
+              format="yyyy-MM-dd"
+              type="daterange"
+              @change="selectChange"
+              range-separator="至"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期">
+          </el-date-picker>
+        </div>
+        <div class="mt-10">
+          <label  class="search__label">发放时间:</label>
+          <el-date-picker
+              v-model="checkDate"
+              size="small"
+              style="margin-right: 24px!important;"
+              value-format="yyyy-MM-dd"
+              format="yyyy-MM-dd"
+              type="daterange"
+              @change="selectChange"
+              range-separator="至"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期">
+          </el-date-picker>
+        </div>
+      </template>
+      <template v-slot:tbList="scope">
+        <div>
+          {{scope.data.column.data[[scope.data.column.columnname]] && scope.data.column.columnname !== 'operation'?scope.data.column.data[[scope.data.column.columnname]]:'--'}}
+        </div>
+      </template>
+    </basicLayout>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "index",
+  data(){
+    return {
+      status:'',
+      createDate:[],
+      checkDate:[]
+    }
+  },
+  methods:{
+    listData(){
+      this.$refs.basicLayout.listData()
+    },
+    selectChange(){
+      this.$refs.basicLayout.param.content.where.status = this.status
+      if (this.createDate){
+        this.$refs.basicLayout.param.content.where.begdate = this.createDate[0]
+        this.$refs.basicLayout.param.content.where.enddate = this.createDate[1]
+      }else {
+        this.$refs.basicLayout.param.content.where.begdate = ''
+        this.$refs.basicLayout.param.content.where.enddate = ''
+      }
+      if (this.checkDate){
+        this.$refs.basicLayout.param.content.where.chbegdate = this.checkDate[0]
+        this.$refs.basicLayout.param.content.where.chenddate = this.checkDate[1]
+      }else {
+        this.$refs.basicLayout.param.content.where.chbegdate = ''
+        this.$refs.basicLayout.param.content.where.chenddate = ''
+      }
+      this.listData()
+    }
+  },
+}
+</script>
+
+<style scoped>
+
+</style>

src/SDrpManagement/salerExpenditure/index.vue

@@ -19,6 +19,7 @@
           </el-select>
         </div>
         <div class="mt-10">
+          <label  class="search__label">审核时间:</label>
           <el-date-picker
               v-model="selectDate"
               size="small"

src/SDrpManagement/salerIncome/index.vue

@@ -19,6 +19,7 @@
           </el-select>
         </div>
         <div class="mt-10">
+          <label  class="search__label">审核时间:</label>
           <el-date-picker
               v-model="selectDate"
               size="small"

src/router/SDrpManagement.js

@@ -385,6 +385,28 @@ const SDrpManagement = [
       },
     ]
   },
+  {
+    path: '/commissionDistribution',
+    name: 'commissionDistribution',
+    meta: {
+      title: '提成发放',
+      ast_nav: true,
+      keeproute: true,
+    },
+    component: () => import(/* webpackChunkName: "about" */ '@/SDrpManagement/commissionDistribution/index'),
+    children: [
+      {
+        path: '/commissionDistributionDetail',
+        name: 'commissionDistributionDetail',
+        meta: {
+          title: '提成发放详情',
+          ast_nav: true,
+          keeproute: true,
+        },
+        component: () => import(/* webpackChunkName: "about" */ '@/SDrpManagement/commissionDistribution/detail/index'),
+      },
+    ]
+  },
 
 ]
 export default SDrpManagement