修改筛选样式

src/components/pages/appStore/views/appManagement.vue

@@ -22,47 +22,6 @@
     </div>
     <div class="ac_right">
       <div class="ac_header">
-        <!-- <div class="ac_h_top">
-          <span class="ac_h_t_active">
-            <svg
-              width="20"
-              height="20"
-              viewBox="0 0 20 20"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M14.0625 2.1875C11.9914 2.1875 10.3125 3.86643 10.3125 5.9375C10.3125 8.00857 11.9914 9.6875 14.0625 9.6875C16.1336 9.6875 17.8125 8.00857 17.8125 5.9375C17.8125 3.86643 16.1336 2.1875 14.0625 2.1875ZM11.5625 5.9375C11.5625 4.55679 12.6818 3.4375 14.0625 3.4375C15.4432 3.4375 16.5625 4.55679 16.5625 5.9375C16.5625 7.31821 15.4432 8.4375 14.0625 8.4375C12.6818 8.4375 11.5625 7.31821 11.5625 5.9375Z"
-              />
-              <path
-                d="M2.5 3.75C2.5 3.05964 3.05964 2.5 3.75 2.5H8.125C8.81536 2.5 9.375 3.05964 9.375 3.75V8.125C9.375 8.81536 8.81536 9.375 8.125 9.375H3.75C3.05964 9.375 2.5 8.81536 2.5 8.125V3.75ZM3.75 3.75V8.125H8.125V3.75H3.75Z"
-              />
-              <path
-                d="M2.5 11.875C2.5 11.1846 3.05964 10.625 3.75 10.625H8.125C8.81536 10.625 9.375 11.1846 9.375 11.875V16.25C9.375 16.9404 8.81536 17.5 8.125 17.5H3.75C3.05964 17.5 2.5 16.9404 2.5 16.25V11.875ZM3.75 11.875V16.25H8.125V11.875H3.75Z"
-              />
-              <path
-                d="M10.625 11.875C10.625 11.1846 11.1846 10.625 11.875 10.625H16.25C16.9404 10.625 17.5 11.1846 17.5 11.875V16.25C17.5 16.9404 16.9404 17.5 16.25 17.5H11.875C11.1846 17.5 10.625 16.9404 10.625 16.25V11.875ZM11.875 16.25H16.25V11.875H11.875V16.25Z"
-              />
-            </svg>
-            应用管理</span
-          >
-          <span @click="changeShowPage(1)">
-            <svg
-              width="20"
-              height="20"
-              viewBox="0 0 20 20"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <rect width="20" height="20" fill="white" />
-              <path
-                fill-rule="evenodd"
-                clip-rule="evenodd"
-                d="M9.70072 1.32632C9.88727 1.22456 10.1127 1.22456 10.2993 1.32632L17.1743 5.07632C17.3751 5.18584 17.5 5.39628 17.5 5.625V14.375C17.5 14.6037 17.3751 14.8142 17.1743 14.9237L10.2993 18.6737C10.1127 18.7754 9.88727 18.7754 9.70072 18.6737L2.82572 14.9237C2.62493 14.8142 2.5 14.6037 2.5 14.375V5.625C2.5 5.39628 2.62493 5.18584 2.82572 5.07632L9.70072 1.32632ZM3.75 6.79282V14.004L9.375 17.0722V14.1039L6.55344 12.4109C6.36519 12.298 6.25 12.0945 6.25 11.875V8.45949L3.75 6.79282ZM7.5 8.47887V10.7711L9.375 9.64613V7.35387L7.5 8.47887ZM10.625 7.35387V9.64613L12.5 10.7711V8.47887L10.625 7.35387ZM13.75 8.45949V11.875C13.75 12.0945 13.6348 12.298 13.4466 12.4109L10.625 14.1039V17.0722L16.25 14.004V6.79282L13.75 8.45949ZM15.668 5.67854L10 2.58693L4.33205 5.67854L6.8926 7.38557L9.67844 5.71407C9.87637 5.59531 10.1236 5.59531 10.3216 5.71407L13.1074 7.38557L15.668 5.67854ZM10 13.0211L11.9102 11.875L10 10.7289L8.08978 11.875L10 13.0211Z"
-              />
-            </svg>
-            工作空间</span
-          >
-
-        </div> -->
         <el-button
           type="primary"
           size="small"
@@ -76,22 +35,10 @@
           <img :src="controlsObj.bannerUrl" alt="banner图" />
         </div>
         <div class="ac_h_bottom">
-          <div class="ac_h_b_typeList">
-            <span
-              :class="{ ac_h_b_typeList_active: showType === '' }"
-              @click="changeType('')"
-              >全部</span
-            >
-            <span
-              v-for="item in typeList"
-              :key="item.id"
-              :class="{ ac_h_b_typeList_active: showType === item.id }"
-              @click="changeType(item.id)"
-              >{{ item.name }}</span
-            >
-          </div>
+
           <div class="ac_h_b_selectList">
-            <el-select
+            <div>
+              <el-select
               v-model="selectJuri"
               placeholder="请选择显示范围"
               @change="changeSelectType"
@@ -131,8 +78,9 @@
                 :value="item.value"
               ></el-option>
             </el-select>
+            </div>
 
-            <el-input
+            <div><el-input
               v-model="searchText"
               style="width: 250px;margin-right: 10px;"
               placeholder="请输入应用名称"
@@ -150,7 +98,22 @@
               icon="el-icon-search"
               @click="getData"
             ></el-button> -->
-            <el-button type="primary" @click="selectApp()">发布应用</el-button>
+            <el-button type="primary" @click="selectApp()">发布应用</el-button></div>
+          </div>
+
+          <div class="ac_h_b_typeList">
+            <span
+              :class="{ ac_h_b_typeList_active: showType === '' }"
+              @click="changeType('')"
+              >全部</span
+            >
+            <span
+              v-for="item in typeList"
+              :key="item.id"
+              :class="{ ac_h_b_typeList_active: showType === item.id }"
+              @click="changeType(item.id)"
+              >{{ item.name }}</span
+            >
           </div>
         </div>
       </div>
@@ -1831,8 +1794,7 @@ export default {
   padding: 10px 15px 10px 15px;
   box-sizing: border-box;
   display: flex;
-  justify-content: space-between;
-  align-items: center;
+  flex-direction: column;
   border-bottom: solid 1px #e7e7e7;
 }
 
@@ -1841,7 +1803,7 @@ export default {
 
 
 .ac_h_b_typeList {
-  width: calc(100% - 400px);
+  width: 100%;
   height: auto;
   display: flex;
   flex-wrap: wrap;
@@ -1873,12 +1835,13 @@ export default {
 }*/
 
 .ac_h_b_selectList {
-  margin-left: 15px;
+  /* margin-left: 15px; */
   margin-bottom: 10px;
   display: flex;
+  justify-content: space-between;
   align-items: center;
 }
-
+/*
 @media screen and (max-width: 1200px) {
   .ac_h_bottom{
     flex-direction: column;
@@ -1894,7 +1857,7 @@ export default {
     display: flex;
     justify-content: flex-end;
   }
-}
+} */
 
 
 .ac_content {