From 9b7252527d52a40da961ed7e048b8d4b5c46224c Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期二, 24 十二月 2024 10:50:45 +0800
Subject: [PATCH] 修改税费计算

---
 src/views/safetyReview/expertManage/postEvaluation/components/evaluate.vue |  236 ++++++++++++++++++++++++++++++++++------------------------
 1 files changed, 137 insertions(+), 99 deletions(-)

diff --git a/src/views/safetyReview/expertManage/postEvaluation/components/evaluate.vue b/src/views/safetyReview/expertManage/postEvaluation/components/evaluate.vue
index d724c9e..8545953 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" placeholder="此处须填写负数"></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,64 +142,85 @@
 
         <div style="margin: 25px 0;font-size: 14px">
           <el-form-item label="本项目考评总计" prop="score">
-            <el-input v-model.trim="totalScore" type="number" readonly=true><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-row>
           <el-col :span="12">
             <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-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="billingInstructions">
-              <el-input v-model.trim="state.form.billingInstructions" type="textarea" :autosize="{ minRows: 2}" :readonly="state.disable" placeholder="如填写:第1-3天800元/天"></el-input>
+              <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-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-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="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>
+              <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-input v-model="state.form.afterTaxAmount" type="number" :readonly="state.disable">
+                <template #append>元</template>
+              </el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -205,18 +240,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>
@@ -227,7 +264,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>
@@ -235,7 +272,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'
@@ -310,56 +347,57 @@
     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(()=>{
+const totalScore = computed(() => {
   return 100 + Number(addTotal.value) + Number(deductTotal.value)
 })
 
 
 // 这里一堆无作用的代码存在的原因是需求一直来回改,简洁的代码也改成屎了
-const expertIncome = computed(()=>{
-  if(state.form.freightBasis == null || state.form.billingDuration == null){
+const expertIncome = computed(() => {
+  if (state.form.freightBasis == null || state.form.billingDuration == null) {
     return null
   }
-  if(state.form.billingDuration <= 3){
+  if (state.form.billingDuration <= 3) {
     return (state.form.freightBasis * state.form.billingDuration)
-  }else{
+  } 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)){
+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 getExpertTax = () => {
   const expertIncomeValue = state.form.taxExpertFee
-  if(expertIncomeValue == null || expertIncomeValue / 1.01 - 800<=0){
+  if (expertIncomeValue == null || expertIncomeValue / 1.01 - 800 <= 0) {
     state.form.incomeTaxPayable = 0
     state.form.afterTaxAmount = expertIncomeValue
-  }else{
+  } 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 taxIncome = computed(() => {
   const expertIncomeValue = state.form.taxExpertFee
   if (expertIncomeValue == null || expertIncomeValue === 0 || expertIncomeValue <= 800) {
     return 0
@@ -371,7 +409,7 @@
   }
 })
 
-const taxPay = computed(()=>{
+const taxPay = computed(() => {
   // const taxIncomeValue = taxIncome.value
   // if (taxIncomeValue == null || taxIncomeValue === 0) {
   //   return 0
@@ -385,17 +423,17 @@
   // }
 
   const expertIncomeValue = state.form.taxExpertFee
-  if(expertIncomeValue == null || expertIncomeValue === 0 || expertIncomeValue <= 800){
+  if (expertIncomeValue == null || expertIncomeValue === 0 || expertIncomeValue <= 800) {
     return 0
   }
-  if(expertIncomeValue / 1.01 - 800>0){
+  if (expertIncomeValue / 1.01 - 800 > 0) {
     return ((expertIncomeValue / 1.01 - 800) * 0.2).toFixed(2)
-  }else{
+  } else {
     return 0
   }
 })
 
-const afterTaxIncome = computed(()=>{
+const afterTaxIncome = computed(() => {
   const expertIncomeValue = state.form.taxExpertFee
   const taxPayValue = taxPay.value
   if (expertIncomeValue == null || expertIncomeValue == 0) {
@@ -413,14 +451,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
   }
@@ -428,41 +466,41 @@
 }
 
 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'
   }
@@ -501,28 +539,28 @@
     bankCard: '',
   }
   totalScore.value = null
-  taxIncome.value= null
-  taxPay.value= null
-  afterTaxIncome.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: '',
@@ -531,21 +569,21 @@
   }
 }
 
-const confirmScore = async ()=>{
+const confirmScore = async () => {
   const valid = await evaluateRef.value.validate();
-  if(valid){
-    state.form.saveData = [...state.addData,...state.deductData]
+  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){
+    if (res.code == 200) {
       ElMessage.success(res.msg)
       await handleClose()
       emit('getList')
-    }else{
+    } else {
       ElMessage.warning(res.msg)
     }
   }

--
Gitblit v1.9.2