邻里互助

project/fengdu/app/AppHelp/components/Add.vue

@@ -9,11 +9,13 @@
         <template #content>
           <el-form class="ai-form" :model="form" label-width="120px" ref="form">
             <el-form-item label="单位" prop="publishDepartName" style="width: 100%;" :rules="[{ required: true, message: '请选择单位', trigger: 'change' }]">
-              <el-input size="small" placeholder="请选择..." disabled v-model="form.publishDepartName">
-                <ai-wechat-selecter slot="append" isStrictly :instance="instance" @change="onChange" v-model="department" isChooseUnit>
-                  <el-button type="info">选择</el-button>
-                </ai-wechat-selecter>
-              </el-input>
+              <ai-picker :instance="instance" multiple @pick="e => onUserChange(e)" dialogTitle="选择部门" action="/app/wxcp/wxdepartment/departList">
+                <div class="time-select">
+                  <span class="dept-name" style="color:#999;" v-if="!form.publishDepartName">选择部门</span>
+                  <span class="dept-name" v-else>{{form.publishDepartName}}</span>
+                  <i class="el-icon-arrow-down"></i>
+                </div>
+              </ai-picker>
             </el-form-item>
             <el-form-item label="发布内容" prop="content" style="width: 100%;" :rules="[{required: true, message: '请输入发布内容', trigger: 'change'}]">
               <!-- <ai-editor v-model="form.content" :instance="instance"/> -->
@@ -124,6 +126,11 @@
         }
       },
 
+      onUserChange (e) {
+        this.deptList = e
+       this.onChange(e)
+      },
+
       getTalkList() {
         this.instance.post(`/app/appneighborhoodassistancetheme/list?size=100`).then(res => {
           if (res.code == 0) {
@@ -142,4 +149,17 @@
 </script>
 
 <style scoped lang="scss">
+  .time-select {
+    padding: 0 16px;
+    height: 36px;
+    line-height: 36px;
+    border: 1px solid #d0d4dc;
+    border-radius: 4px;
+    display: flex;
+    justify-content: space-between;
+    cursor: pointer;
+    .el-icon-arrow-down {
+      line-height: 36px;
+    }
+  }
 </style>