From c4d46bbcd54c2f3a88082be17a8df2c46ef92d1e Mon Sep 17 00:00:00 2001
From: PLUTO <>
Date: Fri, 13 Oct 2023 10:47:28 +0800
Subject: [PATCH] =?UTF-8?q?title=E7=BB=84=E4=BB=B6=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E9=AB=98=E5=BA=A6=EF=BC=8C=E6=BB=A1=E6=84=8F=E5=BA=A6=E8=AF=84?=
 =?UTF-8?q?=E4=BB=B7=E5=8A=A8=E6=80=81=E4=BF=AE=E6=94=B9select=E6=A1=86?=
 =?UTF-8?q?=E5=AE=BD=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/scss/dataBoardMain.scss            |   2 +-
 .../components/Title/index.vue                |   6 +-
 src/views/dataBoardMain/main-navbar.vue       | 144 ++++++------------
 3 files changed, 55 insertions(+), 97 deletions(-)

diff --git a/src/assets/scss/dataBoardMain.scss b/src/assets/scss/dataBoardMain.scss
index 735937384..19d4b2254 100644
--- a/src/assets/scss/dataBoardMain.scss
+++ b/src/assets/scss/dataBoardMain.scss
@@ -54,7 +54,7 @@
         left: 21px;
         right: 0;
         top: 0;
