From a10f68d9c66dee70ef1d5459f462c21bac7cdff9 Mon Sep 17 00:00:00 2001 From: shj <1790240199@qq.com> Date: 星期二, 05 七月 2022 14:01:55 +0800 Subject: [PATCH] 目标管理 --- src/views/goalManagement/targetEscalation/component/lowerPlate.vue | 90 ++++++++++++++++++++++++-------------------- src/views/goalManagement/targetEscalation/processForms.vue | 12 +++++- src/components/DailogSearchUser/index.vue | 10 +---- 3 files changed, 61 insertions(+), 51 deletions(-) diff --git a/src/components/DailogSearchUser/index.vue b/src/components/DailogSearchUser/index.vue index 89e13f1..80f82fe 100644 --- a/src/components/DailogSearchUser/index.vue +++ b/src/components/DailogSearchUser/index.vue @@ -9,7 +9,7 @@ </div> </div> </el-col> - <el-col :span="14"> + <el-col :span="14" style="padding:20px"> <el-form ref="ruleFormRef" :model="ruleForm" status-icon> <el-row> <el-col :span="10" :offset="1"> @@ -26,13 +26,7 @@ </el-row> </el-form> <el-table :data="tableData" style="width: 100%; margin-top: 20px"> - <el-table-column align="center" width="50px"> - <template #default> - <el-radio-group v-model="radio1" class="ml-4"> - <el-radio label="1" size="large"> </el-radio> - </el-radio-group> - </template> - </el-table-column> + <el-table-column align="center" width="50px" type="selection"></el-table-column> <el-table-column align="center" prop="date" label="安全目标指标" /> <el-table-column align="center" prop="name" label="目标指标编号" /> <el-table-column align="center" prop="address" label="年度" /> diff --git a/src/views/goalManagement/targetEscalation/component/lowerPlate.vue b/src/views/goalManagement/targetEscalation/component/lowerPlate.vue index f75fe8e..2f45412 100644 --- a/src/views/goalManagement/targetEscalation/component/lowerPlate.vue +++ b/src/views/goalManagement/targetEscalation/component/lowerPlate.vue @@ -1,10 +1,10 @@ <template> <div class="box"> - <el-form ref="form" :model="form" label-width="120px"> + <el-form ref="formS" :model="form" :rules="rules" label-width="120px"> <el-row> <el-col :span="15"> <el-form-item label="流程标题"> - <el-input v-model="form.name" /> + <el-input v-model="form.names" /> </el-form-item> </el-col> </el-row> @@ -18,17 +18,15 @@ <el-row> <el-col :span="15"> <el-form-item label=""> - <el-checkbox-group v-model="form.type" @change="checkbox1"> - <el-checkbox label="是否抄送" name="1" /> - </el-checkbox-group> + <el-checkbox v-model="form.delivery" label="是否抄送" @change="typeChang"/> </el-form-item> </el-col> </el-row> - <el-row v-if="false"> + <el-row v-if="form.delivery"> <el-col :span="15"> - <el-form-item label="抄送给"> - <el-input v-model="resource" placeholder=""> - <template #append> <el-button :icon="Search" /> </template + <el-form-item label="抄送给" prop="resource"> + <el-input v-model="form.resource" placeholder=""> + <template #append> <el-button :icon="Search" @click="openDai" /> </template ></el-input> </el-form-item> </el-col> @@ -36,62 +34,72 @@ <el-row> <el-col :span="15"> <el-form-item label=""> - <el-checkbox-group v-model="form.type" @change="checkbox2"> - <el-checkbox label="指定下一步处理者(不设置就使用默认处理人)" name="1" /> - </el-checkbox-group> + <el-checkbox v-model="form.type" label="指定下一步处理者(不设置就使用默认处理人)"/> </el-form-item> </el-col> </el-row> - <el-row v-if="false"> + <el-row v-if="form.type"> <el-col :span="15"> - <el-form-item label="指定"> - <el-input v-model="desc" placeholder=""> - <template #append> <el-button :icon="Search" /> </template + <el-form-item label="指定" prop="desc"> + <el-input v-model="form.desc" placeholder=""> + <template #append> <el-button :icon="Search" @click="openDai" /> </template ></el-input> </el-form-item> </el-col> </el-row> </el-form> </div> + <DailogSearchUser ref="ShowUser"></DailogSearchUser> </template> <script lang="ts"> import { defineComponent, ref, reactive } from 'vue'; +import DailogSearchUser from '/@/components/DailogSearchUser/index.vue' import { Search } from '@element-plus/icons-vue'; - +import type { FormInstance, FormRules } from 'element-plus' export default defineComponent({ + components:{DailogSearchUser}, setup() { - const form = reactive<any>({ - name: '', + const formS=ref<FormInstance>() + let form = reactive({ + names: '', region: '', date1: '', date2: '', - delivery: false, - type: [], + delivery: "", + type: "", resource: '', desc: '', }); - const resourceShow = ref<boolean>(); - const descShow = ref<boolean>(); - const checkbox1 = () => { - if (form.resource == '1') { - resourceShow.value = true; - } else { - resourceShow.value = false; - } - }; - const checkbox2 = () => { - if (form.desc == '1') { - descShow.value = true; - } else { - descShow.value = false; - } - }; + const typeChang=()=>{ + console.log('tag',form) + } + const rules = reactive<FormRules>({ + resource: [ + { + type: 'array', + required: true, + message: '用户不能为空', + trigger: 'change', + }, + ], + desc: [ + { + required: true, + message: '用户不能为空', + trigger: 'change', + }, + ]}) + const ShowUser=ref() + const openDai =()=>{ + ShowUser.value.openDailog() + } return { form, - resourceShow, - checkbox1, - checkbox2, - descShow, + rules, + formS, + typeChang, + ShowUser, + openDai, Search, }; }, diff --git a/src/views/goalManagement/targetEscalation/processForms.vue b/src/views/goalManagement/targetEscalation/processForms.vue index af8cd2a..67b496d 100644 --- a/src/views/goalManagement/targetEscalation/processForms.vue +++ b/src/views/goalManagement/targetEscalation/processForms.vue @@ -4,7 +4,7 @@ <el-menu :default-active="activeIndex" class="el-menu-demo" - background-color="#fff" + background-color="#ebeef5" text-color="#fff" active-text-color="#fff" mode="horizontal" @@ -70,7 +70,10 @@ </el-tab-pane> </el-tabs> </div> - <div v-if="activeIndex == 2" class="navType">cccccccc</div> + <div v-if="activeIndex == 2" class="navType" style="padding:20px 20px 0 20px"> + <div class="title2">流程图</div> + <div style="width:100%;height:400px"></div> + </div> </div> <lowerPlate></lowerPlate> <div class="btns"> @@ -163,4 +166,9 @@ box-shadow: 0 -3px 5px 0 rgb(0 0 0 / 12%); } +.title2{ + padding: 20px 0 20px 10px; + width: 100%; + border: 1px solid #dcdfe6; +} </style> -- Gitblit v1.9.2