| | |
| | | <el-form-item label="手机号:"> |
| | | <el-input v-model.trim="queryParams.phone" placeholder="请输入申报时预留的手机号"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="业务处室:"> |
| | | <el-form-item label="专业领域:"> |
| | | <!-- <el-cascader--> |
| | | <!-- clearable--> |
| | | <!-- placeholder="请选择申请的业务处室"--> |
| | | <!-- v-model="queryParams.deptId"--> |
| | | <!-- :options="deptList"--> |
| | | <!-- :props="{ expandTrigger: 'hover', value: 'deptId',label: 'deptName',checkStrictly: true,emitPath: false}"></el-cascader>--> |
| | | <el-cascader |
| | | clearable |
| | | placeholder="请选择申请的业务处室" |
| | | v-model="queryParams.deptId" |
| | | :options="deptList" |
| | | :props="{ expandTrigger: 'hover', value: 'deptId',label: 'deptName',checkStrictly: true,emitPath: false}"></el-cascader> |
| | | v-model="queryParams.domain" |
| | | :options="expertsType" |
| | | :props="{ expandTrigger: 'hover',value: 'classifyName',label: 'classifyName',emitPath: false }" |
| | | @change="professionChange"></el-cascader> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" icon="Search" @click="onSubmit(formRef)" v-preReClick>进度查询</el-button> |
| | |
| | | import {ElMessage, ElMessageBox} from "element-plus" |
| | | import {verifyPhone, verifyIdCard} from "../../../../utils/validate" |
| | | import { getToken } from "@/utils/auth" |
| | | import {getExpertsList, queryApprove} from "@/api/form"; |
| | | import {getExpertsList, getExpertTypes, queryApprove} from "@/api/form"; |
| | | import {listOutDept} from "@/api/system/dept"; |
| | | const { proxy } = getCurrentInstance(); |
| | | const router = useRouter() |
| | |
| | | queryParams: { |
| | | idCard: '', |
| | | phone: '', |
| | | deptId: null |
| | | domain: '' |
| | | }, |
| | | expertsType: [], |
| | | formRules:{ |
| | | |
| | | }, |
| | | result: {} |
| | | }) |
| | | |
| | | const {queryParams,formRules,result} = toRefs(data) |
| | | const {queryParams,expertsType,formRules,result} = toRefs(data) |
| | | const deptList = ref([]); |
| | | onMounted(()=>{ |
| | | getDepList() |
| | | }) |
| | | |
| | | |
| | | const showProgress = ref(false) |
| | | const formRef = ref() |
| | |
| | | } |
| | | |
| | | onMounted(()=>{ |
| | | |
| | | getExpertsType() |
| | | }) |
| | | |
| | | const getExpertsType = async ()=>{ |
| | | const res = await getExpertTypes() |
| | | if(res.code == 200){ |
| | | data.expertsType = res.data |
| | | }else{ |
| | | ElMessage({ |
| | | type: 'warning', |
| | | message: res.msg |
| | | }) |
| | | } |
| | | } |
| | | const professionChange=(value)=> { |
| | | console.log(value,'val') |
| | | } |
| | | const onSubmit = async (formEl)=> { |
| | | if (!formEl) return |
| | | await formEl.validate(async (valid, fields) => { |
| | |
| | | data.queryParams = { |
| | | idCard: '', |
| | | phone: '', |
| | | deptId: null |
| | | domain: '' |
| | | } |
| | | showProgress.value = false |
| | | } |