-        line-height: 70px;
+        line-height: 78px;
 
         img {
             width: 21px;
diff --git a/src/views/dataBoard/satisfactionEval/components/Title/index.vue b/src/views/dataBoard/satisfactionEval/components/Title/index.vue
index 218a3b5c9..aaa0c6b6e 100644
--- a/src/views/dataBoard/satisfactionEval/components/Title/index.vue
+++ b/src/views/dataBoard/satisfactionEval/components/Title/index.vue
@@ -26,8 +26,10 @@ export default {
 
 <style scoped lang="scss">
 .title {
-  background: url(../../../../../assets/images/shuju/overview/title-bg.png)
-    no-repeat 0 0 fixed;
+  // width: 100%;
+  height: 40px;
+  background: url(../../../../../assets/images/shuju/overview/title-bg.png) no-repeat;
+  // background-size: 100% 100%;
   padding: 8px 16px 8px 32px;
   display: flex;
   align-items: center;
diff --git a/src/views/dataBoardMain/main-navbar.vue b/src/views/dataBoardMain/main-navbar.vue
index fa9d4c0ae..5d5a65615 100644
--- a/src/views/dataBoardMain/main-navbar.vue
+++ b/src/views/dataBoardMain/main-navbar.vue
@@ -1,31 +1,13 @@
 <template>
   <div class="m-topnav">
     <div class="back" style="cursor: pointer" @click="goBack()">
-      <img
-        width="22px"
-        height="22px"
-        src="~@/assets/images/shuju/main/back1.png"
-        alt="/"
-      />
+      <img width="22px" height="22px" src="~@/assets/images/shuju/main/back1.png" alt="/" />
     </div>
     <div class="title">
       <div class="title-txt">{{ customerName }}数据智能分析平台</div>
-      <div
-        class="selectArea"
-        v-if="$route.path == '/dataBoard/satisfactionEval/index'"
-      >
-        <el-select
-          @change="setSelectName"
-          v-model="value"
-          popper-class="selectPopClass"
-        >
-          <el-option
-            v-for="(item, index) in options"
-            v-if="item.agencyLevel !== 'grid'"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
+      <div class="selectArea" v-if="$route.path == '/dataBoard/satisfactionEval/index'">
+        <el-select :style="{ width: selectWidth + 'px' }" @change="setSelectName" v-model="value" popper-class="selectPopClass">
+          <el-option v-for="(item, index) in options" v-if="item.agencyLevel !== 'grid'" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
       </div>
     </div>
@@ -46,32 +28,16 @@
       </div>
     </div>-->
     <div class="nav-list">
-      <div
-        class="nav-item"
-        :class="{ 'z-on': $route.path.indexOf('/dataBoard/overview') != -1 }"
-        @click="toPage('/dataBoard/overview/index')"
-      >
+      <div class="nav-item" :class="{ 'z-on': $route.path.indexOf('/dataBoard/overview') != -1 }" @click="toPage('/dataBoard/overview/index')">
         <span>概览</span>
       </div>
-      <div
-        class="nav-item"
-        :class="{ 'z-on': $route.path.includes('/organizational') }"
-        @click="toPage('/organizational/dangTree')"
-      >
+      <div class="nav-item" :class="{ 'z-on': $route.path.includes('/organizational') }" @click="toPage('/organizational/dangTree')">
         <span>组织架构</span>
       </div>
-      <div
-        class="nav-item"
-        :class="{ 'z-on': $route.path.indexOf('/dataBoard/renfang') != -1 }"
-        @click="toPage('/dataBoard/renfang/index')"
-      >
+      <div class="nav-item" :class="{ 'z-on': $route.path.indexOf('/dataBoard/renfang') != -1 }" @click="toPage('/dataBoard/renfang/index')">
         <span>人房数据</span>
       </div>
-      <div
-        class="nav-item"
-        :class="{ 'z-on': $route.path.includes('/satisfactionEval') }"
-        @click="toPage('/dataBoard/satisfactionEval/index')"
-      >
+      <div class="nav-item" :class="{ 'z-on': $route.path.includes('/satisfactionEval') }" @click="toPage('/dataBoard/satisfactionEval/index')">
         <span>满意度评价</span>
       </div>
     </div>
@@ -205,6 +171,7 @@ export default {
       showTime: "",
       showMonth: "",
       value: 0,
+      selectWidth: 120,
       weather: {
         weather: "晴",
         temperature: "--",
@@ -220,15 +187,10 @@ export default {
     const customerId = localStorage.getItem("customerId");
     let siteconfigElement = window.SITE_CONFIG["menuShujuList"];
     //暂时 亿联街道和 微笑崂山显示 社区治理-》多元化菜单
-    if (
-      "04c0d396e298f13e57aa5904a657eaa6" != customerId &&
-      "3fdd0380deff5b30f45376cdf995d1c1" != customerId
-    ) {
+    if ("04c0d396e298f13e57aa5904a657eaa6" != customerId && "3fdd0380deff5b30f45376cdf995d1c1" != customerId) {
       for (let index in siteconfigElement) {
         if (siteconfigElement[index].id == "6") {
-          let newMenuArr = siteconfigElement[index].children.filter(
-            (item) => item.id !== "duoyuanfuwufenxi"
-          );
+          let newMenuArr = siteconfigElement[index].children.filter((item) => item.id !== "duoyuanfuwufenxi");
           siteconfigElement[index].children = newMenuArr;
         }
       }
@@ -257,55 +219,53 @@ export default {
       if (this.options.length) {
         params = { orgId: this.value, level: this.getChooseLabel(this.value) };
       }
-      this.$http
-        .post(`/gov/org/agency/maporg`, params)
-        .then(async ({ data: { data } }) => {
-          console.log(data);
-          this.value = data.id;
-          this.$store.dispatch("chooseArea/chooseName", {
-            orgId: data.id,
-            level: data.level,
-          });
-          let children = await this.dealTreeData(data.children);
-          if (data.parentId) {
-            this.options = [
-              {
-                ...data,
-                value: data.parentId,
-                label: data.parentName,
-              },
-              {
-                ...data,
-                value: data.id,
-                label: data.name,
-              },
-              ...children,
-            ];
-          } else {
-            this.options = [
-              {
-                ...data,
-                value: data.id,
-                label: data.name,
-              },
-              ...children,
-            ];
-          }
+      this.$http.post(`/gov/org/agency/maporg`, params).then(async ({ data: { data } }) => {
+        console.log(data);
+        this.value = data.id;
+        this.$store.dispatch("chooseArea/chooseName", {
+          orgId: data.id,
+          level: data.level,
         });
+        let children = await this.dealTreeData(data.children);
+        if (data.parentId) {
+          this.options = [
+            {
+              ...data,
+              value: data.parentId,
+              label: data.parentName,
+            },
+            {
+              ...data,
+              value: data.id,
+              label: data.name,
+            },
+            ...children,
+          ];
+        } else {
+          this.options = [
+            {
+              ...data,
+              value: data.id,
+              label: data.name,
+            },
+            ...children,
+          ];
+        }
+      });
     },
     dealTreeData(treeData, level = 0) {
       const data = treeData.map((item) => ({
         ...item,
         value: item.id,
         label: item.name,
-        children:
-          item.children && item.children.length
-            ? this.dealTreeData(item.children, level++)
-            : null,
+        children: item.children && item.children.length ? this.dealTreeData(item.children, level++) : null,
       }));
       return data;
     },
     setSelectName(index) {
+      const name = this.options.filter((item) => item.value === index)[0].label;
+      const width = name.length > 5 ? name.length * 14 + 25 : 120;
+      this.selectWidth = width;
       /*      this.$store.dispatch("chooseArea/chooseName", {
               orgId: this.options[index].id,
               level: this.options[index].level
@@ -335,9 +295,7 @@ export default {
     },
     // 通过menuId与动态(菜单)路由进行匹配跳转至指定路由
     gotoRouteHandle(menuId, idx) {
-      var route = window.SITE_CONFIG["dynamicMenuRoutesShuju"].filter(
-        (item) => item.meta.menuId === menuId
-      )[0];
+      var route = window.SITE_CONFIG["dynamicMenuRoutesShuju"].filter((item) => item.meta.menuId === menuId)[0];
       if (route) {
         this.$router.push({
           name: route.name,
@@ -346,12 +304,10 @@ export default {
       }
     },
     changeCustomerName() {
-      this.customerName =
-        localStorage.getItem("customerNameDataBoard") || "数据分析可视化平台";
+      this.customerName = localStorage.getItem("customerNameDataBoard") || "数据分析可视化平台";
     },
     async getWeatherData() {
-      const url =
-        "https://restapi.amap.com/v3/weather/weatherInfo?key=8c87678f34ce9e8e23245c5161991c4e";
+      const url = "https://restapi.amap.com/v3/weather/weatherInfo?key=8c87678f34ce9e8e23245c5161991c4e";
       const { data, code, msg } = await requestGet(url, {
         city: this.$store.state.user.areaCode,
       });