From cd6051180285731c8fdd42d2e0c8e641aa4858c9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=88=98=E7=AB=8B=E6=A0=87?= <2658037827@qq.com>
Date: Fri, 15 Sep 2023 14:30:30 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=BD=9C=E5=9C=A8=E9=A3=8E?=
 =?UTF-8?q?=E9=99=A9=E5=90=8D=E5=8D=95=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js                           |  40 +++++
 .../satisfactionEval/dissatisfied/index.vue   |  15 ++
 .../dataBoard/satisfactionEval/index.vue      |   7 +-
 .../modules/PotentialPeople/index.vue         |   6 +-
 .../modules/TypesOfDissatisfaction/index.vue  |  11 --
 .../potentialPeople/index.vue                 | 151 ++++++++++++++++
 .../potentialPeople/sjwjj.vue                 | 161 ++++++++++++++++++
 .../potentialPeople/xqwmz.vue                 | 160 +++++++++++++++++
 .../potentialPeople/yxwxfw.vue                | 161 ++++++++++++++++++
 9 files changed, 696 insertions(+), 16 deletions(-)
 create mode 100644 src/views/dataBoard/satisfactionEval/potentialPeople/index.vue
 create mode 100644 src/views/dataBoard/satisfactionEval/potentialPeople/sjwjj.vue
 create mode 100644 src/views/dataBoard/satisfactionEval/potentialPeople/xqwmz.vue
 create mode 100644 src/views/dataBoard/satisfactionEval/potentialPeople/yxwxfw.vue

diff --git a/src/router/index.js b/src/router/index.js
index c0373050b..9ac8ccb87 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -418,6 +418,46 @@ export const dataBoardRoutes = {
         isTab: false,
       },
     },
+    {
+      path: "satisfactionEval/potentialPeople",
+      props: true,
+      component: () => import("@/views/dataBoard/satisfactionEval/potentialPeople/index"),
+      name: "dataBoard-satisfactionEval-potentialPeople-index",
+      meta: {
+        title: "潜在不满意人数",
+        isTab: false,
+      },
+    },
+    {
+      path: "satisfactionEval/potentialPeople/yxwxfw",
+      props: true,
+      component: () => import("@/views/dataBoard/satisfactionEval/potentialPeople/yxwxfw"),
+      name: "dataBoard-satisfactionEval-potentialPeople-yxwxfw",
+      meta: {
+        title: "应享未享服务人数",
+        isTab: false,
+      },
+    },
+    {
+      path: "satisfactionEval/potentialPeople/sjwjj",
+      props: true,
+      component: () => import("@/views/dataBoard/satisfactionEval/potentialPeople/sjwjj"),
+      name: "dataBoard-satisfactionEval-potentialPeople-sjwjj",
+      meta: {
+        title: "事件未解决上报人数",
+        isTab: false,
+      },
+    },
+    {
+      path: "satisfactionEval/potentialPeople/xqwmz",
+      props: true,
+      component: () => import("@/views/dataBoard/satisfactionEval/potentialPeople/xqwmz"),
+      name: "dataBoard-satisfactionEval-potentialPeople-xqwmz",
+      meta: {
+        title: "需求未满足人数",
+        isTab: false,
+      },
+    },
     {
       path: "organizational/index",
       props: true,
diff --git a/src/views/dataBoard/satisfactionEval/dissatisfied/index.vue b/src/views/dataBoard/satisfactionEval/dissatisfied/index.vue
index bfcdd2053..57a906fbf 100644
--- a/src/views/dataBoard/satisfactionEval/dissatisfied/index.vue
+++ b/src/views/dataBoard/satisfactionEval/dissatisfied/index.vue
@@ -204,4 +204,19 @@ export default {
     height: 32px;
   }
 }
+.orange {
+  color: #FFB73C;
+}
+.blue {
+  color: #64C1FF;
+}
+.green {
+  color: #08EBAE;
+}
+.light {
+  color: #3CF5FF;
+}
+.red {
+  color: #F95619;
+}
 </style>
\ No newline at end of file
diff --git a/src/views/dataBoard/satisfactionEval/index.vue b/src/views/dataBoard/satisfactionEval/index.vue
index 94aead8d2..f0514f61c 100644
--- a/src/views/dataBoard/satisfactionEval/index.vue
+++ b/src/views/dataBoard/satisfactionEval/index.vue
@@ -34,10 +34,13 @@
         </div>
 
         <div class="bg2">
-          <Title text="潜在不满意人数"/>
+          <Title text="潜在不满意人数">
+            <div class="more" @click="goToPage('/dataBoard/satisfactionEval/potentialPeople')">
+            查看详细 <i class="el-icon-arrow-right"></i>
+            </div>
+          </Title>
           <PotentialPeople/>
         </div>
