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