修改报销表

zhouwx

2024-12-09 2adbfd2aed024bf8fda3b85b3e7af07108329f85

 src/views/safetyReview/expertManage/postEvaluation/components/evaluate.vue

@@ -6,81 +6,212 @@
        width="50%"
        :before-close="handleClose"
    >
      <el-form :model="state.info" inline size="default" ref="busRef" label-width="140px">
        <el-form-item label="姓名:">
          <el-input v-model.trim="state.info.name" readonly></el-input>
        </el-form-item>
        <el-form-item label="身份证号:">
          <el-input v-model.trim="state.info.idCard" readonly></el-input>
        </el-form-item>
        <el-form-item label="项目名称:">
          <el-input v-model.trim="state.info.projectName" readonly></el-input>
        </el-form-item>
        <el-form-item label="是否为专家组组长:">
          <el-input v-model.trim="state.info.teamLeader" 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 :model="state.info" size="default" ref="busRef" label-width="140px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="姓名">
              <el-input v-model.trim="state.info.name" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="身份证号">
              <el-input v-model.trim="state.info.idCard" readonly></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="项目名称">
              <el-input v-model.trim="state.info.projectName" readonly></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="是否为专家组组长">
              <el-input v-model.trim="state.info.teamLeader" readonly></el-input>
            </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>
      <div>
        请对专家表现进行评分：
      </div>
      <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>添加加分项</el-button>
          <el-button type="default" size="default" @click="addSelect('1')" v-preReClick>自定义加分项</el-button>
      <el-form :model="state.form" ref="evaluateRef" :rules="state.formRules" label-width="140px">
        <el-divider>
          专家工作表现
        </el-divider>
        <el-form-item label="职业道德方面" prop="professionalEthics">
          <el-radio-group v-model="state.form.professionalEthics" style="width: 100%" :disabled="state.disable">
            <el-radio v-for="item in state.rateList" :label="item.value">{{ item.label }}</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="公正廉洁方面" prop="impartialHonest">
          <el-radio-group v-model="state.form.impartialHonest" style="width: 100%" :disabled="state.disable">
            <el-radio v-for="item in state.rateList" :label="item.value">{{ item.label }}</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="综合协调组织" prop="comprehensiveCoordination">
          <el-radio-group v-model="state.form.comprehensiveCoordination" style="width: 100%" :disabled="state.disable">
            <el-radio v-for="item in state.rateList" :label="item.value">{{ item.label }}</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="专业能力素养" prop="professionalAbility">
          <el-radio-group v-model="state.form.professionalAbility" style="width: 100%" :disabled="state.disable">
            <el-radio v-for="item in state.rateList" :label="item.value">{{ item.label }}</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="意见表达能力" prop="expressingOpinions">
          <el-radio-group v-model="state.form.expressingOpinions" style="width: 100%" :disabled="state.disable">
            <el-radio v-for="item in state.rateList" :label="item.value">{{ item.label }}</el-radio>
          </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-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">
            <el-radio v-for="item in state.rateList" :label="item.value">{{ item.label }}</el-radio>
          </el-radio-group>
        </el-form-item>

        <el-divider>
          量化评分（非必填）
        </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>
          </div>
          <div style="font-size: 14px">
            加分总计：<span style="font-weight: bolder;color: #10B981">{{addTotal}}</span> 分
          </div>
        </div>
        <div style="font-size: 14px">
          加分总计：<span style="font-weight: bolder;color: #10B981">{{addTotal}}</span> 分
        <el-table :data="state.addData" 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>
            </template>
          </el-table-column>
          <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>
            </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>
          </div>
          <div style="font-size: 14px">
            扣分总计：<span style="font-weight: bolder;color: #EF4444">{{deductTotal}}</span> 分
          </div>
        </div>
      </div>
      <el-table :data="state.addData" 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"></el-input>
          </template>
        </el-table-column>
        <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)" >删除</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>添加扣分项</el-button>
          <el-button type="default" size="default" @click="addSelect('2')" v-preReClick>自定义扣分项</el-button>
        <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>
            </template>
          </el-table-column>
          <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>
            </template>
          </el-table-column>
        </el-table>
        <div style="margin-top: 15px">提示：如果该专家在本项目无加分项，也无扣分项，可不填。</div>

        <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-form-item>
        </div>
        <div style="font-size: 14px">
          扣分总计：<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"></el-input>
          </template>
        </el-table-column>
        <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)" >删除</el-button>
          </template>
        </el-table-column>
      </el-table>
      <div style="margin: 25px 0;font-size: 14px;display: flex;justify-content: right">
        本项目考评总计：<span style="font-weight: bolder;color: #2563EB">{{totalScore}}</span> 分
      </div>
      <div>提示：如果该专家在本项目无加分项，也无扣分项，直接点击“完成评分” 即可，不做任何分数更改。</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-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-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-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-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="请具体说明依据的专家费计算标准"></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-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-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="taxPay" 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="afterTaxIncome" type="number" readonly><template #append>元</template></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="开户行" prop="openBank">
              <el-input v-model.trim="state.form.openBank" :readonly="state.disable"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="银行卡号" prop="bankCard">
              <el-input v-model.trim="state.form.bankCard" :readonly="state.disable"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <template #footer>
        <span class="dialog-footer">
            <el-button type="primary" @click="confirmScore" 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>
@@ -115,27 +246,62 @@
import {getExpertEvaDetail, projectExpertDetailSave} from '@/api/backManage/evaluate'

