修改

马宇豪

2024-12-10 17527437977dc2e2c39c739796e8afd881df35a1

 src/views/safetyReview/expertManage/experts/index.vue

@@ -12,7 +12,7 @@
              clearable
              v-model="queryParams.domain"
              :options="expertTypes"
              :props="{ expandTrigger: 'hover', value: 'classifyName',label: 'classifyName'}"
              :props="{ expandTrigger: 'hover', value: 'classifyName',label: 'classifyName',emitPath: false}"
              @change="handleChange"></el-cascader>
        </el-form-item>
        <el-form-item label="在岗情况" prop="dutyStatus">
@@ -42,10 +42,12 @@
        <el-form-item>
          <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
          <el-button icon="Refresh" @click="resetQuery">重置</el-button>
          <el-button icon="Edit" @click="openSetDate">一键设置有效期</el-button>
        </el-form-item>
      </el-form>
      <el-table v-loading="loading" :data="expertList" :border="true">
        <el-table-column type="index" width="55" align="center" />
      <el-table v-loading="loading" ref="multipleTableRef" :data="expertList" :border="true" @selection-change="handleSelectionChange" :row-key="(row) => { return row.id }">
        <el-table-column type="selection" width="55" :reserve-selection="true"/>
        <el-table-column type="index" width="55" align="center" label="序号"/>
        <el-table-column label="姓名" align="center" prop="name" />
        <el-table-column label="身份证号" align="center" prop="idCard" />
        <el-table-column label="出生日期" align="center" prop="birthday">
@@ -76,7 +78,7 @@
          </template>
        </el-table-column>
        <el-table-column label="专家领域" align="center" prop="domain"/>
        <el-table-column label="入库分级" align="center" prop="level"/>
<!--        <el-table-column label="入库分级" align="center" prop="level"/>-->
        <el-table-column label="评定级别" align="center" prop="ratingLevel">
          <template #default="scope">
            {{scope.row.ratingLevel == 1?'一级':scope.row.ratingLevel == 2?'二级':scope.row.ratingLevel == 3?'三级':'--'}}
@@ -84,28 +86,19 @@
        </el-table-column>
        <el-table-column label="聘书有效时间" align="center" prop="">
          <template #default="scope">
            {{scope.row.employmentDateStart}}/{{scope.row.employmentDateEnd}}
            <span v-if="scope.row.state == 2">{{scope.row.employmentDateStart}}/{{scope.row.employmentDateEnd}}</span>
            <span v-else>--</span>
          </template>
        </el-table-column>
        <el-table-column label="专家聘书" align="center" prop="expertCertificate">
          <template #default="scope">
            <div class="demo-image__preview" v-if="scope.row.expertCertificate && scope.row.expertCertificate!==''">
              <el-image
                  style="width: 100px; height: 100px"
                  :src= "scope.row.expertCertificate"
                  :zoom-rate="1.2"
                  :max-scale="7"
                  :min-scale="0.2"
                  :preview-src-list="[scope.row.expertCertificate]"
                  :initial-index="0"
                  fit="cover"
                  :preview-teleported=true
              />
            </div>
            <span v-if="scope.row.state == 2"><el-button type="primary" link @click="viewCert(scope.row)">查看</el-button></span>
            <span v-else>--</span>
          </template>
        </el-table-column>
        <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width">
          <template #default="scope">
            <el-button type="primary" link @click="openDialog('edit',scope.row)">编辑</el-button>
            <el-button type="primary" link @click="openDialog('view',scope.row)">查看</el-button>
          </template>
        </el-table-column>
