Explorar o código

'设备详情页tab样式修改'

zhangyu %!s(int64=4) %!d(string=hai) anos
pai
achega
d9d70f8e4a
Modificáronse 2 ficheiros con 33 adicións e 75 borrados
  1. 28 74
      src/views/AssetDetail.vue
  2. 5 1
      src/views/GlobalSearch.vue

+ 28 - 74
src/views/AssetDetail.vue

@@ -1,10 +1,7 @@
 <template>
   <div class="asset-detail" v-if="isFinish >= 2">
-    <van-nav-bar
-      :title="isMaintenanceShow || isRepairShow ? '设备详情' : '设备信息'"
-      @click-left="backPage"
-      @click-right="handleRightClick"
-    >
+    <van-nav-bar :title="isMaintenanceShow || isRepairShow ? '设备详情' : '设备信息'" @click-left="backPage"
+      @click-right="handleRightClick">
       <template #left>
         <van-icon name="arrow-left" size="18" color="#333333" />
       </template>
@@ -15,33 +12,16 @@
     <div class="asset-information" v-if="!isMaintenanceShow && !isRepairShow">
       <Information :data="informationData" />
     </div>
-    <van-tabs
-      v-else
-      v-model="active"
-      class="other-tabs"
-      color="#025BAA"
-      @change="changeTab"
-      title-active-color="#025BAA"
-      :line-width="60"
-    >
+    <van-tabs v-else v-model="active" class="other-tabs" color="#025BAA" @change="changeTab"
+      title-active-color="#025BAA" :line-width="60">
       <van-tab title="设备信息">
         <Information :data="informationData" />
       </van-tab>
       <van-tab v-if="isMaintenanceShow" title="重要维保">
-        <RepairMaintenance
-          ref="maintenance"
-          type="maintenance"
-          :list="maintenanceData"
-          @onSearch="getData"
-        />
+        <RepairMaintenance ref="maintenance" type="maintenance" :list="maintenanceData" @onSearch="getData" />
       </van-tab>
       <van-tab v-if="isRepairShow" title="重要维修">
-        <RepairMaintenance
-          ref="repair"
-          type="repair"
-          :list="repairData"
-          @onSearch="getData"
-        />
+        <RepairMaintenance ref="repair" type="repair" :list="repairData" @onSearch="getData" />
       </van-tab>
     </van-tabs>
 
@@ -52,17 +32,8 @@
         <div class="system">
           <h1 class="title">是否更换配件</h1>
           <div class="system-btn-container">
-            <div
-              class="system-btn"
-              v-for="(item, index) in sfghpjList"
-              :key="index"
-            >
-              <van-button
-                class="m-btn"
-                :class="item.active"
-                @click="isChangeParts(item)"
-                >{{ item.text }}</van-button
-              >
+            <div class="system-btn" v-for="(item, index) in sfghpjList" :key="index">
+              <van-button class="m-btn" :class="item.active" @click="isChangeParts(item)">{{ item.text }}</van-button>
             </div>
           </div>
         </div>
@@ -71,17 +42,9 @@
         <div class="sbss">
           <h1 class="title">填报日期</h1>
           <div class="system-btn-container">
-            <div
-              class="system-btn"
-              v-for="(item, index) in fillinList"
-              :key="index"
-            >
-              <van-button
-                class="m-btn"
-                :class="item.active"
-                @click="changeFillinDate(item)"
-                >{{ item.text }}</van-button
-              >
+            <div class="system-btn" v-for="(item, index) in fillinList" :key="index">
+              <van-button class="m-btn" :class="item.active" @click="changeFillinDate(item)">{{ item.text }}
+              </van-button>
             </div>
           </div>
         </div>
@@ -90,32 +53,15 @@
         <div class="sbss">
           <h1 class="title">验收日期</h1>
           <div class="system-btn-container">
-            <div
-              class="system-btn"
-              v-for="(item, index) in acceptanceList"
-              :key="index"
-            >
-              <van-button
-                class="m-btn"
-                :class="item.active"
-                @click="changeAcceptanceDate(item)"
-                >{{ item.text }}
+            <div class="system-btn" v-for="(item, index) in acceptanceList" :key="index">
+              <van-button class="m-btn" :class="item.active" @click="changeAcceptanceDate(item)">{{ item.text }}
               </van-button>
             </div>
           </div>
         </div>
         <div class="footer">
-          <van-button
-            size="large"
-            color="#025BAA"
-            plain
-            type="info"
-            @click="reset"
-            >重置</van-button
-          >
-          <van-button size="large" color="#025BAA" type="info" @click="confirm"
-            >确定</van-button
-          >
+          <van-button size="large" color="#025BAA" plain type="info" @click="reset">重置</van-button>
+          <van-button size="large" color="#025BAA" type="info" @click="confirm">确定</van-button>
         </div>
       </div>
     </van-popup>
@@ -184,8 +130,8 @@ export default {
     };
   },
   props: {},
-  beforeMount() {},
-  mounted() {},
+  beforeMount() { },
+  mounted() { },
   methods: {
     backPage() {
       if (this.$route.query.first) {
@@ -218,9 +164,9 @@ export default {
     // 查询设备信息数据
     getInformationData() {
       let data = {
-          plazaId: this.plazaId,
-          keyword: `${this.$route.query.assetid}:assetid;`,
-        },
+        plazaId: this.plazaId,
+        keyword: `${this.$route.query.assetid}:assetid;`,
+      },
         postParams = {};
       queryEquipmentList({ data, postParams }).then((res) => {
         if (res.data.result == "success" && res.data.data && res.data.data[0]) {
@@ -559,8 +505,16 @@ export default {
     /deep/ .van-tab__text {
       font-size: 16px;
     }
+
     /deep/ .van-tabs__wrap {
       height: 45px;
+      border-bottom: 1px solid #eaeaea;
+      .van-tabs__nav--line {
+        box-sizing: content-box;
+        height: 100%;
+        width: 80%;
+        margin: 0 auto;
+      }
     }
     /deep/ .van-tabs__content {
       height: calc(100% - 45px);

+ 5 - 1
src/views/GlobalSearch.vue

@@ -8,7 +8,7 @@
         <p @click="handleClickEngineRoomPicture" class="quick-entry-item">机房平面布置图</p>
         <p @click="handleClickLowVoltageCabinet" class="quick-entry-item">配电室低压出线柜及出线明细</p>
         <p @click="handleClickElectricWell" class="quick-entry-item">电井(间)控制商铺范围</p>
-        <p class="quick-entry-item">更多设备</p>
+        <p @click="handleClickMoreEquipmentList" class="quick-entry-item">更多设备</p>
       </div>
     </div>
     <div v-if="equipList.length" class="equip-box">
@@ -71,6 +71,10 @@ export default {
     handleClickElectricWell() {
       this.$router.push({ name: 'ElectricWell', params: { type: "all"} })
     },
+    // 跳转更多设备
+    handleClickMoreEquipmentList() {
+      this.$router.push({ name: 'MoreEquipmentList', params: { type: "all"} })
+    },
     // 跳转设备详情
     handleClickDetail(item) {
       if (item.assetid) {