修改查看更多

src/views/achievement/index.vue

@@ -153,19 +153,42 @@
             </el-row>
             <el-row class="one_1">
               <el-col :span="3" class="left">成果地区</el-col>
-              <el-col :span="21" class="right">
+              <el-col :span="20" class="right" v-if="oneShow">
                 <a-button
                   class="title"
                   v-for="(item, index) in cityList"
                   :key="index"
                   type="link"
                   size="samll"
+                  @click="toSelect(item, 'thr')"
+                  :class="[item.is_active ? 'show' : '']"
+                >
+                  {{ item.label }}
+                </a-button>
+              </el-col>
+              <el-col :span="20" class="right" v-else>
+                <a-button
+                  class="title"
+                  v-for="(item, index) in cityList.slice(0, 10)"
+                  :key="index"
+                  type="link"
+                  size="samll"
                   @click="toSelect(item, 'six')"
                   :class="[item.is_active ? 'show' : '']"
                 >
                   {{ item.label }}
                 </a-button>
               </el-col>
+              <el-col :span="1" class="button">
+                <span v-if="!oneShow" @click="oneShow = true">
+                  更多
+                  <el-icon><ArrowDown /></el-icon>
+                </span>
+                <span v-else @click="oneShow = false">
+                  收起
+                  <el-icon><ArrowUp /></el-icon>
+                </span>
+              </el-col>
             </el-row>
           </el-col>
           <el-col :span="24" class="two">
@@ -254,6 +277,8 @@ const moneyList = ref([])
 const matureList = ref([])
 const sellList = ref([])
 const technologyList = ref([])
+// 是否展开
+const oneShow = ref(false)
 // 查看
 const toView = (item) => {
   router.push({ path: '/achievement/detail', query: { id: item.id || item._id } })
@@ -514,6 +539,10 @@ const sizeChange = (limits) => {
           color: #2374ff;
         }
       }
+      .button {
+        color: #2374ff;
+        font-size: 12px;
+      }
     }
   }
 

src/views/company/index.vue

@@ -95,7 +95,7 @@
             </el-row>
             <el-row class="one_1">
               <el-col :span="3" class="left">省份地区</el-col>
-              <el-col :span="21" class="right">
+              <el-col :span="20" class="right" v-if="oneShow">
                 <a-button
                   class="title"
                   v-for="(item, index) in cityList"
@@ -108,10 +108,33 @@
                   {{ item.label }}
                 </a-button>
               </el-col>
+              <el-col :span="20" class="right" v-else>
+                <a-button
+                  class="title"
+                  v-for="(item, index) in cityList.slice(0, 10)"
+                  :key="index"
+                  type="link"
+                  size="samll"
+                  @click="toSelect(item, 'thr')"
+                  :class="[item.is_active ? 'show' : '']"
+                >
+                  {{ item.label }}
+                </a-button>
+              </el-col>
+              <el-col :span="1" class="button">
+                <span v-if="!oneShow" @click="oneShow = true">
+                  更多
+                  <el-icon><ArrowDown /></el-icon>
+                </span>
+                <span v-else @click="oneShow = false">
+                  收起
+                  <el-icon><ArrowUp /></el-icon>
+                </span>
+              </el-col>
             </el-row>
             <el-row class="one_1">
               <el-col :span="3" class="left">行业分类</el-col>
-              <el-col :span="21" class="right">
+              <el-col :span="20" class="right" v-if="twoShow">
                 <a-button
                   class="title"
                   v-for="(item, index) in IndustryList"
@@ -124,6 +147,29 @@
                   {{ item.label }}
                 </a-button>
               </el-col>
+              <el-col :span="20" class="right" v-else>
+                <a-button
+                  class="title"
+                  v-for="(item, index) in IndustryList.slice(0, 6)"
+                  :key="index"
+                  type="link"
+                  size="samll"
+                  @click="toSelect(item, 'four')"
+                  :class="[item.is_active ? 'show' : '']"
+                >
+                  {{ item.label }}
+                </a-button>
+              </el-col>
+              <el-col :span="1" class="button">
+                <span v-if="!twoShow" @click="twoShow = true">
+                  更多
+                  <el-icon><ArrowDown /></el-icon>
+                </span>
+                <span v-else @click="twoShow = false">
+                  收起
+                  <el-icon><ArrowUp /></el-icon>
+                </span>
+              </el-col>
             </el-row>
             <el-row class="one_1">
               <el-col :span="3" class="left">企业状态</el-col>
@@ -242,6 +288,9 @@ const twoList = ref([])
 const thrList = ref([])
 const fourList = ref([])
 const fiveList = ref([])
+// 是否展开
+const oneShow = ref(false)
+const twoShow = ref(false)
 // 查看
 const toView = (item) => {
   router.push({ path: '/company/detail', query: { id: item.id || item._id } })
@@ -486,6 +535,10 @@ const sizeChange = (limits) => {
           color: #2374ff;
         }
       }
