From e65a116f1ff1d9d99a093f76a9b02a6d27bfb35e Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期二, 29 四月 2025 08:47:50 +0800 Subject: [PATCH] 修改 --- src/views/analyse/identify/index.ts | 2 src/api/analyse/identify/index.ts | 8 index.html | 20 src/views/analyse/identify/index.vue | 745 +++++++++++++++++++++++++++++++++++--------------------- src/views/analyse/identify/components/identifyQuery.vue | 3 5 files changed, 484 insertions(+), 294 deletions(-) diff --git a/index.html b/index.html index a550d07..6989242 100644 --- a/index.html +++ b/index.html @@ -16,16 +16,16 @@ </head> <body> <div id="app"></div> - <script type="text/javascript"> - var _hmt = _hmt || []; - (function () { - var hm = document.createElement('script'); - hm.src = 'https://hm.baidu.com/hm.js?d9c8b87d10717013641458b300c552e4'; - var s = document.getElementsByTagName('script')[0]; - s.parentNode.insertBefore(hm, s); - })(); - </script> +<!-- <script type="text/javascript">--> +<!-- var _hmt = _hmt || [];--> +<!-- (function () {--> +<!-- var hm = document.createElement('script');--> +<!-- hm.src = 'https://hm.baidu.com/hm.js?d9c8b87d10717013641458b300c552e4';--> +<!-- var s = document.getElementsByTagName('script')[0];--> +<!-- s.parentNode.insertBefore(hm, s);--> +<!-- })();--> +<!-- </script>--> <script type="module" src="/src/main.ts"></script> - <script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=wsijQt8sLXrCW71YesmispvYHitfG9gv&s=1"></script> +<!-- <script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=hzhsRVvbCiUGVnLfciSQ8hNIqYcpyomU"></script>--> </body> </html> diff --git a/src/api/analyse/identify/index.ts b/src/api/analyse/identify/index.ts index 282da3f..9d4b2d2 100644 --- a/src/api/analyse/identify/index.ts +++ b/src/api/analyse/identify/index.ts @@ -10,6 +10,14 @@ }); }, + getAssessExport: (params: object) => { + return request({ + url: import.meta.env.VITE_API_URL + '/risk/select/selectAssessExport', + method: 'post', + data: params + }); + }, + addIdentify: (params: object) => { return request({ url: import.meta.env.VITE_API_URL + '/risk/update/identification', diff --git a/src/views/analyse/identify/components/identifyQuery.vue b/src/views/analyse/identify/components/identifyQuery.vue index c8bba20..5fa4c65 100644 --- a/src/views/analyse/identify/components/identifyQuery.vue +++ b/src/views/analyse/identify/components/identifyQuery.vue @@ -62,7 +62,6 @@ <el-table-column v-if="identifyQueryState.identifyForm.identificationMethod == 4" prop="hazopNode" label="节点" show-overflow-tooltip align="center"></el-table-column> <el-table-column v-if="identifyQueryState.identifyForm.identificationMethod == 4" prop="hazopParam" label="参数" show-overflow-tooltip align="center"></el-table-column> <el-table-column v-if="identifyQueryState.identifyForm.identificationMethod == 4" prop="hazopParamDesc" label="参数描述" show-overflow-tooltip align="center"></el-table-column> - <el-table-column v-if="identifyQueryState.identifyForm.identificationMethod == 4" prop="hazopNode" label="节点" show-overflow-tooltip align="center"></el-table-column> <el-table-column v-if="identifyQueryState.identifyForm.identificationMethod == 4" prop="hazopGuide" label="引导词" show-overflow-tooltip align="center"></el-table-column> <el-table-column v-if="identifyQueryState.identifyForm.identificationMethod == 4" prop="hazopDeviation" label="偏差" show-overflow-tooltip align="center"></el-table-column> <el-table-column v-if="identifyQueryState.identifyForm.identificationMethod == 4" prop="hazopPossibleCauses" label="可能原因" show-overflow-tooltip align="center"></el-table-column> @@ -191,7 +190,7 @@ identifyQueryState.identifyQueryForm.identificationMethod = identifyQueryState.currentMethod, identifyQueryState.currentMethod = identifyQueryState.currentMethod, emit('refresh') - getIdentifyData() + await getIdentifyData() }else{ ElMessage({ type: 'warning', diff --git a/src/views/analyse/identify/index.ts b/src/views/analyse/identify/index.ts index 1bc167b..25faca1 100644 --- a/src/views/analyse/identify/index.ts +++ b/src/views/analyse/identify/index.ts @@ -1,5 +1,7 @@ declare interface IdentifyStateType { identifyData: Array<IdentifyType> + allData: Array<IdentifyType> + isAdmin: boolean user: null | number searchQuery: { pageIndex: number, diff --git a/src/views/analyse/identify/index.vue b/src/views/analyse/identify/index.vue index f5c5d8d..bf418a2 100644 --- a/src/views/analyse/identify/index.vue +++ b/src/views/analyse/identify/index.vue @@ -1,96 +1,121 @@ <template> - <div class="home-container"> - <div style="height: 100%"> - <el-row class="homeCard"> - <div class="basic-line"> - <span>评估计划名称:</span> - <el-input v-model="identifyState.searchQuery.assessPlanName" clearable filterable class="input-box" placeholder="评估计划名称"> - </el-input> - </div> - <div class="basic-line"> - <span>实验名称:</span> - <el-input v-model="identifyState.searchQuery.experimentName" clearable filterable class="input-box" placeholder="实验名称"> - </el-input> - </div> - <div style="padding-bottom: 10px"> - <el-button type="primary" @click="getIdentifyData">查询</el-button> - <el-button plain @click="reset">重置</el-button> - </div> - </el-row> - <div class="homeCard"> - <div class="main-card"> - <el-row class="cardTop"> - <el-col :span="12" class="mainCardBtn"> -<!-- <el-button type="primary" :icon="Plus" size="default" @click="openIdentifyQuery('新增', {})">新增</el-button>--> - <!-- <el-button type="danger" :icon="Delete" size="default" plain>删除</el-button>--> - </el-col> - <!-- <el-button type="primary" :icon="Refresh" size="default" />--> - </el-row> - <el-table ref="multipleTableRef" :data="identifyState.identifyData" style="width: 100%" height="calc(100% - 100px)" :header-cell-style="{ background: '#fafafa' }"> - <el-table-column type="index" label="序号"/> - <el-table-column prop="assessPlanName" label="评估计划名称"/> - <el-table-column prop="identificationMethod" label="辨识方法" show-overflow-tooltip> - <template #default="scope"> - <span>{{`${identifyState.identificationMethodList.find(item =>item.id === scope.row.identificationMethod)?.name}`}}</span> - </template> - </el-table-column> - <el-table-column prop="planUserName" label="计划负责人" /> - <el-table-column prop="identificationUser" label="辨识专家" /> - <el-table-column prop="evaluateUser" label="评价专家" /> - <el-table-column prop="createTime" label="创建时间" show-overflow-tooltip></el-table-column> - <el-table-column prop="createByUserName" label="创建人" show-overflow-tooltip></el-table-column> - <el-table-column prop="updateTime" label="最后修改时间" show-overflow-tooltip></el-table-column> - <el-table-column prop="updateByUserName" label="最后修改人" show-overflow-tooltip></el-table-column> - <el-table-column prop="planExecStatus" label="执行状态" show-overflow-tooltip> - <template #default="scope"> - <div> - <div v-if="scope.row.planExecStatus === 1"> - <el-tag :type="'info'"> - {{ '未开始' }} - </el-tag> - </div> - <div v-if="scope.row.planExecStatus === 2"> - <el-tag :type="'info'"> - {{ '辨识阶段' }} - </el-tag> - </div> - <div v-if="scope.row.planExecStatus === 3"> - <el-tag :type="'primary'"> - {{ '评价阶段' }} - </el-tag> - </div> - <div v-if="scope.row.planExecStatus === 4"> - <el-tag :type="'success'"> - {{ '完成阶段' }} - </el-tag> - </div> - </div> - </template> - </el-table-column> - <el-table-column label="操作" width="250"> - <template #default="scope"> - <el-button size="small" text type="primary" v-if="scope.row.planExecStatus === 2 && scope.row.identityUsers?.find(i=>i.identificationUserId== identifyState.user)" @click="accessIdentify(scope.row)">提交</el-button> - <el-button size="small" text type="primary" v-if="scope.row.planExecStatus === 3 || scope.row.planExecStatus === 4" :icon="View" @click="openIdentifyQuery('查看', scope.row)">查看</el-button> - <el-button size="small" text type="primary" v-if="scope.row.planExecStatus === 2 && scope.row.identityUsers?.find(i=>i.identificationUserId== identifyState.user)" :icon="Edit" @click="openIdentifyQuery('辨识', scope.row)">辨识</el-button> -<!-- <el-button size="small" text type="primary" v-if="scope.row.planExecStatus === 2" :icon="Edit" @click="openIdentifyQuery('编辑', scope.row)">编辑</el-button>--> - </template> - </el-table-column> - </el-table> - <div class="pageBtn"> - <el-pagination @size-change="onHandleSizeChange" @current-change="onHandleCurrentChange" :pager-count="5" :page-sizes="[10, 20, 30]" v-model:current-page="identifyState.searchQuery.pageIndex" background v-model:page-size="identifyState.searchQuery.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="identifyState.total" class="page-position"> </el-pagination> - </div> - </div> - </div> + <div class="home-container"> + <div style="height: 100%"> + <el-row class="homeCard"> + <div class="basic-line"> + <span>评估计划名称:</span> + <el-input v-model="identifyState.searchQuery.assessPlanName" clearable filterable class="input-box" + placeholder="评估计划名称"> + </el-input> </div> - <identify-query-dialog ref="identifyQueryDialogRef" @refresh="getIdentifyData"></identify-query-dialog> + <div class="basic-line"> + <span>实验名称:</span> + <el-input v-model="identifyState.searchQuery.experimentName" clearable filterable class="input-box" + placeholder="实验名称"> + </el-input> + </div> + <div style="padding-bottom: 10px"> + <el-button type="primary" @click="getIdentifyData">查询</el-button> + <el-button plain @click="reset">重置</el-button> + <vue3-json-excel + :json-data="identifyState.allData" + :fields="fields" + default-value="--" + name="风险辨识记录.xls" + v-if="identifyState.isAdmin" + > + <el-button plain :icon="Download" style="margin-left: 12px">导出</el-button> + </vue3-json-excel> + </div> + </el-row> + <div class="homeCard"> + <div class="main-card"> + <el-row class="cardTop"> + <el-col :span="12" class="mainCardBtn"> + <!-- <el-button type="primary" :icon="Plus" size="default" @click="openIdentifyQuery('新增', {})">新增</el-button>--> + <!-- <el-button type="danger" :icon="Delete" size="default" plain>删除</el-button>--> + </el-col> + <!-- <el-button type="primary" :icon="Refresh" size="default" />--> + </el-row> + <el-table ref="multipleTableRef" :data="identifyState.identifyData" style="width: 100%" + height="calc(100% - 100px)" :header-cell-style="{ background: '#fafafa' }"> + <el-table-column type="index" label="序号"/> + <el-table-column prop="assessPlanName" label="评估计划名称"/> + <el-table-column prop="identificationMethod" label="辨识方法" show-overflow-tooltip> + <template #default="scope"> + <span>{{ `${identifyState.identificationMethodList.find(item => item.id === scope.row.identificationMethod)?.name}` }}</span> + </template> + </el-table-column> + <el-table-column prop="planUserName" label="计划负责人"/> + <el-table-column prop="identificationUser" label="辨识专家"/> + <el-table-column prop="evaluateUser" label="评价专家"/> + <el-table-column prop="createTime" label="创建时间" show-overflow-tooltip></el-table-column> + <el-table-column prop="createByUserName" label="创建人" show-overflow-tooltip></el-table-column> + <el-table-column prop="updateTime" label="最后修改时间" show-overflow-tooltip></el-table-column> + <el-table-column prop="updateByUserName" label="最后修改人" show-overflow-tooltip></el-table-column> + <el-table-column prop="planExecStatus" label="执行状态" show-overflow-tooltip> + <template #default="scope"> + <div> + <div v-if="scope.row.planExecStatus === 1"> + <el-tag :type="'info'"> + {{ '未开始' }} + </el-tag> + </div> + <div v-if="scope.row.planExecStatus === 2"> + <el-tag :type="'info'"> + {{ '辨识阶段' }} + </el-tag> + </div> + <div v-if="scope.row.planExecStatus === 3"> + <el-tag :type="'primary'"> + {{ '评价阶段' }} + </el-tag> + </div> + <div v-if="scope.row.planExecStatus === 4"> + <el-tag :type="'success'"> + {{ '完成阶段' }} + </el-tag> + </div> + </div> + </template> + </el-table-column> + <el-table-column label="操作" width="250"> + <template #default="scope"> + <el-button size="small" text type="primary" + v-if="scope.row.planExecStatus === 2 && scope.row.identityUsers?.find(i=>i.identificationUserId== identifyState.user)" + @click="accessIdentify(scope.row)">提交 + </el-button> + <el-button size="small" text type="primary" + v-if="scope.row.planExecStatus === 3 || scope.row.planExecStatus === 4" :icon="View" + @click="openIdentifyQuery('查看', scope.row)">查看 + </el-button> + <el-button size="small" text type="primary" + v-if="scope.row.planExecStatus === 2 && scope.row.identityUsers?.find(i=>i.identificationUserId== identifyState.user)" + :icon="Edit" @click="openIdentifyQuery('辨识', scope.row)">辨识 + </el-button> + <!-- <el-button size="small" text type="primary" v-if="scope.row.planExecStatus === 2" :icon="Edit" @click="openIdentifyQuery('编辑', scope.row)">编辑</el-button>--> + </template> + </el-table-column> + </el-table> + <div class="pageBtn"> + <el-pagination @size-change="onHandleSizeChange" @current-change="onHandleCurrentChange" :pager-count="5" + :page-sizes="[10, 20, 30]" v-model:current-page="identifyState.searchQuery.pageIndex" + background v-model:page-size="identifyState.searchQuery.pageSize" + layout="total, sizes, prev, pager, next, jumper" :total="identifyState.total" + class="page-position"></el-pagination> + </div> + </div> + </div> </div> + <identify-query-dialog ref="identifyQueryDialogRef" @refresh="getIdentifyData"></identify-query-dialog> + </div> </template> <script setup lang="ts"> import {defineAsyncComponent, onMounted, reactive, ref} from "vue"; import {identifyApi} from "/@/api/analyse/identify"; import {ElMessage, ElMessageBox} from "element-plus"; -import { Edit, View, Plus, Delete } from '@element-plus/icons-vue'; +import {Edit, View, Plus, Delete, Download} from '@element-plus/icons-vue'; import {planApi} from "/@/api/analyse/plan"; import {userApi} from "/@/api/systemManage/user"; import {useUserInfo} from "/@/stores/userInfo"; @@ -100,174 +125,316 @@ const identifyQueryDialogRef = ref(); const userInfo = useUserInfo(); -const { userInfos } = storeToRefs(userInfo); +const {userInfos} = storeToRefs(userInfo); const identifyState = reactive<IdentifyStateType>({ - identifyData: [], - user: null, - searchQuery: { - pageIndex: 1, - pageSize: 10, - assessPlanName: '', - experimentName: '', - tag: 1, - }, - total: 0, - planList: [ - ], - personList: [], - identificationMethodList: [ - {id:1, name: 'PHA'}, - {id:2, name: 'JHA'}, - {id:3, name: 'SCL'}, - {id:4, name: 'HAZOP'}, - {id:5, name: '类比法'}, - ], - evaluateMethodList: [ - {id:1, name: 'LEC'}, - {id:2, name: 'LS'}, - {id:3, name: 'MES'}, - {id:4, name: 'RS'}, - ] - // deviceUnitList: [ - // {id:1, name: '台'}, - // {id:2, name: '个'}, - // {id:3, name: '件'} - // ] + identifyData: [], + allData: [], + isAdmin: false, + user: null, + searchQuery: { + pageIndex: 1, + pageSize: 10, + assessPlanName: '', + experimentName: '', + tag: 1, + }, + total: 0, + planList: [], + personList: [], + identificationMethodList: [ + {id: 1, name: 'PHA'}, + {id: 2, name: 'JHA'}, + {id: 3, name: 'SCL'}, + {id: 4, name: 'HAZOP'}, + {id: 5, name: '类比法'}, + ], + evaluateMethodList: [ + {id: 1, name: 'LEC'}, + {id: 2, name: 'LS'}, + {id: 3, name: 'MES'}, + {id: 4, name: 'RS'}, + ] + // deviceUnitList: [ + // {id:1, name: '台'}, + // {id:2, name: '个'}, + // {id:3, name: '件'} + // ] +}); + +// const fields = ref({ +// '评估计划名称': { +// field: 'assessPlanName', +// callback: (value:string) => { +// return value+` ` +// } +// }, +// '辨识方法': 'methodName', +// '计划负责人': 'planUserName', +// '辨识专家': 'identificationUser', +// '评价专家': 'evaluateUser', +// '创建时间': 'createTime', +// '创建人': 'createByUserName', +// '最后修改时间': 'updateTime', +// '最后修改人': 'updateByUserName', +// '执行状态': 'statusName', +// '风险评价分析单元': { +// callback: (value) => { +// if(!value.factorQueryDTOList || value.factorQueryDTOList.length == 0){ +// return '无' +// }else{ +// let name = '' +// for(let [index,val] of value.factorQueryDTOList.entries()){ +// if(value.identificationMethod == 1){ +// name = name + `${index + 1}、检查项目:${val.phaCheckItem},存在风险因素:${val.phaRiskFactor},可能存在后果:${val.phaResult},辨识结果:${val.result== 1?'有风险':val.result == 2?'无风险':'--'}\n\n` +// } +// if(value.identificationMethod == 2){ +// name = name + `${index + 1}、作业步骤:${val.jhaCheckItem},存在风险因素:${val.jhaRiskFactor},可能存在后果:${val.jhaResult},辨识结果:${val.result== 1?'有风险':val.result == 2?'无风险':'--'}\n\n` +// } +// if(value.identificationMethod == 3){ +// name = name + `${index + 1}、作业步骤:${val.sclCheckItem},检查标准:${val.sclCheckStandard},不符合标准情况:${val.sclCheckUnstandard},主要后果:${val.sclCheckResult},辨识结果:${val.result== 1?'有风险':val.result == 2?'无风险':'--'}\n\n` +// } +// if(value.identificationMethod == 4){ +// name = name + `${index + 1}、节点:${val.hazopNode},参数:${val.hazopParam},参数描述:${val.hazopParamDesc},引导词:${val.hazopGuide},偏差:${val.hazopDeviation},可能原因:${val.hazopPossibleCauses},可能存在后果:${val.hazopResult},辨识结果:${val.result== 1?'有风险':val.result == 2?'无风险':'--'}\n\n` +// } +// if(value.identificationMethod == 5){ +// name = name + `${index + 1}、检查项目:${val.analogyCheckItem},类比参照:${val.analogyReference},存在风险因素:${val.analogyRiskFactor},可能存在后果:${val.analogyResult},辨识结果:${val.result== 1?'有风险':val.result == 2?'无风险':'--'}\n\n` +// } +// } +// return name +// } +// +// } +// } +// }); + +const fields = ref({ + '评估计划名称': { + field: 'assessPlanName', + callback: (value:string) => { + return value+` ` + } + }, + '辨识方法': 'methodName', + '计划负责人': 'planUserName', + '辨识专家': 'identificationUser', + '评价专家': 'evaluateUser', + '创建时间': 'createTime', + '创建人': 'createByUserName', + '最后修改时间': 'updateTime', + '最后修改人': 'updateByUserName', + '执行状态': 'statusName', + '检查项目': { + field: 'dataCheckItem', + callback: (value:string) => { + return value+` ` + } + }, + '存在风险因素': { + field: 'dataRiskFactor', + callback: (value:string) => { + return value+` ` + } + }, + '可能存在后果': { + field: 'dataResult', + callback: (value:string) => { + return value+` ` + } + }, + '辨识结果': { + field: 'result', + callback: (value:number) => { + return value== 1?'有风险':value == 2?'无风险':'--' + } + } }); const getIdentifyData = async () => { - let res = await identifyApi().getIdentifyByList(identifyState.searchQuery); - if(res.data.code === 100){ - identifyState.identifyData = res.data.data; - identifyState.total = res.data.total; - }else{ - ElMessage({ - type: 'warning', - message: res.data.msg - }); - } + let res = await identifyApi().getIdentifyByList(identifyState.searchQuery); + if (res.data.code === 100) { + identifyState.identifyData = res.data.data.map(i => { + return { + ...i, + methodName: identifyState.identificationMethodList.find(item => item.id === i.identificationMethod)?.name, + statusName: i.planExecStatus == 1 ? '未开始' : i.planExecStatus == 2 ? '辨识阶段' : i.planExecStatus == 3 ? '评价阶段' : '完成阶段' + } + }) + identifyState.total = res.data.total; + } else { + ElMessage({ + type: 'warning', + message: res.data.msg + }); + } + await getAllData +}; + +// const getAllData = async () => { +// const query = JSON.parse(JSON.stringify(identifyState.searchQuery)) +// query.pageIndex = 1 +// query.pageSize = 99999 +// let res = await identifyApi().getIdentifyByList(query); +// if (res.data.code === 100) { +// identifyState.allData = res.data.data.map(i => { +// return { +// ...i, +// methodName: identifyState.identificationMethodList.find(item => item.id === i.identificationMethod)?.name, +// statusName: i.planExecStatus == 1 ? '未开始' : i.planExecStatus == 2 ? '辨识阶段' : i.planExecStatus == 3 ? '评价阶段' : '完成阶段' +// } +// }) +// } else { +// ElMessage({ +// type: 'warning', +// message: res.data.msg +// }); +// } +// }; + +const getAllData = async () => { + let res = await identifyApi().getAssessExport({assessPlanName: '', experimentName: '', tag: 1,pageIndex: 1,pageSize: 10}); + if (res.data.code === 200) { + identifyState.allData = res.data.data.map(i => { + return { + ...i, + methodName: identifyState.identificationMethodList.find(item => item.id === i.identificationMethod)?.name, + statusName: i.planExecStatus == 1 ? '未开始' : i.planExecStatus == 2 ? '辨识阶段' : i.planExecStatus == 3 ? '评价阶段' : '完成阶段' + } + }) + } else { + ElMessage({ + type: 'warning', + message: res.data.msg + }); + } }; const getAllPlanList = async () => { - let res = await planApi().getAllPlan(); - if(res.data.code === 100){ - identifyState.planList = JSON.parse(JSON.stringify(res.data.data)); - }else{ - ElMessage({ - type: 'warning', - message: res.data.msg - }); - } + let res = await planApi().getAllPlan(); + if (res.data.code === 100) { + identifyState.planList = JSON.parse(JSON.stringify(res.data.data)); + } else { + ElMessage({ + type: 'warning', + message: res.data.msg + }); + } }; const getPersonList = async () => { - let res = await userApi().getUserList({ - pageIndex: 1, - pageSize: 99999, - searchParams:{ - roleId: null, - name: '', - realName: '' - } - }); - if(res.data.code === 100){ - identifyState.personList = JSON.parse(JSON.stringify(res.data.data)); - }else{ - ElMessage({ - type: 'warning', - message: res.data.msg - }) + let res = await userApi().getUserList({ + pageIndex: 1, + pageSize: 99999, + searchParams: { + roleId: null, + name: '', + realName: '' } + }); + if (res.data.code === 100) { + identifyState.personList = JSON.parse(JSON.stringify(res.data.data)); + } else { + ElMessage({ + type: 'warning', + message: res.data.msg + }) + } }; const openIdentifyQuery = (title: string, value: IdentifyType) => { - identifyQueryDialogRef.value.showIdentifyQuery(title, value, identifyState.planList, identifyState.personList); + identifyQueryDialogRef.value.showIdentifyQuery(title, value, identifyState.planList, identifyState.personList); }; const onDelIdentify = (val: IdentifyType) => { - ElMessageBox.confirm(`此操作将永久删除该辨识,是否继续?`, '提示', { - confirmButtonText: '确认', - cancelButtonText: '取消', - type: 'warning' - }) - .then(async () => { - let res = await identifyApi().deleteIdentifyById({ id: val.id }); - if (res.data.code === 100) { - ElMessage({ - type: 'success', - duration: 2000, - message: '删除成功' - }); - await getIdentifyData(); - } else { - ElMessage({ - type: 'warning', - message: res.data.msg - }); - } - }) - .catch((error) => { - }); + ElMessageBox.confirm(`此操作将永久删除该辨识,是否继续?`, '提示', { + confirmButtonText: '确认', + cancelButtonText: '取消', + type: 'warning' + }) + .then(async () => { + let res = await identifyApi().deleteIdentifyById({id: val.id}); + if (res.data.code === 100) { + ElMessage({ + type: 'success', + duration: 2000, + message: '删除成功' + }); + await getIdentifyData(); + } else { + ElMessage({ + type: 'warning', + message: res.data.msg + }); + } + }) + .catch((error) => { + }); }; const accessIdentify = (val: IdentifyType) => { - if(val.factorQueryDTOList?.length > 0){ - ElMessageBox.confirm(`此操作将提交该计划:“${val.assessPlanName}”的辨识信息,是否继续?`, '提示', { - confirmButtonText: '确认', - cancelButtonText: '取消', - type: 'warning' - }) - .then(async () => { - let res = await identifyApi().submitIdentify({ id: val.id}); - if (res.data.code === 100) { - ElMessage({ - type: 'success', - duration: 2000, - message: '提交成功' - }); - await getIdentifyData(); - } else { - ElMessage({ - type: 'warning', - message: res.data.msg - }); - } - }) - .catch((error) => { - }); - }else{ - ElMessage({ - type: 'warning', - message: '请先添加辨识信息' - }); - } + if (val.factorQueryDTOList?.length > 0) { + ElMessageBox.confirm(`此操作将提交该计划:“${val.assessPlanName}”的辨识信息,是否继续?`, '提示', { + confirmButtonText: '确认', + cancelButtonText: '取消', + type: 'warning' + }) + .then(async () => { + let res = await identifyApi().submitIdentify({id: val.id}); + if (res.data.code === 100) { + ElMessage({ + type: 'success', + duration: 2000, + message: '提交成功' + }); + await getIdentifyData(); + } else { + ElMessage({ + type: 'warning', + message: res.data.msg + }); + } + }) + .catch((error) => { + }); + } else { + ElMessage({ + type: 'warning', + message: '请先添加辨识信息' + }); + } }; const onHandleSizeChange = (val: number) => { - identifyState.searchQuery.pageSize = val; - getIdentifyData(); + identifyState.searchQuery.pageSize = val; + getIdentifyData(); }; const onHandleCurrentChange = (val: number) => { - identifyState.searchQuery.pageIndex = val; - getIdentifyData(); + identifyState.searchQuery.pageIndex = val; + getIdentifyData(); }; const reset = () => { - identifyState.searchQuery = { - pageIndex: 1, - pageSize: 10, - assessPlanName: '', - experimentName: '', - tag: 1, - } + identifyState.searchQuery = { + pageIndex: 1, + pageSize: 10, + assessPlanName: '', + experimentName: '', + tag: 1, + } }; onMounted(() => { - getIdentifyData(); - getAllPlanList(); - getPersonList(); - identifyState.user = Number(userInfos.value.uid) + getIdentifyData(); + getAllData() + getAllPlanList(); + getPersonList(); + identifyState.user = Number(userInfos.value.uid) + + if(userInfos.value.roles.find(i=>i.roleId == 6 || i.roleId == 7)){ + identifyState.isAdmin = true + }else{ + identifyState.isAdmin = false + } }); </script> @@ -275,90 +442,104 @@ <style scoped lang="scss"> $homeNavLengh: 8; .home-container { - height: calc(100vh - 144px); + height: calc(100vh - 144px); + box-sizing: border-box; + overflow: hidden; + + .homeCard { + width: 100%; + padding: 20px; box-sizing: border-box; - overflow: hidden; - .homeCard { - width: 100%; - padding: 20px; - box-sizing: border-box; - background: #fff; - border-radius: 4px; + background: #fff; + border-radius: 4px; - .main-card { - width: 100%; - height: 100%; - .cardTop { - display: flex; - align-items: center; - justify-content: space-between; - margin-bottom: 20px; - .mainCardBtn { - margin: 0; - } - } - .pageBtn { - height: 60px; - display: flex; - align-items: center; - justify-content: right; + .main-card { + width: 100%; + height: 100%; - .demo-pagination-block + .demo-pagination-block { - margin-top: 10px; - } - .demo-pagination-block .demonstration { - margin-bottom: 16px; - } - } - } - &:last-of-type { - height: calc(100% - 100px); - } - } - .el-row { + .cardTop { display: flex; align-items: center; + justify-content: space-between; margin-bottom: 20px; - &:last-child { - margin-bottom: 0; + + .mainCardBtn { + margin: 0; } - .grid-content { - align-items: center; - min-height: 36px; + } + + .pageBtn { + height: 60px; + display: flex; + align-items: center; + justify-content: right; + + .demo-pagination-block + .demo-pagination-block { + margin-top: 10px; } - .topInfo { - display: flex; - align-items: center; - font-size: 16px; - font-weight: bold; - - & > div { - white-space: nowrap; - margin-right: 20px; - } + .demo-pagination-block .demonstration { + margin-bottom: 16px; } + } } + + &:last-of-type { + height: calc(100% - 100px); + } + } + + .el-row { + display: flex; + align-items: center; + margin-bottom: 20px; + + &:last-child { + margin-bottom: 0; + } + + .grid-content { + align-items: center; + min-height: 36px; + } + + .topInfo { + display: flex; + align-items: center; + font-size: 16px; + font-weight: bold; + + & > div { + white-space: nowrap; + margin-right: 20px; + } + } + } } :deep(.el-date-editor) { - width: 100%; + width: 100%; } + .el-select { - width: 100%; + width: 100%; } + :deep(.el-textarea.is-disabled .el-textarea__inner) { - background-color: var(--el-card-bg-color); - color: var(--el-input-text-color, var(--el-text-color-regular)); + background-color: var(--el-card-bg-color); + color: var(--el-input-text-color, var(--el-text-color-regular)); } + :deep(.el-input.is-disabled .el-input__inner) { - color: var(--el-input-text-color, var(--el-text-color-regular)); + color: var(--el-input-text-color, var(--el-text-color-regular)); } + :deep(.el-input.is-disabled .el-input__wrapper) { - background-color: var(--el-card-bg-color); + background-color: var(--el-card-bg-color); } -:deep(.el-range-editor.is-disabled input){ - background-color: var(--el-card-bg-color); - color: var(--el-input-text-color, var(--el-text-color-regular)); + +:deep(.el-range-editor.is-disabled input) { + background-color: var(--el-card-bg-color); + color: var(--el-input-text-color, var(--el-text-color-regular)); } </style> -- Gitblit v1.9.2