-
       </el-col>
     </el-row>
   </div>
diff --git a/src/views/dataBoard/satisfactionEval/modules/PotentialPeople/index.vue b/src/views/dataBoard/satisfactionEval/modules/PotentialPeople/index.vue
index 5c8a0bf87..b2d785622 100644
--- a/src/views/dataBoard/satisfactionEval/modules/PotentialPeople/index.vue
+++ b/src/views/dataBoard/satisfactionEval/modules/PotentialPeople/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="potential-people">
-    <div class="potential-people-item">
+    <div class="potential-people-item" @click="$router.push('/dataBoard/satisfactionEval/potentialPeople/sjwjj')">
       <div class="icon">
         <img src="@/assets/images/manyidu/qz_wjj.png" alt="">
       </div>
@@ -10,7 +10,7 @@
       </div>
       <div class="num"><span class="orange">78</span>人</div>
     </div>
-    <div class="potential-people-item">
+    <div class="potential-people-item" @click="$router.push('/dataBoard/satisfactionEval/potentialPeople/xqwmz')">
       <div class="icon">
         <img src="@/assets/images/manyidu/qz_wmz.png" alt="">
       </div>
@@ -20,7 +20,7 @@
       </div>
       <div class="num"><span class="green">128</span>人</div>
     </div>
-    <div class="potential-people-item">
+    <div class="potential-people-item" @click="$router.push('/dataBoard/satisfactionEval/potentialPeople/yxwxfw')">
       <div class="icon">
         <img src="@/assets/images/manyidu/qz_wx.png" alt="">
       </div>
diff --git a/src/views/dataBoard/satisfactionEval/modules/TypesOfDissatisfaction/index.vue b/src/views/dataBoard/satisfactionEval/modules/TypesOfDissatisfaction/index.vue
index a9b475735..b734f3608 100644
--- a/src/views/dataBoard/satisfactionEval/modules/TypesOfDissatisfaction/index.vue
+++ b/src/views/dataBoard/satisfactionEval/modules/TypesOfDissatisfaction/index.vue
@@ -77,17 +77,6 @@ export default {
           max: datamax[i],
         })
       }
