From b609f77709c4646daf155341475ae14fc0c7943d Mon Sep 17 00:00:00 2001 From: 祖安之光 <11848914+light-of-zuan@user.noreply.gitee.com> Date: 星期五, 27 六月 2025 13:25:30 +0800 Subject: [PATCH] 修改 --- src/views/safetyReview/expertManage/postEvaluation/components/evaluate.vue | 350 ++++++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 265 insertions(+), 85 deletions(-) diff --git a/src/views/safetyReview/expertManage/postEvaluation/components/evaluate.vue b/src/views/safetyReview/expertManage/postEvaluation/components/evaluate.vue index 5bb36a7..0ab1e04 100644 --- a/src/views/safetyReview/expertManage/postEvaluation/components/evaluate.vue +++ b/src/views/safetyReview/expertManage/postEvaluation/components/evaluate.vue @@ -31,12 +31,12 @@ </el-form-item> </el-col> </el-row> -<!-- <el-form-item label="考评记录时间:">--> -<!-- <el-input v-model.trim="state.info.evaluateTime" readonly></el-input>--> -<!-- </el-form-item>--> -<!-- <el-form-item label="总计:">--> -<!-- <el-input v-model.trim="state.info.score" readonly></el-input>--> -<!-- </el-form-item>--> + <!-- <el-form-item label="考评记录时间:">--> + <!-- <el-input v-model.trim="state.info.evaluateTime" readonly></el-input>--> + <!-- </el-form-item>--> + <!-- <el-form-item label="总计:">--> + <!-- <el-input v-model.trim="state.info.score" readonly></el-input>--> + <!-- </el-form-item>--> </el-form> <el-form :model="state.form" ref="evaluateRef" :rules="state.formRules" label-width="140px"> <el-divider> @@ -68,7 +68,8 @@ </el-radio-group> </el-form-item> <el-form-item label="其他意见建议"> - <el-input v-model="state.form.others" type="textarea" :autosize="{ minRows: 2}" :readonly="state.disable"></el-input> + <el-input v-model="state.form.others" type="textarea" :autosize="{ minRows: 2}" + :readonly="state.disable"></el-input> </el-form-item> <el-form-item label="使用单位综合评价情况" label-width="180px" prop="comprehensiveEvaluation"> <el-radio-group v-model="state.form.comprehensiveEvaluation" style="width: 100%" :disabled="state.disable"> @@ -81,11 +82,15 @@ </el-divider> <div style="width: 100%;display: flex;align-items: center;justify-content: space-between;margin: 25px 0 15px"> <div> - <el-button type="primary" size="default" @click="openSelectList('1')" v-preReClick :disabled="state.disable">添加加分项</el-button> - <el-button type="default" size="default" @click="addSelect('1')" v-preReClick :disabled="state.disable">自定义加分项</el-button> + <el-button type="primary" size="default" @click="openSelectList('1')" v-preReClick + :disabled="state.disable">添加加分项 + </el-button> + <el-button type="default" size="default" @click="addSelect('1')" v-preReClick :disabled="state.disable"> + 自定义加分项 + </el-button> </div> <div style="font-size: 14px"> - 加分总计:<span style="font-weight: bolder;color: #10B981">{{addTotal}}</span> 分 + 加分总计:<span style="font-weight: bolder;color: #10B981">{{ addTotal }}</span> 分 </div> </div> <el-table :data="state.addData" border style="width: 100%"> @@ -95,32 +100,41 @@ <el-input v-model.trim="scope.row.score" type="number" :readonly="state.disable"></el-input> </template> </el-table-column> - <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > + <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <template #default="scope"> - <!-- <el-button link type="primary" @click="openDialog('edit',scope.row)">编辑</el-button>--> - <el-button link type="danger" @click="deleteSelect(scope.row,scope.$index,1)" :disabled="state.disable">删除</el-button> + <!-- <el-button link type="primary" @click="openDialog('edit',scope.row)">编辑</el-button>--> + <el-button link type="danger" @click="deleteSelect(scope.row,scope.$index,1)" :disabled="state.disable"> + 删除 + </el-button> </template> </el-table-column> </el-table> <div style="width: 100%;display: flex;align-items: center;justify-content: space-between;margin: 25px 0 15px"> <div> - <el-button type="primary" size="default" @click="openSelectList('2')" v-preReClick :disabled="state.disable">添加扣分项</el-button> - <el-button type="default" size="default" @click="addSelect('2')" v-preReClick :disabled="state.disable">自定义扣分项</el-button> + <el-button type="primary" size="default" @click="openSelectList('2')" v-preReClick + :disabled="state.disable">添加扣分项 + </el-button> + <el-button type="default" size="default" @click="addSelect('2')" v-preReClick :disabled="state.disable"> + 自定义扣分项 + </el-button> </div> <div style="font-size: 14px"> - 扣分总计:<span style="font-weight: bolder;color: #EF4444">{{deductTotal}}</span> 分 + 扣分总计:<span style="font-weight: bolder;color: #EF4444">{{ deductTotal }}</span> 分 </div> </div> <el-table :data="state.deductData" border style="width: 100%"> <el-table-column prop="content" label="扣分项"/> <el-table-column prop="score" label="分值"> <template #default="scope"> - <el-input v-model.trim="scope.row.score" type="number" :readonly="state.disable"></el-input> + <el-input v-model.trim="scope.row.score" type="number" :readonly="state.disable" + placeholder="此处须填写负数"></el-input> </template> </el-table-column> - <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > + <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <template #default="scope"> - <el-button link type="danger" @click="deleteSelect(scope.row,scope.$index,2)" :disabled="state.disable">删除</el-button> + <el-button link type="danger" @click="deleteSelect(scope.row,scope.$index,2)" :disabled="state.disable"> + 删除 + </el-button> </template> </el-table-column> </el-table> @@ -128,40 +142,105 @@ <div style="margin: 25px 0;font-size: 14px"> <el-form-item label="本项目考评总计" prop="score"> - <el-input v-model.trim="state.form.score" type="number" :readonly="state.disable"><template #append>分</template></el-input> + <el-input v-model.trim="totalScore" type="number" readonly=true> + <template #append>分</template> + </el-input> </el-form-item> </div> <el-row> <el-col :span="12"> <el-form-item label="发现重大隐患" prop="majorDangers"> - <el-input v-model.trim="state.form.majorDangers" type="number" :readonly="state.disable" placeholder="请输入正整数,没有则填0"><template #append>条</template></el-input> + <el-input v-model.trim="state.form.majorDangers" type="number" :readonly="state.disable" + placeholder="请输入正整数,没有则填0"> + <template #append>条</template> + </el-input> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="一般隐患" prop="generalHazards"> - <el-input v-model.trim="state.form.generalHazards" type="number" :readonly="state.disable" placeholder="请输入正整数,没有则填0"><template #append>条</template></el-input> + <el-input v-model.trim="state.form.generalHazards" type="number" :readonly="state.disable" + placeholder="请输入正整数,没有则填0"> + <template #append>条</template> + </el-input> </el-form-item> </el-col> </el-row> <el-form-item label="内容描述"> - <el-input v-model="state.form.content" type="textarea" :autosize="{ minRows: 2}" :readonly="state.disable"></el-input> + <el-input v-model="state.form.content" type="textarea" :autosize="{ minRows: 2}" + :readonly="state.disable"></el-input> </el-form-item> <el-divider></el-divider> - <el-form-item label="计费标准" prop="freightBasis"> - <el-input v-model.trim="state.form.freightBasis" :readonly="state.disable"></el-input> - </el-form-item> <el-row> <el-col :span="12"> - <el-form-item label="计费时长" prop="billingDuration"> - <el-input v-model.trim="state.form.billingDuration" type="number" :readonly="state.disable"><template #append>小时</template></el-input> + <el-form-item label="计费标准" prop="freightBasis"> + <el-input v-model.number.trim="state.form.freightBasis" :readonly="state.disable" @input="getExpertFee"> + <template #append>元(天/课时)</template> + </el-input> </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="税后金额" prop="afterTaxAmount"> - <el-input v-model.trim="state.form.afterTaxAmount" type="number" :readonly="state.disable"><template #append>元</template></el-input> + <el-form-item label="标准说明" prop="billingInstructions"> + <el-input v-model.trim="state.form.billingInstructions" type="textarea" :autosize="{ minRows: 2}" + :readonly="state.disable" placeholder="如填写:第1-3天800元/天"></el-input> </el-form-item> </el-col> </el-row> + <el-row> + <el-col :span="12"> + <el-form-item label="计费时长" prop="billingDuration"> + <el-input v-model.number.trim="state.form.billingDuration" type="number" :readonly="state.disable" + @input="getExpertFee"> + <template #append>天/课时</template> + </el-input> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="税前金额(专家费)" prop="taxExpertFee"> + <el-input v-model="state.form.taxExpertFee" type="number" :readonly="state.disable" @input="getExpertTax"> + <template #append>元</template> + </el-input> + </el-form-item> + </el-col> + </el-row> + <el-row> + <!-- <el-col :span="8">--> + <!-- <el-form-item label="应纳税所得额">--> + <!-- <el-input v-model.trim="taxIncome" type="number" readonly><template #append>元</template></el-input>--> + <!-- </el-form-item>--> + <!-- </el-col>--> + <el-col :span="12"> + <el-form-item label="应缴税费"> + <el-input v-model.trim="state.form.incomeTaxPayable" type="number" :readonly="state.disable"> + <template #append>元</template> + </el-input> + <div style="font-size: 12px;color: red">系统自动计算金额仅供参考,请注意核对。</div> + </el-form-item> + </el-col> +<!-- <el-col :span="12">--> +<!-- <el-form-item label="税后金额">--> +<!-- <el-input v-model="state.form.afterTaxAmount" type="number" :readonly="state.disable">--> +<!-- <template #append>元</template>--> +<!-- </el-input>--> +<!-- </el-form-item>--> +<!-- </el-col>--> + </el-row> + <el-row> + <el-col :span="12"> + <el-form-item label="交通费" prop="travelExpenses"> + <el-input v-model="state.form.travelExpenses" type="travelExpenses" :readonly="state.disable" @input="state.form.travelExpenses= state.form.travelExpenses.replace(/[^0-9.\/\-]/g,'')"> + <template #append>元</template> + </el-input> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="住宿费" prop="accommodationFee"> + <el-input v-model="state.form.accommodationFee" type="accommodationFee" :readonly="state.disable" @input="state.form.accommodationFee= state.form.accommodationFee.replace(/[^0-9.\/\-]/g,'')"> + <template #append>元</template> + </el-input> + </el-form-item> + </el-col> + </el-row> + <el-row> <el-col :span="12"> <el-form-item label="开户行" prop="openBank"> @@ -177,18 +256,20 @@ </el-form> <template #footer> <span class="dialog-footer"> - <el-button type="primary" v-if="!state.disable" @click="confirmScore" size="default" v-preReClick>完成评分</el-button> - <el-button type="primary" v-if="state.disable" @click="handleClose" size="default" v-preReClick>确定</el-button> + <el-button type="primary" v-if="!state.disable" @click="confirmScore" size="default" + v-preReClick>完成评分</el-button> + <el-button type="primary" v-if="state.disable" @click="handleClose" size="default" + v-preReClick>确定</el-button> </span> </template> - <select-list ref="selectRef" @refreshSelected="getSelected"></select-list> + <select-list ref="selectRef" @refreshSelected="getSelected"></select-list> <el-dialog v-model="state.addVisible" :title="state.addTitle" width="500px" :before-close="closeAdd" > - <el-form :model="state.addForm" size="default" ref="addRef" :rules="state.addFormRules" label-width="110px" > + <el-form :model="state.addForm" size="default" ref="addRef" :rules="state.addFormRules" label-width="110px"> <el-form-item label="内容:" prop="content"> <el-input v-model.trim="state.addForm.content" type="textarea" :autosize="{minRows: 2}"></el-input> </el-form-item> @@ -199,7 +280,7 @@ <template #footer> <span class="dialog-footer"> <el-button @click="closeAdd" size="default">取 消</el-button> - <el-button type="primary" @click="submitAdd" size="default" v-preReClick>确认</el-button> + <el-button type="primary" @click="submitAdd" size="default" v-preReClick>确认</el-button> </span> </template> </el-dialog> @@ -207,7 +288,7 @@ </div> </template> <script setup> -import {computed, defineAsyncComponent, reactive, ref, toRefs} from 'vue' +import {computed, defineAsyncComponent, reactive, ref, toRefs, nextTick} from 'vue' import {ElMessage} from "element-plus"; import SelectList from './selectList' import {getExpertEvaDetail, projectExpertDetailSave} from '@/api/backManage/evaluate' @@ -246,7 +327,13 @@ content: '', freightBasis: '', billingDuration: null, + taxExpertFee: null, + billingInstructions: '', afterTaxAmount: null, + taxableIncome: null, + incomeTaxPayable: null, + travelExpenses: '', + accommodationFee: '', openBank: '', bankCard: '', }, @@ -262,7 +349,9 @@ generalHazards: [{required: true, message: '请输入一般隐患数', trigger: 'blur'}], freightBasis: [{required: true, message: '请输入计费标准', trigger: 'blur'}], billingDuration: [{required: true, message: '请输入计费时长', trigger: 'blur'}], - afterTaxAmount: [{required: true, message: '请输入税后金额', trigger: 'blur'}], + taxExpertFee: [{required: true, message: '请输入税前金额(专家费)', trigger: 'blur'}], + travelExpenses: [{required: true, message: '请输入交通费', trigger: 'blur'}], + accommodationFee: [{required: true, message: '请输入住宿费', trigger: 'blur'}], openBank: [{required: true, message: '请输入开户行', trigger: 'blur'}], bankCard: [{required: true, message: '请输入卡号', trigger: 'blur'}] }, @@ -278,23 +367,99 @@ score: [{required: true, message: '请输入分值', trigger: 'blur'}], }, rateList: [ - {label: '优秀',value: 1}, - {label: '合格',value: 2}, - {label: '基本合格',value: 3}, - {label: '不合格',value: 4} + {label: '优秀', value: 1}, + {label: '合格', value: 2}, + {label: '基本合格', value: 3}, + {label: '不合格', value: 4} ] }) -const addTotal = computed(()=>{ - return state.addData.map(i=>Number(i.score)).reduce((sum, num) => sum + num, 0) +const addTotal = computed(() => { + return state.addData.map(i => Number(i.score)).reduce((sum, num) => sum + num, 0) }) -const deductTotal = computed(()=>{ - return state.deductData.map(i=>Number(i.score)).reduce((sum, num) => sum + num, 0) +const deductTotal = computed(() => { + return state.deductData.map(i => Number(i.score)).reduce((sum, num) => sum + num, 0) }) -const totalScore = computed(()=>{ - return Number(addTotal.value) + Number(deductTotal.value) +const totalScore = computed(() => { + return 100 + Number(addTotal.value) + Number(deductTotal.value) +}) + + +// 这里一堆无作用的代码存在的原因是需求一直来回改,简洁的代码也改成屎了 +const expertIncome = computed(() => { + if (state.form.freightBasis == null || state.form.billingDuration == null) { + return null + } + if (state.form.billingDuration <= 3) { + return (state.form.freightBasis * state.form.billingDuration) + } else { + return (state.form.freightBasis * 3) + (state.form.freightBasis * 0.5 * (state.form.billingDuration - 3)) + } +}) + +const getExpertFee = () => { + if ((state.form.freightBasis && state.form.freightBasis > 0) && (state.form.billingDuration && state.form.billingDuration > 0)) { + state.form.taxExpertFee = state.form.freightBasis * state.form.billingDuration + } + getExpertTax() +} + +const getExpertTax = () => { + const expertIncomeValue = state.form.taxExpertFee + if (expertIncomeValue == null || expertIncomeValue / 1.01 - 800 <= 0) { + state.form.incomeTaxPayable = 0 + state.form.afterTaxAmount = expertIncomeValue + } else { + state.form.incomeTaxPayable = ((expertIncomeValue / 1.01 - 800) * 0.2).toFixed(2) + state.form.afterTaxAmount = (expertIncomeValue - state.form.incomeTaxPayable).toFixed(2) + } +} + +const taxIncome = computed(() => { + const expertIncomeValue = state.form.taxExpertFee + if (expertIncomeValue == null || expertIncomeValue === 0 || expertIncomeValue <= 800) { + return 0 + } + if (expertIncomeValue > 800 && expertIncomeValue <= 4000) { + return expertIncomeValue - 800 + } else { + return expertIncomeValue * 0.8 + } +}) + +const taxPay = computed(() => { + // const taxIncomeValue = taxIncome.value + // if (taxIncomeValue == null || taxIncomeValue === 0) { + // return 0 + // } + // if (taxIncomeValue <= 20000) { + // return taxIncomeValue * 0.2 + // } else if (taxIncomeValue <= 50000) { + // return taxIncomeValue * 0.3 - 2000 + // } else { + // return taxIncomeValue * 0.4 - 7000 + // } + + const expertIncomeValue = state.form.taxExpertFee + if (expertIncomeValue == null || expertIncomeValue === 0 || expertIncomeValue <= 800) { + return 0 + } + if (expertIncomeValue / 1.01 - 800 > 0) { + return ((expertIncomeValue / 1.01 - 800) * 0.2).toFixed(2) + } else { + return 0 + } +}) + +const afterTaxIncome = computed(() => { + const expertIncomeValue = state.form.taxExpertFee + const taxPayValue = taxPay.value + if (expertIncomeValue == null || expertIncomeValue == 0) { + return 0 + } + return (expertIncomeValue - taxPayValue).toFixed(2) }) const openDialog = async (type, value, projectName, projectCheckTime) => { @@ -306,14 +471,14 @@ state.title = '查看' state.disable = true const res = await getExpertEvaDetail({projectExpertId: value.id}); - if(res.code == 200){ + if (res.code == 200) { state.form = res.data - state.addData = res.data.expertDetails?res.data.expertDetails.filter(i=>i.scoreType == '1'):[] - state.deductData = res.data.expertDetails?res.data.expertDetails.filter(i=>i.scoreType == '2'):[] - }else{ + state.addData = res.data.expertDetails ? res.data.expertDetails.filter(i => i.scoreType == '1') : [] + state.deductData = res.data.expertDetails ? res.data.expertDetails.filter(i => i.scoreType == '2') : [] + } else { ElMessage.warning(res.msg) } - }else{ + } else { state.title = '评分' state.disable = false } @@ -321,48 +486,47 @@ } const openSelectList = (type) => { - if(type == '1'){ + if (type == '1') { selectRef.value.openDialog(type, state.addData) - }else{ + } else { selectRef.value.openDialog(type, state.deductData) } } -const getSelected = (type)=>{ - if(type == '1'){ - state.addData = state.addData.concat(selectRef.value.data.selected.map(({ id, ...rest }) => rest)) - }else{ - state.deductData = state.deductData.concat(selectRef.value.data.selected.map(({ id, ...item }) => ({ +const getSelected = (type) => { + if (type == '1') { + state.addData = state.addData.concat(selectRef.value.data.selected.map(({id, ...rest}) => rest)) + } else { + state.deductData = state.deductData.concat(selectRef.value.data.selected.map(({id, ...item}) => ({ ...item, - score: item.score <0 ? item.score : -Math.abs(item.score) + score: item.score < 0 ? item.score : -Math.abs(item.score) }))) } } -const deleteSelect=(row,index,type)=>{ - if(type == 1){ - state.addData.splice(index,1) - }else{ - state.deductData.splice(index,1) +const deleteSelect = (row, index, type) => { + if (type == 1) { + state.addData.splice(index, 1) + } else { + state.deductData.splice(index, 1) } - if(row.id){ + if (row.id) { state.form.delData.push(row.id) } } -const addSelect = (type) =>{ +const addSelect = (type) => { state.addVisible = true - if(type == '1'){ + if (type == '1') { state.addTitle = '自定义加分项' state.addForm.scoreType = '1' - }else{ + } else { state.addTitle = '自定义扣分项' state.addForm.scoreType = '2' } } const handleClose = () => { - busRef.value.clearValidate(); state.info = { name: '', idCard: '', @@ -386,28 +550,37 @@ content: '', freightBasis: '', billingDuration: null, + taxExpertFee: null, + billingInstructions: '', afterTaxAmount: null, + taxableIncome: null, + incomeTaxPayable: null, openBank: '', bankCard: '', } + totalScore.value = null + taxIncome.value = null + taxPay.value = null + afterTaxIncome.value = null + busRef.value.clearValidate() state.addData = [] state.deductData = [] dialogVisible.value = false; } -const submitAdd = async ()=>{ +const submitAdd = async () => { const valid = await addRef.value.validate(); - if(valid){ - if(state.addTitle == '自定义加分项'){ + if (valid) { + if (state.addTitle == '自定义加分项') { state.addData.push(state.addForm) - }else{ + } else { state.deductData.push(state.addForm) } await closeAdd() } } -const closeAdd = ()=>{ +const closeAdd = () => { state.addVisible = false state.addForm = { scoreType: '', @@ -416,16 +589,23 @@ } } -const confirmScore = async ()=>{ - state.form.saveData = [...state.addData,...state.deductData] - state.form.delData = state.form.delData.filter((id) => !state.form.saveData.some((item) => item.id === id)) - const res = await projectExpertDetailSave(state.form) - if(res.code == 200){ - ElMessage.success(res.msg) - await handleClose() - emit('getList') - }else{ - ElMessage.warning(res.msg) +const confirmScore = async () => { + const valid = await evaluateRef.value.validate(); + if (valid) { + state.form.saveData = [...state.addData, ...state.deductData] + state.form.delData = state.form.delData.filter((id) => !state.form.saveData.some((item) => item.id === id)) + state.form.score = totalScore.value || 0 + // state.form.taxableIncome = taxIncome.value || 0 + // state.form.incomeTaxPayable = taxPay.value || 0 + // state.form.afterTaxAmount = afterTaxIncome.value || 0 + const res = await projectExpertDetailSave(state.form) + if (res.code == 200) { + ElMessage.success(res.msg) + await handleClose() + emit('getList') + } else { + ElMessage.warning(res.msg) + } } } -- Gitblit v1.9.2