选择部门

src/project/saas/AppPropagandaStatistics/AppPropagandaStatistics.vue

@@ -139,23 +139,14 @@
           </div>
           <div class="type-list">
             <div class="type-title">宣发部门</div>
-            <!-- <AiPagePicker
-              type="custom"
-              :selected.sync="department"
-              nodeKey="id"
-              :ops="{ url: `./selectDeptUser`, label: 'name' }"
-              valueObj
-            >
-              <span class="label" v-if="department.length">已选择</span>
-              <span v-else style="color: #999">请选择</span>
-              <u-icon
-                name="arrow-right"
-                color="#999"
-                size="24"
-                style="margin-left: 8px"
-              />
-            </AiPagePicker> -->
-            <input type="text" placeholder="请选择部门" :value="department" disabled @click="getDept"/>
+            <div @click="getDept" class="dept">
+              <div v-if="departmentId">
+                <AiOpenData type="departmentName" :openid="departmentId"/>
+              </div>
+              <div v-if="!departmentId">请选择部门</div>
+              <!-- <input type="text" placeholder="请选择部门" :value="department" disabled /> -->
+              <u-icon name="arrow-right"></u-icon>
+            </div>
           </div>
         </scroll-view>
         <div class="popBtn">
@@ -228,7 +219,7 @@ export default {
       timeSelect: 0,
       start: "",
       end: "",
-      department: '',
+      departmentId: '',
       departList: [],
       nowMonth: "",
       nowDate: "",
@@ -288,6 +279,7 @@ export default {
       this.start = "";
       this.end = "";
       this.departId = "";
+      this.departmentId = "";
     },
 
     selectConfirm() {
@@ -298,6 +290,7 @@ export default {
       } else {
         this.detailType = this.timeSelect;
       }
+      this.departId = this.departmentId
       this.getBrokenDate();
       this.filterShow = false;
     },
@@ -350,7 +343,7 @@ export default {
             type: this.timeSelect,
             startTime: this.start,
             endTime: this.end,
-            // departId: this.departId
+            departId: this.departId
           },
         })
         .then((res) => {
@@ -633,7 +626,7 @@ export default {
       }).then((res)=>{
           console.log(res,111);
           if(res?.departmentList) {
-            this.department = res.departmentList[0].id
+            this.departmentId = res.departmentList[0].id
           }
         }
       ).catch((err) => {
@@ -844,6 +837,10 @@ export default {
         background: #1365dd;
         color: #fff;
       }
+      .dept {
+        display: flex;
+        justify-content: space-between
+      }
     }
     .popBtn {
       display: flex;