-
-      function contains(arrays, obj) {
-        var i = arrays.length;
-        while (i--) {
-          if (arrays[i] === obj) {
-            return i;
-          }
-        }
-        return false;
-      }
-
       var option = {
         tooltip: {
           show: false,
diff --git a/src/views/dataBoard/satisfactionEval/potentialPeople/index.vue b/src/views/dataBoard/satisfactionEval/potentialPeople/index.vue
new file mode 100644
index 000000000..7d4e09c6f
--- /dev/null
+++ b/src/views/dataBoard/satisfactionEval/potentialPeople/index.vue
@@ -0,0 +1,151 @@
+<template>
+  <div>
+    <Breadcrumb :list="breadcrumbList"/>
+    <div class="screen">
+      <el-form :model="queryParams" inline>
+        <el-select v-model="queryParams.org" size="small" placeholder="按组织">
+          <el-option
+              v-for="item in monthOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+          </el-option>
+        </el-select>
+
+        <el-select v-model="queryParams.matterType" size="small" placeholder="按不满意类型">
+          <el-option
+              v-for="item in monthOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+          </el-option>
+        </el-select>
+        <el-input v-model="queryParams.name" size="small" placeholder="按姓名"></el-input>
+        <el-input v-model="queryParams.tel" size="small" placeholder="按电话"></el-input>
+        <el-button size="small" class="btn" type="primary">查询</el-button>
+      </el-form>
+    </div>
+
+    <div class="table">
+      <el-table :data="list">
+        <el-table-column
+            label="序号"
+            type="index"
+            width="80"/>
+
+        <el-table-column
+            prop="name"
+            label="上报人"/>
+
+        <el-table-column
+            prop="key"
+            label="上报人电话"/>
+
+        <el-table-column
+            prop="key"
+            label="所属组织">
+        </el-table-column>
+
+        <el-table-column
+            prop="key"
+            sortable
+            label="事件未解决数"/>
+
+        <el-table-column
+            prop="key"
+            sortable
+            label="需求未满足数"/>
+
+        <el-table-column
+            prop="key"
+            sortable
+            label="应享未享数"/>
+
+        <el-table-column
+            prop="key"
+            sortable
+            label="总数"/>
+
+      </el-table>
+    </div>
+
+    <Pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+    />
+  </div>
+</template>
+
+<script>
+import Breadcrumb from '@/views/dataBoard/satisfactionEval/components/Breadcrumb'
+import Pagination from '@/views/dataBoard/satisfactionEval/components/Pagination'
+import Title from "@/views/dataBoard/satisfactionEval/components/Title"
+
+
+export default {
+  name: "dissatisfied",
+  components: {Breadcrumb, Pagination,Title},
+  data() {
+    return {
+      queryParams: {
+        month: '',
+        org: '',
+        matterSource: '',
+        matterType: '',
+        name: '',
+        tel: '',
+        pageNum: 1,
+        pageSize: 10,
+      },
+      total: 0,
+      breadcrumbList: [{
+        path: '/dataBoard/satisfactionEval/index',
+        name: '满意度评价'
+      }, {
+        path: '',
+        name: '潜在不满意人数'
+      }],
+      monthOptions: new Array(12).fill(0).map((_, index) => {
+        return {label: (index - 0 + 1) + '月', value: (index - 0 + 1)}
+      }),
+      list: [{}, {}, {}]
+    }
+  },
+  methods: {
+    getList() {
+
+    },
+    handleView({name,id}) {
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+@import "@/assets/scss/dataBoard/table.scss";
+
+.screen {
+  margin: 25px 0 40px;
+
+  .el-select, .el-input {
+    width: 150px;
+    margin-right: 4px;
+    border: 1px solid #126AC5;
+    border-radius: 2px;
+
+    /deep/ .el-input__inner {
+      background: none;
+      border: none;
+      color: #fff;
+    }
+  }
+
+  .btn {
+    margin-left: 46px;
+    height: 32px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/dataBoard/satisfactionEval/potentialPeople/sjwjj.vue b/src/views/dataBoard/satisfactionEval/potentialPeople/sjwjj.vue
new file mode 100644
index 000000000..8397ec107
--- /dev/null
+++ b/src/views/dataBoard/satisfactionEval/potentialPeople/sjwjj.vue
@@ -0,0 +1,161 @@
+<template>
+  <div>
+    <Breadcrumb :list="breadcrumbList"/>
+    <div class="screen">
+      <el-form :model="queryParams" inline>
+
+        <el-select v-model="queryParams.org" size="small" placeholder="按组织">
+          <el-option
+              v-for="item in monthOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+          </el-option>
+        </el-select>
+
+        <el-select v-model="queryParams.matterSource" size="small" placeholder="按事件类型">
+          <el-option
+              v-for="item in monthOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+          </el-option>
+        </el-select>
+        <el-input v-model="queryParams.name" size="small" placeholder="按上报人姓名"></el-input>
+        <el-input v-model="queryParams.tel" size="small" placeholder="按上报人电话"></el-input>
+        <el-input v-model="queryParams.tel" size="small" placeholder="按事件描述关键词"></el-input>
+        <el-button size="small" class="btn" type="primary">查询</el-button>
+      </el-form>
+    </div>
+    <div class="table">
+      <el-table :data="list">
+        <el-table-column
+            label="序号"
+            type="index"
+            width="80"/>
+
+        <el-table-column
+            prop="name"
+            label="上报人"/>
+
+        <el-table-column
+            prop="key"
+            label="上报人电话"/>
+
+        <el-table-column
+            prop="key"
+            label="所属组织">
+        </el-table-column>
+
+        <el-table-column
+            prop="key"
+            label="事件类型"/>
+
+        <el-table-column
+            prop="key"
+            show-overflow-tooltip
+            label="事件描述"/>
+
+        <el-table-column
+            prop="key"
+            label="最新办理状态"/>
+
+        <el-table-column
+            prop="key"
+            sortable
+            label="最近办理时间"/>
+        <el-table-column
+            prop="key"
+            sortable
+            label="事件上报时间"/>
+        <el-table-column
+            sortable
+            label="详情">
+          <template>
+            <el-button type="text">查看</el-button>
+          </template>
+        </el-table-column>
+
+      </el-table>
+    </div>
+
+    <Pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+    />
+  </div>
+</template>
+
+<script>
+import Breadcrumb from '@/views/dataBoard/satisfactionEval/components/Breadcrumb'
+import Pagination from '@/views/dataBoard/satisfactionEval/components/Pagination'
+import Title from "@/views/dataBoard/satisfactionEval/components/Title"
+
+
+export default {
+  name: "dissatisfied",
+  components: {Breadcrumb, Pagination,Title},
+  data() {
+    return {
+      queryParams: {
+        month: '',
+        org: '',
+        matterSource: '',
+        matterType: '',
+        name: '',
+        tel: '',
+        pageNum: 1,
+        pageSize: 10,
+      },
+      total: 0,
+      breadcrumbList: [{
+        path: '/dataBoard/satisfactionEval/index',
+        name: '满意度评价'
+      }, {
+        path: '',
+        name: '事件未解决人数'
+      }],
+      monthOptions: new Array(12).fill(0).map((_, index) => {
+        return {label: (index - 0 + 1) + '月', value: (index - 0 + 1)}
+      }),
+      list: [{}, {}, {}]
+    }
+  },
+  methods: {
+    getList() {
+
+    },
+    handleView({name,id}) {
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+@import "@/assets/scss/dataBoard/table.scss";
+
+.screen {
+  margin: 25px 0 40px;
+
+  .el-select, .el-input {
+    width: 150px;
+    margin-right: 4px;
+    border: 1px solid #126AC5;
+    border-radius: 2px;
+
+    /deep/ .el-input__inner {
+      background: none;
+      border: none;
+      color: #fff;
+    }
+  }
+
+  .btn {
+    margin-left: 46px;
+    height: 32px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/dataBoard/satisfactionEval/potentialPeople/xqwmz.vue b/src/views/dataBoard/satisfactionEval/potentialPeople/xqwmz.vue
new file mode 100644
index 000000000..4be79d086
--- /dev/null
+++ b/src/views/dataBoard/satisfactionEval/potentialPeople/xqwmz.vue
@@ -0,0 +1,160 @@
+<template>
+  <div>
+    <Breadcrumb :list="breadcrumbList"/>
+    <div class="screen">
+      <el-form :model="queryParams" inline>
+
+
+        <el-select v-model="queryParams.org" size="small" placeholder="按组织">
+          <el-option
+              v-for="item in monthOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+          </el-option>
+        </el-select>
+
+        <el-select v-model="queryParams.matterSource" size="small" placeholder="按需求类型">
+          <el-option
+              v-for="item in monthOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+          </el-option>
+        </el-select>
+        <el-input v-model="queryParams.name" size="small" placeholder="按需求人姓名"></el-input>
+        <el-input v-model="queryParams.tel" size="small" placeholder="按需求人电话"></el-input>
+        <el-input v-model="queryParams.tel" size="small" placeholder="按需求描述关键词"></el-input>
+        <el-button size="small" class="btn" type="primary">查询</el-button>
+      </el-form>
+    </div>
+
+    <div class="table">
+      <el-table :data="list">
+        <el-table-column
+            label="序号"
+            type="index"
+            width="80"/>
+
+        <el-table-column
+            prop="name"
+            label="需求人"/>
+
+        <el-table-column
+            prop="key"
+            label="需求人电话"/>
+
+        <el-table-column
+            prop="key"
+            label="所属组织">
+        </el-table-column>
+
+
+        <el-table-column
+            prop="key"
+            show-overflow-tooltip
+            label="需求描述"/>
+
+        <el-table-column
+            prop="key"
+            label="最新办理状态"/>
+
+        <el-table-column
+            prop="key"
+            sortable
+            label="最近办理时间"/>
+        <el-table-column
+            prop="key"
+            sortable
+            label="需求提交时间"/>
+        <el-table-column
+            sortable
+            label="详情">
+          <template>
+            <el-button type="text">查看</el-button>
+          </template>
+        </el-table-column>
+
+      </el-table>
+    </div>
+
+    <Pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+    />
+  </div>
+</template>
+
+<script>
+import Breadcrumb from '@/views/dataBoard/satisfactionEval/components/Breadcrumb'
+import Pagination from '@/views/dataBoard/satisfactionEval/components/Pagination'
+import Title from "@/views/dataBoard/satisfactionEval/components/Title"
+
+
+export default {
+  name: "dissatisfied",
+  components: {Breadcrumb, Pagination,Title},
+  data() {
+    return {
+      queryParams: {
+        month: '',
+        org: '',
+        matterSource: '',
+        matterType: '',
+        name: '',
+        tel: '',
+        pageNum: 1,
+        pageSize: 10,
+      },
+      total: 0,
+      breadcrumbList: [{
+        path: '/dataBoard/satisfactionEval/index',
+        name: '满意度评价'
+      }, {
+        path: '',
+        name: '需求未满足人数'
+      }],
+      monthOptions: new Array(12).fill(0).map((_, index) => {
+        return {label: (index - 0 + 1) + '月', value: (index - 0 + 1)}
+      }),
+      list: [{}, {}, {}]
+    }
+  },
+  methods: {
+    getList() {
+
+    },
+    handleView({name,id}) {
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+@import "@/assets/scss/dataBoard/table.scss";
+
+.screen {
+  margin: 25px 0 40px;
+
+  .el-select, .el-input {
+    width: 150px;
+    margin-right: 4px;
+    border: 1px solid #126AC5;
+    border-radius: 2px;
+
+    /deep/ .el-input__inner {
+      background: none;
+      border: none;
+      color: #fff;
+    }
+  }
+
+  .btn {
+    margin-left: 46px;
+    height: 32px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/dataBoard/satisfactionEval/potentialPeople/yxwxfw.vue b/src/views/dataBoard/satisfactionEval/potentialPeople/yxwxfw.vue
new file mode 100644
index 000000000..d5e792689
--- /dev/null
+++ b/src/views/dataBoard/satisfactionEval/potentialPeople/yxwxfw.vue
@@ -0,0 +1,161 @@
+<template>
+  <div>
+    <Breadcrumb :list="breadcrumbList"/>
+    <div class="screen">
+      <el-form :model="queryParams" inline>
+        <el-select v-model="queryParams.org" size="small" placeholder="按组织">
+          <el-option
+              v-for="item in monthOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+          </el-option>
+        </el-select>
+
+        <el-select v-model="queryParams.matterSource" size="small" placeholder="按服务类型">
+          <el-option
+              v-for="item in monthOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+          </el-option>
+        </el-select>
+        <el-input v-model="queryParams.name" size="small" placeholder="按服务对象姓名"></el-input>
+        <el-input v-model="queryParams.tel" size="small" placeholder="按服务对象电话"></el-input>
+        <el-input v-model="queryParams.tel" size="small" placeholder="按服务描述关键词"></el-input>
+        <el-button size="small" class="btn" type="primary">查询</el-button>
+      </el-form>
+    </div>
+
+    <div class="table">
+      <el-table :data="list">
+        <el-table-column
+            label="序号"
+            type="index"
+            width="80"/>
+
+        <el-table-column
+            prop="name"
+            label="服务对象姓名"/>
+
+        <el-table-column
+            prop="key"
+            label="服务对象电话"/>
+
+        <el-table-column
+            prop="key"
+            label="所属组织">
+        </el-table-column>
+
+        <el-table-column
+            prop="key"
+            label="服务类型"/>
+
+        <el-table-column
+            prop="key"
+            show-overflow-tooltip
+            label="服务描述"/>
+
+        <el-table-column
+            prop="key"
+            label="是否符合政策条件"/>
+
+        <el-table-column
+            prop="key"
+            sortable
+            label="是否已完成服务"/>
+        <el-table-column
+            prop="key"
+            sortable
+            label="服务发起时间"/>
+        <el-table-column
+            sortable
+            label="详情">
+          <template>
+            <el-button type="text">查看</el-button>
+          </template>
+        </el-table-column>
+
+      </el-table>
+    </div>
+
+    <Pagination
+        v-show="total>0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+    />
+  </div>
+</template>
+
+<script>
+import Breadcrumb from '@/views/dataBoard/satisfactionEval/components/Breadcrumb'
+import Pagination from '@/views/dataBoard/satisfactionEval/components/Pagination'
+import Title from "@/views/dataBoard/satisfactionEval/components/Title"
+
+
+export default {
+  name: "dissatisfied",
+  components: {Breadcrumb, Pagination,Title},
+  data() {
+    return {
+      queryParams: {
+        month: '',
+        org: '',
+        matterSource: '',
+        matterType: '',
+        name: '',
+        tel: '',
+        pageNum: 1,
+        pageSize: 10,
+      },
+      total: 0,
+      breadcrumbList: [{
+        path: '/dataBoard/satisfactionEval/index',
+        name: '满意度评价'
+      }, {
+        path: '',
+        name: '应享未享服务人数'
+      }],
+      monthOptions: new Array(12).fill(0).map((_, index) => {
+        return {label: (index - 0 + 1) + '月', value: (index - 0 + 1)}
+      }),
+      list: [{}, {}, {}]
+    }
+  },
+  methods: {
+    getList() {
+
+    },
+    handleView({name,id}) {
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+@import "@/assets/scss/dataBoard/table.scss";
+
+.screen {
+  margin: 25px 0 40px;
+
+  .el-select, .el-input {
+    width: 150px;
+    margin-right: 4px;
+    border: 1px solid #126AC5;
+    border-radius: 2px;
+
+    /deep/ .el-input__inner {
+      background: none;
+      border: none;
+      color: #fff;
+    }
+  }
+
+  .btn {
+    margin-left: 46px;
+    height: 32px;
+  }
+}
+</style>
\ No newline at end of file