+      .button {
+        color: #2374ff;
+        font-size: 12px;
+      }
     }
   }
 

src/views/demand/index.vue

@@ -53,7 +53,7 @@
           <el-col :span="24" class="one">
             <el-row class="one_1">
               <el-col :span="3" class="left">技术领域</el-col>
-              <el-col :span="21" class="right">
+              <el-col :span="20" class="right" v-if="oneShow">
                 <a-button
                   class="title"
                   v-for="(item, index) in fieldList"
@@ -66,6 +66,29 @@
                   {{ item.label }}
                 </a-button>
               </el-col>
+              <el-col :span="20" class="right" v-else>
+                <a-button
+                  class="title"
+                  v-for="(item, index) in fieldList.slice(0, 8)"
+                  :key="index"
+                  type="link"
+                  size="samll"
+                  @click="toSelect(item, 'one')"
+                  :class="[item.is_active ? 'show' : '']"
+                >
+                  {{ item.label }}
+                </a-button>
+              </el-col>
+              <el-col :span="1" class="button">
+                <span v-if="!oneShow" @click="oneShow = true">
+                  更多
+                  <el-icon><ArrowDown /></el-icon>
+                </span>
+                <span v-else @click="oneShow = false">
+                  收起
+                  <el-icon><ArrowUp /></el-icon>
+                </span>
+              </el-col>
             </el-row>
             <el-row class="one_1">
               <el-col :span="3" class="left">合作方式</el-col>
@@ -85,7 +108,7 @@
             </el-row>
             <el-row class="one_1">
               <el-col :span="3" class="left">需求地区</el-col>
-              <el-col :span="21" class="right">
+              <el-col :span="20" class="right" v-if="twoShow">
                 <a-button
                   class="title"
                   v-for="(item, index) in cityList"
@@ -98,6 +121,29 @@
                   {{ item.label }}
                 </a-button>
               </el-col>
+              <el-col :span="20" class="right" v-else>
+                <a-button
+                  class="title"
+                  v-for="(item, index) in cityList.slice(0, 10)"
+                  :key="index"
+                  type="link"
+                  size="samll"
+                  @click="toSelect(item, 'thr')"
+                  :class="[item.is_active ? 'show' : '']"
+                >
+                  {{ item.label }}
+                </a-button>
+              </el-col>
+              <el-col :span="1" class="button">
+                <span v-if="!twoShow" @click="twoShow = true">
+                  更多
+                  <el-icon><ArrowDown /></el-icon>
+                </span>
+                <span v-else @click="twoShow = false">
+                  收起
+                  <el-icon><ArrowUp /></el-icon>
+                </span>
+              </el-col>
             </el-row>
             <el-row class="one_1">
               <el-col :span="3" class="left">需求状态</el-col>
@@ -199,6 +245,9 @@ const oneList = ref([])
 const twoList = ref([])
 const thrList = ref([])
 const fourList = ref([])
+// 是否展开
+const oneShow = ref(false)
+const twoShow = ref(false)
 // 查看
 const toView = (item) => {
   router.push({ path: '/demand/detail', query: { id: item.id || item._id } })
@@ -421,6 +470,10 @@ const sizeChange = (limits) => {
           color: #2374ff;
         }
       }
+      .button {
+        color: #2374ff;
+        font-size: 12px;
+      }
     }
   }
 

src/views/expert/index.vue

@@ -53,7 +53,7 @@
           <el-col :span="24" class="one">
             <el-row class="one_1">
               <el-col :span="3" class="left">技术领域</el-col>
-              <el-col :span="21" class="right">
+              <el-col :span="20" class="right" v-if="oneShow">
                 <a-button
                   class="title"
                   v-for="(item, index) in fieldList"
@@ -66,6 +66,29 @@
                   {{ item.label }}
                 </a-button>
               </el-col>
+              <el-col :span="20" class="right" v-else>
+                <a-button
+                  class="title"
+                  v-for="(item, index) in fieldList.slice(0, 8)"
+                  :key="index"
+                  type="link"
+                  size="samll"
+                  @click="toSelect(item, 'one')"
+                  :class="[item.is_active ? 'show' : '']"
+                >
+                  {{ item.label }}
+                </a-button>
+              </el-col>
+              <el-col :span="1" class="button">
+                <span v-if="!oneShow" @click="oneShow = true">
+                  更多
+                  <el-icon><ArrowDown /></el-icon>
+                </span>
+                <span v-else @click="oneShow = false">
+                  收起
+                  <el-icon><ArrowUp /></el-icon>
+                </span>
+              </el-col>
             </el-row>
             <el-row class="one_1">
               <el-col :span="3" class="left">职称</el-col>
@@ -85,7 +108,7 @@
             </el-row>
             <el-row class="one_1">
               <el-col :span="3" class="left">所在地区</el-col>
