详情页修改

src/views/hpuser/modules/UserModal.vue

@@ -1,13 +1,11 @@
 <template>
-  <a-drawer
+  <a-modal
     :title="title"
-    :maskClosable="true"
-    width=650
-    placement="right"
-    :closable="true"
-    @close="close"
+    :width="800"
     :visible="visible"
-    style="height: calc(100% - 55px);overflow: auto;padding-bottom: 53px;">
+    :confirmLoading="confirmLoading"
+    :footer="null"
+    @cancel="handleCancel">
     
     <a-spin :spinning="confirmLoading">
       <a-form :form="form">
@@ -16,7 +14,7 @@
           :labelCol="labelCol"
           :wrapperCol="wrapperCol"
           label="手机号">
-          <a-input placeholder="手机号" v-decorator="['phone', validatorRules.phone ]" />
+          <a-input placeholder="手机号" v-decorator="['phone', {} ]" :readOnly="!!model.id"/>
         </a-form-item>
         <a-form-item
           :labelCol="labelCol"
@@ -34,13 +32,13 @@
           :labelCol="labelCol"
           :wrapperCol="wrapperCol"
           label="真实姓名">
-          <a-input placeholder="请输入真实姓名" v-decorator="['realName', {}]" />
+          <a-input placeholder="请输入真实姓名" v-decorator="['realName', {}]" :readOnly="!!model.id"/>
         </a-form-item>
         <a-form-item
           :labelCol="labelCol"
           :wrapperCol="wrapperCol"
           label="身份证号">
-          <a-input placeholder="请输入身份证号" v-decorator="['idCardNumber', {}]" />
+          <a-input placeholder="请输入身份证号" v-decorator="['idCardNumber', {}]" :readOnly="!!model.id"/>
         </a-form-item>
         <a-form-item
           :labelCol="labelCol"
@@ -58,7 +56,7 @@
           :labelCol="labelCol"
           :wrapperCol="wrapperCol"
           label="职位">
-          <a-input placeholder="请输入职位" v-decorator="['position', {}]" />
+          <a-input placeholder="请输入职位" v-decorator="['position', {}]" :readOnly="!!model.id"/>
         </a-form-item>
         <a-form-item
           :labelCol="labelCol"
@@ -78,12 +76,12 @@
           :labelCol="labelCol"
           :wrapperCol="wrapperCol"
           label="是否禁用">
-          <j-dict-select-tag  v-decorator="['delFlag', validatorRules.delFlag]" placeholder="请选择是否禁用" :type="'radio'" :triggerChange="true" dictCode="hp_del_flag"/>
+          <j-dict-select-tag  v-decorator="['delFlag', {}]" placeholder="请选择是否禁用" :type="'radio'" :triggerChange="true" dictCode="hp_del_flag"/>
         </a-form-item>
 		
       </a-form>
     </a-spin>
-  </a-drawer>
+  </a-modal>
 </template>
 
 <script>