暂存业务员管理

src/Form/salerAccountMag/add.vue

@@ -44,7 +44,7 @@ export default {
         sa_accountclassid:0,
         hraccountno: "",
         hraccountname: "",
-        isused:1
+        isused:'1'
       },
       rules:{
         hraccountno:[

src/Form/salerAccountMag/edit.vue

@@ -0,0 +1,89 @@
+<template>
+  <div>
+    <el-button  size="mini" :type="btnType?btnType:'text'" @click="onShow">编 辑</el-button>
+    <el-dialog title="编 辑" :visible.sync="dialogFormVisible" width="500px" append-to-body>
+      <div slot="title" style="font-size: 15px">
+        修改账户类型
+      </div>
+      <el-row :gutter="20">
+        <el-form :model="form" :rules="rules" ref="form" label-width="90px" label-position="right" size="mini">
+          <el-col :span="24">
+            <el-form-item label="账户编号" prop="hraccountno">
+              <el-input v-show="form.isused !== 1" v-model="form.hraccountno" placeholder="账户编号"></el-input>
+              <span v-show="form.isused === 1">{{form.hraccountno}}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="账户名称" prop="hraccountname">
+              <el-input v-show="form.isused !== 1" v-model="form.hraccountname" placeholder="账户名称"></el-input>
+              <span v-show="form.isused === 1">{{form.hraccountname}}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item  >
+              <el-checkbox :true-label="1" :false-label="0" v-model="form.isused" checked="checked">是否启用</el-checkbox>
+            </el-form-item>
+          </el-col>
+        </el-form>
+      </el-row>
+      <div class="dialog-footer">
+        <el-button size="small" @click="dialogFormVisible = false" class="normal-btn-width">取 消</el-button>
+        <el-button size="small" type="warning" @click="onSubmit" class="normal-btn-width btn-warning">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "edit",
+  props:['data','btnType'],
+  data(){
+    return {
+      dialogFormVisible:false,
+      form:{
+        sa_accountclassid:'',
+        hraccountno: "",
+        hraccountname: "",
+        isused:''
+
+      },
+      rules:{
+        hraccountno:[
+          { required: true, message: '输入账户编号', trigger: 'blur'},
+        ],
+        hraccountname:[
+          { required: true, message: '输入账户名称', trigger: 'blur'}
+        ]
+      }
+    }
+  },
+  methods:{
+    onShow(){
+      console.log(this.data,'业务员')
+      this.form = Object.assign({},this.form,this.data)
+      this.dialogFormVisible = true
+
+      console.log(this.form)
+    },
+    onSubmit(){
+      console.log(this.form)
+      this.$refs['form'].validate(async (valid) => {
+        if (!valid) return false
+        const res = await this.$api.requested({
+          "id": "20240111085004",
+          "content": this.form
+        })
+        this.tool.showMessage(res,()=>{
+          this.$emit('onSuccess')
+          this.dialogFormVisible = false
+        })
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/HDrpManagement/salerAccountMag/index.vue

@@ -15,13 +15,18 @@
           {{scope.data.column.data[[scope.data.column.columnname]] && scope.data.column.columnname !== 'operation'?scope.data.column.data[[scope.data.column.columnname]]:'--'}}
         </div>
       </template>
+      <template v-slot:tbOpreation="scope">
+        <edit v-if="tool.checkAuth($route.name,'update')" :data="scope.data.data" @onSuccess="$refs.basicLayout.listData()"></edit>
+      </template>
     </basicLayout>
   </div>
 </template>
 
 <script>
+import edit from '@/Form/salerAccountMag/edit.vue'
 export default {
-  name: "index"
+  name: "index",
+  components:{edit}
 }
 </script>
 

src/SDrpManagement/salerAccount/index.vue

@@ -0,0 +1,60 @@
+<template>
+  <div>
+    <basicLayout
+        ref="basicLayout"
+        tableName="accountTable"
+        idName="sa_hraccountclassid"
+        :apiId="{query:20240111085404,del:''}"
+    >
+      <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="0"></el-option>
+            <el-option label="离职" value="1"></el-option>
+          </el-select>
+        </div>
+      </template>
+      <template v-slot:tbList="scope">
+        <div v-if="scope.data.column.columnname === 'status'">
+          {{scope.data.column.data[[scope.data.column.columnname]] == '0'?'在职':'离职'}}
+        </div>
+        <div v-else-if="scope.data.column.columnname === 'balance'">
+          {{tool.formatAmount(scope.data.column.data[[scope.data.column.columnname]],2)}}
+        </div>
+        <div v-else-if="scope.data.column.columnname === 'expectedReward'">
+          {{tool.formatAmount(scope.data.column.data[[scope.data.column.columnname]],2)}}
+        </div>
+        <div v-else>
+          {{scope.data.column.data[[scope.data.column.columnname]] && scope.data.column.columnname !== 'operation'?scope.data.column.data[[scope.data.column.columnname]]:'--'}}
+        </div>
+      </template>
+      <template v-slot:tbOpreation="scope">
+        <detail></detail>
+      </template>
+    </basicLayout>
+  </div>
+</template>
+
+<script>
+import detail from './modules/detail.vue'
+export default {
+  name: "index",
+  components:{detail},
+  data(){
+    return {
+      status:''
+    }
+  },
+  methods:{
+    selectChange(){
+      this.$refs.basicLayout.param.content.where.hrstatus = this.status
+      this.$refs.basicLayout.listData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/SDrpManagement/salerAccount/modules/detail.vue

@@ -0,0 +1,78 @@
+<template>
+  <div>
+    <el-button size="small" type="text" @click="onShow(dialogFormVisible = true)">明 细</el-button>
+    <el-drawer
+        title="账户流水明细"
+        :visible.sync="dialogFormVisible"
+        size="90%"
+        direction="rtl"
+        append-to-body
+        :show-close="false"
+        @close="onClose">
+      <div class="flex-align-stretch drawer__panel">
+        <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="1"></el-option>
+            <el-option label="支出" value="0"></el-option>
+          </el-select>
+        </div>
+        <div class="mt-10">
+          <label class="search__label" >审核时间:</label>
+          <el-date-picker
+              style="margin-right: 24px !important;"
+              size="small"
+              @change="selectChange"
+              value-format="yyyy-MM-dd"
+              v-model="dateSelect"
+              type="daterange"
+              range-separator="至"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              clearable>
+          </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>
+        </div>
+      </div>
+    </el-drawer>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "detail",
+  data(){
+    return {
+      dialogFormVisible:false,
+      status:'',
+      dateSelect:'',
+      param:{
+        "id": 20240111090304,
+        "content": {
+          "pageSize": 20,
+          "pageNumner": 1,
+          "hrid": "",
+          "where": {
+            "condition": "",
+            "begdate": "",
+            "enddate": "",
+            "type":""
+          }
+        }
+      }
+    }
+  },
+  methods:{
+    onShow(){},
+    selectChange(){},
+    onClose(){}
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/router/SDrpManagement.js

@@ -331,5 +331,16 @@ const SDrpManagement = [
       },
     ]
   },
+  {
+    path: '/salerAccount',
+    name: 'salerAccount',
+    meta: {
+      title: '业务员账户',
+      ast_nav: true,
+      keeproute: true,
+    },
+    component: () => import(/* webpackChunkName: "about" */ '@/SDrpManagement/salerAccount/index'),
+  },
+
 ]
 export default SDrpManagement