问题修改

src/assets/scss/dataBoard/overview/index.scss

@@ -769,7 +769,11 @@
 	background: rgba(3, 19, 51, 0.9);
 	border-color: #006cff;
 	box-shadow: inset 0px 0px 16px 0px rgba(0, 145, 255, 1);
+	.popper__arrow{
+		after{
 			
+		}
+	}
 	.el-date-picker__header-label {
 		color: #a0cdff;
 	}

src/views/dataBoard/cpts/map/index.vue

@@ -186,7 +186,7 @@ export default {
               //   level: item.level,
               center: [item.longitude, item.latitude],
               ...item,
-              parentName: srcGridData.parentName,
+              parentName: srcGridData.name,
             },
             geometry: {
               type: "Polygon",

src/views/dataBoard/cpts/personnel/index.vue

@@ -62,6 +62,12 @@ export default {
       resId: "",
     };
   },
+  watch: {
+    "$route.query"() {
+      const query = this.$route.query;
+      this.resId = query.user_id;
+    },
+  },
   mounted() {
     const query = this.$route.query;
     this.resId = query.user_id;

src/views/dataBoard/cpts/resi-details.vue

@@ -889,7 +889,6 @@ export default {
     // 根据房屋id获取详情
     async getInfo() {
       const url = "resident_info";
-
       const { data, code, msg } = await requestPostBi(
         url,
         {

src/views/dataBoard/overview/index.vue

@@ -104,6 +104,8 @@
           <title-box text="各社区人房数据更新排行">
             <span class="date-span">
               <el-date-picker
+                popper-class="date-current-weiyi"
+                :append-to-body="false"
                 v-model="rfphDate"
                 format="yyyy-MM"
                 value-format="yyyy-MM"
@@ -124,6 +126,8 @@
           <title-box text="各社区12345投诉事件统计">
             <span class="date-span">
               <el-date-picker
+                popper-class="date-current-weiyi"
+                :append-to-body="false"
                 v-model="sq12345Date"
                 format="yyyy-MM"
                 value-format="yyyy-MM"
@@ -164,6 +168,8 @@
           <title-box text="社区满意度自查结果">
             <span class="date-span">
               <el-date-picker
+                popper-class="date-current-weiyi"
+                :append-to-body="false"
                 v-model="sqzcDate"
                 format="yyyy-MM"
                 value-format="yyyy-MM"
@@ -182,6 +188,8 @@
           <title-box text="事件&回访">
             <span class="date-span">
               <el-date-picker
+                popper-class="date-current-weiyi"
+                :append-to-body="false"
                 v-model="sjhfDate"
                 format="yyyy-MM"
                 value-format="yyyy-MM"
@@ -213,6 +221,8 @@
           <title-box text="社区网格数据更新情况排行">
             <span class="date-span">
               <el-date-picker
+                popper-class="date-current-weiyi"
+                :append-to-body="false"
                 v-model="sqwggxDate"
                 format="yyyy-MM"
                 value-format="yyyy-MM"

src/views/dataBoard/satisfactionEval/dissatisfied/index.vue

@@ -3,27 +3,93 @@
     <Breadcrumb :list="breadcrumbList" />
     <div class="screen">
       <el-form :model="queryParams" inline>
-        <el-date-picker v-if="!hideSearch" size="small" popper-class="selectPopClass" v-model="queryParams.month" type="month" value-format="yyyy-MM" placeholder="按月度"> </el-date-picker>
+        <el-date-picker
-
+          v-if="!hideSearch"
-        <el-select v-if="!hideSearch" popper-class="selectPopClass" v-model="queryParams.agencyId" size="small" placeholder="按组织">
+          size="small"
-          <el-option v-for="item in orgOptions" :key="item.value" :label="item.label" :value="item.value"> </el-option>
+          popper-class="date-current-weiyi"
+          :append-to-body="false"
+          v-model="queryParams.month"
+          type="month"
+          value-format="yyyy-MM"
+          placeholder="按月度"
+        >
+        </el-date-picker>
+
+        <el-select
+          v-if="!hideSearch"
+          popper-class="selectPopClass"
+          v-model="queryParams.agencyId"
+          size="small"
+          placeholder="按组织"
+        >
+          <el-option
+            v-for="item in orgOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          >
+          </el-option>
         </el-select>
 
-        <el-select class="searchSelect" popper-class="selectPopClass" clearable collapse-tags multiple v-model="queryParams.satisfactionSource" size="small" placeholder="按不满意事项来源" @change="getSatisfactionCategoryOptions">
+        <el-select
-          <el-option v-for="item in satisfactionSourceOptions" :key="item.value" :label="item.label" :value="item.value"> </el-option>
+          class="searchSelect"
+          popper-class="selectPopClass"
+          clearable
+          collapse-tags
+          multiple
+          v-model="queryParams.satisfactionSource"
+          size="small"
+          placeholder="按不满意事项来源"
+          @change="getSatisfactionCategoryOptions"
+        >
+          <el-option
+            v-for="item in satisfactionSourceOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          >
+          </el-option>
         </el-select>
 
-        <el-select popper-class="selectPopClass" clearable v-model="queryParams.satisfactionCategory" size="small" placeholder="按不满意事项类型">
+        <el-select
-          <el-option v-for="item in satisfactionCategoryOptions" :key="item.value" :label="item.label" :value="item.value"> </el-option>
+          popper-class="selectPopClass"
+          clearable
+          v-model="queryParams.satisfactionCategory"
+          size="small"
+          placeholder="按不满意事项类型"
+        >
+          <el-option
+            v-for="item in satisfactionCategoryOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          >
+          </el-option>
         </el-select>
-        <el-input v-model.trim="queryParams.name" size="small" placeholder="按人员姓名"></el-input>
+        <el-input
-        <el-input v-model.trim="queryParams.mobile" size="small" placeholder="按人员电话"></el-input>
+          v-model.trim="queryParams.name"
-        <el-button size="small" class="btn" type="primary" @click="search">查询</el-button>
+          size="small"
+          placeholder="按人员姓名"
+        ></el-input>
+        <el-input
+          v-model.trim="queryParams.mobile"
+          size="small"
+          placeholder="按人员电话"
+        ></el-input>
+        <el-button size="small" class="btn" type="primary" @click="search"
+          >查询</el-button
+        >
       </el-form>
     </div>
 
     <div class="table">
-      <el-table :data="list" v-loading="loading" element-loading-text="加载中..." element-loading-spinner="el-icon-loading" element-loading-background="rgba(0,0,0,0.5)">
+      <el-table
+        :data="list"
+        v-loading="loading"
+        element-loading-text="加载中..."
+        element-loading-spinner="el-icon-loading"
+        element-loading-background="rgba(0,0,0,0.5)"
+      >
         <el-table-column label="序号" type="index" width="80" />
 
         <el-table-column prop="month" label="月度" width="114" />
@@ -32,13 +98,21 @@
 
         <el-table-column prop="satisfactionSource" width="168" label="事项来源">
           <template slot-scope="{ row }">
-            <span :style="{ color: satisfactionSourceFormat(row.satisfactionSource).color }">
+            <span
+              :style="{
+                color: satisfactionSourceFormat(row.satisfactionSource).color,
+              }"
+            >
               {{ satisfactionSourceFormat(row.satisfactionSource).label }}
             </span>
           </template>
         </el-table-column>
 
-        <el-table-column prop="satisfactionCategoryName" width="150" label="事项类型" />
+        <el-table-column
+          prop="satisfactionCategoryName"
+          width="150"
+          label="事项类型"
+        />
 
         <el-table-column prop="reason" show-overflow-tooltip label="事项描述" />
 
@@ -74,13 +148,21 @@
 
         <el-table-column label="操作" width="90" align="center">
           <template slot-scope="data">
-            <el-button type="text" @click="handleView(data.row)">查看</el-button>
+            <el-button type="text" @click="handleView(data.row)"
+              >查看</el-button
+            >
           </template>
         </el-table-column>
       </el-table>
     </div>
 
-    <Pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" @pagination="getList" />
+    <Pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNo"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
     <DissatisfiedDetail ref="detail" :id="id" />
   </div>
 </template>
@@ -177,18 +259,26 @@ export default {
         return;
       }
       const satisfactionSource = this.queryParams.satisfactionSource.toString();
-      this.$http.get("/governance/satisfactionDetailList/getUnsatisfiedCategory?satisfactionSource=" + satisfactionSource).then(({ data: { data } }) => {
+      this.$http
+        .get(
+          "/governance/satisfactionDetailList/getUnsatisfiedCategory?satisfactionSource=" +
+            satisfactionSource
+        )
+        .then(({ data: { data } }) => {
           this.satisfactionCategoryOptions = data.map((item) => {
             return {
               label: item.categoryName,
               value: item.categoryCode,
             };
           });
-        this.queryParams.satisfactionCategory = this.$route.params.type == 0 ? "" : this.$route.params.type;
+          this.queryParams.satisfactionCategory =
+            this.$route.params.type == 0 ? "" : this.$route.params.type;
         });
     },
     satisfactionSourceFormat(val) {
-      let satisfactionSource = this.satisfactionSourceOptions.filter((item) => item.value === val)[0];
+      let satisfactionSource = this.satisfactionSourceOptions.filter(
+        (item) => item.value === val
+      )[0];
       return satisfactionSource ? satisfactionSource : "";
     },
     search() {
@@ -197,7 +287,12 @@ export default {
     },
     getList() {
       this.loading = true;
-      this.$http.get("/governance/satisfactionDetailList/getUnsatisfiedMattersList?" + this.$paramsFormat(this.queryParams)).then(({ data: { data } }) => {
+      this.$http
+        .get(
+          "/governance/satisfactionDetailList/getUnsatisfiedMattersList?" +
+            this.$paramsFormat(this.queryParams)
+        )
+        .then(({ data: { data } }) => {
           this.total = data.total;
           this.list = data.list;
           this.loading = false;
@@ -208,8 +303,11 @@ export default {
         orgId: this.$store.state.chooseArea.chooseName.orgId,
         level: this.$store.state.chooseArea.chooseName.level,
       };
-      this.$http.post(`/gov/org/agency/maporg`, params).then(async ({ data: { data } }) => {
+      this.$http
-        this.queryParams.agencyId = this.$store.state.chooseArea.chooseName.orgId;
+        .post(`/gov/org/agency/maporg`, params)
+        .then(async ({ data: { data } }) => {
+          this.queryParams.agencyId =
+            this.$store.state.chooseArea.chooseName.orgId;
           let parent = { value: data.id, label: data.name };
           this.orgOptions = [
             parent,
@@ -230,20 +328,35 @@ export default {
         startTime = this.$moment().startOf("month").format("YYYY-MM-DD");
       }
       if (type == 2) {
-        startTime = this.$moment().subtract(1, "months").startOf("month").format("YYYY-MM-DD");
+        startTime = this.$moment()
+          .subtract(1, "months")
+          .startOf("month")
+          .format("YYYY-MM-DD");
       }
       if (type == 3) {
-        startTime = this.$moment().subtract(2, "months").startOf("month").format("YYYY-MM-DD");
+        startTime = this.$moment()
+          .subtract(2, "months")
+          .startOf("month")
+          .format("YYYY-MM-DD");
       }
       if (type == 4) {
-        startTime = this.$moment().subtract(5, "months").startOf("month").format("YYYY-MM-DD");
+        startTime = this.$moment()
+          .subtract(5, "months")
+          .startOf("month")
+          .format("YYYY-MM-DD");
       }
       if (type == 5) {
-        startTime = this.$moment().subtract(11, "months").startOf("month").format("YYYY-MM-DD");
+        startTime = this.$moment()
+          .subtract(11, "months")
+          .startOf("month")
+          .format("YYYY-MM-DD");
       }
 
       if (type == 2) {
-        endTime = this.$moment().subtract(1, "months").endOf("month").format("YYYY-MM-DD");
+        endTime = this.$moment()
+          .subtract(1, "months")
+          .endOf("month")
+          .format("YYYY-MM-DD");
       } else {
         endTime = this.$moment().endOf("month").format("YYYY-MM-DD");
       }
@@ -310,4 +423,39 @@ export default {
 .red {
   color: #f95619;
 }
+
+::v-deep .date-current-weiyi {
+  background: rgba(3, 19, 51, 0.9);
+  border-color: #006cff;
+  box-shadow: inset 0px 0px 16px 0px rgba(0, 145, 255, 1);
+
+  .el-date-picker__header-label {
+    color: #ffffff;
+  }
+
+  .el-picker-panel__icon-btn {
+    color: #ffffff;
+  }
+
+  .el-month-table {
+    td {
+      .cell {
+        color: #ffffff;
+      }
+    }
+  }
+
+  .el-month-table td.current:not(.disabled) .cell {
+    color: #fff;
+    background-color: #409eff;
+  }
+
+  .el-month-table td.today:not(.disabled) .cell {
+    color: #0056d6;
+  }
+
+  .el-date-picker__header--bordered {
+    border-bottom: solid 1px #006cff;
+  }
+}
 </style>