修改

zhouwx

2025-05-20 d80dbcd093573d191053b8c3034acfc47e040ebd

 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,73 +142,105 @@

        <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.trim="state.form.freightBasis" :readonly="state.disable"><template #append>天/课时</template></el-input>
<!--              <el-select v-model="state.form.freightBasis" placeholder="计费标准" clearable>-->
<!--                <el-option :key="0" label="前三天600/天" :value="600"/>-->
<!--                <el-option :key="1" label="前三天800/天" :value="800"/>-->
<!--                <el-option :key="1" label="前三天1000/天" :value="1000"/>-->
<!--                <el-option :key="2" label="前三天1200/天" :value="1200"/>-->
<!--                <el-option :key="2" label="前三天1500/天" :value="1500"/>-->
<!--              </el-select>-->
              <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"><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"><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-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="8">
            <el-form-item label="应缴个税">
              <el-input v-model.trim="taxPay" type="number" readonly><template #append>元</template></el-input>
<!--          <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="8">
            <el-form-item label="税后金额">
              <el-input v-model="afterTaxIncome" type="number" readonly><template #append>元</template></el-input>
          <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">
@@ -210,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>
@@ -232,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>
@@ -240,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'
@@ -284,6 +332,8 @@
    afterTaxAmount: null,
    taxableIncome: null,
    incomeTaxPayable: null,
    travelExpenses: '',
    accommodationFee: '',
    openBank: '',
    bankCard: '',
  },
@@ -300,6 +350,8 @@
    freightBasis: [{required: true, message: '请输入计费标准', trigger: 'blur'}],
    billingDuration: [{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'}]
  },
@@ -315,37 +367,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 taxIncome = computed(()=>{
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
@@ -357,27 +429,37 @@
  }
})

const taxPay = computed(()=>{
  const taxIncomeValue = taxIncome.value
  if (taxIncomeValue == null || taxIncomeValue === 0) {
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 (taxIncomeValue <= 20000) {
    return taxIncomeValue * 0.2;
  } else if (taxIncomeValue <= 50000) {
    return taxIncomeValue * 0.3 - 2000;
  if (expertIncomeValue / 1.01 - 800 > 0) {
    return ((expertIncomeValue / 1.01 - 800) * 0.2).toFixed(2)
  } else {
    return taxIncomeValue * 0.4 - 7000;
    return 0
  }
})

const afterTaxIncome = computed(()=>{
const afterTaxIncome = computed(() => {
  const expertIncomeValue = state.form.taxExpertFee
  const taxPayValue = taxPay.value
  if ((expertIncomeValue == null || expertIncomeValue == 0)|| (taxPayValue == null || taxPayValue == 0)) {
  if (expertIncomeValue == null || expertIncomeValue == 0) {
    return 0
  }
  return expertIncomeValue - taxPayValue;
  return (expertIncomeValue - taxPayValue).toFixed(2)
})

const openDialog = async (type, value, projectName, projectCheckTime) => {
@@ -389,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
  }
@@ -404,41 +486,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'
  }
@@ -477,28 +559,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: '',
@@ -507,21 +589,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
    // 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)
    }
  }