-              <el-col :span="21" class="right">
+              <el-col :span="20" class="right" v-if="twoShow">
                 <a-button
                   class="title"
                   v-for="(item, index) in cityList"
@@ -98,6 +121,29 @@
                   {{ item.label }}
                 </a-button>
               </el-col>
+              <el-col :span="20" class="right" v-else>
+                <a-button
+                  class="title"
+                  v-for="(item, index) in cityList.slice(0, 10)"
+                  :key="index"
+                  type="link"
+                  size="samll"
+                  @click="toSelect(item, 'thr')"
+                  :class="[item.is_active ? 'show' : '']"
+                >
+                  {{ item.label }}
+                </a-button>
+              </el-col>
+              <el-col :span="1" class="button">
+                <span v-if="!twoShow" @click="twoShow = true">
+                  更多
+                  <el-icon><ArrowDown /></el-icon>
+                </span>
+                <span v-else @click="twoShow = false">
+                  收起
+                  <el-icon><ArrowUp /></el-icon>
+                </span>
+              </el-col>
             </el-row>
             <el-row class="one_1">
               <el-col :span="3" class="left">学历</el-col>
@@ -208,6 +254,9 @@ const oneList = ref([])
 const twoList = ref([])
 const thrList = ref([])
 const fourList = ref([])
+// 是否展开
+const oneShow = ref(false)
+const twoShow = ref(false)
 // 查看
 const toView = (item) => {
   router.push({ path: '/expert/detail', query: { id: item.id || item._id } })
@@ -436,6 +485,10 @@ const sizeChange = (limits) => {
           color: #2374ff;
         }
       }
+      .button {
+        color: #2374ff;
+        font-size: 12px;
+      }
     }
   }
 

src/views/project/index.vue

@@ -53,7 +53,7 @@
           <el-col :span="24" class="one">
             <el-row class="one_1">
               <el-col :span="3" class="left">技术领域</el-col>
-              <el-col :span="21" class="right">
+              <el-col :span="20" class="right" v-if="oneShow">
                 <a-button
                   class="title"
                   v-for="(item, index) in fieldList"
@@ -66,6 +66,29 @@
                   {{ item.label }}
                 </a-button>
               </el-col>
+              <el-col :span="20" class="right" v-else>
+                <a-button
+                  class="title"
+                  v-for="(item, index) in fieldList.slice(0, 8)"
+                  :key="index"
+                  type="link"
+                  size="samll"
+                  @click="toSelect(item, 'one')"
+                  :class="[item.is_active ? 'show' : '']"
+                >
+                  {{ item.label }}
+                </a-button>
+              </el-col>
+              <el-col :span="1" class="button">
+                <span v-if="!oneShow" @click="oneShow = true">
+                  更多
+                  <el-icon><ArrowDown /></el-icon>
+                </span>
+                <span v-else @click="oneShow = false">
+                  收起
+                  <el-icon><ArrowUp /></el-icon>
+                </span>
+              </el-col>
             </el-row>
             <el-row class="one_1">
               <el-col :span="3" class="left">合作类型</el-col>
@@ -85,7 +108,7 @@
             </el-row>
             <el-row class="one_1">
               <el-col :span="3" class="left">项目地区</el-col>
-              <el-col :span="21" class="right">
+              <el-col :span="20" class="right" v-if="twoShow">
                 <a-button
                   class="title"
                   v-for="(item, index) in cityList"
@@ -98,6 +121,29 @@
                   {{ item.label }}
                 </a-button>
               </el-col>
+              <el-col :span="20" class="right" v-else>
+                <a-button
+                  class="title"
+                  v-for="(item, index) in cityList.slice(0, 10)"
+                  :key="index"
+                  type="link"
+                  size="samll"
+                  @click="toSelect(item, 'thr')"
+                  :class="[item.is_active ? 'show' : '']"
+                >
+                  {{ item.label }}
+                </a-button>
+              </el-col>
+              <el-col :span="1" class="button">
+                <span v-if="!twoShow" @click="twoShow = true">
+                  更多
+                  <el-icon><ArrowDown /></el-icon>
+                </span>
+                <span v-else @click="twoShow = false">
+                  收起
+                  <el-icon><ArrowUp /></el-icon>
+                </span>
+              </el-col>
             </el-row>
             <el-row class="one_1">
               <el-col :span="3" class="left">成熟度</el-col>
@@ -193,6 +239,9 @@ const oneList = ref([])
 const twoList = ref([])
 const thrList = ref([])
 const fourList = ref([])
+// 是否展开
+const oneShow = ref(false)
+const twoShow = ref(false)
 // 查看
 const toView = (item) => {
   router.push({ path: '/project/detail', query: { id: item.id || item._id } })
@@ -415,6 +464,10 @@ const sizeChange = (limits) => {
           color: #2374ff;
         }
       }
+      .button {
+        color: #2374ff;
+        font-size: 12px;
+      }
     }
   }