修改满意度一些问题

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

@@ -35,14 +35,14 @@
                 element-loading-spinner="el-icon-loading" element-loading-text="加载中...">
         <el-table-column label="序号" type="index" width="80"/>
 
-        <el-table-column label="填写时间" prop="key" width="118"/>
-        <el-table-column label="所属组织" prop="gridName" width="118"/>
+        <el-table-column label="填写时间" prop="periodStart" width="130"/>
+        <el-table-column label="所属组织" prop="agencyName" width="118"/>
 
-        <el-table-column label="姓名" prop="restName"></el-table-column>
+        <el-table-column label="姓名" prop="reporterName"></el-table-column>
 
-        <el-table-column label="联系电话" prop="mobile">
+        <el-table-column label="联系电话" prop="reporterMobile">
           <template slot-scope="scope">
-            {{ $sensitive(scope.row.mobile, 3, 7) }}
+            {{ $sensitive(scope.row.reporterMobile, 3, 7) }}
           </template>
         </el-table-column>
         <el-table-column :formatter="(row) => row.evaCulturalFacility === 'veryGood' ? '满意' : '不满意'" label="文化设施" prop="evaCulturalFacility"

src/views/dataBoard/satisfactionEval/index.vue

@@ -18,8 +18,19 @@
           <SelfTrend />
         </div>
         <div class="bgImg">
-          <Title text="不满意人数统计及自查得分" />
-          <SelfInspectionScore/>
+          <Title text="不满意人数统计及自查得分" >
+            <el-date-picker
+            size="small"
+            popper-class="date-current-weiyi"
+            :append-to-body="false"
+            v-model="scoreMonth" type="month"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            value="yyyy-MM"
+            placeholder="按月度"
+            style="width: 118px"
+            />
+          </Title>
+          <SelfInspectionScore :date="scoreMonth"/>
 <!--          <Title text="下级组织不满意事项统计" />
           <EventStatistics :date="typeDate" />
         --></div>
@@ -78,7 +89,8 @@ export default {
       index: 0,
       type: 0,
       time: 0,
-    };
+      scoreMonth: ""
+    }
   },
   methods: {
     goToPage(url) {
@@ -94,7 +106,7 @@ export default {
 
 <style scoped lang="scss">
 /deep/ .el-input__inner {
-    width: 90px !important;
+    //width: 90px !important;
     height: 24px !important;
     background: #021c49 !important;
     border: 1px solid #125aaa !important;
@@ -119,4 +131,38 @@ export default {
 	margin-top: 5px;
 }
 
+::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>

src/views/dataBoard/satisfactionEval/modules/SelfInspectionScore/index.vue

@@ -32,6 +32,30 @@ export default {
     return {
       data: []
     }
+  },
+  props: {
+    date: {
+      type: String,
+      default: '',
+    },
+  },
+  watch: {
+    "$store.state.chooseArea.chooseName"(val) {
+      if (val.orgId) {
+        this.getList();
+      }
+    },
+    date() {
+      this.getList();
+    },
+  },
+  mounted() {
+    this.getList()
+  },
+  methods: {
+    getList() {
+      console.log(this.date)
+    }
   }
 }
 </script>
@@ -41,4 +65,5 @@ export default {
 .table {
   padding: 10px;
 }
+
 </style>