|
|
@@ -1,17 +1,14 @@
|
|
|
<template>
|
|
|
<m-dialog title="分润认领" ref="dialog" append-to-body @sure="onSure">
|
|
|
+
|
|
|
<m-form :items="formItems" v-model="formValues" v-loading="loading" label-width="140px">
|
|
|
- <template #customerId>
|
|
|
- <el-tag>{{ formValues.customerId }}</el-tag>
|
|
|
- </template>
|
|
|
- <template #organizationName>
|
|
|
- <el-tag>{{ formValues.organizationName }}</el-tag>
|
|
|
- </template>
|
|
|
- <template #amount>
|
|
|
- <el-tag>{{ formValues.amount }} %</el-tag>
|
|
|
- </template>
|
|
|
- <template #nowRatio>
|
|
|
- <el-tag>{{ nowRatio }} %</el-tag>
|
|
|
+ <template #msg>
|
|
|
+ <el-descriptions :column="2" border>
|
|
|
+ <el-descriptions-item label="客户编号">{{ formValues.customerId }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="机构名称">{{ formValues.organizationName }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="总金额">{{ formValues.residualAmount }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="当前已分配">{{ count }}</el-descriptions-item>
|
|
|
+ </el-descriptions>
|
|
|
</template>
|
|
|
<template #sharing>
|
|
|
<el-form ref="form" :model="formQuery">
|
|
|
@@ -26,28 +23,46 @@
|
|
|
:prop="`items.${scope.$index}.unifiedCertificationNumber`"
|
|
|
:rules="{ required: true, message: '请选择员工', trigger: 'change' }"
|
|
|
>
|
|
|
- <el-select v-model="scope.row.unifiedCertificationNumber" filterable placeholder="请选择员工">
|
|
|
+ <el-cascader
|
|
|
+ v-model="scope.row.unifiedCertificationNumber"
|
|
|
+ placeholder="请选择员工"
|
|
|
+ filterable
|
|
|
+ :options="employeeItems"
|
|
|
+ :props="{
|
|
|
+ emitPath: false,
|
|
|
+ value: 'id',
|
|
|
+ label: 'title',
|
|
|
+ children: 'child'
|
|
|
+ }"
|
|
|
+ ></el-cascader>
|
|
|
+ <!-- <el-select v-model="scope.row.unifiedCertificationNumber" filterable placeholder="请选择员工">
|
|
|
<el-option
|
|
|
v-for="item in employeeItems"
|
|
|
:key="item.personnelCode"
|
|
|
:label="item.employeeName"
|
|
|
:value="item.personnelCode">
|
|
|
</el-option>
|
|
|
- </el-select>
|
|
|
+ </el-select> -->
|
|
|
</el-form-item>
|
|
|
</template>
|
|
|
- <template #employeeProfitSharingRatio="scope">
|
|
|
+ <template #amount="scope">
|
|
|
<el-form-item
|
|
|
- :prop="`items.${scope.$index}.employeeProfitSharingRatio`"
|
|
|
+ :prop="`items.${scope.$index}.amount`"
|
|
|
:rules="employeeProfitSharingRatioRules"
|
|
|
>
|
|
|
- <el-input v-model="scope.row.employeeProfitSharingRatio" placeholder="请输入分配比例">
|
|
|
- <template #append>
|
|
|
+ <el-input v-model="scope.row.amount" placeholder="请输入分配金额">
|
|
|
+ <!-- <template #append>
|
|
|
%
|
|
|
- </template>
|
|
|
+ </template> -->
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</template>
|
|
|
+ <template #actions="{ $index }">
|
|
|
+ <m-button v-if="formQuery.items.length > 1" type="danger" text size="small" @click="removeItem($index)">移除</m-button>
|
|
|
+ </template>
|
|
|
+ <!-- <template #employeeProfitSharingRatio="{ row }">
|
|
|
+ <el-tag>{{ row.employeeProfitSharingRatio }} %</el-tag>
|
|
|
+ </template> -->
|
|
|
<div class="d-flex justify-center pa-3">
|
|
|
<m-button size="small" type="orange" icon="el-icon-plus" @click="addItem">新增一个分润</m-button>
|
|
|
</div>
|
|
|
@@ -59,13 +74,13 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { getRosterList } from '@/api/system'
|
|
|
+import { getOrganizationAtlasAll } from '@/api/system'
|
|
|
import {
|
|
|
claimPerformanceMore
|
|
|
} from '@/api/salary'
|
|
|
const defaultItem = {
|
|
|
- unifiedCertificationNumber: null,
|
|
|
- employeeProfitSharingRatio: null
|
|
|
+ unifiedCertificationNumber: null
|
|
|
+ // employeeProfitSharingRatio: null
|
|
|
}
|
|
|
export default {
|
|
|
name: 'sharingClaimDetailsClaim',
|
|
|
@@ -79,24 +94,14 @@ export default {
|
|
|
},
|
|
|
headers: [
|
|
|
{ label: '员工姓名', prop: 'unifiedCertificationNumber' },
|
|
|
- { label: '分润比例 ( % )', prop: 'employeeProfitSharingRatio' }
|
|
|
+ { label: '分润金额', prop: 'amount' },
|
|
|
+ { label: '操作', prop: 'actions' }
|
|
|
+ // { label: '分润占比', prop: 'employeeProfitSharingRatio' }
|
|
|
],
|
|
|
formItems: [
|
|
|
{
|
|
|
- label: '客户编号',
|
|
|
- prop: 'customerId'
|
|
|
- },
|
|
|
- {
|
|
|
- label: '机构名称',
|
|
|
- prop: 'organizationName'
|
|
|
- },
|
|
|
- {
|
|
|
- label: '总金额',
|
|
|
- prop: 'amount'
|
|
|
- },
|
|
|
- {
|
|
|
- label: '当前已分配',
|
|
|
- prop: 'nowRatio'
|
|
|
+ label: '分润信息',
|
|
|
+ prop: 'msg'
|
|
|
},
|
|
|
{
|
|
|
label: '分润',
|
|
|
@@ -107,16 +112,12 @@ export default {
|
|
|
{
|
|
|
validator: (rule, value, callback) => {
|
|
|
if (!value) {
|
|
|
- return callback(new Error('请输入分润比例'))
|
|
|
+ return callback(new Error('请输入分润金额'))
|
|
|
}
|
|
|
if (isNaN(value) || isNaN(parseFloat(value))) {
|
|
|
callback(new Error('请输入数字值'))
|
|
|
} else {
|
|
|
- if (value > 100 || value < 0) {
|
|
|
- callback(new Error('请输入0-100的数字值'))
|
|
|
- } else {
|
|
|
- callback()
|
|
|
- }
|
|
|
+ callback()
|
|
|
}
|
|
|
},
|
|
|
trigger: ['blur', 'change']
|
|
|
@@ -125,38 +126,30 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
- nowRatio () {
|
|
|
+ count () {
|
|
|
return this.formQuery.items.reduce((sum, e) => {
|
|
|
- return sum + +(e.employeeProfitSharingRatio || 0)
|
|
|
+ return sum + +(e.amount || 0)
|
|
|
}, 0)
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
open (item) {
|
|
|
- console.log(item)
|
|
|
this.formValues = {
|
|
|
organizationName: item.organizationName,
|
|
|
customerId: item.customerId,
|
|
|
serialNumber: item.serialNumber,
|
|
|
- amount: item.amount
|
|
|
+ residualAmount: item.residualAmount
|
|
|
}
|
|
|
this.formQuery.items = [{ ...defaultItem }]
|
|
|
this.$refs.dialog.open()
|
|
|
- this.getEmployeeItems(item.organizationNo)
|
|
|
+ this.getEmployeeItems()
|
|
|
+ // this.getEmployeeItems(item.organizationNo)
|
|
|
},
|
|
|
- async getEmployeeItems (organizationNo) {
|
|
|
- if (!organizationNo) {
|
|
|
- this.employeeItems = []
|
|
|
- return
|
|
|
- }
|
|
|
+ async getEmployeeItems () {
|
|
|
this.loading = true
|
|
|
try {
|
|
|
- const params = {
|
|
|
- organizationNo,
|
|
|
- page: { current: 1, size: 9999 }
|
|
|
- }
|
|
|
- const { data } = await getRosterList(params)
|
|
|
- this.employeeItems = data.records
|
|
|
+ const { data } = await getOrganizationAtlasAll({ type: 0 })
|
|
|
+ this.employeeItems = [data]
|
|
|
} catch (error) {
|
|
|
this.employeeItems = []
|
|
|
this.$message.error(error)
|
|
|
@@ -164,6 +157,29 @@ export default {
|
|
|
this.loading = false
|
|
|
}
|
|
|
},
|
|
|
+ removeItem (index) {
|
|
|
+ this.formQuery.items.splice(index, 1)
|
|
|
+ },
|
|
|
+ // async getEmployeeItems (organizationNo) {
|
|
|
+ // if (!organizationNo) {
|
|
|
+ // this.employeeItems = []
|
|
|
+ // return
|
|
|
+ // }
|
|
|
+ // this.loading = true
|
|
|
+ // try {
|
|
|
+ // const params = {
|
|
|
+ // organizationNo,
|
|
|
+ // page: { current: 1, size: 9999 }
|
|
|
+ // }
|
|
|
+ // const { data } = await getRosterList(params)
|
|
|
+ // this.employeeItems = data.records
|
|
|
+ // } catch (error) {
|
|
|
+ // this.employeeItems = []
|
|
|
+ // this.$message.error(error)
|
|
|
+ // } finally {
|
|
|
+ // this.loading = false
|
|
|
+ // }
|
|
|
+ // },
|
|
|
addItem () {
|
|
|
this.formQuery.items.push({ ...defaultItem })
|
|
|
},
|
|
|
@@ -173,8 +189,8 @@ export default {
|
|
|
this.$message.error('请填写完整')
|
|
|
return
|
|
|
}
|
|
|
- if (this.nowRatio > this.formValues.maxRatio) {
|
|
|
- this.$message.error('分润比例不能超过可分配比例')
|
|
|
+ if (this.count > this.formValues.residualAmount) {
|
|
|
+ this.$message.error('分润金额不能超过可分配金额')
|
|
|
return
|
|
|
}
|
|
|
try {
|
|
|
@@ -183,7 +199,7 @@ export default {
|
|
|
items: this.formQuery.items.map(e => {
|
|
|
return {
|
|
|
serialNumber: this.formValues.serialNumber,
|
|
|
- employeeProfitSharingRatio: e.employeeProfitSharingRatio / 100,
|
|
|
+ amount: e.amount,
|
|
|
unifiedCertificationNumber: e.unifiedCertificationNumber
|
|
|
}
|
|
|
})
|
zhengnaiwen_citu