目标管理

shj

2022-07-05 a10f68d9c66dee70ef1d5459f462c21bac7cdff9

 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,
      };
   },