| <template> | 
|   <GlobalWindow | 
|     :title="title" | 
|     width="50%" | 
|     :visible.sync="visible" | 
|     :confirm-working="isWorking" | 
|     @confirm="confirm" | 
|   > | 
|     <el-form :model="form" ref="form" :rules="rules"> | 
|       <el-form-item label="入园原因:" prop="reason"> | 
|         <el-input v-model="form.reason" placeholder="请输入入园原因" v-trim/> | 
|       </el-form-item> | 
|       <el-form-item label="作业月台组:" prop="groupId"> | 
|         <el-select v-model="form.groupId"    > | 
|           <el-option | 
|               v-for="item in groupList" | 
|               :key="item.id" | 
|               :label="item.name" | 
|               :value="item.id"> | 
|           </el-option> | 
|         </el-select> | 
|       </el-form-item> | 
|       <el-form-item label="作业数量限制(万只/天):" prop="limitNum" > | 
|         <el-input type="number" v-model="form.limitNum" placeholder="请输入作业数量限制(万只/天)" v-trim/> | 
|       </el-form-item> | 
|       <el-form-item label="排序码(升序):" prop="sortnum"> | 
|         <el-input type="number"  v-model="form.sortnum" placeholder="请输入排序码(升序)" v-trim/> | 
|       </el-form-item> | 
|       <el-form-item label="说明:" prop="remark"> | 
|         <el-input type="textarea"  v-model="form.remark" placeholder="请输入说明" v-trim/> | 
|       </el-form-item> | 
|     </el-form> | 
|   </GlobalWindow> | 
| </template> | 
|   | 
| <script> | 
| import BaseOpera from '@/components/base/BaseOpera' | 
| import GlobalWindow from '@/components/common/GlobalWindow' | 
| import { allList } from '@/api/platform/platformGroup' | 
| export default { | 
|   name: 'OperaPlatformReasonWindow', | 
|   extends: BaseOpera, | 
|   components: { GlobalWindow }, | 
|   data () { | 
|     return { | 
|       // 表单数据 | 
|       groupList: [], | 
|       form: { | 
|         id: null, | 
|         reason: null, | 
|         sortnum: null, | 
|         remark: '', | 
|         groupId: '', | 
|         limitNum: 1 | 
|       }, | 
|       // 验证规则 | 
|       rules: { | 
|         reason: [{ required: true, message: '请输入入园原因 ', trigger: 'blur' }], | 
|         groupId: [{ required: true, message: '请选择作业月台组 ', trigger: 'blur' }] | 
|       } | 
|     } | 
|   }, | 
|   created () { | 
|     this.config({ | 
|       api: '/platform/platformReason', | 
|       'field.id': 'id' | 
|     }) | 
|   }, | 
|   methods: { | 
|     /** | 
|      * 打开窗口 | 
|      * @title 窗口标题 | 
|      * @target 编辑的对象 | 
|      */ | 
|     open (title, target) { | 
|       this.title = title | 
|       this.loadGroupList() | 
|       this.visible = true | 
|       // 新建 | 
|       if (target == null) { | 
|         this.$nextTick(() => { | 
|           this.$refs.form.resetFields() | 
|           this.form[this.configData['field.id']] = null | 
|         }) | 
|         return | 
|       } | 
|       // 编辑 | 
|       this.$nextTick(() => { | 
|         for (const key in this.form) { | 
|           this.form[key] = target[key] | 
|         } | 
|       }) | 
|     }, | 
|     loadGroupList () { | 
|       allList({}) | 
|         .then(res => { | 
|           this.groupList = res || [] | 
|           console.log(this.groupList) | 
|         }) | 
|     } | 
|   } | 
| } | 
| </script> | 
| <style scoped> | 
| .labelTip{ | 
|   font-size: 12px; | 
|   color: #666666; | 
| } | 
| </style> |