|
|
@@ -90,24 +90,27 @@
|
|
|
:limit.sync="queryParams.pageSize"
|
|
|
@pagination="getList"
|
|
|
/>
|
|
|
-
|
|
|
- <el-dialog :title="dialogProcessVisibleName===1?'新建流程':'编辑流程'" :visible.sync="open" :fullscreen="true" style="margin-top: 0">
|
|
|
- <div v-if="open" class="tpl-create-content">
|
|
|
+ <el-drawer
|
|
|
+ :title="dialogProcessVisibleName===1?'新建流程':'编辑流程'"
|
|
|
+ direction="rtl"
|
|
|
+ :visible.sync="open"
|
|
|
+ :before-close="handleClose"
|
|
|
+ size="85%"
|
|
|
+ >
|
|
|
+ <div v-if="open" class="tpl-create-content" style="margin-right: 15px;">
|
|
|
<el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="100px">
|
|
|
<el-row>
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="8">
|
|
|
<el-form-item label="名称" prop="name">
|
|
|
<el-input v-model="ruleForm.name" placeholder="请输入流程名称" style="width: 100%" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="8">
|
|
|
<el-form-item label="图标" prop="icon">
|
|
|
<e-icon-picker v-model="ruleForm.icon" style="width: 100%" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="8">
|
|
|
<el-form-item label="分类" prop="classify">
|
|
|
<el-select v-model="ruleForm.classify" filterable placeholder="请选择流程分类" style="width: 100%">
|
|
|
<el-option
|
|
|
@@ -119,7 +122,9 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="12">
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
<el-form-item label="模版" prop="tpls">
|
|
|
<el-select v-model="ruleForm.tpls" filterable multiple placeholder="请选择模版" style="width: 100%">
|
|
|
<el-option
|
|
|
@@ -131,9 +136,7 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="8">
|
|
|
<el-form-item label="通知">
|
|
|
<el-select v-model="ruleForm.notice" multiple filterable clearable placeholder="请选择流程任务" style="width: 100%">
|
|
|
<el-option label="推送" :value="1" />
|
|
|
@@ -141,7 +144,7 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="8">
|
|
|
<el-form-item label="模板类型" prop="sub">
|
|
|
<el-select v-model="ruleForm.sub" filterable placeholder="请选择模板类型" style="width: 100%">
|
|
|
<el-option label="父流程" :value="0" />
|
|
|
@@ -181,12 +184,12 @@
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
- <div style="text-align: center; margin-top: 20px">
|
|
|
+ <div style="text-align: center; margin-top: 20px; margin-bottom: 20px;">
|
|
|
<el-button type="primary" @click="dialogProcessVisibleName===1?submitForm('ruleForm'):editForm('ruleForm')">提交</el-button>
|
|
|
- <el-button @click="open = false">取 消</el-button>
|
|
|
+ <el-button @click="handleClose">取 消</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </el-dialog>
|
|
|
+ </el-drawer>
|
|
|
</el-card>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -373,7 +376,7 @@ export default {
|
|
|
await this.getUsers()
|
|
|
await this.getRoles()
|
|
|
await this.getDepartments()
|
|
|
- await this.getTaskList()
|
|
|
+ // await this.getTaskList()
|
|
|
await this.getProcessList()
|
|
|
await this.getPostOptions()
|
|
|
},
|
|
|
@@ -428,6 +431,16 @@ export default {
|
|
|
})
|
|
|
})
|
|
|
},
|
|
|
+ handleClose(done) {
|
|
|
+ this.$confirm('确认关闭？')
|
|
|
+ .then(_ => {
|
|
|
+ this.open = false
|
|
|
+ if (done) {
|
|
|
+ done()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(_ => {})
|
|
|
+ },
|
|
|
verifyProcess(structureValue) {
|
|
|
for (var r of structureValue.nodes) {
|
|
|
if (r.sort === undefined || r.sort === null || r.sort === '') {
|
|
|
@@ -582,3 +595,9 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+/deep/.el-drawer__body {
|
|
|
+ overflow-y: auto;
|
|
|
+}
|
|
|
+</style>
|
