优化岗位信息维护界面

src/views/mdp/sys/post/Form.vue

@@ -3,27 +3,28 @@
     <el-row>
     <!--新增/编辑界面 Post 岗位管理-->
         <el-form :model="editForm"  label-width="120px" :rules="editFormRules" ref="editFormRef">
-            <el-form-item label="主键" prop="id">
-                <el-input v-model="editForm.id" placeholder="主键" :maxlength="50" @change="editSomeFields(editForm,'id',$event)" :disabled="disabledJudge('id')"/>
-            </el-form-item>
+            
             <el-form-item label="岗位名称" prop="postName">
                 <el-input v-model="editForm.postName" placeholder="岗位名称" :maxlength="50" @change="editSomeFields(editForm,'postName',$event)" :disabled="disabledJudge('postName')"/>
             </el-form-item>
+            <el-form-item label="岗位编号" prop="id">
+                <el-input v-model="editForm.id" placeholder="岗位编号，如果为空则后台自动生成" :maxlength="50" @change="editSomeFields(editForm,'id',$event)" :disabled="disabledJudge('id')"/>
+            </el-form-item>
             <el-form-item label="岗位级别" prop="postLvl">
                 <mdp-select item-code="postLvl"  v-model="editForm.postLvl" :min="0" :max="200" :precision="0" :disabled="disabledJudge('postLvl')"/>
             </el-form-item>
             <el-form-item label="岗位类型" prop="postType">
-                <mdp-select item-code="postType" v-model="editForm.postType" placeholder="岗位类型引用字典" :maxlength="20" @change="editSomeFields(editForm,'postType',$event)" :disabled="disabledJudge('postType')"/>
+                <mdp-select item-code="postType" v-model="editForm.postType" placeholder="岗位类型" :maxlength="20" @change="editSomeFields(editForm,'postType',$event)" :disabled="disabledJudge('postType')"/>
             </el-form-item>
             
             <el-form-item label="备注" prop="remark">
-                <el-input v-model="editForm.remark" placeholder="备注" :maxlength="50" @change="editSomeFields(editForm,'remark',$event)" :disabled="disabledJudge('remark')"/>
+                <el-input type="textarea" rows="4" v-model="editForm.remark" placeholder="备注" :maxlength="50" @change="editSomeFields(editForm,'remark',$event)" :disabled="disabledJudge('remark')"/>
             </el-form-item>
-            <el-form-item label="归属机构号" prop="branchId">
-                <el-input v-model="editForm.branchId" placeholder="归属机构号" :maxlength="50" @change="editSomeFields(editForm,'branchId',$event)" :disabled="disabledJudge('branchId')"/>
+            <el-form-item label="归属机构号" prop="branchId" v-if="currOpType!='add'">
+                <el-input v-model="editForm.branchId" placeholder="归属机构号" :maxlength="50" @change="editSomeFields(editForm,'branchId',$event)" :disabled="disabledJudge('branchId')||true"/>
             </el-form-item>
-            <el-form-item label="创建日期" prop="cdate">
-                <el-date-picker type="date" placeholder="选择日期" v-model="editForm.cdate"  value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd" :disabled="disabledJudge('cdate')"></el-date-picker>
+            <el-form-item label="创建日期" prop="cdate"  v-if="currOpType!='add'">
+                <el-date-picker type="date" placeholder="选择日期" v-model="editForm.cdate"  value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd" :disabled="disabledJudge('cdate') ||true"></el-date-picker>
             </el-form-item>
         </el-form>
     </el-row>
@@ -60,8 +61,15 @@ export default {
             currOpType:'mng',//表单 add、edit，所有按钮可动、detail-只看不能操作
             editFormRules: {
                 id:[
-                //{ required: true, message: '此项必填', trigger: 'change' },
-                //{ min: 1,max: 200, message: '长度在1到200之间', trigger: 'change'}
+                    //{ required: true, message: '此项必填', trigger: 'change' },
+                    { min: 1,max: 50, message: '长度在1到50之间', trigger: 'change'}
+                ],
+                postName:[
+                    { required: true, message: '此项必填', trigger: 'change' },
+                    { min: 1,max: 50, message: '长度在1到50之间', trigger: 'change'}
+                ],
+                remark:[ 
+                    { min: 1,max: 200, message: '长度在1到200之间', trigger: 'change'}
                 ]
             },
             editForm: {
@@ -79,7 +87,11 @@ export default {
     methods: {
          //由组件扩展添加其它的初始页面的逻辑(mounted+onOpen都会调用此函数，建议只添加公共逻辑)
          initCurrData(){
-
+            if(this.currOpType=='add'){
+                this.editForm.postLvl='1'
+                this.editForm.postType='1'
+                this.editForm.branchId=this.userInfo.branchId
+            }
          },
         /**
          * 检查参数是否满足调用后台接口的条件