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