| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div style="margin-top: 10px;margin-bottom: 15px;margin-left: 20px;"> |
| | | <div style="font-size: 18px;font-weight: 800;color: #ed5565;display: flex"> |
| | | 当前存在未完结:安全评价项目 <div style="cursor: pointer;border-radius: 8px;padding: 0 5px" :class="{active: isActive}" @click="chooseUn" >{{search.num.safetyTotal}}</div> 个,检验检测项目 |
| | | {{search.num.safetyCheckTotal}} |
| | | 个,共 {{search.num.unFinishTotal}} 个 |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 表格数据 --> |
| | | <el-table v-loading="loading" :data="dataList" :border="true" ref="tableRef" :height="tableHeight" style="width: 100%;"> |
| | | <el-table-column label="序号" width="80" align="center" type="index" ></el-table-column> |
| | |
| | | size="large" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="机构名称" > |
| | | <el-select |
| | | v-model="search.queryParams.agencyName" |
| | | filterable |
| | | remote |
| | | @change="selectValue" |
| | | reserve-keyword |
| | | placeholder="所属机构" |
| | | remote-show-suffix |
| | | :remote-method="getCompanyList" |
| | | :loading="loadingCompany" |
| | | style="width:100%" |
| | | clearable |
| | | > |
| | | <el-option |
| | | v-for="item in companyList" |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.name" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="项目名称" > |
| | | <el-input v-model.trim="search.queryParams.name" placeholder="请输入项目名称"></el-input> |
| | | </el-form-item> |
| | |
| | | import {getDict} from "@/api/login"; |
| | | import {getDictList} from "@/api/backManage/evaluate"; |
| | | import Cookies from "js-cookie" |
| | | import {getAllAgency} from "@/api/backManage/insitution"; |
| | | const router = useRouter(); |
| | | |
| | | const isActive = ref(false) |
| | | const loading = ref(false); |
| | | const direction = ref('rtl'); |
| | | const showDrawer = ref(false); |
| | |
| | | pageNum: 1, |
| | | pageSize: 20, |
| | | name: '', |
| | | agencyName: '', |
| | | client: '', |
| | | province: '', |
| | | city: '', |
| | |
| | | business: '', |
| | | estimateType: '', |
| | | phase: '', |
| | | safetyCheck: 0, |
| | | unFinish: null, |
| | | params:{ |
| | | lostMaterial: null |
| | | } |
| | |
| | | investigationTotal: 0, |
| | | reviewTotal: 0, |
| | | reportTotal: 0, |
| | | archiveTotal: 0 |
| | | archiveTotal: 0, |
| | | unFinishTotal: 0, |
| | | safetyCheckTotal: 0, |
| | | safetyTotal: 0 |
| | | } |
| | | }); |
| | | const companyList = ref([]) |
| | | const loadingCompany = ref(false) |
| | | const searchTime = ref([]); |
| | | const area = ref([]); |
| | | const businessList = ref([]); |
| | |
| | | chooseType.value = val; |
| | | search.queryParams.phase = val; |
| | | getList(); |
| | | getStatistics() |
| | | } |
| | | const getList = async () => { |
| | | loading.value = true; |
| | |
| | | search.queryParams.pageNum = 1; |
| | | search.queryParams.pageSize = val |
| | | getList() |
| | | getStatistics() |
| | | } |
| | | const handleCurrentChange = (val) => { |
| | | search.queryParams.pageNum = val |
| | | getList() |
| | | getStatistics() |
| | | } |
| | | const toProcess = (type,value,toPath) => { |
| | | value.type = type; |
| | |
| | | pageNum: 1, |
| | | pageSize: 20, |
| | | name: '', |
| | | agencyName: '', |
| | | client: '', |
| | | province: '', |
| | | city: '', |
| | |
| | | business: '', |
| | | estimateType: '', |
| | | phase: '', |
| | | safetyCheck: 0, |
| | | unFinish: null, |
| | | params: { |
| | | lostMaterial: null |
| | | } |
| | |
| | | console.log("val",val) |
| | | toProcess('edit',val,toPath); |
| | | } |
| | | const selectValue = (val) => { |
| | | console.log('val',val) |
| | | if(val == ""){ |
| | | companyList.value = [] |
| | | } |
| | | // data.companyList.forEach(item => { |
| | | // if(item.name === val){ |
| | | // data.queryParams.companyId = item.id |
| | | // } |
| | | // }) |
| | | } |
| | | const getCompanyList = async (val)=>{ |
| | | if(val != ""){ |
| | | loadingCompany.value = true; |
| | | const queryParams = { |
| | | name: val |
| | | } |
| | | const res = await getAllAgency(queryParams) |
| | | if (res.code == 200) { |
| | | loadingCompany.value = false; |
| | | companyList.value = res.data |
| | | |
| | | } else { |
| | | ElMessage.warning(res.message) |
| | | } |
| | | } |
| | | } |
| | | |
| | | const chooseUn = () => { |
| | | isActive.value = !isActive.value |
| | | if(isActive.value){ |
| | | search.queryParams.unFinish = 1 |
| | | }else { |
| | | search.queryParams.unFinish = null |
| | | } |
| | | getList() |
| | | getStatistics() |
| | | } |
| | | |
| | | </script> |
| | | |
| | | <style scoped lang="scss"> |
| | | .project-container{ |
| | | .active { |
| | | background-color: #fdb0b7; |
| | | //border: 1px solid #dab4f6; |
| | | } |
| | | .header{ |
| | | margin: 15px 10px; |
| | | display: flex; |