用户管理选择部门

src/views/system/modules/UserModal.vue

@@ -106,7 +106,7 @@
         <a-form-item label="公司部门分配" :labelCol="labelCol" :wrapperCol="wrapperCol" v-show="!departDisabled">
           <a-input-search
             placeholder="点击右侧按钮选择公司和部门"
-            v-model="checkedDepartNameString"
+            v-decorator="['checkedDepartNameString', validatorRules.checkedDepartNameString]"
             disabled
             @search="onSearch"
           >
@@ -305,8 +305,8 @@
       </a-form>
     </a-spin>
 
-    <!-- <depart-window ref="departWindow" @ok="modalFormOk"></depart-window>
-    <div class="drawer-bootom-button" v-show="!disableSubmit">
+    <depart-window ref="departWindow" @ok="modalFormOk"></depart-window>
+    <!-- <div class="drawer-bootom-button" v-show="!disableSubmit">
       <a-button style="margin-right: .8rem" @click="handleCancel">取消</a-button>
       <a-button @click="handleSubmit" type="primary" :loading="confirmLoading">提交</a-button>
     </div> -->
@@ -402,6 +402,9 @@ export default {
                 },
                 telephone: {
                     rules: [{ pattern: /^0\d{2,3}-[1-9]\d{6,7}$/, message: '请输入正确的座机号码' }]
+                },
+                checkedDepartNameString:{
+                   rules: [{ required: true, message: '请选择部门!' }] 
                 }
             },
             departIdShow: false,
@@ -832,6 +835,7 @@ export default {
         // 搜索用户对应的部门API
         onSearch () {
             this.$refs.departWindow.add(this.checkedDepartKeys, this.userId, this.userObject)
+            debugger
         },
 
         // 获取用户对应部门弹出框提交给返回的数据
@@ -935,7 +939,7 @@ export default {
   width: 100% !important;
 }
 /deep/ .nresume .ant-form-item-label{
-  width: 6% !important;
+  width: 8% !important;
 }
 /deep/ .nresume .ant-form-item-control-wrapper{
   width: 84% !important;
@@ -943,4 +947,7 @@ export default {
 /deep/ .nresume .ant-input{
   height: 100px !important;
 }
+/deep/ .ant-col-sm-5{
+  width: 27%;
+}
 </style>