From 98dc1e810451fe34b5d5aa5b3357062e1140dfc4 Mon Sep 17 00:00:00 2001
From: chenhc <2369838784@qq.com>
Date: Mon, 9 Sep 2024 20:21:43 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/collect/CollectOrderTabs.vue | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/src/views/collect/CollectOrderTabs.vue b/src/views/collect/CollectOrderTabs.vue
index 9b685296..a2a428d4 100644
--- a/src/views/collect/CollectOrderTabs.vue
+++ b/src/views/collect/CollectOrderTabs.vue
@@ -151,6 +151,17 @@
       width="65%"
       append-to-body
     >
+      <el-row :gutter="24">
+      <el-col :span="24" style="display: flex; justify-content: flex-end;">
+          <el-button @click="toggleContent" type="primary" style="margin-right: 20px;">
+            <span v-if="!isContentVisible">查看更多</span>
+            <span v-if="isContentVisible">查看更多</span>
+            <i :class="{'el-icon-caret-right': !isContentVisible, 'el-icon-caret-bottom': isContentVisible}"> </i>
+            <!-- 这里原本想用大括号图标，但Font Awesome默认没有，所以用了上下箭头代替 -->
+          </el-button>
+      </el-col>
+      </el-row>
+
       <el-row>
         <!--          <el-button v-for="(item, index) in busTypeList" :key="index" type="primary" plain @click="selectBusType(item.code)">{{ item.name }}</el-button>-->
 
@@ -222,6 +233,7 @@ export default {
   name: 'CollectOrderTabs',
   data() {
     return {
+      isContentVisible: false, // 控制内容是否显示
       showContextMenu: false, // 控制上下文菜单的显示
       contextMenuPosition: { x: 0, y: 0 }, // 上下文菜单的位置
       selectBusTypeDisabled: false,
@@ -229,6 +241,7 @@ export default {
       selectWorkplaceStatusDisabled: false,
       busQuery: {
         busKey: '',
+        isPopular: 1,
         workplaceCode: null,
         page: 1,
         limit: 100
@@ -348,6 +361,18 @@ export default {
     }
   },
   methods: {
+    toggleContent() {
+      // 切换isContentVisible的值
+      this.isContentVisible = !this.isContentVisible;
+      //判断是否展开 展开 就查全部/折叠就是 常用的
+      // todo 2024/09/09
+      if (this.isContentVisible){
+        this.busQuery.isPopular = 0
+      }else {
+        this.busQuery.isPopular = 1
+      }
+      this.getWorkBindBusTypes(this.formData.workplaceId)
+    },
     toggleWorkplaceStatus() {
       if (this.formData.workplaceStatus == 0){
         this.formData.workplaceStatus = 1