20200604-zlp-1
一日流程管理
This commit is contained in:
		
							
								
								
									
										53
									
								
								ruoyi-ui/src/api/benyi/dayflow/unscramble.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										53
									
								
								ruoyi-ui/src/api/benyi/dayflow/unscramble.js
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,53 @@ | |||||||
|  | import request from '@/utils/request' | ||||||
|  |  | ||||||
|  | // 查询一日流程解读列表 | ||||||
|  | export function listUnscramble(query) { | ||||||
|  |   return request({ | ||||||
|  |     url: '/benyi/unscramble/list', | ||||||
|  |     method: 'get', | ||||||
|  |     params: query | ||||||
|  |   }) | ||||||
|  | } | ||||||
|  |  | ||||||
|  | // 查询一日流程解读详细 | ||||||
|  | export function getUnscramble(id) { | ||||||
|  |   return request({ | ||||||
|  |     url: '/benyi/unscramble/' + id, | ||||||
|  |     method: 'get' | ||||||
|  |   }) | ||||||
|  | } | ||||||
|  |  | ||||||
|  | // 新增一日流程解读 | ||||||
|  | export function addUnscramble(data) { | ||||||
|  |   return request({ | ||||||
|  |     url: '/benyi/unscramble', | ||||||
|  |     method: 'post', | ||||||
|  |     data: data | ||||||
|  |   }) | ||||||
|  | } | ||||||
|  |  | ||||||
|  | // 修改一日流程解读 | ||||||
|  | export function updateUnscramble(data) { | ||||||
|  |   return request({ | ||||||
|  |     url: '/benyi/unscramble', | ||||||
|  |     method: 'put', | ||||||
|  |     data: data | ||||||
|  |   }) | ||||||
|  | } | ||||||
|  |  | ||||||
|  | // 删除一日流程解读 | ||||||
|  | export function delUnscramble(id) { | ||||||
|  |   return request({ | ||||||
|  |     url: '/benyi/unscramble/' + id, | ||||||
|  |     method: 'delete' | ||||||
|  |   }) | ||||||
|  | } | ||||||
|  |  | ||||||
|  | // 导出一日流程解读 | ||||||
|  | export function exportUnscramble(query) { | ||||||
|  |   return request({ | ||||||
|  |     url: '/benyi/unscramble/export', | ||||||
|  |     method: 'get', | ||||||
|  |     params: query | ||||||
|  |   }) | ||||||
|  | } | ||||||
							
								
								
									
										306
									
								
								ruoyi-ui/src/views/benyi/dayflow/unscramble.vue
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										306
									
								
								ruoyi-ui/src/views/benyi/dayflow/unscramble.vue
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,306 @@ | |||||||
|  | <template> | ||||||
|  |   <div class="app-container"> | ||||||
|  |     <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px"> | ||||||
|  |       <el-form-item label="标准id" prop="standardId"> | ||||||
|  |         <el-select v-model="queryParams.standardId" size="small"> | ||||||
|  |           <el-option | ||||||
|  |             v-for="item in standardOptions" | ||||||
|  |             :key="item.id" | ||||||
|  |             :label="item.standardTitle" | ||||||
|  |             :value="item.id" | ||||||
|  |           /> | ||||||
|  |         </el-select> | ||||||
|  |       </el-form-item> | ||||||
|  |       <el-form-item label="解读内容" prop="content"> | ||||||
|  |         <el-input | ||||||
|  |           v-model="queryParams.content" | ||||||
|  |           placeholder="请输入解读内容" | ||||||
|  |           clearable | ||||||
|  |           size="small" | ||||||
|  |           @keyup.enter.native="handleQuery" | ||||||
|  |         /> | ||||||
|  |       </el-form-item> | ||||||
|  |       <el-form-item> | ||||||
|  |         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> | ||||||
|  |         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> | ||||||
|  |       </el-form-item> | ||||||
|  |     </el-form> | ||||||
|  |  | ||||||
|  |     <el-row :gutter="10" class="mb8"> | ||||||
|  |       <el-col :span="1.5"> | ||||||
|  |         <el-button | ||||||
|  |           type="primary" | ||||||
|  |           icon="el-icon-plus" | ||||||
|  |           size="mini" | ||||||
|  |           @click="handleAdd" | ||||||
|  |           v-hasPermi="['benyi:unscramble:add']" | ||||||
|  |         >新增</el-button> | ||||||
|  |       </el-col> | ||||||
|  |       <el-col :span="1.5"> | ||||||
|  |         <el-button | ||||||
|  |           type="success" | ||||||
|  |           icon="el-icon-edit" | ||||||
|  |           size="mini" | ||||||
|  |           :disabled="single" | ||||||
|  |           @click="handleUpdate" | ||||||
|  |           v-hasPermi="['benyi:unscramble:edit']" | ||||||
|  |         >修改</el-button> | ||||||
|  |       </el-col> | ||||||
|  |       <el-col :span="1.5"> | ||||||
|  |         <el-button | ||||||
|  |           type="danger" | ||||||
|  |           icon="el-icon-delete" | ||||||
|  |           size="mini" | ||||||
|  |           :disabled="multiple" | ||||||
|  |           @click="handleDelete" | ||||||
|  |           v-hasPermi="['benyi:unscramble:remove']" | ||||||
|  |         >删除</el-button> | ||||||
|  |       </el-col> | ||||||
|  |     </el-row> | ||||||
|  |  | ||||||
|  |     <el-table v-loading="loading" :data="unscrambleList" @selection-change="handleSelectionChange"> | ||||||
|  |       <el-table-column type="selection" width="55" align="center" /> | ||||||
|  |       <el-table-column label="编号" align="center" prop="id" /> | ||||||
|  |       <el-table-column label="内容" align="center" prop="content" /> | ||||||
|  |       <el-table-column label="序号" align="center" prop="sort" /> | ||||||
|  |       <el-table-column label="备注" align="center" prop="remark" /> | ||||||
|  |       <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> | ||||||
|  |         <template slot-scope="scope"> | ||||||
|  |           <el-button | ||||||
|  |             size="mini" | ||||||
|  |             type="text" | ||||||
|  |             icon="el-icon-edit" | ||||||
|  |             @click="handleUpdate(scope.row)" | ||||||
|  |             v-hasPermi="['benyi:unscramble:edit']" | ||||||
|  |           >修改</el-button> | ||||||
|  |           <el-button | ||||||
|  |             size="mini" | ||||||
|  |             type="text" | ||||||
|  |             icon="el-icon-delete" | ||||||
|  |             @click="handleDelete(scope.row)" | ||||||
|  |             v-hasPermi="['benyi:unscramble:remove']" | ||||||
|  |           >删除</el-button> | ||||||
|  |         </template> | ||||||
|  |       </el-table-column> | ||||||
|  |     </el-table> | ||||||
|  |  | ||||||
|  |     <pagination | ||||||
|  |       v-show="total>0" | ||||||
|  |       :total="total" | ||||||
|  |       :page.sync="queryParams.pageNum" | ||||||
|  |       :limit.sync="queryParams.pageSize" | ||||||
|  |       @pagination="getList" | ||||||
|  |     /> | ||||||
|  |  | ||||||
|  |     <!-- 添加或修改一日流程解读对话框 --> | ||||||
|  |     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> | ||||||
|  |       <el-form ref="form" :model="form" :rules="rules" label-width="80px"> | ||||||
|  |         <el-form-item label="标准" prop="standardId"> | ||||||
|  |           <el-select v-model="form.standardId" size="small" :disabled="true"> | ||||||
|  |             <el-option | ||||||
|  |               v-for="item in standardOptions" | ||||||
|  |               :key="item.id" | ||||||
|  |               :label="item.standardTitle" | ||||||
|  |               :value="item.id" | ||||||
|  |             /> | ||||||
|  |           </el-select> | ||||||
|  |         </el-form-item> | ||||||
|  |         <el-form-item label="内容" prop="content"> | ||||||
|  |           <el-input v-model="form.content" type="textarea" placeholder="请输入内容" /> | ||||||
|  |         </el-form-item> | ||||||
|  |         <el-form-item label="序号" prop="sort"> | ||||||
|  |           <el-input-number v-model="form.sort" controls-position="right" :min="0" /> | ||||||
|  |         </el-form-item> | ||||||
|  |       </el-form> | ||||||
|  |       <div slot="footer" class="dialog-footer"> | ||||||
|  |         <el-button type="primary" @click="submitForm">确 定</el-button> | ||||||
|  |         <el-button @click="cancel">取 消</el-button> | ||||||
|  |       </div> | ||||||
|  |     </el-dialog> | ||||||
|  |   </div> | ||||||
|  | </template> | ||||||
|  |  | ||||||
|  | <script> | ||||||
|  | import { | ||||||
|  |   listUnscramble, | ||||||
|  |   getUnscramble, | ||||||
|  |   delUnscramble, | ||||||
|  |   addUnscramble, | ||||||
|  |   updateUnscramble | ||||||
|  | } from "@/api/benyi/dayflow/unscramble"; | ||||||
|  |  | ||||||
|  | import { | ||||||
|  |   listStandard, | ||||||
|  |   getStandard | ||||||
|  | } from "@/api/benyi/dayflow/biaozhun/standard"; | ||||||
|  |  | ||||||
|  | export default { | ||||||
|  |   name: "Unscramble", | ||||||
|  |   data() { | ||||||
|  |     return { | ||||||
|  |       // 遮罩层 | ||||||
|  |       loading: true, | ||||||
|  |       // 选中数组 | ||||||
|  |       ids: [], | ||||||
|  |       // 非单个禁用 | ||||||
|  |       single: true, | ||||||
|  |       // 非多个禁用 | ||||||
|  |       multiple: true, | ||||||
|  |       // 总条数 | ||||||
|  |       total: 0, | ||||||
|  |       // 一日流程解读表格数据 | ||||||
|  |       unscrambleList: [], | ||||||
|  |       //标准列表 | ||||||
|  |       standardOptions: [], | ||||||
|  |       defaultStandardName: "", | ||||||
|  |       // 弹出层标题 | ||||||
|  |       title: "", | ||||||
|  |       // 是否显示弹出层 | ||||||
|  |       open: false, | ||||||
|  |       // 查询参数 | ||||||
|  |       queryParams: { | ||||||
|  |         pageNum: 1, | ||||||
|  |         pageSize: 10, | ||||||
|  |         standardId: undefined, | ||||||
|  |         content: undefined, | ||||||
|  |         sort: undefined, | ||||||
|  |         createuserid: undefined | ||||||
|  |       }, | ||||||
|  |       // 表单参数 | ||||||
|  |       form: {}, | ||||||
|  |       // 表单校验 | ||||||
|  |       rules: {} | ||||||
|  |     }; | ||||||
|  |   }, | ||||||
|  |   created() { | ||||||
|  |     //this.getList(); | ||||||
|  |     //this.getList(); | ||||||
|  |     const standardId = this.$route.params && this.$route.params.id; | ||||||
|  |     //console.log(standardId); | ||||||
|  |     this.getDayflowunscramble(standardId); | ||||||
|  |     this.getStandardList(); | ||||||
|  |   }, | ||||||
|  |   methods: { | ||||||
|  |     /**查询任务名称详细 */ | ||||||
|  |     getDayflowunscramble(standardId) { | ||||||
|  |       getStandard(standardId).then(response => { | ||||||
|  |         this.queryParams.standardId = response.data.id; | ||||||
|  |         this.defaultStandardName = response.data.id; | ||||||
|  |         this.getList(); | ||||||
|  |       }); | ||||||
|  |     }, | ||||||
|  |     /**查询标准列表 */ | ||||||
|  |     getStandardList() { | ||||||
|  |       listStandard().then(response => { | ||||||
|  |         this.standardOptions = response.rows; | ||||||
|  |       }); | ||||||
|  |     }, | ||||||
|  |     /** 查询一日流程解读列表 */ | ||||||
|  |     getList() { | ||||||
|  |       this.loading = true; | ||||||
|  |       listUnscramble(this.queryParams).then(response => { | ||||||
|  |         this.unscrambleList = response.rows; | ||||||
|  |         this.total = response.total; | ||||||
|  |         this.loading = false; | ||||||
|  |       }); | ||||||
|  |     }, | ||||||
|  |     // 取消按钮 | ||||||
|  |     cancel() { | ||||||
|  |       this.open = false; | ||||||
|  |       this.reset(); | ||||||
|  |     }, | ||||||
|  |     // 表单重置 | ||||||
|  |     reset() { | ||||||
|  |       this.form = { | ||||||
|  |         id: undefined, | ||||||
|  |         standardId: undefined, | ||||||
|  |         content: undefined, | ||||||
|  |         sort: 0, | ||||||
|  |         remark: undefined, | ||||||
|  |         createuserid: undefined, | ||||||
|  |         createTime: undefined | ||||||
|  |       }; | ||||||
|  |       this.resetForm("form"); | ||||||
|  |     }, | ||||||
|  |     /** 搜索按钮操作 */ | ||||||
|  |     handleQuery() { | ||||||
|  |       this.queryParams.pageNum = 1; | ||||||
|  |       this.getList(); | ||||||
|  |     }, | ||||||
|  |     /** 重置按钮操作 */ | ||||||
|  |     resetQuery() { | ||||||
|  |       this.resetForm("queryForm"); | ||||||
|  |       this.queryParams.standardId = this.defaultStandardName; | ||||||
|  |       this.handleQuery(); | ||||||
|  |     }, | ||||||
|  |     // 多选框选中数据 | ||||||
|  |     handleSelectionChange(selection) { | ||||||
|  |       this.ids = selection.map(item => item.id); | ||||||
|  |       this.single = selection.length != 1; | ||||||
|  |       this.multiple = !selection.length; | ||||||
|  |     }, | ||||||
|  |     /** 新增按钮操作 */ | ||||||
|  |     handleAdd() { | ||||||
|  |       this.reset(); | ||||||
|  |       this.open = true; | ||||||
|  |       this.title = "添加一日流程解读"; | ||||||
|  |       this.form.standardId = this.queryParams.standardId; | ||||||
|  |     }, | ||||||
|  |     /** 修改按钮操作 */ | ||||||
|  |     handleUpdate(row) { | ||||||
|  |       this.reset(); | ||||||
|  |       const id = row.id || this.ids; | ||||||
|  |       getUnscramble(id).then(response => { | ||||||
|  |         this.form = response.data; | ||||||
|  |         this.open = true; | ||||||
|  |         this.title = "修改一日流程解读"; | ||||||
|  |       }); | ||||||
|  |     }, | ||||||
|  |     /** 提交按钮 */ | ||||||
|  |     submitForm: function() { | ||||||
|  |       this.$refs["form"].validate(valid => { | ||||||
|  |         if (valid) { | ||||||
|  |           if (this.form.id != undefined) { | ||||||
|  |             updateUnscramble(this.form).then(response => { | ||||||
|  |               if (response.code === 200) { | ||||||
|  |                 this.msgSuccess("修改成功"); | ||||||
|  |                 this.open = false; | ||||||
|  |                 this.getList(); | ||||||
|  |               } | ||||||
|  |             }); | ||||||
|  |           } else { | ||||||
|  |             addUnscramble(this.form).then(response => { | ||||||
|  |               if (response.code === 200) { | ||||||
|  |                 this.msgSuccess("新增成功"); | ||||||
|  |                 this.open = false; | ||||||
|  |                 this.getList(); | ||||||
|  |               } | ||||||
|  |             }); | ||||||
|  |           } | ||||||
|  |         } | ||||||
|  |       }); | ||||||
|  |     }, | ||||||
|  |     /** 删除按钮操作 */ | ||||||
|  |     handleDelete(row) { | ||||||
|  |       const ids = row.id || this.ids; | ||||||
|  |       this.$confirm( | ||||||
|  |         '是否确认删除一日流程解读编号为"' + ids + '"的数据项?', | ||||||
|  |         "警告", | ||||||
|  |         { | ||||||
|  |           confirmButtonText: "确定", | ||||||
|  |           cancelButtonText: "取消", | ||||||
|  |           type: "warning" | ||||||
|  |         } | ||||||
|  |       ) | ||||||
|  |         .then(function() { | ||||||
|  |           return delUnscramble(ids); | ||||||
|  |         }) | ||||||
|  |         .then(() => { | ||||||
|  |           this.getList(); | ||||||
|  |           this.msgSuccess("删除成功"); | ||||||
|  |         }) | ||||||
|  |         .catch(function() {}); | ||||||
|  |     } | ||||||
|  |   } | ||||||
|  | }; | ||||||
|  | </script> | ||||||
		Reference in New Issue
	
	Block a user