From 988558aaa309068fd393cc654be537434b0a15ea Mon Sep 17 00:00:00 2001 From: Your Name <123456> Date: 星期四, 11 八月 2022 19:11:18 +0800 Subject: [PATCH] 修改 --- src/views/goalManagement/safetyAssessment/component/Dailog.vue | 45 ++++++++++++++++++++++++++++++++++++++++----- 1 files changed, 40 insertions(+), 5 deletions(-) diff --git a/src/views/goalManagement/safetyAssessment/component/Dailog.vue b/src/views/goalManagement/safetyAssessment/component/Dailog.vue index 7639890..3032820 100644 --- a/src/views/goalManagement/safetyAssessment/component/Dailog.vue +++ b/src/views/goalManagement/safetyAssessment/component/Dailog.vue @@ -1,5 +1,5 @@ <template> - <el-dialog v-model="dialogVisible" :fullscreen="full" title="目标分解" width="70%" draggable> + <el-dialog v-model="dialogVisible" :fullscreen="full" title="目标考核" width="70%" draggable> <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button> <el-form :model="form" label-width="120px"> <el-row> @@ -30,7 +30,9 @@ </el-row> </el-form> <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick"> - <el-tab-pane label="目标指标分解" name="1"> </el-tab-pane> + <el-tab-pane label="目标指标分解" name="1"> + <el-button type="primary" size="default" @click="daiAdd('新增')" :disabled="disabled">新增</el-button> + </el-tab-pane> </el-tabs> <el-table :data="tableData" style="width: 100%"> <el-table-column align="center" type="index" label="序号" width="70" /> @@ -44,8 +46,8 @@ <el-table-column align="center" prop="address" label="考核人" /> <el-table-column align="center" prop="address" label="考核时间" /> <el-table-column align="center" label="操作"> - <template #default> - <el-button link type="primary">查看</el-button> + <template #default="scope"> + <el-button link type="primary" @click="daiAdd('修改', scope.row)">查看</el-button> </template> </el-table-column> </el-table> @@ -57,15 +59,18 @@ </template> </el-dialog> <DailogSearch ref="Shows" @backNum="onNumber"></DailogSearch> + <DailogAdd ref="Show" @onAdd="add"></DailogAdd> </template> <script lang="ts"> import { defineComponent, ref, reactive } from 'vue'; import { Search, FullScreen } from '@element-plus/icons-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"; export default defineComponent({ - components: { DailogSearch }, + components: { DailogSearch ,DailogAdd}, setup() { const dialogVisible = ref<boolean>(false); const form = ref({}); @@ -101,6 +106,31 @@ const daiInpt = () => { Shows.value.openDailog(targetType.value); }; + + // 新增弹窗 + 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) => { + const item = deepClone(val) + if(index.value==-1){ + formUp.targetDivideDetailList.push(item); + }else{ + formUp.targetDivideDetailList[index.value] = item; + } + + // let obj=JSON.parse(JSON.stringify(form.value)) + }; + //全屏 const full = ref(false); const toggleFullscreen = () => { @@ -126,6 +156,11 @@ full, toggleFullscreen, FullScreen, + daiAdd, + index, + Show, + formUp, + add, }; }, }); -- Gitblit v1.9.2