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 ++++++++++++++++++++++++--------------------
1 files changed, 49 insertions(+), 41 deletions(-)
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,
};
},
--
Gitblit v1.9.2