@@ -117,6 +110,31 @@
          v-model:limit="queryParams.pageSize"
          @pagination="getList"
      />
      <el-dialog
          v-model="assessDialog"
          title="修改有效期"
          width="50%"
          :before-close="closeAssess"
      >
        <el-form :model="assessForm" :rules="assessRules" ref="assessFormRef" label-width="200px">
          <el-form-item label="专家聘用期限" prop="employTime">
            <el-date-picker
                v-model="assessForm.employTime"
                type="daterange"
                range-separator="至"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
                value-format="YYYY-MM-DD"
            />
          </el-form-item>
        </el-form>
        <template #footer>
                <span class="dialog-footer">
                  <el-button @click="closeAssess" size="default">取 消</el-button>
                  <el-button type="primary" @click="assessSubmit(assessFormRef)" size="default" v-preReClick>确认</el-button>
                </span>
        </template>
      </el-dialog>
      <expert-form ref="expertFormRef" @getList="getList"></expert-form>
    </div>
</template>
@@ -125,10 +143,11 @@
import {getCurrentInstance, onMounted, onUnmounted, reactive, ref, toRefs} from "vue";
import {ElMessage, ElMessageBox} from "element-plus";
import ExpertForm from "../applyRecords/components/expertForm";
import {delExpert, getExpertsList, getExpertTypes} from "../../../../api/form";
import { Plus } from '@element-plus/icons-vue'
import {changeApprove, changeEmploymentDate, delExpert, getExpertsList, getExpertTypes} from "../../../../api/form";
import {useRouter} from "vue-router";
const router = useRouter();
const loading = ref(false)

const loading = ref(false);
const data = reactive({
  showSearch: true,
  total: 0,
@@ -171,10 +190,20 @@
      label: '其他'
    }
  ],
  multipleSelection: [],
  assessDialog: false,
  assessForm: {
    employTime: []
  },
  assessRules: {
    employTime:[{ required: true, message: '请选择有效期', trigger: 'blur' }],
  }
});

const { showSearch,total, expertTypes,expertList,queryParams,classiFy,searchTime} = toRefs(data);
const { showSearch,total, expertTypes,expertList,queryParams,searchTime,assessForm,assessDialog,assessRules,multipleSelection} = toRefs(data);
const expertFormRef = ref()
const assessFormRef = ref()
const multipleTableRef = ref()
onMounted(()=>{
  getList()
  getTypes()
@@ -183,6 +212,10 @@
onUnmounted(()=>{

})

const handleSelectionChange = (val) => {
  data.multipleSelection = val
}

const getTypes = async()=> {
  const res = await getExpertTypes()
@@ -220,6 +253,15 @@
    }
  }
  return null;
}

const viewCert=(info)=>{
  console.log(info,'info')
  const routePath = '/certPdf'
  const resolvedRoute = router.resolve(routePath)
  const queryString = new URLSearchParams(info).toString()
  const fullPath = `${resolvedRoute.href}?${queryString}`
  window.open(fullPath, '_blank')
}

const getSupport =(safety,prevention,emergency)=>{
@@ -273,6 +315,52 @@
  expertFormRef.value.openDialog(type, value);
}

const openSetDate = ()=>{
  if(data.multipleSelection.length>0){
    data.assessDialog = true
  }else{
    ElMessage.warning('请选择要设置的人员')
  }
}

const assessSubmit = async (formEl)=> {
  if (!formEl) return
  await formEl.validate(async (valid, fields) => {
    if (valid) {
      let params = {
        id: data.multipleSelection.map(i=>i.id),
        employmentDateStart: data.assessForm.employTime[0],
        employmentDateEnd: data.assessForm.employTime[1]
      }
      const res = await changeEmploymentDate(params)
      if(res.code == 200){
        ElMessage({
          type: 'success',
          message: '修改成功'
        })
        data.multipleSelection = []
        multipleTableRef.value.clearSelection()
        await getList()
        data.assessDialog = false
      }else{
        ElMessage({
          type: 'warning',
          message: res.msg
        });
      }
    }else {
      ElMessage.warning('请完善必填信息')
    }
  })
}

const closeAssess = ()=>{
  assessFormRef.value.clearValidate()
  data.assessForm = {
    employTime: []
  }
  data.assessDialog = false;
}
const resetQuery=()=> {
  data.queryParams = {
    name: '',