const dialogVisible = ref(false)
const evaluateRef = ref()
const busRef = ref()
const addRef = ref()
const selectRef = ref()
const emit = defineEmits(["getList"]);
const state = reactive({
  title: '',
  disable: false,
  addData: [],
  deductData: [],
  info: {
    name: '',
    idCard: '',
    projectName: '',
    teamLeader: '',
    evaluateTime: '',
    score: ''
    teamLeader: ''
  },
  form: {
    projectExpertId: null,
    saveData: [],
    delData: [],
    score: null
    score: 100,
    professionalEthics: null,
    impartialHonest: null,
    comprehensiveCoordination: null,
    professionalAbility: null,
    expressingOpinions: null,
    others: '',
    comprehensiveEvaluation: null,
    majorDangers: null,
    generalHazards: null,
    content: '',
    freightBasis: '',
    billingDuration: null,
    taxExpertFee: null,
    billingInstructions: '',
    afterTaxAmount: null,
    taxableIncome: null,
    incomeTaxPayable: null,
    openBank: '',
    bankCard: '',
  },
  formRules: {
    score: [{required: true, message: '请输入总分', trigger: 'blur'}],
    professionalEthics: [{required: true, message: '该选项不能为空', trigger: 'blur'}],
    impartialHonest: [{required: true, message: '该选项不能为空', trigger: 'blur'}],
    comprehensiveCoordination: [{required: true, message: '该选项不能为空', trigger: 'blur'}],
    professionalAbility: [{required: true, message: '该选项不能为空', trigger: 'blur'}],
    expressingOpinions: [{required: true, message: '该选项不能为空', trigger: 'blur'}],
    comprehensiveEvaluation: [{required: true, message: '该选项不能为空', trigger: 'blur'}],
    majorDangers: [{required: true, message: '请输入重大隐患数', trigger: 'blur'}],
    generalHazards: [{required: true, message: '请输入一般隐患数', trigger: 'blur'}],
    freightBasis: [{required: true, message: '请输入计费标准', trigger: 'blur'}],
    billingDuration: [{required: true, message: '请输入计费时长', trigger: 'blur'}],
    taxExpertFee: [{required: true, message: '请输入税前金额（专家费）', trigger: 'blur'}],
    openBank: [{required: true, message: '请输入开户行', trigger: 'blur'}],
    bankCard: [{required: true, message: '请输入卡号', trigger: 'blur'}]
  },
  addVisible: false,
  addTitle: '',
@@ -148,6 +314,12 @@
    content: [{required: true, message: '请输入内容', trigger: 'blur'}],
    score: [{required: true, message: '请输入分值', trigger: 'blur'}],
  },
  rateList: [
    {label: '优秀',value: 1},
    {label: '合格',value: 2},
    {label: '基本合格',value: 3},
    {label: '不合格',value: 4}
  ]
})

const addTotal = computed(()=>{
@@ -159,27 +331,74 @@
})

const totalScore = computed(()=>{
  return Number(addTotal.value) + Number(deductTotal.value)
  return 100 + Number(addTotal.value) + Number(deductTotal.value)
})

const openDialog = async (value, projectName, projectCheckTime) => {
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 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 afterTaxIncome = computed(()=>{
  const expertIncomeValue = state.form.taxExpertFee
  const taxPayValue = taxPay.value
  if ((expertIncomeValue == null || expertIncomeValue == 0)|| (taxPayValue == null || taxPayValue == 0)) {
    return 0
  }
  return expertIncomeValue - taxPayValue;
})

const openDialog = async (type, value, projectName, projectCheckTime) => {
  state.info = value
  state.form.projectExpertId = value.id
  state.info.projectName = projectName
  state.info.evaluateTime = projectCheckTime
  state.info.teamLeader = state.info.teamLeader == 1 ? '是' : '否'
  if (value.evaluationState === 1) {
    state.title = '继续评分'
  if (type === 'view') {
    state.title = '查看'
    state.disable = true
    const res = await getExpertEvaDetail({projectExpertId: value.id});
    if(res.code == 200){
      state.addData = res.data.filter(i=>i.scoreType == '1')
      state.deductData = res.data.filter(i=>i.scoreType == '2')
      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{
      ElMessage.warning(res.msg)
    }
    console.log(state.addData,'add')
  }else{
    state.title = '评分'
    state.disable = false
  }
  dialogVisible.value = true;
}
@@ -226,21 +445,42 @@
}

const handleClose = () => {
  busRef.value.clearValidate();
  state.info = {
    name: '',
    idCard: '',
    projectName: '',
    teamLeader: '',
    evaluateTime: '',
    score: ''
    teamLeader: ''
  }
  state.form = {
    projectExpertId: null,
    saveData: [],
    delData: [],
    score: null
    score: 100,
    professionalEthics: null,
    impartialHonest: null,
    comprehensiveCoordination: null,
    professionalAbility: null,
    expressingOpinions: null,
    others: '',
    comprehensiveEvaluation: null,
    majorDangers: null,
    generalHazards: null,
    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;
@@ -268,17 +508,22 @@
}

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))
  console.log(state.form,'form')
  state.form.score = totalScore.value
  const res = await projectExpertDetailSave(state.form)
  if(res.code == 200){
    ElMessage.success(res.msg)
    await handleClose()
    emit('getList')
  }else{
    ElMessage.warning(res.msg)
  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)
    }
  }
}