新增潜在风险名单页面

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,

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>

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>

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>

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,

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>

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>

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>

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>