<template>
|
<div class="box">
|
<el-form ref="form" :model="form" label-width="120px">
|
<el-row>
|
<el-col :span="15">
|
<el-form-item label="流程标题">
|
<el-input v-model="form.name" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="15">
|
<el-form-item label="下级审批日期">
|
<el-date-picker v-model="form.date1" type="date" placeholder="Pick a date" style="width: 100%" />
|
</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-form-item>
|
</el-col>
|
</el-row>
|
<el-row v-if="false">
|
<el-col :span="15">
|
<el-form-item label="抄送给">
|
<el-input v-model="resource" placeholder="">
|
<template #append> <el-button :icon="Search" /> </template
|
></el-input>
|
</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="checkbox2">
|
<el-checkbox label="指定下一步处理者(不设置就使用默认处理人)" name="1" />
|
</el-checkbox-group>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row v-if="false">
|
<el-col :span="15">
|
<el-form-item label="指定">
|
<el-input v-model="desc" placeholder="">
|
<template #append> <el-button :icon="Search" /> </template
|
></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
</template>
|
<script lang="ts">
|
import { defineComponent, ref, reactive } from 'vue';
|
import { Search } from '@element-plus/icons-vue';
|
|
export default defineComponent({
|
setup() {
|
const form = reactive<any>({
|
name: '',
|
region: '',
|
date1: '',
|
date2: '',
|
delivery: false,
|
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;
|
}
|
};
|
return {
|
form,
|
resourceShow,
|
checkbox1,
|
checkbox2,
|
descShow,
|
Search,
|
};
|
},
|
});
|
</script>
|
|
<style scoped>
|
.box {
|
margin: 30px 0 100px 0;
|
background-color: #fff;
|
border: 1px solid #dcdfe6;
|
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 12%), 0 0 6px 0 rgb(0 0 0 / 4%);
|
padding: 20px;
|
}
|
.el-row {
|
padding: 0 0 20px 0;
|
}
|
</style>
|
