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