From 52cdea9a329e0835fc30ef8c3ebb7263658cf38d Mon Sep 17 00:00:00 2001 From: Your Name <123456> Date: 星期六, 20 八月 2022 10:12:05 +0800 Subject: [PATCH] lct --- src/views/goalManagement/safetyAssessment/component/Dailog.vue | 272 ++++++++++++++++++++++++++++++------------------------ 1 files changed, 151 insertions(+), 121 deletions(-) diff --git a/src/views/goalManagement/safetyAssessment/component/Dailog.vue b/src/views/goalManagement/safetyAssessment/component/Dailog.vue index 6112761..aabe83c 100644 --- a/src/views/goalManagement/safetyAssessment/component/Dailog.vue +++ b/src/views/goalManagement/safetyAssessment/component/Dailog.vue @@ -1,13 +1,15 @@ <template> - <el-dialog v-model="dialogVisible" :fullscreen="full" title="目标考核" width="70%" draggable @close="closeDialog"> + <el-dialog v-model="dialogVisible" :before-close="resetForm" :fullscreen="full" title="目标分解" width="60%" draggable> <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button> <el-form :model="form" label-width="120px"> <el-row> <el-col :span="11"> <el-form-item label="安全目标指标" size="default"> <el-input v-model="form.qName" :disabled="disabled"> - <template #append> <el-button :icon="Search" @click="daiInpt" /> </template - ></el-input> + <template #append> + <el-button :icon="Search" @click="daiInpt" /> + </template> + </el-input> </el-form-item> </el-col> <el-col :span="11" :offset="2"> @@ -29,167 +31,187 @@ </el-col> </el-row> </el-form> - <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick"> + <el-tabs v-model="activeName" class="demo-tabs"> <el-tab-pane label="目标指标分解" name="1"> - <el-button type="primary" size="default" @click="daiAdd('新增')" :disabled="disabled">新增</el-button> - </el-tab-pane> + <!-- <el-button type="primary" size="default" @click="daiAdd('新增')" :disabled="disabled">新增</el-button> --> + </el-tab-pane> </el-tabs> - <el-table :data="formUp.examineList" style="width: 100%"> - <el-table-column align="center" type="index" label="序号" width="70" /> - <el-table-column align="center" prop="dutyDepartmentName" label="责任部门" /> - <el-table-column align="center" prop="examineValue" label="考核指标" /> - <el-table-column align="center" prop="makerDepartmentName" label="制定部门" /> - <el-table-column align="center" prop="makeDate" label="制定日期" /> - <el-table-column align="center" prop="uploadValue" label="上报值" /> - <el-table-column align="center" prop="uploadDate" label="上报时间" /> - <el-table-column align="center" prop="examineResult" label="考核结果" > - <template #default="scope"> - <div v-if="scope.row.examineResult==1"> - 合格 - </div> - <div v-if="scope.row.examineResult==2"> - 不合格 - </div> - </template> - </el-table-column> - <el-table-column align="center" prop="examinePersonName" label="考核人" /> - <el-table-column align="center" prop="examineDate" label="考核时间" /> + <el-table :data="formUp.targetDivideDetailList" style="width: 100%"> + <el-table-column align="center" property="dutyDepartmentName" label="责任部门" width="180" /> + <el-table-column align="center" property="value" label="考核指标" width="180" /> + <el-table-column align="center" property="makerDepartmentName" label="制定人部门" /> + <el-table-column align="center" property="makeDate" :formatter="timeDate" label="制定日期" /> + <el-table-column align="center" property="commitPersonName" label="上报人" /> <el-table-column align="center" label="操作"> <template #default="scope"> <el-button link type="primary" @click="daiAdd('查看', scope.row)">查看</el-button> - <el-button link type="primary" @click="daiAdd('修改', scope.row)">修改</el-button> - <el-button link type="primary" @click="Delete(scope.row)">删除</el-button> + <el-button link :disabled="disabled" type="primary" @click="daiAdd('修改', scope.row)">考核</el-button> </template> </el-table-column> </el-table> <template #footer> <span class="dialog-footer"> - <el-button @click="closeDialog" size="default">关闭</el-button> - <el-button type="primary" @click="submitForm" size="default">确定</el-button> + <el-button @click="resetForm" size="default">关闭</el-button> + <el-button type="primary" v-if="disabled == false" @click="submitForm" size="default">确定</el-button> </span> </template> </el-dialog> + <DailogAdd ref="Show" @onAdd="add"></DailogAdd> <DailogSearch ref="Shows" @backNum="onNumber"></DailogSearch> - <DailogAdd ref="Show" @onAdd="add"></DailogAdd> </template> <script lang="ts"> import { defineComponent, ref, reactive } from 'vue'; +import { timeDate } from '/@/assets/index.ts'; import { Search, FullScreen } from '@element-plus/icons-vue'; +import DailogAdd from './DailogAdd.vue'; import { ElMessageBox, ElMessage, ElButton, ElInput, TabsPaneContext } from 'element-plus'; import DailogSearch from '../../../../components/DailogSearch/DailogSearch.vue'; -import DailogAdd from './DailogAdd.vue'; import { goalManagementApi } from '/@/api/goalManagement'; -import {deepClone} from "/@/utils/other"; +import { emit } from 'process'; +import { deepClone } from '/@/utils/other'; export default defineComponent({ - components: { DailogSearch ,DailogAdd}, - setup() { + components: { DailogAdd, DailogSearch }, + setup(props, { emit }) { const dialogVisible = ref<boolean>(false); - const form = ref({}); + const form = ref({ + qName: '', + indexNum: '', + year: '', + value: '', + targetDivideDetailList: [], + }); const targetType = ref(); const disabled = ref(false); const titles = ref(); + const numId=ref() const openDailog = (title: string, type: any, id: number) => { dialogVisible.value = true; titles.value = title; targetType.value = type; + disabled.value = title == '查看' ? true : false; if (title == '查看' || title == '修改') { goalManagementApi() - .gettargetExamineDetail(id) + .getTargetMngDetail(id) .then((res) => { if (res.data.code == 200) { form.value = res.data.data; - formUp.examineList = res.data.data.examineList + formUp.targetDivideDetailList = form.value.targetDivideDetailList; + for(let i=0;i<formUp.targetDivideDetailList.length;i++){ + formUp.targetDivideDetailList[i].makeDate=timeC(formUp.targetDivideDetailList[i].makeDate) + } } else { ElMessage.error(res.data.msg); } }); } + numId.value=id }; - const closeDialog = () => { - form.value = {} - formUp.examineList = [] - dialogVisible.value = false + const timeC = (timestamp: any) => { + let a = new Date(timestamp).getTime(); + const date = new Date(a); + const Y = date.getFullYear() + '-'; + const M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'; + const D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' '; + const h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':'; + const m = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes(); + const s = date.getSeconds(); // 秒 + const dateString = Y + M + D + h + m +`:${s}`; + // console.log('dateString', dateString); // > dateString 2021-07-06 14:23 + return dateString; }; - const submitForm = () => { - // formUp.delTargetDivideDetails = arr.value.toString(); - // formUp.targetId = form.value.id; - dialogVisible.value = false; - for(let i=0;i<formUp.examineList.length;i++){ - delete formUp.examineList[i].dutyDepartmentName - delete formUp.examineList[i].makerDepartmentName - } - formUp.id = form.value.id - formUp.delIds = arr.value.toString(); - goalManagementApi() - .gettargetExamineAddOrUpdate(formUp) - .then((res) => { - if (res.data.code == 200) { - ElMessage({ - message: res.data.msg, - type: 'success', - }); - emit('addList'); - } else { - ElMessage.error(res.data.msg); - } - }); - form.value = { - qName: '', - indexNum: '', - year: '', - value: '', - examineList: [], - }; - tableData.value = []; - formUp.targetId = ''; - formUp.delTargetDivideDetails = ''; - formUp.examineList = []; - }; - const arr = ref([]); - // 删除 - const Delete = (data: any) => { - formUp.examineList.splice(form.value.examineList.indexOf(data), 1); - arr.value.push(data.id); - }; - const onNumber = (e: object) => { - form.value = e; + const onNumber = (val: object) => { + form.value = val; }; // 导航 const activeName = ref('1'); // 表格 const tableData = ref([]); + // 新增弹窗 + const index = ref<any>(); + const Show = ref(); + const daiAdd = (title: string, data: any) => { + index.value = formUp.targetDivideDetailList.indexOf(data); + Show.value.openDailog(title, data); + }; + const formUp = reactive({ + targetId: '', //关联的目标指标/外键 + delTargetDivideDetails: '', //要删除的目标指标分解ID,多个用逗号隔开 + targetDivideDetailList: [], //目标指标分解列表 + }); + + const add = (val: any) => { + goalManagementApi() + .getTargetMngDetail(numId.value) + .then((res) => { + if (res.data.code == 200) { + form.value = res.data.data; + formUp.targetDivideDetailList = form.value.targetDivideDetailList; + for(let i=0;i<formUp.targetDivideDetailList.length;i++){ + formUp.targetDivideDetailList[i].makeDate=timeC(formUp.targetDivideDetailList[i].makeDate) + } + } else { + ElMessage.error(res.data.msg); + } + }); + + // let obj=JSON.parse(JSON.stringify(form.value)) + }; + // 新增 + const submitForm = () => { + formUp.delTargetDivideDetails = arr.value.toString(); + formUp.targetId = form.value.id; + dialogVisible.value = false; + for(let i=0;i<formUp.targetDivideDetailList.length;i++){ + delete formUp.targetDivideDetailList[i].dutyDepartmentName + delete formUp.targetDivideDetailList[i].makerDepartmentName + } + goalManagementApi() + .gettargetDivideDetail(formUp) + .then((res) => { + if (res.data.code == 200) { + ElMessage({ + message: res.data.msg, + type: 'success', + }); + emit('addList'); + } else { + ElMessage.error(res.data.msg); + } + }); + form.value = { + qName: '', + indexNum: '', + year: '', + value: '', + targetDivideDetailList: [], + }; + tableData.value = []; + formUp.targetId = ''; + formUp.delTargetDivideDetails = ''; + formUp.targetDivideDetailList = []; + }; + const arr = ref([]); // 安全目标指标弹窗 const Shows = ref(); const daiInpt = () => { Shows.value.openDailog(targetType.value); }; - - // 新增弹窗 - const index=ref<any>() - const Show = ref(); - const daiAdd = (title: string, data: any) => { - index.value = formUp.examineList.indexOf(data); - Show.value.openDailog(title, data); + // 关闭 + const resetForm = () => { + dialogVisible.value = false; + form.value = { + qName: '', + indexNum: '', + year: '', + value: '', + targetDivideDetailList: [], + }; + tableData.value = []; + formUp.targetId = ''; + formUp.delTargetDivideDetails = ''; + formUp.targetDivideDetailList = []; }; - const formUp = reactive({ - targetId: '', //关联的目标指标/外键 - delTargetDivideDetails: '', //要删除的目标指标分解ID,多个用逗号隔开 - examineList: [], //目标指标分解列表 - }); - - const add = (val: any) => { - const item = deepClone(val) - if(index.value==-1){ - - formUp.examineList.push(item); - }else{ - formUp.examineList[index.value] = item; - } - console.log(formUp) - // let obj=JSON.parse(JSON.stringify(form.value)) - }; - //全屏 const full = ref(false); const toggleFullscreen = () => { @@ -199,30 +221,38 @@ full.value = false; } }; + // 时间格式处理 + // const timeDate = (data: any) => { + // let result = new Date(data).getTime(); + // return result; + // }; return { + timeC, + index, + timeDate, + arr, form, dialogVisible, openDailog, - targetType, - onNumber, - disabled, - titles, activeName, tableData, + Show, + daiAdd, Shows, daiInpt, Search, full, toggleFullscreen, FullScreen, - daiAdd, - index, - Show, - formUp, - add, - closeDialog, + onNumber, + targetType, + disabled, + resetForm, + titles, + add, + formUp, submitForm, - Delete + numId }; }, }); -- Gitblit v1.9.2