diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
index c3c10ac..9587edc 100644
--- a/src/router/modules/comment.js
+++ b/src/router/modules/comment.js
@@ -31,5 +31,31 @@
         meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
       }
     ]
+  },
+  {
+    path: '/otherComment',
+    component: Layout,
+    redirect: '/highFreq',
+    name: 'OtherComment',
+    alwaysShow: true,
+    meta: {
+      title: '其他评价',
+      permission: ['/otherComment'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/highFreq',
+        component: () => import('@/views/otherComment/highFreq/highFreq'),
+        name: 'HighFreq',
+        meta: { title: '高发问题', icon: '', belongSys: '', permission: '/highFreq' }
+      },
+      {
+        path: '/sourceStatis',
+        component: () => import('@/views/otherComment/sourceStatis/sourceStatis'),
+        name: 'SourceStatis',
+        meta: { title: '来源统计', icon: '', belongSys: '', permission: '/sourceStatis' }
+      }
+    ]
   }
 ]

diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
index c3c10ac..9587edc 100644
--- a/src/router/modules/comment.js
+++ b/src/router/modules/comment.js
@@ -31,5 +31,31 @@
         meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
       }
     ]
+  },
+  {
+    path: '/otherComment',
+    component: Layout,
+    redirect: '/highFreq',
+    name: 'OtherComment',
+    alwaysShow: true,
+    meta: {
+      title: '其他评价',
+      permission: ['/otherComment'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/highFreq',
+        component: () => import('@/views/otherComment/highFreq/highFreq'),
+        name: 'HighFreq',
+        meta: { title: '高发问题', icon: '', belongSys: '', permission: '/highFreq' }
+      },
+      {
+        path: '/sourceStatis',
+        component: () => import('@/views/otherComment/sourceStatis/sourceStatis'),
+        name: 'SourceStatis',
+        meta: { title: '来源统计', icon: '', belongSys: '', permission: '/sourceStatis' }
+      }
+    ]
   }
 ]
diff --git a/src/views/deptAccess/accessRule.vue b/src/views/deptAccess/accessRule.vue
new file mode 100644
index 0000000..699b1c7
--- /dev/null
+++ b/src/views/deptAccess/accessRule.vue
@@ -0,0 +1,95 @@
+<template>
+  <div class="table-container">
+    <el-row class="second-title">规则说明</el-row>
+    <div>
+      <el-row class="content">处置单位得分 = 100 - 超时分 - 返工分 - 超时未处理分 + 工作量调节</el-row>
+      <el-row class="content">超时分数 = 时限内所有超时案卷数/时限内应处置案卷数 *100 * 超时因子</el-row>
+      <el-row class="content">返工分数 = 时限内所有返工案卷数/时限内应处置案卷数 * 100 * 返工因子</el-row>
+      <el-row class="content">超时未处置分数 = 时限内所有超时未处置案卷数/时限内应处置案卷数 * 100 * 超时未处置因子</el-row>
+      <el-row class="content">工作量调节 = 该单位接收派遣数 / 系统总派遣数 * 100 * 调节因子</el-row>
+    </div>
+    <el-row style="padding:20px"/>
+    <el-row class="second-title">考核因子</el-row>
+    <div>
+      <el-row>
+        <el-col :span="6" class="cell">工作量调节因子</el-col>
+        <el-col :span="6" class="cell">超时因子</el-col>
+        <el-col :span="6" class="cell">返工因子</el-col>
+        <el-col :span="6" class="cell">超时未处置因子</el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6" class="cell">派遣数/系统总派遣数</el-col>
+        <el-col :span="6" class="cell">超时处置和超时未处置</el-col>
+        <el-col :span="6" class="cell">返工数量</el-col>
+        <el-col :span="6" class="cell">超时未处置</el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6" class="cell">
+          <el-input v-model="workNum" size="small" style="width:25%"/>
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+        <el-col :span="6" class="cell">
+          <el-input v-model="overNum" size="small" style="width:25%"/>
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+        <el-col :span="6" class="cell">
+          <el-input v-model="returnNum" size="small" style="width:25%"/>%
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+        <el-col :span="6" class="cell">
+          <el-input v-model="overUndoNum" size="small" style="width:25%"/>%
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AccessRule',
+  data() {
+    return {
+      workNum: 10,
+      overNum: 30,
+      returnNum: 20,
+      overUndoNum: 50
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.second-title{
+  border: 1px solid #eee;
+  background-color: #eee;
+  border-top: 0;
+  font-size: 1.5em;
+  padding: 10px;
+  text-align: center;
+}
+.content{
+  border: 1px solid #eee;
+  border-top: 0;
+  font-size: 1.2em;
+  padding: 5px;
+  text-align: center;
+}
+.cell{
+  border: 1px solid #eee;
+  font-size: 1.2em;
+  border-top: 0;
+  padding: 5px;
+  text-align: center;
+  position: relative;
+}
+.submit-button{
+  position: absolute;
+  top: 0;
+  left: 175px;
+}
+ /deep/ input.el-input__inner {
+  color: red;
+  font-size: 1.2em;
+}
+</style>

diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
index c3c10ac..9587edc 100644
--- a/src/router/modules/comment.js
+++ b/src/router/modules/comment.js
@@ -31,5 +31,31 @@
         meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
       }
     ]
+  },
+  {
+    path: '/otherComment',
+    component: Layout,
+    redirect: '/highFreq',
+    name: 'OtherComment',
+    alwaysShow: true,
+    meta: {
+      title: '其他评价',
+      permission: ['/otherComment'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/highFreq',
+        component: () => import('@/views/otherComment/highFreq/highFreq'),
+        name: 'HighFreq',
+        meta: { title: '高发问题', icon: '', belongSys: '', permission: '/highFreq' }
+      },
+      {
+        path: '/sourceStatis',
+        component: () => import('@/views/otherComment/sourceStatis/sourceStatis'),
+        name: 'SourceStatis',
+        meta: { title: '来源统计', icon: '', belongSys: '', permission: '/sourceStatis' }
+      }
+    ]
   }
 ]
diff --git a/src/views/deptAccess/accessRule.vue b/src/views/deptAccess/accessRule.vue
new file mode 100644
index 0000000..699b1c7
--- /dev/null
+++ b/src/views/deptAccess/accessRule.vue
@@ -0,0 +1,95 @@
+<template>
+  <div class="table-container">
+    <el-row class="second-title">规则说明</el-row>
+    <div>
+      <el-row class="content">处置单位得分 = 100 - 超时分 - 返工分 - 超时未处理分 + 工作量调节</el-row>
+      <el-row class="content">超时分数 = 时限内所有超时案卷数/时限内应处置案卷数 *100 * 超时因子</el-row>
+      <el-row class="content">返工分数 = 时限内所有返工案卷数/时限内应处置案卷数 * 100 * 返工因子</el-row>
+      <el-row class="content">超时未处置分数 = 时限内所有超时未处置案卷数/时限内应处置案卷数 * 100 * 超时未处置因子</el-row>
+      <el-row class="content">工作量调节 = 该单位接收派遣数 / 系统总派遣数 * 100 * 调节因子</el-row>
+    </div>
+    <el-row style="padding:20px"/>
+    <el-row class="second-title">考核因子</el-row>
+    <div>
+      <el-row>
+        <el-col :span="6" class="cell">工作量调节因子</el-col>
+        <el-col :span="6" class="cell">超时因子</el-col>
+        <el-col :span="6" class="cell">返工因子</el-col>
+        <el-col :span="6" class="cell">超时未处置因子</el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6" class="cell">派遣数/系统总派遣数</el-col>
+        <el-col :span="6" class="cell">超时处置和超时未处置</el-col>
+        <el-col :span="6" class="cell">返工数量</el-col>
+        <el-col :span="6" class="cell">超时未处置</el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6" class="cell">
+          <el-input v-model="workNum" size="small" style="width:25%"/>
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+        <el-col :span="6" class="cell">
+          <el-input v-model="overNum" size="small" style="width:25%"/>
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+        <el-col :span="6" class="cell">
+          <el-input v-model="returnNum" size="small" style="width:25%"/>%
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+        <el-col :span="6" class="cell">
+          <el-input v-model="overUndoNum" size="small" style="width:25%"/>%
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AccessRule',
+  data() {
+    return {
+      workNum: 10,
+      overNum: 30,
+      returnNum: 20,
+      overUndoNum: 50
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.second-title{
+  border: 1px solid #eee;
+  background-color: #eee;
+  border-top: 0;
+  font-size: 1.5em;
+  padding: 10px;
+  text-align: center;
+}
+.content{
+  border: 1px solid #eee;
+  border-top: 0;
+  font-size: 1.2em;
+  padding: 5px;
+  text-align: center;
+}
+.cell{
+  border: 1px solid #eee;
+  font-size: 1.2em;
+  border-top: 0;
+  padding: 5px;
+  text-align: center;
+  position: relative;
+}
+.submit-button{
+  position: absolute;
+  top: 0;
+  left: 175px;
+}
+ /deep/ input.el-input__inner {
+  color: red;
+  font-size: 1.2em;
+}
+</style>
diff --git a/src/views/deptAccess/deptAccess.vue b/src/views/deptAccess/deptAccess.vue
index 94cd5c5..9e37773 100644
--- a/src/views/deptAccess/deptAccess.vue
+++ b/src/views/deptAccess/deptAccess.vue
@@ -32,21 +32,32 @@
           <dept-access-chart :list="list"/>
         </el-tab-pane>
       </el-tabs>
-      <el-button type="text" class="rule-button">考核规则</el-button>
+      <el-button type="text" class="rule-button" @click="dialogVisible = true">考核规则</el-button>
     </el-row>
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :append-to-body="true"
+      :close-on-click-modal="false"
+      title="考核规则"
+      width="70%"
+    >
+      <access-rule/>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import DeptAccessList from './deptAccessList'
 import DeptAccessChart from './deptAccessChart'
+import AccessRule from './accessRule'
 
 export default {
   name: 'DeptAccess',
-  components: { DeptAccessList, DeptAccessChart },
+  components: { DeptAccessList, DeptAccessChart, AccessRule },
   data() {
     return {
       activeName: 'list', // 默认tab
+      dialogVisible: false,
       query: {
         beginDate: '',
         endDate: ''
@@ -55,12 +66,20 @@
         {
           deptName: '城管监察二大队',
           lastCarryOver: 2,
-          shouldProcess: 166
+          shouldProcess: 166,
+          totalShouldProcess: 168,
+          process: 166,
+          returnJob: 1,
+          sumary: 100.03
         },
         {
           deptName: '渣土站',
           lastCarryOver: 0,
-          shouldProcess: 21
+          shouldProcess: 21,
+          totalShouldProcess: 21,
+          process: 21,
+          returnJob: 1,
+          sumary: 99.39
         }
       ]
     }
@@ -75,9 +94,11 @@
     },
     handleClick(tab, event) {
       this.activeName = tab.name
-      // setTimeout(() => {
-      //   tab.$children[0].chart.resize()
-      // }, 100)
+      if (tab.name === 'chart') {
+        setTimeout(() => {
+          tab.$children[0].chart.resize()
+        }, 50)
+      }
     }
   }
 }

diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
index c3c10ac..9587edc 100644
--- a/src/router/modules/comment.js
+++ b/src/router/modules/comment.js
@@ -31,5 +31,31 @@
         meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
       }
     ]
+  },
+  {
+    path: '/otherComment',
+    component: Layout,
+    redirect: '/highFreq',
+    name: 'OtherComment',
+    alwaysShow: true,
+    meta: {
+      title: '其他评价',
+      permission: ['/otherComment'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/highFreq',
+        component: () => import('@/views/otherComment/highFreq/highFreq'),
+        name: 'HighFreq',
+        meta: { title: '高发问题', icon: '', belongSys: '', permission: '/highFreq' }
+      },
+      {
+        path: '/sourceStatis',
+        component: () => import('@/views/otherComment/sourceStatis/sourceStatis'),
+        name: 'SourceStatis',
+        meta: { title: '来源统计', icon: '', belongSys: '', permission: '/sourceStatis' }
+      }
+    ]
   }
 ]
diff --git a/src/views/deptAccess/accessRule.vue b/src/views/deptAccess/accessRule.vue
new file mode 100644
index 0000000..699b1c7
--- /dev/null
+++ b/src/views/deptAccess/accessRule.vue
@@ -0,0 +1,95 @@
+<template>
+  <div class="table-container">
+    <el-row class="second-title">规则说明</el-row>
+    <div>
+      <el-row class="content">处置单位得分 = 100 - 超时分 - 返工分 - 超时未处理分 + 工作量调节</el-row>
+      <el-row class="content">超时分数 = 时限内所有超时案卷数/时限内应处置案卷数 *100 * 超时因子</el-row>
+      <el-row class="content">返工分数 = 时限内所有返工案卷数/时限内应处置案卷数 * 100 * 返工因子</el-row>
+      <el-row class="content">超时未处置分数 = 时限内所有超时未处置案卷数/时限内应处置案卷数 * 100 * 超时未处置因子</el-row>
+      <el-row class="content">工作量调节 = 该单位接收派遣数 / 系统总派遣数 * 100 * 调节因子</el-row>
+    </div>
+    <el-row style="padding:20px"/>
+    <el-row class="second-title">考核因子</el-row>
+    <div>
+      <el-row>
+        <el-col :span="6" class="cell">工作量调节因子</el-col>
+        <el-col :span="6" class="cell">超时因子</el-col>
+        <el-col :span="6" class="cell">返工因子</el-col>
+        <el-col :span="6" class="cell">超时未处置因子</el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6" class="cell">派遣数/系统总派遣数</el-col>
+        <el-col :span="6" class="cell">超时处置和超时未处置</el-col>
+        <el-col :span="6" class="cell">返工数量</el-col>
+        <el-col :span="6" class="cell">超时未处置</el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6" class="cell">
+          <el-input v-model="workNum" size="small" style="width:25%"/>
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+        <el-col :span="6" class="cell">
+          <el-input v-model="overNum" size="small" style="width:25%"/>
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+        <el-col :span="6" class="cell">
+          <el-input v-model="returnNum" size="small" style="width:25%"/>%
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+        <el-col :span="6" class="cell">
+          <el-input v-model="overUndoNum" size="small" style="width:25%"/>%
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AccessRule',
+  data() {
+    return {
+      workNum: 10,
+      overNum: 30,
+      returnNum: 20,
+      overUndoNum: 50
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.second-title{
+  border: 1px solid #eee;
+  background-color: #eee;
+  border-top: 0;
+  font-size: 1.5em;
+  padding: 10px;
+  text-align: center;
+}
+.content{
+  border: 1px solid #eee;
+  border-top: 0;
+  font-size: 1.2em;
+  padding: 5px;
+  text-align: center;
+}
+.cell{
+  border: 1px solid #eee;
+  font-size: 1.2em;
+  border-top: 0;
+  padding: 5px;
+  text-align: center;
+  position: relative;
+}
+.submit-button{
+  position: absolute;
+  top: 0;
+  left: 175px;
+}
+ /deep/ input.el-input__inner {
+  color: red;
+  font-size: 1.2em;
+}
+</style>
diff --git a/src/views/deptAccess/deptAccess.vue b/src/views/deptAccess/deptAccess.vue
index 94cd5c5..9e37773 100644
--- a/src/views/deptAccess/deptAccess.vue
+++ b/src/views/deptAccess/deptAccess.vue
@@ -32,21 +32,32 @@
           <dept-access-chart :list="list"/>
         </el-tab-pane>
       </el-tabs>
-      <el-button type="text" class="rule-button">考核规则</el-button>
+      <el-button type="text" class="rule-button" @click="dialogVisible = true">考核规则</el-button>
     </el-row>
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :append-to-body="true"
+      :close-on-click-modal="false"
+      title="考核规则"
+      width="70%"
+    >
+      <access-rule/>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import DeptAccessList from './deptAccessList'
 import DeptAccessChart from './deptAccessChart'
+import AccessRule from './accessRule'
 
 export default {
   name: 'DeptAccess',
-  components: { DeptAccessList, DeptAccessChart },
+  components: { DeptAccessList, DeptAccessChart, AccessRule },
   data() {
     return {
       activeName: 'list', // 默认tab
+      dialogVisible: false,
       query: {
         beginDate: '',
         endDate: ''
@@ -55,12 +66,20 @@
         {
           deptName: '城管监察二大队',
           lastCarryOver: 2,
-          shouldProcess: 166
+          shouldProcess: 166,
+          totalShouldProcess: 168,
+          process: 166,
+          returnJob: 1,
+          sumary: 100.03
         },
         {
           deptName: '渣土站',
           lastCarryOver: 0,
-          shouldProcess: 21
+          shouldProcess: 21,
+          totalShouldProcess: 21,
+          process: 21,
+          returnJob: 1,
+          sumary: 99.39
         }
       ]
     }
@@ -75,9 +94,11 @@
     },
     handleClick(tab, event) {
       this.activeName = tab.name
-      // setTimeout(() => {
-      //   tab.$children[0].chart.resize()
-      // }, 100)
+      if (tab.name === 'chart') {
+        setTimeout(() => {
+          tab.$children[0].chart.resize()
+        }, 50)
+      }
     }
   }
 }
diff --git a/src/views/deptAccess/deptAccessChart.vue b/src/views/deptAccess/deptAccessChart.vue
index f2e54c6..5098f15 100644
--- a/src/views/deptAccess/deptAccessChart.vue
+++ b/src/views/deptAccess/deptAccessChart.vue
@@ -1,10 +1,15 @@
 <template>
   <div class="chart-container">
-    图表模式
+    <el-radio-group v-model="radio" class="radio-group" @change="initChart">
+      <el-radio v-for="radio in radioList" :key="radio.value" :label="radio.value">{{ radio.text }}</el-radio>
+    </el-radio-group>
+    <div ref="chart" class="chart-body" />
   </div>
 </template>
 
 <script>
+import _ from 'lodash'
+import echarts from 'echarts'
 export default {
   name: 'DeptAccessChart',
   props: {
@@ -14,6 +19,115 @@
         return []
       }
     }
+  },
+  data() {
+    return {
+      radio: 'sumary',
+      radioList: [
+        {
+          text: '应处置数',
+          value: 'totalShouldProcess'
+        },
+        {
+          text: '处置数',
+          value: 'process'
+        },
+        {
+          text: '返工数',
+          value: 'returnJob'
+        },
+        {
+          text: '综合指标',
+          value: 'sumary'
+        }
+      ],
+      chart: null,
+      x: [],
+      y: []
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      console.log('init chart')
+      // 取x,y
+      this.x = []
+      this.y = []
+      this.list.forEach(item => {
+        this.x.push(item.deptName)
+        switch (this.radio) {
+          case 'totalShouldProcess': {
+            this.y.push(item.totalShouldProcess)
+            break
+          }
+          case 'process': {
+            this.y.push(item.process)
+            break
+          }
+          case 'returnJob': {
+            this.y.push(item.returnJob)
+            break
+          }
+          case 'sumary': {
+            this.y.push(item.sumary)
+            break
+          }
+          default: break
+        }
+      })
+      // tooltip
+      const tooltip = _.find(this.radioList, ['value', this.radio]).text
+
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        tooltip: {
+          show: true,
+          trigger: 'item',
+          formatter: (params) => tooltip + '<br/><span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:' +
+                                  params.color + '"></span>' + params.name + ':' + params.data
+        },
+        color: '#2a7bc4',
+        xAxis: {
+          data: this.x,
+          axisLabel: {
+            fontSize: 14
+          }
+        },
+        yAxis: {
+          axisLabel: {
+            fontSize: 14
+          },
+          minInterval: 1
+        },
+        series: [{
+          name: '职能单位评价',
+          type: 'bar',
+          data: this.y,
+          barWidth: '40%',
+          barMaxWidth: '100',
+          tooltip: {
+            position: 'right'
+          }
+        }]
+      })
+    }
   }
 }
 </script>
+
+<style scoped>
+.chart-container{
+  text-align: center;
+}
+.radio-group{
+  margin-top: 20px;
+}
+.chart-body{
+  height: 50vh;
+  width: 80%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>

diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
index c3c10ac..9587edc 100644
--- a/src/router/modules/comment.js
+++ b/src/router/modules/comment.js
@@ -31,5 +31,31 @@
         meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
       }
     ]
+  },
+  {
+    path: '/otherComment',
+    component: Layout,
+    redirect: '/highFreq',
+    name: 'OtherComment',
+    alwaysShow: true,
+    meta: {
+      title: '其他评价',
+      permission: ['/otherComment'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/highFreq',
+        component: () => import('@/views/otherComment/highFreq/highFreq'),
+        name: 'HighFreq',
+        meta: { title: '高发问题', icon: '', belongSys: '', permission: '/highFreq' }
+      },
+      {
+        path: '/sourceStatis',
+        component: () => import('@/views/otherComment/sourceStatis/sourceStatis'),
+        name: 'SourceStatis',
+        meta: { title: '来源统计', icon: '', belongSys: '', permission: '/sourceStatis' }
+      }
+    ]
   }
 ]
diff --git a/src/views/deptAccess/accessRule.vue b/src/views/deptAccess/accessRule.vue
new file mode 100644
index 0000000..699b1c7
--- /dev/null
+++ b/src/views/deptAccess/accessRule.vue
@@ -0,0 +1,95 @@
+<template>
+  <div class="table-container">
+    <el-row class="second-title">规则说明</el-row>
+    <div>
+      <el-row class="content">处置单位得分 = 100 - 超时分 - 返工分 - 超时未处理分 + 工作量调节</el-row>
+      <el-row class="content">超时分数 = 时限内所有超时案卷数/时限内应处置案卷数 *100 * 超时因子</el-row>
+      <el-row class="content">返工分数 = 时限内所有返工案卷数/时限内应处置案卷数 * 100 * 返工因子</el-row>
+      <el-row class="content">超时未处置分数 = 时限内所有超时未处置案卷数/时限内应处置案卷数 * 100 * 超时未处置因子</el-row>
+      <el-row class="content">工作量调节 = 该单位接收派遣数 / 系统总派遣数 * 100 * 调节因子</el-row>
+    </div>
+    <el-row style="padding:20px"/>
+    <el-row class="second-title">考核因子</el-row>
+    <div>
+      <el-row>
+        <el-col :span="6" class="cell">工作量调节因子</el-col>
+        <el-col :span="6" class="cell">超时因子</el-col>
+        <el-col :span="6" class="cell">返工因子</el-col>
+        <el-col :span="6" class="cell">超时未处置因子</el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6" class="cell">派遣数/系统总派遣数</el-col>
+        <el-col :span="6" class="cell">超时处置和超时未处置</el-col>
+        <el-col :span="6" class="cell">返工数量</el-col>
+        <el-col :span="6" class="cell">超时未处置</el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6" class="cell">
+          <el-input v-model="workNum" size="small" style="width:25%"/>
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+        <el-col :span="6" class="cell">
+          <el-input v-model="overNum" size="small" style="width:25%"/>
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+        <el-col :span="6" class="cell">
+          <el-input v-model="returnNum" size="small" style="width:25%"/>%
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+        <el-col :span="6" class="cell">
+          <el-input v-model="overUndoNum" size="small" style="width:25%"/>%
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AccessRule',
+  data() {
+    return {
+      workNum: 10,
+      overNum: 30,
+      returnNum: 20,
+      overUndoNum: 50
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.second-title{
+  border: 1px solid #eee;
+  background-color: #eee;
+  border-top: 0;
+  font-size: 1.5em;
+  padding: 10px;
+  text-align: center;
+}
+.content{
+  border: 1px solid #eee;
+  border-top: 0;
+  font-size: 1.2em;
+  padding: 5px;
+  text-align: center;
+}
+.cell{
+  border: 1px solid #eee;
+  font-size: 1.2em;
+  border-top: 0;
+  padding: 5px;
+  text-align: center;
+  position: relative;
+}
+.submit-button{
+  position: absolute;
+  top: 0;
+  left: 175px;
+}
+ /deep/ input.el-input__inner {
+  color: red;
+  font-size: 1.2em;
+}
+</style>
diff --git a/src/views/deptAccess/deptAccess.vue b/src/views/deptAccess/deptAccess.vue
index 94cd5c5..9e37773 100644
--- a/src/views/deptAccess/deptAccess.vue
+++ b/src/views/deptAccess/deptAccess.vue
@@ -32,21 +32,32 @@
           <dept-access-chart :list="list"/>
         </el-tab-pane>
       </el-tabs>
-      <el-button type="text" class="rule-button">考核规则</el-button>
+      <el-button type="text" class="rule-button" @click="dialogVisible = true">考核规则</el-button>
     </el-row>
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :append-to-body="true"
+      :close-on-click-modal="false"
+      title="考核规则"
+      width="70%"
+    >
+      <access-rule/>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import DeptAccessList from './deptAccessList'
 import DeptAccessChart from './deptAccessChart'
+import AccessRule from './accessRule'
 
 export default {
   name: 'DeptAccess',
-  components: { DeptAccessList, DeptAccessChart },
+  components: { DeptAccessList, DeptAccessChart, AccessRule },
   data() {
     return {
       activeName: 'list', // 默认tab
+      dialogVisible: false,
       query: {
         beginDate: '',
         endDate: ''
@@ -55,12 +66,20 @@
         {
           deptName: '城管监察二大队',
           lastCarryOver: 2,
-          shouldProcess: 166
+          shouldProcess: 166,
+          totalShouldProcess: 168,
+          process: 166,
+          returnJob: 1,
+          sumary: 100.03
         },
         {
           deptName: '渣土站',
           lastCarryOver: 0,
-          shouldProcess: 21
+          shouldProcess: 21,
+          totalShouldProcess: 21,
+          process: 21,
+          returnJob: 1,
+          sumary: 99.39
         }
       ]
     }
@@ -75,9 +94,11 @@
     },
     handleClick(tab, event) {
       this.activeName = tab.name
-      // setTimeout(() => {
-      //   tab.$children[0].chart.resize()
-      // }, 100)
+      if (tab.name === 'chart') {
+        setTimeout(() => {
+          tab.$children[0].chart.resize()
+        }, 50)
+      }
     }
   }
 }
diff --git a/src/views/deptAccess/deptAccessChart.vue b/src/views/deptAccess/deptAccessChart.vue
index f2e54c6..5098f15 100644
--- a/src/views/deptAccess/deptAccessChart.vue
+++ b/src/views/deptAccess/deptAccessChart.vue
@@ -1,10 +1,15 @@
 <template>
   <div class="chart-container">
-    图表模式
+    <el-radio-group v-model="radio" class="radio-group" @change="initChart">
+      <el-radio v-for="radio in radioList" :key="radio.value" :label="radio.value">{{ radio.text }}</el-radio>
+    </el-radio-group>
+    <div ref="chart" class="chart-body" />
   </div>
 </template>
 
 <script>
+import _ from 'lodash'
+import echarts from 'echarts'
 export default {
   name: 'DeptAccessChart',
   props: {
@@ -14,6 +19,115 @@
         return []
       }
     }
+  },
+  data() {
+    return {
+      radio: 'sumary',
+      radioList: [
+        {
+          text: '应处置数',
+          value: 'totalShouldProcess'
+        },
+        {
+          text: '处置数',
+          value: 'process'
+        },
+        {
+          text: '返工数',
+          value: 'returnJob'
+        },
+        {
+          text: '综合指标',
+          value: 'sumary'
+        }
+      ],
+      chart: null,
+      x: [],
+      y: []
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      console.log('init chart')
+      // 取x,y
+      this.x = []
+      this.y = []
+      this.list.forEach(item => {
+        this.x.push(item.deptName)
+        switch (this.radio) {
+          case 'totalShouldProcess': {
+            this.y.push(item.totalShouldProcess)
+            break
+          }
+          case 'process': {
+            this.y.push(item.process)
+            break
+          }
+          case 'returnJob': {
+            this.y.push(item.returnJob)
+            break
+          }
+          case 'sumary': {
+            this.y.push(item.sumary)
+            break
+          }
+          default: break
+        }
+      })
+      // tooltip
+      const tooltip = _.find(this.radioList, ['value', this.radio]).text
+
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        tooltip: {
+          show: true,
+          trigger: 'item',
+          formatter: (params) => tooltip + '<br/><span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:' +
+                                  params.color + '"></span>' + params.name + ':' + params.data
+        },
+        color: '#2a7bc4',
+        xAxis: {
+          data: this.x,
+          axisLabel: {
+            fontSize: 14
+          }
+        },
+        yAxis: {
+          axisLabel: {
+            fontSize: 14
+          },
+          minInterval: 1
+        },
+        series: [{
+          name: '职能单位评价',
+          type: 'bar',
+          data: this.y,
+          barWidth: '40%',
+          barMaxWidth: '100',
+          tooltip: {
+            position: 'right'
+          }
+        }]
+      })
+    }
   }
 }
 </script>
+
+<style scoped>
+.chart-container{
+  text-align: center;
+}
+.radio-group{
+  margin-top: 20px;
+}
+.chart-body{
+  height: 50vh;
+  width: 80%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/deptAccess/deptAccessList.vue b/src/views/deptAccess/deptAccessList.vue
index f413be9..ebddd79 100644
--- a/src/views/deptAccess/deptAccessList.vue
+++ b/src/views/deptAccess/deptAccessList.vue
@@ -1,13 +1,18 @@
 <template>
-  <el-table ref="table" :data="list" class="table" border>
-    <el-table-column align="center" type="index" />
-    <el-table-column v-for="column in tableColumns" :key="column.value" :label="column.text">
-      <template slot-scope="scope">
-        <span v-if="column.type!='button'">{{ scope.row[column.value] }}</span>
-        <el-button v-if="column.type=='button'" type="text" @click="showCaseList(scope.row,column.value)">{{ scope.row[column.value] }}</el-button>
-      </template>
-    </el-table-column>
-  </el-table>
+  <div class="table-container">
+    <el-row class="table-title">
+      <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
+    </el-row>
+    <el-table ref="table" :data="list" class="table" border>
+      <el-table-column align="center" type="index" />
+      <el-table-column v-for="column in tableColumns" :key="column.value" :label="column.text" align="center">
+        <template slot-scope="scope">
+          <span v-if="column.type!='button'">{{ scope.row[column.value] }}</span>
+          <el-button v-if="column.type=='button'" type="text" @click="showCaseList(scope.row,column.value)">{{ scope.row[column.value] }}</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
 </template>
 
 <script>
@@ -49,3 +54,23 @@
   }
 }
 </script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $tableTitleHeight:46px;
+  .table{
+    margin-bottom: 20px;
+  }
+  .table-title{
+    background-color:rgba(243, 243, 243, 1);
+    height: $tableTitleHeight;
+    .title-header{
+      line-height:$tableTitleHeight;
+      color: #606266;
+      font-size: 15px;
+      i{
+        margin-left: 5px;
+        margin-right: 5px;
+      }
+    }
+  }
+</style>

diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
index c3c10ac..9587edc 100644
--- a/src/router/modules/comment.js
+++ b/src/router/modules/comment.js
@@ -31,5 +31,31 @@
         meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
       }
     ]
+  },
+  {
+    path: '/otherComment',
+    component: Layout,
+    redirect: '/highFreq',
+    name: 'OtherComment',
+    alwaysShow: true,
+    meta: {
+      title: '其他评价',
+      permission: ['/otherComment'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/highFreq',
+        component: () => import('@/views/otherComment/highFreq/highFreq'),
+        name: 'HighFreq',
+        meta: { title: '高发问题', icon: '', belongSys: '', permission: '/highFreq' }
+      },
+      {
+        path: '/sourceStatis',
+        component: () => import('@/views/otherComment/sourceStatis/sourceStatis'),
+        name: 'SourceStatis',
+        meta: { title: '来源统计', icon: '', belongSys: '', permission: '/sourceStatis' }
+      }
+    ]
   }
 ]
diff --git a/src/views/deptAccess/accessRule.vue b/src/views/deptAccess/accessRule.vue
new file mode 100644
index 0000000..699b1c7
--- /dev/null
+++ b/src/views/deptAccess/accessRule.vue
@@ -0,0 +1,95 @@
+<template>
+  <div class="table-container">
+    <el-row class="second-title">规则说明</el-row>
+    <div>
+      <el-row class="content">处置单位得分 = 100 - 超时分 - 返工分 - 超时未处理分 + 工作量调节</el-row>
+      <el-row class="content">超时分数 = 时限内所有超时案卷数/时限内应处置案卷数 *100 * 超时因子</el-row>
+      <el-row class="content">返工分数 = 时限内所有返工案卷数/时限内应处置案卷数 * 100 * 返工因子</el-row>
+      <el-row class="content">超时未处置分数 = 时限内所有超时未处置案卷数/时限内应处置案卷数 * 100 * 超时未处置因子</el-row>
+      <el-row class="content">工作量调节 = 该单位接收派遣数 / 系统总派遣数 * 100 * 调节因子</el-row>
+    </div>
+    <el-row style="padding:20px"/>
+    <el-row class="second-title">考核因子</el-row>
+    <div>
+      <el-row>
+        <el-col :span="6" class="cell">工作量调节因子</el-col>
+        <el-col :span="6" class="cell">超时因子</el-col>
+        <el-col :span="6" class="cell">返工因子</el-col>
+        <el-col :span="6" class="cell">超时未处置因子</el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6" class="cell">派遣数/系统总派遣数</el-col>
+        <el-col :span="6" class="cell">超时处置和超时未处置</el-col>
+        <el-col :span="6" class="cell">返工数量</el-col>
+        <el-col :span="6" class="cell">超时未处置</el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6" class="cell">
+          <el-input v-model="workNum" size="small" style="width:25%"/>
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+        <el-col :span="6" class="cell">
+          <el-input v-model="overNum" size="small" style="width:25%"/>
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+        <el-col :span="6" class="cell">
+          <el-input v-model="returnNum" size="small" style="width:25%"/>%
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+        <el-col :span="6" class="cell">
+          <el-input v-model="overUndoNum" size="small" style="width:25%"/>%
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AccessRule',
+  data() {
+    return {
+      workNum: 10,
+      overNum: 30,
+      returnNum: 20,
+      overUndoNum: 50
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.second-title{
+  border: 1px solid #eee;
+  background-color: #eee;
+  border-top: 0;
+  font-size: 1.5em;
+  padding: 10px;
+  text-align: center;
+}
+.content{
+  border: 1px solid #eee;
+  border-top: 0;
+  font-size: 1.2em;
+  padding: 5px;
+  text-align: center;
+}
+.cell{
+  border: 1px solid #eee;
+  font-size: 1.2em;
+  border-top: 0;
+  padding: 5px;
+  text-align: center;
+  position: relative;
+}
+.submit-button{
+  position: absolute;
+  top: 0;
+  left: 175px;
+}
+ /deep/ input.el-input__inner {
+  color: red;
+  font-size: 1.2em;
+}
+</style>
diff --git a/src/views/deptAccess/deptAccess.vue b/src/views/deptAccess/deptAccess.vue
index 94cd5c5..9e37773 100644
--- a/src/views/deptAccess/deptAccess.vue
+++ b/src/views/deptAccess/deptAccess.vue
@@ -32,21 +32,32 @@
           <dept-access-chart :list="list"/>
         </el-tab-pane>
       </el-tabs>
-      <el-button type="text" class="rule-button">考核规则</el-button>
+      <el-button type="text" class="rule-button" @click="dialogVisible = true">考核规则</el-button>
     </el-row>
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :append-to-body="true"
+      :close-on-click-modal="false"
+      title="考核规则"
+      width="70%"
+    >
+      <access-rule/>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import DeptAccessList from './deptAccessList'
 import DeptAccessChart from './deptAccessChart'
+import AccessRule from './accessRule'
 
 export default {
   name: 'DeptAccess',
-  components: { DeptAccessList, DeptAccessChart },
+  components: { DeptAccessList, DeptAccessChart, AccessRule },
   data() {
     return {
       activeName: 'list', // 默认tab
+      dialogVisible: false,
       query: {
         beginDate: '',
         endDate: ''
@@ -55,12 +66,20 @@
         {
           deptName: '城管监察二大队',
           lastCarryOver: 2,
-          shouldProcess: 166
+          shouldProcess: 166,
+          totalShouldProcess: 168,
+          process: 166,
+          returnJob: 1,
+          sumary: 100.03
         },
         {
           deptName: '渣土站',
           lastCarryOver: 0,
-          shouldProcess: 21
+          shouldProcess: 21,
+          totalShouldProcess: 21,
+          process: 21,
+          returnJob: 1,
+          sumary: 99.39
         }
       ]
     }
@@ -75,9 +94,11 @@
     },
     handleClick(tab, event) {
       this.activeName = tab.name
-      // setTimeout(() => {
-      //   tab.$children[0].chart.resize()
-      // }, 100)
+      if (tab.name === 'chart') {
+        setTimeout(() => {
+          tab.$children[0].chart.resize()
+        }, 50)
+      }
     }
   }
 }
diff --git a/src/views/deptAccess/deptAccessChart.vue b/src/views/deptAccess/deptAccessChart.vue
index f2e54c6..5098f15 100644
--- a/src/views/deptAccess/deptAccessChart.vue
+++ b/src/views/deptAccess/deptAccessChart.vue
@@ -1,10 +1,15 @@
 <template>
   <div class="chart-container">
-    图表模式
+    <el-radio-group v-model="radio" class="radio-group" @change="initChart">
+      <el-radio v-for="radio in radioList" :key="radio.value" :label="radio.value">{{ radio.text }}</el-radio>
+    </el-radio-group>
+    <div ref="chart" class="chart-body" />
   </div>
 </template>
 
 <script>
+import _ from 'lodash'
+import echarts from 'echarts'
 export default {
   name: 'DeptAccessChart',
   props: {
@@ -14,6 +19,115 @@
         return []
       }
     }
+  },
+  data() {
+    return {
+      radio: 'sumary',
+      radioList: [
+        {
+          text: '应处置数',
+          value: 'totalShouldProcess'
+        },
+        {
+          text: '处置数',
+          value: 'process'
+        },
+        {
+          text: '返工数',
+          value: 'returnJob'
+        },
+        {
+          text: '综合指标',
+          value: 'sumary'
+        }
+      ],
+      chart: null,
+      x: [],
+      y: []
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      console.log('init chart')
+      // 取x,y
+      this.x = []
+      this.y = []
+      this.list.forEach(item => {
+        this.x.push(item.deptName)
+        switch (this.radio) {
+          case 'totalShouldProcess': {
+            this.y.push(item.totalShouldProcess)
+            break
+          }
+          case 'process': {
+            this.y.push(item.process)
+            break
+          }
+          case 'returnJob': {
+            this.y.push(item.returnJob)
+            break
+          }
+          case 'sumary': {
+            this.y.push(item.sumary)
+            break
+          }
+          default: break
+        }
+      })
+      // tooltip
+      const tooltip = _.find(this.radioList, ['value', this.radio]).text
+
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        tooltip: {
+          show: true,
+          trigger: 'item',
+          formatter: (params) => tooltip + '<br/><span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:' +
+                                  params.color + '"></span>' + params.name + ':' + params.data
+        },
+        color: '#2a7bc4',
+        xAxis: {
+          data: this.x,
+          axisLabel: {
+            fontSize: 14
+          }
+        },
+        yAxis: {
+          axisLabel: {
+            fontSize: 14
+          },
+          minInterval: 1
+        },
+        series: [{
+          name: '职能单位评价',
+          type: 'bar',
+          data: this.y,
+          barWidth: '40%',
+          barMaxWidth: '100',
+          tooltip: {
+            position: 'right'
+          }
+        }]
+      })
+    }
   }
 }
 </script>
+
+<style scoped>
+.chart-container{
+  text-align: center;
+}
+.radio-group{
+  margin-top: 20px;
+}
+.chart-body{
+  height: 50vh;
+  width: 80%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/deptAccess/deptAccessList.vue b/src/views/deptAccess/deptAccessList.vue
index f413be9..ebddd79 100644
--- a/src/views/deptAccess/deptAccessList.vue
+++ b/src/views/deptAccess/deptAccessList.vue
@@ -1,13 +1,18 @@
 <template>
-  <el-table ref="table" :data="list" class="table" border>
-    <el-table-column align="center" type="index" />
-    <el-table-column v-for="column in tableColumns" :key="column.value" :label="column.text">
-      <template slot-scope="scope">
-        <span v-if="column.type!='button'">{{ scope.row[column.value] }}</span>
-        <el-button v-if="column.type=='button'" type="text" @click="showCaseList(scope.row,column.value)">{{ scope.row[column.value] }}</el-button>
-      </template>
-    </el-table-column>
-  </el-table>
+  <div class="table-container">
+    <el-row class="table-title">
+      <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
+    </el-row>
+    <el-table ref="table" :data="list" class="table" border>
+      <el-table-column align="center" type="index" />
+      <el-table-column v-for="column in tableColumns" :key="column.value" :label="column.text" align="center">
+        <template slot-scope="scope">
+          <span v-if="column.type!='button'">{{ scope.row[column.value] }}</span>
+          <el-button v-if="column.type=='button'" type="text" @click="showCaseList(scope.row,column.value)">{{ scope.row[column.value] }}</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
 </template>
 
 <script>
@@ -49,3 +54,23 @@
   }
 }
 </script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $tableTitleHeight:46px;
+  .table{
+    margin-bottom: 20px;
+  }
+  .table-title{
+    background-color:rgba(243, 243, 243, 1);
+    height: $tableTitleHeight;
+    .title-header{
+      line-height:$tableTitleHeight;
+      color: #606266;
+      font-size: 15px;
+      i{
+        margin-left: 5px;
+        margin-right: 5px;
+      }
+    }
+  }
+</style>
diff --git a/src/views/otherComment/highFreq/highFreq.vue b/src/views/otherComment/highFreq/highFreq.vue
new file mode 100644
index 0000000..a79bf77
--- /dev/null
+++ b/src/views/otherComment/highFreq/highFreq.vue
@@ -0,0 +1,100 @@
+<template>
+  <div class="app-container">
+    <el-row>
+      <el-form :model="query" :inline="true" label-width="auto">
+        <el-form-item label="开始日期">
+          <el-date-picker
+            v-model="query.beginDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择开始日期"/>
+        </el-form-item>
+        <el-form-item label="结束日期">
+          <el-date-picker
+            v-model="query.endDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择结束日期"/>
+        </el-form-item>
+        <el-button type="primary" icon="el-icon-edit">统计</el-button>
+        <el-button type="primary" icon="el-icon-refresh-right" @click="clearDate">清空</el-button>
+        <el-button type="primary" icon="el-icon-document">报表</el-button>
+      </el-form>
+    </el-row>
+    <el-row>
+      <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+        <el-tab-pane name="list">
+          <span slot="label"><i class="el-icon-s-fold"/> 列表模式</span>
+          <high-freq-list :list="list"/>
+        </el-tab-pane>
+        <el-tab-pane name="chart">
+          <span slot="label"><i class="el-icon-s-data"/> 图表模式</span>
+          <high-freq-chart :list="list"/>
+        </el-tab-pane>
+      </el-tabs>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import HighFreqList from './highFreqList'
+import HighFreqChart from './highFreqChart'
+
+export default {
+  name: 'HighFreq',
+  components: { HighFreqList, HighFreqChart },
+  data() {
+    return {
+      activeName: 'list', // 默认tab
+      dialogVisible: false,
+      query: {
+        beginDate: '',
+        endDate: ''
+      },
+      list: [
+        {
+          eorc: '事件',
+          caseTypeName: '市容环境',
+          caseTypeDetailName: '乱堆物堆料',
+          upNum: 21917,
+          precent: 53.6
+        },
+        {
+          eorc: '事件',
+          caseTypeName: '街面秩序',
+          caseTypeDetailName: '无照经营游商',
+          upNum: 5522,
+          precent: 13.5
+        },
+        {
+          eorc: '事件',
+          caseTypeName: '街面秩序',
+          caseTypeDetailName: '非机动车乱停放',
+          upNum: 4313,
+          precent: 10.5
+        }
+      ]
+    }
+  },
+  mounted() {
+
+  },
+  methods: {
+    clearDate() {
+      this.query.beginDate = ''
+      this.query.endDate = ''
+    },
+    handleClick(tab, event) {
+      this.activeName = tab.name
+      if (tab.name === 'chart') {
+        setTimeout(() => {
+          tab.$children[0].chart.resize()
+        }, 50)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>

diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
index c3c10ac..9587edc 100644
--- a/src/router/modules/comment.js
+++ b/src/router/modules/comment.js
@@ -31,5 +31,31 @@
         meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
       }
     ]
+  },
+  {
+    path: '/otherComment',
+    component: Layout,
+    redirect: '/highFreq',
+    name: 'OtherComment',
+    alwaysShow: true,
+    meta: {
+      title: '其他评价',
+      permission: ['/otherComment'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/highFreq',
+        component: () => import('@/views/otherComment/highFreq/highFreq'),
+        name: 'HighFreq',
+        meta: { title: '高发问题', icon: '', belongSys: '', permission: '/highFreq' }
+      },
+      {
+        path: '/sourceStatis',
+        component: () => import('@/views/otherComment/sourceStatis/sourceStatis'),
+        name: 'SourceStatis',
+        meta: { title: '来源统计', icon: '', belongSys: '', permission: '/sourceStatis' }
+      }
+    ]
   }
 ]
diff --git a/src/views/deptAccess/accessRule.vue b/src/views/deptAccess/accessRule.vue
new file mode 100644
index 0000000..699b1c7
--- /dev/null
+++ b/src/views/deptAccess/accessRule.vue
@@ -0,0 +1,95 @@
+<template>
+  <div class="table-container">
+    <el-row class="second-title">规则说明</el-row>
+    <div>
+      <el-row class="content">处置单位得分 = 100 - 超时分 - 返工分 - 超时未处理分 + 工作量调节</el-row>
+      <el-row class="content">超时分数 = 时限内所有超时案卷数/时限内应处置案卷数 *100 * 超时因子</el-row>
+      <el-row class="content">返工分数 = 时限内所有返工案卷数/时限内应处置案卷数 * 100 * 返工因子</el-row>
+      <el-row class="content">超时未处置分数 = 时限内所有超时未处置案卷数/时限内应处置案卷数 * 100 * 超时未处置因子</el-row>
+      <el-row class="content">工作量调节 = 该单位接收派遣数 / 系统总派遣数 * 100 * 调节因子</el-row>
+    </div>
+    <el-row style="padding:20px"/>
+    <el-row class="second-title">考核因子</el-row>
+    <div>
+      <el-row>
+        <el-col :span="6" class="cell">工作量调节因子</el-col>
+        <el-col :span="6" class="cell">超时因子</el-col>
+        <el-col :span="6" class="cell">返工因子</el-col>
+        <el-col :span="6" class="cell">超时未处置因子</el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6" class="cell">派遣数/系统总派遣数</el-col>
+        <el-col :span="6" class="cell">超时处置和超时未处置</el-col>
+        <el-col :span="6" class="cell">返工数量</el-col>
+        <el-col :span="6" class="cell">超时未处置</el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6" class="cell">
+          <el-input v-model="workNum" size="small" style="width:25%"/>
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+        <el-col :span="6" class="cell">
+          <el-input v-model="overNum" size="small" style="width:25%"/>
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+        <el-col :span="6" class="cell">
+          <el-input v-model="returnNum" size="small" style="width:25%"/>%
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+        <el-col :span="6" class="cell">
+          <el-input v-model="overUndoNum" size="small" style="width:25%"/>%
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AccessRule',
+  data() {
+    return {
+      workNum: 10,
+      overNum: 30,
+      returnNum: 20,
+      overUndoNum: 50
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.second-title{
+  border: 1px solid #eee;
+  background-color: #eee;
+  border-top: 0;
+  font-size: 1.5em;
+  padding: 10px;
+  text-align: center;
+}
+.content{
+  border: 1px solid #eee;
+  border-top: 0;
+  font-size: 1.2em;
+  padding: 5px;
+  text-align: center;
+}
+.cell{
+  border: 1px solid #eee;
+  font-size: 1.2em;
+  border-top: 0;
+  padding: 5px;
+  text-align: center;
+  position: relative;
+}
+.submit-button{
+  position: absolute;
+  top: 0;
+  left: 175px;
+}
+ /deep/ input.el-input__inner {
+  color: red;
+  font-size: 1.2em;
+}
+</style>
diff --git a/src/views/deptAccess/deptAccess.vue b/src/views/deptAccess/deptAccess.vue
index 94cd5c5..9e37773 100644
--- a/src/views/deptAccess/deptAccess.vue
+++ b/src/views/deptAccess/deptAccess.vue
@@ -32,21 +32,32 @@
           <dept-access-chart :list="list"/>
         </el-tab-pane>
       </el-tabs>
-      <el-button type="text" class="rule-button">考核规则</el-button>
+      <el-button type="text" class="rule-button" @click="dialogVisible = true">考核规则</el-button>
     </el-row>
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :append-to-body="true"
+      :close-on-click-modal="false"
+      title="考核规则"
+      width="70%"
+    >
+      <access-rule/>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import DeptAccessList from './deptAccessList'
 import DeptAccessChart from './deptAccessChart'
+import AccessRule from './accessRule'
 
 export default {
   name: 'DeptAccess',
-  components: { DeptAccessList, DeptAccessChart },
+  components: { DeptAccessList, DeptAccessChart, AccessRule },
   data() {
     return {
       activeName: 'list', // 默认tab
+      dialogVisible: false,
       query: {
         beginDate: '',
         endDate: ''
@@ -55,12 +66,20 @@
         {
           deptName: '城管监察二大队',
           lastCarryOver: 2,
-          shouldProcess: 166
+          shouldProcess: 166,
+          totalShouldProcess: 168,
+          process: 166,
+          returnJob: 1,
+          sumary: 100.03
         },
         {
           deptName: '渣土站',
           lastCarryOver: 0,
-          shouldProcess: 21
+          shouldProcess: 21,
+          totalShouldProcess: 21,
+          process: 21,
+          returnJob: 1,
+          sumary: 99.39
         }
       ]
     }
@@ -75,9 +94,11 @@
     },
     handleClick(tab, event) {
       this.activeName = tab.name
-      // setTimeout(() => {
-      //   tab.$children[0].chart.resize()
-      // }, 100)
+      if (tab.name === 'chart') {
+        setTimeout(() => {
+          tab.$children[0].chart.resize()
+        }, 50)
+      }
     }
   }
 }
diff --git a/src/views/deptAccess/deptAccessChart.vue b/src/views/deptAccess/deptAccessChart.vue
index f2e54c6..5098f15 100644
--- a/src/views/deptAccess/deptAccessChart.vue
+++ b/src/views/deptAccess/deptAccessChart.vue
@@ -1,10 +1,15 @@
 <template>
   <div class="chart-container">
-    图表模式
+    <el-radio-group v-model="radio" class="radio-group" @change="initChart">
+      <el-radio v-for="radio in radioList" :key="radio.value" :label="radio.value">{{ radio.text }}</el-radio>
+    </el-radio-group>
+    <div ref="chart" class="chart-body" />
   </div>
 </template>
 
 <script>
+import _ from 'lodash'
+import echarts from 'echarts'
 export default {
   name: 'DeptAccessChart',
   props: {
@@ -14,6 +19,115 @@
         return []
       }
     }
+  },
+  data() {
+    return {
+      radio: 'sumary',
+      radioList: [
+        {
+          text: '应处置数',
+          value: 'totalShouldProcess'
+        },
+        {
+          text: '处置数',
+          value: 'process'
+        },
+        {
+          text: '返工数',
+          value: 'returnJob'
+        },
+        {
+          text: '综合指标',
+          value: 'sumary'
+        }
+      ],
+      chart: null,
+      x: [],
+      y: []
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      console.log('init chart')
+      // 取x,y
+      this.x = []
+      this.y = []
+      this.list.forEach(item => {
+        this.x.push(item.deptName)
+        switch (this.radio) {
+          case 'totalShouldProcess': {
+            this.y.push(item.totalShouldProcess)
+            break
+          }
+          case 'process': {
+            this.y.push(item.process)
+            break
+          }
+          case 'returnJob': {
+            this.y.push(item.returnJob)
+            break
+          }
+          case 'sumary': {
+            this.y.push(item.sumary)
+            break
+          }
+          default: break
+        }
+      })
+      // tooltip
+      const tooltip = _.find(this.radioList, ['value', this.radio]).text
+
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        tooltip: {
+          show: true,
+          trigger: 'item',
+          formatter: (params) => tooltip + '<br/><span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:' +
+                                  params.color + '"></span>' + params.name + ':' + params.data
+        },
+        color: '#2a7bc4',
+        xAxis: {
+          data: this.x,
+          axisLabel: {
+            fontSize: 14
+          }
+        },
+        yAxis: {
+          axisLabel: {
+            fontSize: 14
+          },
+          minInterval: 1
+        },
+        series: [{
+          name: '职能单位评价',
+          type: 'bar',
+          data: this.y,
+          barWidth: '40%',
+          barMaxWidth: '100',
+          tooltip: {
+            position: 'right'
+          }
+        }]
+      })
+    }
   }
 }
 </script>
+
+<style scoped>
+.chart-container{
+  text-align: center;
+}
+.radio-group{
+  margin-top: 20px;
+}
+.chart-body{
+  height: 50vh;
+  width: 80%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/deptAccess/deptAccessList.vue b/src/views/deptAccess/deptAccessList.vue
index f413be9..ebddd79 100644
--- a/src/views/deptAccess/deptAccessList.vue
+++ b/src/views/deptAccess/deptAccessList.vue
@@ -1,13 +1,18 @@
 <template>
-  <el-table ref="table" :data="list" class="table" border>
-    <el-table-column align="center" type="index" />
-    <el-table-column v-for="column in tableColumns" :key="column.value" :label="column.text">
-      <template slot-scope="scope">
-        <span v-if="column.type!='button'">{{ scope.row[column.value] }}</span>
-        <el-button v-if="column.type=='button'" type="text" @click="showCaseList(scope.row,column.value)">{{ scope.row[column.value] }}</el-button>
-      </template>
-    </el-table-column>
-  </el-table>
+  <div class="table-container">
+    <el-row class="table-title">
+      <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
+    </el-row>
+    <el-table ref="table" :data="list" class="table" border>
+      <el-table-column align="center" type="index" />
+      <el-table-column v-for="column in tableColumns" :key="column.value" :label="column.text" align="center">
+        <template slot-scope="scope">
+          <span v-if="column.type!='button'">{{ scope.row[column.value] }}</span>
+          <el-button v-if="column.type=='button'" type="text" @click="showCaseList(scope.row,column.value)">{{ scope.row[column.value] }}</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
 </template>
 
 <script>
@@ -49,3 +54,23 @@
   }
 }
 </script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $tableTitleHeight:46px;
+  .table{
+    margin-bottom: 20px;
+  }
+  .table-title{
+    background-color:rgba(243, 243, 243, 1);
+    height: $tableTitleHeight;
+    .title-header{
+      line-height:$tableTitleHeight;
+      color: #606266;
+      font-size: 15px;
+      i{
+        margin-left: 5px;
+        margin-right: 5px;
+      }
+    }
+  }
+</style>
diff --git a/src/views/otherComment/highFreq/highFreq.vue b/src/views/otherComment/highFreq/highFreq.vue
new file mode 100644
index 0000000..a79bf77
--- /dev/null
+++ b/src/views/otherComment/highFreq/highFreq.vue
@@ -0,0 +1,100 @@
+<template>
+  <div class="app-container">
+    <el-row>
+      <el-form :model="query" :inline="true" label-width="auto">
+        <el-form-item label="开始日期">
+          <el-date-picker
+            v-model="query.beginDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择开始日期"/>
+        </el-form-item>
+        <el-form-item label="结束日期">
+          <el-date-picker
+            v-model="query.endDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择结束日期"/>
+        </el-form-item>
+        <el-button type="primary" icon="el-icon-edit">统计</el-button>
+        <el-button type="primary" icon="el-icon-refresh-right" @click="clearDate">清空</el-button>
+        <el-button type="primary" icon="el-icon-document">报表</el-button>
+      </el-form>
+    </el-row>
+    <el-row>
+      <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+        <el-tab-pane name="list">
+          <span slot="label"><i class="el-icon-s-fold"/> 列表模式</span>
+          <high-freq-list :list="list"/>
+        </el-tab-pane>
+        <el-tab-pane name="chart">
+          <span slot="label"><i class="el-icon-s-data"/> 图表模式</span>
+          <high-freq-chart :list="list"/>
+        </el-tab-pane>
+      </el-tabs>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import HighFreqList from './highFreqList'
+import HighFreqChart from './highFreqChart'
+
+export default {
+  name: 'HighFreq',
+  components: { HighFreqList, HighFreqChart },
+  data() {
+    return {
+      activeName: 'list', // 默认tab
+      dialogVisible: false,
+      query: {
+        beginDate: '',
+        endDate: ''
+      },
+      list: [
+        {
+          eorc: '事件',
+          caseTypeName: '市容环境',
+          caseTypeDetailName: '乱堆物堆料',
+          upNum: 21917,
+          precent: 53.6
+        },
+        {
+          eorc: '事件',
+          caseTypeName: '街面秩序',
+          caseTypeDetailName: '无照经营游商',
+          upNum: 5522,
+          precent: 13.5
+        },
+        {
+          eorc: '事件',
+          caseTypeName: '街面秩序',
+          caseTypeDetailName: '非机动车乱停放',
+          upNum: 4313,
+          precent: 10.5
+        }
+      ]
+    }
+  },
+  mounted() {
+
+  },
+  methods: {
+    clearDate() {
+      this.query.beginDate = ''
+      this.query.endDate = ''
+    },
+    handleClick(tab, event) {
+      this.activeName = tab.name
+      if (tab.name === 'chart') {
+        setTimeout(() => {
+          tab.$children[0].chart.resize()
+        }, 50)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>
diff --git a/src/views/otherComment/highFreq/highFreqChart.vue b/src/views/otherComment/highFreq/highFreqChart.vue
new file mode 100644
index 0000000..6d81057
--- /dev/null
+++ b/src/views/otherComment/highFreq/highFreqChart.vue
@@ -0,0 +1,68 @@
+<template>
+  <div class="chart-container">
+    <div ref="chart" class="chart-body" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+export default {
+  name: 'HighFreqChart',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  computed: {
+    pieData() {
+      const tmp = []
+      this.list.forEach(item => {
+        const obj = {}
+        obj.name = item.caseTypeName + '/' + item.caseTypeDetailName
+        obj.value = item.upNum
+        tmp.push(obj)
+      })
+      return tmp
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        tooltip: {
+          show: true
+        },
+        series: [{
+          name: '高发问题',
+          type: 'pie',
+          data: this.pieData,
+          label: {
+            formatter: '{b} : {d}%'
+          },
+          tooltip: {
+            formatter: '{b}<br/>立案数: {d}%'
+          }
+        }]
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.chart-container{
+  text-align: center;
+}
+.chart-body{
+  height: 60vh;
+  width: 80%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>

diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
index c3c10ac..9587edc 100644
--- a/src/router/modules/comment.js
+++ b/src/router/modules/comment.js
@@ -31,5 +31,31 @@
         meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
       }
     ]
+  },
+  {
+    path: '/otherComment',
+    component: Layout,
+    redirect: '/highFreq',
+    name: 'OtherComment',
+    alwaysShow: true,
+    meta: {
+      title: '其他评价',
+      permission: ['/otherComment'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/highFreq',
+        component: () => import('@/views/otherComment/highFreq/highFreq'),
+        name: 'HighFreq',
+        meta: { title: '高发问题', icon: '', belongSys: '', permission: '/highFreq' }
+      },
+      {
+        path: '/sourceStatis',
+        component: () => import('@/views/otherComment/sourceStatis/sourceStatis'),
+        name: 'SourceStatis',
+        meta: { title: '来源统计', icon: '', belongSys: '', permission: '/sourceStatis' }
+      }
+    ]
   }
 ]
diff --git a/src/views/deptAccess/accessRule.vue b/src/views/deptAccess/accessRule.vue
new file mode 100644
index 0000000..699b1c7
--- /dev/null
+++ b/src/views/deptAccess/accessRule.vue
@@ -0,0 +1,95 @@
+<template>
+  <div class="table-container">
+    <el-row class="second-title">规则说明</el-row>
+    <div>
+      <el-row class="content">处置单位得分 = 100 - 超时分 - 返工分 - 超时未处理分 + 工作量调节</el-row>
+      <el-row class="content">超时分数 = 时限内所有超时案卷数/时限内应处置案卷数 *100 * 超时因子</el-row>
+      <el-row class="content">返工分数 = 时限内所有返工案卷数/时限内应处置案卷数 * 100 * 返工因子</el-row>
+      <el-row class="content">超时未处置分数 = 时限内所有超时未处置案卷数/时限内应处置案卷数 * 100 * 超时未处置因子</el-row>
+      <el-row class="content">工作量调节 = 该单位接收派遣数 / 系统总派遣数 * 100 * 调节因子</el-row>
+    </div>
+    <el-row style="padding:20px"/>
+    <el-row class="second-title">考核因子</el-row>
+    <div>
+      <el-row>
+        <el-col :span="6" class="cell">工作量调节因子</el-col>
+        <el-col :span="6" class="cell">超时因子</el-col>
+        <el-col :span="6" class="cell">返工因子</el-col>
+        <el-col :span="6" class="cell">超时未处置因子</el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6" class="cell">派遣数/系统总派遣数</el-col>
+        <el-col :span="6" class="cell">超时处置和超时未处置</el-col>
+        <el-col :span="6" class="cell">返工数量</el-col>
+        <el-col :span="6" class="cell">超时未处置</el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6" class="cell">
+          <el-input v-model="workNum" size="small" style="width:25%"/>
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+        <el-col :span="6" class="cell">
+          <el-input v-model="overNum" size="small" style="width:25%"/>
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+        <el-col :span="6" class="cell">
+          <el-input v-model="returnNum" size="small" style="width:25%"/>%
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+        <el-col :span="6" class="cell">
+          <el-input v-model="overUndoNum" size="small" style="width:25%"/>%
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AccessRule',
+  data() {
+    return {
+      workNum: 10,
+      overNum: 30,
+      returnNum: 20,
+      overUndoNum: 50
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.second-title{
+  border: 1px solid #eee;
+  background-color: #eee;
+  border-top: 0;
+  font-size: 1.5em;
+  padding: 10px;
+  text-align: center;
+}
+.content{
+  border: 1px solid #eee;
+  border-top: 0;
+  font-size: 1.2em;
+  padding: 5px;
+  text-align: center;
+}
+.cell{
+  border: 1px solid #eee;
+  font-size: 1.2em;
+  border-top: 0;
+  padding: 5px;
+  text-align: center;
+  position: relative;
+}
+.submit-button{
+  position: absolute;
+  top: 0;
+  left: 175px;
+}
+ /deep/ input.el-input__inner {
+  color: red;
+  font-size: 1.2em;
+}
+</style>
diff --git a/src/views/deptAccess/deptAccess.vue b/src/views/deptAccess/deptAccess.vue
index 94cd5c5..9e37773 100644
--- a/src/views/deptAccess/deptAccess.vue
+++ b/src/views/deptAccess/deptAccess.vue
@@ -32,21 +32,32 @@
           <dept-access-chart :list="list"/>
         </el-tab-pane>
       </el-tabs>
-      <el-button type="text" class="rule-button">考核规则</el-button>
+      <el-button type="text" class="rule-button" @click="dialogVisible = true">考核规则</el-button>
     </el-row>
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :append-to-body="true"
+      :close-on-click-modal="false"
+      title="考核规则"
+      width="70%"
+    >
+      <access-rule/>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import DeptAccessList from './deptAccessList'
 import DeptAccessChart from './deptAccessChart'
+import AccessRule from './accessRule'
 
 export default {
   name: 'DeptAccess',
-  components: { DeptAccessList, DeptAccessChart },
+  components: { DeptAccessList, DeptAccessChart, AccessRule },
   data() {
     return {
       activeName: 'list', // 默认tab
+      dialogVisible: false,
       query: {
         beginDate: '',
         endDate: ''
@@ -55,12 +66,20 @@
         {
           deptName: '城管监察二大队',
           lastCarryOver: 2,
-          shouldProcess: 166
+          shouldProcess: 166,
+          totalShouldProcess: 168,
+          process: 166,
+          returnJob: 1,
+          sumary: 100.03
         },
         {
           deptName: '渣土站',
           lastCarryOver: 0,
-          shouldProcess: 21
+          shouldProcess: 21,
+          totalShouldProcess: 21,
+          process: 21,
+          returnJob: 1,
+          sumary: 99.39
         }
       ]
     }
@@ -75,9 +94,11 @@
     },
     handleClick(tab, event) {
       this.activeName = tab.name
-      // setTimeout(() => {
-      //   tab.$children[0].chart.resize()
-      // }, 100)
+      if (tab.name === 'chart') {
+        setTimeout(() => {
+          tab.$children[0].chart.resize()
+        }, 50)
+      }
     }
   }
 }
diff --git a/src/views/deptAccess/deptAccessChart.vue b/src/views/deptAccess/deptAccessChart.vue
index f2e54c6..5098f15 100644
--- a/src/views/deptAccess/deptAccessChart.vue
+++ b/src/views/deptAccess/deptAccessChart.vue
@@ -1,10 +1,15 @@
 <template>
   <div class="chart-container">
-    图表模式
+    <el-radio-group v-model="radio" class="radio-group" @change="initChart">
+      <el-radio v-for="radio in radioList" :key="radio.value" :label="radio.value">{{ radio.text }}</el-radio>
+    </el-radio-group>
+    <div ref="chart" class="chart-body" />
   </div>
 </template>
 
 <script>
+import _ from 'lodash'
+import echarts from 'echarts'
 export default {
   name: 'DeptAccessChart',
   props: {
@@ -14,6 +19,115 @@
         return []
       }
     }
+  },
+  data() {
+    return {
+      radio: 'sumary',
+      radioList: [
+        {
+          text: '应处置数',
+          value: 'totalShouldProcess'
+        },
+        {
+          text: '处置数',
+          value: 'process'
+        },
+        {
+          text: '返工数',
+          value: 'returnJob'
+        },
+        {
+          text: '综合指标',
+          value: 'sumary'
+        }
+      ],
+      chart: null,
+      x: [],
+      y: []
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      console.log('init chart')
+      // 取x,y
+      this.x = []
+      this.y = []
+      this.list.forEach(item => {
+        this.x.push(item.deptName)
+        switch (this.radio) {
+          case 'totalShouldProcess': {
+            this.y.push(item.totalShouldProcess)
+            break
+          }
+          case 'process': {
+            this.y.push(item.process)
+            break
+          }
+          case 'returnJob': {
+            this.y.push(item.returnJob)
+            break
+          }
+          case 'sumary': {
+            this.y.push(item.sumary)
+            break
+          }
+          default: break
+        }
+      })
+      // tooltip
+      const tooltip = _.find(this.radioList, ['value', this.radio]).text
+
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        tooltip: {
+          show: true,
+          trigger: 'item',
+          formatter: (params) => tooltip + '<br/><span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:' +
+                                  params.color + '"></span>' + params.name + ':' + params.data
+        },
+        color: '#2a7bc4',
+        xAxis: {
+          data: this.x,
+          axisLabel: {
+            fontSize: 14
+          }
+        },
+        yAxis: {
+          axisLabel: {
+            fontSize: 14
+          },
+          minInterval: 1
+        },
+        series: [{
+          name: '职能单位评价',
+          type: 'bar',
+          data: this.y,
+          barWidth: '40%',
+          barMaxWidth: '100',
+          tooltip: {
+            position: 'right'
+          }
+        }]
+      })
+    }
   }
 }
 </script>
+
+<style scoped>
+.chart-container{
+  text-align: center;
+}
+.radio-group{
+  margin-top: 20px;
+}
+.chart-body{
+  height: 50vh;
+  width: 80%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/deptAccess/deptAccessList.vue b/src/views/deptAccess/deptAccessList.vue
index f413be9..ebddd79 100644
--- a/src/views/deptAccess/deptAccessList.vue
+++ b/src/views/deptAccess/deptAccessList.vue
@@ -1,13 +1,18 @@
 <template>
-  <el-table ref="table" :data="list" class="table" border>
-    <el-table-column align="center" type="index" />
-    <el-table-column v-for="column in tableColumns" :key="column.value" :label="column.text">
-      <template slot-scope="scope">
-        <span v-if="column.type!='button'">{{ scope.row[column.value] }}</span>
-        <el-button v-if="column.type=='button'" type="text" @click="showCaseList(scope.row,column.value)">{{ scope.row[column.value] }}</el-button>
-      </template>
-    </el-table-column>
-  </el-table>
+  <div class="table-container">
+    <el-row class="table-title">
+      <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
+    </el-row>
+    <el-table ref="table" :data="list" class="table" border>
+      <el-table-column align="center" type="index" />
+      <el-table-column v-for="column in tableColumns" :key="column.value" :label="column.text" align="center">
+        <template slot-scope="scope">
+          <span v-if="column.type!='button'">{{ scope.row[column.value] }}</span>
+          <el-button v-if="column.type=='button'" type="text" @click="showCaseList(scope.row,column.value)">{{ scope.row[column.value] }}</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
 </template>
 
 <script>
@@ -49,3 +54,23 @@
   }
 }
 </script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $tableTitleHeight:46px;
+  .table{
+    margin-bottom: 20px;
+  }
+  .table-title{
+    background-color:rgba(243, 243, 243, 1);
+    height: $tableTitleHeight;
+    .title-header{
+      line-height:$tableTitleHeight;
+      color: #606266;
+      font-size: 15px;
+      i{
+        margin-left: 5px;
+        margin-right: 5px;
+      }
+    }
+  }
+</style>
diff --git a/src/views/otherComment/highFreq/highFreq.vue b/src/views/otherComment/highFreq/highFreq.vue
new file mode 100644
index 0000000..a79bf77
--- /dev/null
+++ b/src/views/otherComment/highFreq/highFreq.vue
@@ -0,0 +1,100 @@
+<template>
+  <div class="app-container">
+    <el-row>
+      <el-form :model="query" :inline="true" label-width="auto">
+        <el-form-item label="开始日期">
+          <el-date-picker
+            v-model="query.beginDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择开始日期"/>
+        </el-form-item>
+        <el-form-item label="结束日期">
+          <el-date-picker
+            v-model="query.endDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择结束日期"/>
+        </el-form-item>
+        <el-button type="primary" icon="el-icon-edit">统计</el-button>
+        <el-button type="primary" icon="el-icon-refresh-right" @click="clearDate">清空</el-button>
+        <el-button type="primary" icon="el-icon-document">报表</el-button>
+      </el-form>
+    </el-row>
+    <el-row>
+      <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+        <el-tab-pane name="list">
+          <span slot="label"><i class="el-icon-s-fold"/> 列表模式</span>
+          <high-freq-list :list="list"/>
+        </el-tab-pane>
+        <el-tab-pane name="chart">
+          <span slot="label"><i class="el-icon-s-data"/> 图表模式</span>
+          <high-freq-chart :list="list"/>
+        </el-tab-pane>
+      </el-tabs>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import HighFreqList from './highFreqList'
+import HighFreqChart from './highFreqChart'
+
+export default {
+  name: 'HighFreq',
+  components: { HighFreqList, HighFreqChart },
+  data() {
+    return {
+      activeName: 'list', // 默认tab
+      dialogVisible: false,
+      query: {
+        beginDate: '',
+        endDate: ''
+      },
+      list: [
+        {
+          eorc: '事件',
+          caseTypeName: '市容环境',
+          caseTypeDetailName: '乱堆物堆料',
+          upNum: 21917,
+          precent: 53.6
+        },
+        {
+          eorc: '事件',
+          caseTypeName: '街面秩序',
+          caseTypeDetailName: '无照经营游商',
+          upNum: 5522,
+          precent: 13.5
+        },
+        {
+          eorc: '事件',
+          caseTypeName: '街面秩序',
+          caseTypeDetailName: '非机动车乱停放',
+          upNum: 4313,
+          precent: 10.5
+        }
+      ]
+    }
+  },
+  mounted() {
+
+  },
+  methods: {
+    clearDate() {
+      this.query.beginDate = ''
+      this.query.endDate = ''
+    },
+    handleClick(tab, event) {
+      this.activeName = tab.name
+      if (tab.name === 'chart') {
+        setTimeout(() => {
+          tab.$children[0].chart.resize()
+        }, 50)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>
diff --git a/src/views/otherComment/highFreq/highFreqChart.vue b/src/views/otherComment/highFreq/highFreqChart.vue
new file mode 100644
index 0000000..6d81057
--- /dev/null
+++ b/src/views/otherComment/highFreq/highFreqChart.vue
@@ -0,0 +1,68 @@
+<template>
+  <div class="chart-container">
+    <div ref="chart" class="chart-body" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+export default {
+  name: 'HighFreqChart',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  computed: {
+    pieData() {
+      const tmp = []
+      this.list.forEach(item => {
+        const obj = {}
+        obj.name = item.caseTypeName + '/' + item.caseTypeDetailName
+        obj.value = item.upNum
+        tmp.push(obj)
+      })
+      return tmp
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        tooltip: {
+          show: true
+        },
+        series: [{
+          name: '高发问题',
+          type: 'pie',
+          data: this.pieData,
+          label: {
+            formatter: '{b} : {d}%'
+          },
+          tooltip: {
+            formatter: '{b}<br/>立案数: {d}%'
+          }
+        }]
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.chart-container{
+  text-align: center;
+}
+.chart-body{
+  height: 60vh;
+  width: 80%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/otherComment/highFreq/highFreqList.vue b/src/views/otherComment/highFreq/highFreqList.vue
new file mode 100644
index 0000000..aff3418
--- /dev/null
+++ b/src/views/otherComment/highFreq/highFreqList.vue
@@ -0,0 +1,52 @@
+<template>
+  <div class="table-container">
+    <el-row class="table-title">
+      <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
+    </el-row>
+    <el-table ref="table" :data="list" class="table" border>
+      <el-table-column align="center" label="排序" type="index" width="80"/>
+      <el-table-column align="center" label="事件/部件" prop="eorc"/>
+      <el-table-column align="center" label="大类/小类">
+        <template slot-scope="scope">
+          <span>{{ scope.row.caseTypeName + '/' + scope.row.caseTypeDetailName }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="上报数" prop="upNum"/>
+    </el-table>
+  </div>
+
+</template>
+
+<script>
+export default {
+  name: 'HighFreqList',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $tableTitleHeight:46px;
+  .table{
+    margin-bottom: 20px;
+  }
+  .table-title{
+    background-color:rgba(243, 243, 243, 1);
+    height: $tableTitleHeight;
+    .title-header{
+      line-height:$tableTitleHeight;
+      color: #606266;
+      font-size: 15px;
+      i{
+        margin-left: 5px;
+        margin-right: 5px;
+      }
+    }
+  }
+</style>

diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
index c3c10ac..9587edc 100644
--- a/src/router/modules/comment.js
+++ b/src/router/modules/comment.js
@@ -31,5 +31,31 @@
         meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
       }
     ]
+  },
+  {
+    path: '/otherComment',
+    component: Layout,
+    redirect: '/highFreq',
+    name: 'OtherComment',
+    alwaysShow: true,
+    meta: {
+      title: '其他评价',
+      permission: ['/otherComment'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/highFreq',
+        component: () => import('@/views/otherComment/highFreq/highFreq'),
+        name: 'HighFreq',
+        meta: { title: '高发问题', icon: '', belongSys: '', permission: '/highFreq' }
+      },
+      {
+        path: '/sourceStatis',
+        component: () => import('@/views/otherComment/sourceStatis/sourceStatis'),
+        name: 'SourceStatis',
+        meta: { title: '来源统计', icon: '', belongSys: '', permission: '/sourceStatis' }
+      }
+    ]
   }
 ]
diff --git a/src/views/deptAccess/accessRule.vue b/src/views/deptAccess/accessRule.vue
new file mode 100644
index 0000000..699b1c7
--- /dev/null
+++ b/src/views/deptAccess/accessRule.vue
@@ -0,0 +1,95 @@
+<template>
+  <div class="table-container">
+    <el-row class="second-title">规则说明</el-row>
+    <div>
+      <el-row class="content">处置单位得分 = 100 - 超时分 - 返工分 - 超时未处理分 + 工作量调节</el-row>
+      <el-row class="content">超时分数 = 时限内所有超时案卷数/时限内应处置案卷数 *100 * 超时因子</el-row>
+      <el-row class="content">返工分数 = 时限内所有返工案卷数/时限内应处置案卷数 * 100 * 返工因子</el-row>
+      <el-row class="content">超时未处置分数 = 时限内所有超时未处置案卷数/时限内应处置案卷数 * 100 * 超时未处置因子</el-row>
+      <el-row class="content">工作量调节 = 该单位接收派遣数 / 系统总派遣数 * 100 * 调节因子</el-row>
+    </div>
+    <el-row style="padding:20px"/>
+    <el-row class="second-title">考核因子</el-row>
+    <div>
+      <el-row>
+        <el-col :span="6" class="cell">工作量调节因子</el-col>
+        <el-col :span="6" class="cell">超时因子</el-col>
+        <el-col :span="6" class="cell">返工因子</el-col>
+        <el-col :span="6" class="cell">超时未处置因子</el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6" class="cell">派遣数/系统总派遣数</el-col>
+        <el-col :span="6" class="cell">超时处置和超时未处置</el-col>
+        <el-col :span="6" class="cell">返工数量</el-col>
+        <el-col :span="6" class="cell">超时未处置</el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6" class="cell">
+          <el-input v-model="workNum" size="small" style="width:25%"/>
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+        <el-col :span="6" class="cell">
+          <el-input v-model="overNum" size="small" style="width:25%"/>
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+        <el-col :span="6" class="cell">
+          <el-input v-model="returnNum" size="small" style="width:25%"/>%
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+        <el-col :span="6" class="cell">
+          <el-input v-model="overUndoNum" size="small" style="width:25%"/>%
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AccessRule',
+  data() {
+    return {
+      workNum: 10,
+      overNum: 30,
+      returnNum: 20,
+      overUndoNum: 50
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.second-title{
+  border: 1px solid #eee;
+  background-color: #eee;
+  border-top: 0;
+  font-size: 1.5em;
+  padding: 10px;
+  text-align: center;
+}
+.content{
+  border: 1px solid #eee;
+  border-top: 0;
+  font-size: 1.2em;
+  padding: 5px;
+  text-align: center;
+}
+.cell{
+  border: 1px solid #eee;
+  font-size: 1.2em;
+  border-top: 0;
+  padding: 5px;
+  text-align: center;
+  position: relative;
+}
+.submit-button{
+  position: absolute;
+  top: 0;
+  left: 175px;
+}
+ /deep/ input.el-input__inner {
+  color: red;
+  font-size: 1.2em;
+}
+</style>
diff --git a/src/views/deptAccess/deptAccess.vue b/src/views/deptAccess/deptAccess.vue
index 94cd5c5..9e37773 100644
--- a/src/views/deptAccess/deptAccess.vue
+++ b/src/views/deptAccess/deptAccess.vue
@@ -32,21 +32,32 @@
           <dept-access-chart :list="list"/>
         </el-tab-pane>
       </el-tabs>
-      <el-button type="text" class="rule-button">考核规则</el-button>
+      <el-button type="text" class="rule-button" @click="dialogVisible = true">考核规则</el-button>
     </el-row>
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :append-to-body="true"
+      :close-on-click-modal="false"
+      title="考核规则"
+      width="70%"
+    >
+      <access-rule/>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import DeptAccessList from './deptAccessList'
 import DeptAccessChart from './deptAccessChart'
+import AccessRule from './accessRule'
 
 export default {
   name: 'DeptAccess',
-  components: { DeptAccessList, DeptAccessChart },
+  components: { DeptAccessList, DeptAccessChart, AccessRule },
   data() {
     return {
       activeName: 'list', // 默认tab
+      dialogVisible: false,
       query: {
         beginDate: '',
         endDate: ''
@@ -55,12 +66,20 @@
         {
           deptName: '城管监察二大队',
           lastCarryOver: 2,
-          shouldProcess: 166
+          shouldProcess: 166,
+          totalShouldProcess: 168,
+          process: 166,
+          returnJob: 1,
+          sumary: 100.03
         },
         {
           deptName: '渣土站',
           lastCarryOver: 0,
-          shouldProcess: 21
+          shouldProcess: 21,
+          totalShouldProcess: 21,
+          process: 21,
+          returnJob: 1,
+          sumary: 99.39
         }
       ]
     }
@@ -75,9 +94,11 @@
     },
     handleClick(tab, event) {
       this.activeName = tab.name
-      // setTimeout(() => {
-      //   tab.$children[0].chart.resize()
-      // }, 100)
+      if (tab.name === 'chart') {
+        setTimeout(() => {
+          tab.$children[0].chart.resize()
+        }, 50)
+      }
     }
   }
 }
diff --git a/src/views/deptAccess/deptAccessChart.vue b/src/views/deptAccess/deptAccessChart.vue
index f2e54c6..5098f15 100644
--- a/src/views/deptAccess/deptAccessChart.vue
+++ b/src/views/deptAccess/deptAccessChart.vue
@@ -1,10 +1,15 @@
 <template>
   <div class="chart-container">
-    图表模式
+    <el-radio-group v-model="radio" class="radio-group" @change="initChart">
+      <el-radio v-for="radio in radioList" :key="radio.value" :label="radio.value">{{ radio.text }}</el-radio>
+    </el-radio-group>
+    <div ref="chart" class="chart-body" />
   </div>
 </template>
 
 <script>
+import _ from 'lodash'
+import echarts from 'echarts'
 export default {
   name: 'DeptAccessChart',
   props: {
@@ -14,6 +19,115 @@
         return []
       }
     }
+  },
+  data() {
+    return {
+      radio: 'sumary',
+      radioList: [
+        {
+          text: '应处置数',
+          value: 'totalShouldProcess'
+        },
+        {
+          text: '处置数',
+          value: 'process'
+        },
+        {
+          text: '返工数',
+          value: 'returnJob'
+        },
+        {
+          text: '综合指标',
+          value: 'sumary'
+        }
+      ],
+      chart: null,
+      x: [],
+      y: []
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      console.log('init chart')
+      // 取x,y
+      this.x = []
+      this.y = []
+      this.list.forEach(item => {
+        this.x.push(item.deptName)
+        switch (this.radio) {
+          case 'totalShouldProcess': {
+            this.y.push(item.totalShouldProcess)
+            break
+          }
+          case 'process': {
+            this.y.push(item.process)
+            break
+          }
+          case 'returnJob': {
+            this.y.push(item.returnJob)
+            break
+          }
+          case 'sumary': {
+            this.y.push(item.sumary)
+            break
+          }
+          default: break
+        }
+      })
+      // tooltip
+      const tooltip = _.find(this.radioList, ['value', this.radio]).text
+
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        tooltip: {
+          show: true,
+          trigger: 'item',
+          formatter: (params) => tooltip + '<br/><span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:' +
+                                  params.color + '"></span>' + params.name + ':' + params.data
+        },
+        color: '#2a7bc4',
+        xAxis: {
+          data: this.x,
+          axisLabel: {
+            fontSize: 14
+          }
+        },
+        yAxis: {
+          axisLabel: {
+            fontSize: 14
+          },
+          minInterval: 1
+        },
+        series: [{
+          name: '职能单位评价',
+          type: 'bar',
+          data: this.y,
+          barWidth: '40%',
+          barMaxWidth: '100',
+          tooltip: {
+            position: 'right'
+          }
+        }]
+      })
+    }
   }
 }
 </script>
+
+<style scoped>
+.chart-container{
+  text-align: center;
+}
+.radio-group{
+  margin-top: 20px;
+}
+.chart-body{
+  height: 50vh;
+  width: 80%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/deptAccess/deptAccessList.vue b/src/views/deptAccess/deptAccessList.vue
index f413be9..ebddd79 100644
--- a/src/views/deptAccess/deptAccessList.vue
+++ b/src/views/deptAccess/deptAccessList.vue
@@ -1,13 +1,18 @@
 <template>
-  <el-table ref="table" :data="list" class="table" border>
-    <el-table-column align="center" type="index" />
-    <el-table-column v-for="column in tableColumns" :key="column.value" :label="column.text">
-      <template slot-scope="scope">
-        <span v-if="column.type!='button'">{{ scope.row[column.value] }}</span>
-        <el-button v-if="column.type=='button'" type="text" @click="showCaseList(scope.row,column.value)">{{ scope.row[column.value] }}</el-button>
-      </template>
-    </el-table-column>
-  </el-table>
+  <div class="table-container">
+    <el-row class="table-title">
+      <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
+    </el-row>
+    <el-table ref="table" :data="list" class="table" border>
+      <el-table-column align="center" type="index" />
+      <el-table-column v-for="column in tableColumns" :key="column.value" :label="column.text" align="center">
+        <template slot-scope="scope">
+          <span v-if="column.type!='button'">{{ scope.row[column.value] }}</span>
+          <el-button v-if="column.type=='button'" type="text" @click="showCaseList(scope.row,column.value)">{{ scope.row[column.value] }}</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
 </template>
 
 <script>
@@ -49,3 +54,23 @@
   }
 }
 </script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $tableTitleHeight:46px;
+  .table{
+    margin-bottom: 20px;
+  }
+  .table-title{
+    background-color:rgba(243, 243, 243, 1);
+    height: $tableTitleHeight;
+    .title-header{
+      line-height:$tableTitleHeight;
+      color: #606266;
+      font-size: 15px;
+      i{
+        margin-left: 5px;
+        margin-right: 5px;
+      }
+    }
+  }
+</style>
diff --git a/src/views/otherComment/highFreq/highFreq.vue b/src/views/otherComment/highFreq/highFreq.vue
new file mode 100644
index 0000000..a79bf77
--- /dev/null
+++ b/src/views/otherComment/highFreq/highFreq.vue
@@ -0,0 +1,100 @@
+<template>
+  <div class="app-container">
+    <el-row>
+      <el-form :model="query" :inline="true" label-width="auto">
+        <el-form-item label="开始日期">
+          <el-date-picker
+            v-model="query.beginDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择开始日期"/>
+        </el-form-item>
+        <el-form-item label="结束日期">
+          <el-date-picker
+            v-model="query.endDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择结束日期"/>
+        </el-form-item>
+        <el-button type="primary" icon="el-icon-edit">统计</el-button>
+        <el-button type="primary" icon="el-icon-refresh-right" @click="clearDate">清空</el-button>
+        <el-button type="primary" icon="el-icon-document">报表</el-button>
+      </el-form>
+    </el-row>
+    <el-row>
+      <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+        <el-tab-pane name="list">
+          <span slot="label"><i class="el-icon-s-fold"/> 列表模式</span>
+          <high-freq-list :list="list"/>
+        </el-tab-pane>
+        <el-tab-pane name="chart">
+          <span slot="label"><i class="el-icon-s-data"/> 图表模式</span>
+          <high-freq-chart :list="list"/>
+        </el-tab-pane>
+      </el-tabs>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import HighFreqList from './highFreqList'
+import HighFreqChart from './highFreqChart'
+
+export default {
+  name: 'HighFreq',
+  components: { HighFreqList, HighFreqChart },
+  data() {
+    return {
+      activeName: 'list', // 默认tab
+      dialogVisible: false,
+      query: {
+        beginDate: '',
+        endDate: ''
+      },
+      list: [
+        {
+          eorc: '事件',
+          caseTypeName: '市容环境',
+          caseTypeDetailName: '乱堆物堆料',
+          upNum: 21917,
+          precent: 53.6
+        },
+        {
+          eorc: '事件',
+          caseTypeName: '街面秩序',
+          caseTypeDetailName: '无照经营游商',
+          upNum: 5522,
+          precent: 13.5
+        },
+        {
+          eorc: '事件',
+          caseTypeName: '街面秩序',
+          caseTypeDetailName: '非机动车乱停放',
+          upNum: 4313,
+          precent: 10.5
+        }
+      ]
+    }
+  },
+  mounted() {
+
+  },
+  methods: {
+    clearDate() {
+      this.query.beginDate = ''
+      this.query.endDate = ''
+    },
+    handleClick(tab, event) {
+      this.activeName = tab.name
+      if (tab.name === 'chart') {
+        setTimeout(() => {
+          tab.$children[0].chart.resize()
+        }, 50)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>
diff --git a/src/views/otherComment/highFreq/highFreqChart.vue b/src/views/otherComment/highFreq/highFreqChart.vue
new file mode 100644
index 0000000..6d81057
--- /dev/null
+++ b/src/views/otherComment/highFreq/highFreqChart.vue
@@ -0,0 +1,68 @@
+<template>
+  <div class="chart-container">
+    <div ref="chart" class="chart-body" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+export default {
+  name: 'HighFreqChart',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  computed: {
+    pieData() {
+      const tmp = []
+      this.list.forEach(item => {
+        const obj = {}
+        obj.name = item.caseTypeName + '/' + item.caseTypeDetailName
+        obj.value = item.upNum
+        tmp.push(obj)
+      })
+      return tmp
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        tooltip: {
+          show: true
+        },
+        series: [{
+          name: '高发问题',
+          type: 'pie',
+          data: this.pieData,
+          label: {
+            formatter: '{b} : {d}%'
+          },
+          tooltip: {
+            formatter: '{b}<br/>立案数: {d}%'
+          }
+        }]
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.chart-container{
+  text-align: center;
+}
+.chart-body{
+  height: 60vh;
+  width: 80%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/otherComment/highFreq/highFreqList.vue b/src/views/otherComment/highFreq/highFreqList.vue
new file mode 100644
index 0000000..aff3418
--- /dev/null
+++ b/src/views/otherComment/highFreq/highFreqList.vue
@@ -0,0 +1,52 @@
+<template>
+  <div class="table-container">
+    <el-row class="table-title">
+      <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
+    </el-row>
+    <el-table ref="table" :data="list" class="table" border>
+      <el-table-column align="center" label="排序" type="index" width="80"/>
+      <el-table-column align="center" label="事件/部件" prop="eorc"/>
+      <el-table-column align="center" label="大类/小类">
+        <template slot-scope="scope">
+          <span>{{ scope.row.caseTypeName + '/' + scope.row.caseTypeDetailName }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="上报数" prop="upNum"/>
+    </el-table>
+  </div>
+
+</template>
+
+<script>
+export default {
+  name: 'HighFreqList',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $tableTitleHeight:46px;
+  .table{
+    margin-bottom: 20px;
+  }
+  .table-title{
+    background-color:rgba(243, 243, 243, 1);
+    height: $tableTitleHeight;
+    .title-header{
+      line-height:$tableTitleHeight;
+      color: #606266;
+      font-size: 15px;
+      i{
+        margin-left: 5px;
+        margin-right: 5px;
+      }
+    }
+  }
+</style>
diff --git a/src/views/otherComment/sourceStatis/sourceStatis.vue b/src/views/otherComment/sourceStatis/sourceStatis.vue
new file mode 100644
index 0000000..7b4e346
--- /dev/null
+++ b/src/views/otherComment/sourceStatis/sourceStatis.vue
@@ -0,0 +1,97 @@
+<template>
+  <div class="app-container">
+    <el-row>
+      <el-form :model="query" :inline="true" label-width="auto">
+        <el-form-item label="开始日期">
+          <el-date-picker
+            v-model="query.beginDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择开始日期"/>
+        </el-form-item>
+        <el-form-item label="结束日期">
+          <el-date-picker
+            v-model="query.endDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择结束日期"/>
+        </el-form-item>
+        <el-button type="primary" icon="el-icon-edit">统计</el-button>
+        <el-button type="primary" icon="el-icon-refresh-right" @click="clearDate">清空</el-button>
+        <el-button type="primary" icon="el-icon-document">报表</el-button>
+      </el-form>
+    </el-row>
+    <el-row>
+      <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+        <el-tab-pane name="list">
+          <span slot="label"><i class="el-icon-s-fold"/> 列表模式</span>
+          <source-statis-list :list="list"/>
+        </el-tab-pane>
+        <el-tab-pane name="chart">
+          <span slot="label"><i class="el-icon-s-data"/> 图表模式</span>
+          <source-statis-chart :list="list"/>
+        </el-tab-pane>
+      </el-tabs>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import SourceStatisList from './sourceStatisList'
+import SourceStatisChart from './sourceStatisChart'
+
+export default {
+  name: 'SourceStatis',
+  components: { SourceStatisList, SourceStatisChart },
+  data() {
+    return {
+      activeName: 'list', // 默认tab
+      dialogVisible: false,
+      query: {
+        beginDate: '',
+        endDate: ''
+      },
+      list: [
+        {
+          sourceName: '渣土车辆管理',
+          upNum: 516,
+          eventNum: 516,
+          partNum: 0
+        },
+        {
+          sourceName: '终端-普通上报',
+          upNum: 44302,
+          eventNum: 41270,
+          partNum: 3032
+        },
+        {
+          sourceName: '视频监控',
+          upNum: 22267,
+          eventNum: 22267,
+          partNum: 0
+        }
+      ]
+    }
+  },
+  mounted() {
+
+  },
+  methods: {
+    clearDate() {
+      this.query.beginDate = ''
+      this.query.endDate = ''
+    },
+    handleClick(tab, event) {
+      this.activeName = tab.name
+      if (tab.name === 'chart') {
+        setTimeout(() => {
+          tab.$children[0].chart.resize()
+        }, 50)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>

diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
index c3c10ac..9587edc 100644
--- a/src/router/modules/comment.js
+++ b/src/router/modules/comment.js
@@ -31,5 +31,31 @@
         meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
       }
     ]
+  },
+  {
+    path: '/otherComment',
+    component: Layout,
+    redirect: '/highFreq',
+    name: 'OtherComment',
+    alwaysShow: true,
+    meta: {
+      title: '其他评价',
+      permission: ['/otherComment'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/highFreq',
+        component: () => import('@/views/otherComment/highFreq/highFreq'),
+        name: 'HighFreq',
+        meta: { title: '高发问题', icon: '', belongSys: '', permission: '/highFreq' }
+      },
+      {
+        path: '/sourceStatis',
+        component: () => import('@/views/otherComment/sourceStatis/sourceStatis'),
+        name: 'SourceStatis',
+        meta: { title: '来源统计', icon: '', belongSys: '', permission: '/sourceStatis' }
+      }
+    ]
   }
 ]
diff --git a/src/views/deptAccess/accessRule.vue b/src/views/deptAccess/accessRule.vue
new file mode 100644
index 0000000..699b1c7
--- /dev/null
+++ b/src/views/deptAccess/accessRule.vue
@@ -0,0 +1,95 @@
+<template>
+  <div class="table-container">
+    <el-row class="second-title">规则说明</el-row>
+    <div>
+      <el-row class="content">处置单位得分 = 100 - 超时分 - 返工分 - 超时未处理分 + 工作量调节</el-row>
+      <el-row class="content">超时分数 = 时限内所有超时案卷数/时限内应处置案卷数 *100 * 超时因子</el-row>
+      <el-row class="content">返工分数 = 时限内所有返工案卷数/时限内应处置案卷数 * 100 * 返工因子</el-row>
+      <el-row class="content">超时未处置分数 = 时限内所有超时未处置案卷数/时限内应处置案卷数 * 100 * 超时未处置因子</el-row>
+      <el-row class="content">工作量调节 = 该单位接收派遣数 / 系统总派遣数 * 100 * 调节因子</el-row>
+    </div>
+    <el-row style="padding:20px"/>
+    <el-row class="second-title">考核因子</el-row>
+    <div>
+      <el-row>
+        <el-col :span="6" class="cell">工作量调节因子</el-col>
+        <el-col :span="6" class="cell">超时因子</el-col>
+        <el-col :span="6" class="cell">返工因子</el-col>
+        <el-col :span="6" class="cell">超时未处置因子</el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6" class="cell">派遣数/系统总派遣数</el-col>
+        <el-col :span="6" class="cell">超时处置和超时未处置</el-col>
+        <el-col :span="6" class="cell">返工数量</el-col>
+        <el-col :span="6" class="cell">超时未处置</el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6" class="cell">
+          <el-input v-model="workNum" size="small" style="width:25%"/>
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+        <el-col :span="6" class="cell">
+          <el-input v-model="overNum" size="small" style="width:25%"/>
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+        <el-col :span="6" class="cell">
+          <el-input v-model="returnNum" size="small" style="width:25%"/>%
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+        <el-col :span="6" class="cell">
+          <el-input v-model="overUndoNum" size="small" style="width:25%"/>%
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AccessRule',
+  data() {
+    return {
+      workNum: 10,
+      overNum: 30,
+      returnNum: 20,
+      overUndoNum: 50
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.second-title{
+  border: 1px solid #eee;
+  background-color: #eee;
+  border-top: 0;
+  font-size: 1.5em;
+  padding: 10px;
+  text-align: center;
+}
+.content{
+  border: 1px solid #eee;
+  border-top: 0;
+  font-size: 1.2em;
+  padding: 5px;
+  text-align: center;
+}
+.cell{
+  border: 1px solid #eee;
+  font-size: 1.2em;
+  border-top: 0;
+  padding: 5px;
+  text-align: center;
+  position: relative;
+}
+.submit-button{
+  position: absolute;
+  top: 0;
+  left: 175px;
+}
+ /deep/ input.el-input__inner {
+  color: red;
+  font-size: 1.2em;
+}
+</style>
diff --git a/src/views/deptAccess/deptAccess.vue b/src/views/deptAccess/deptAccess.vue
index 94cd5c5..9e37773 100644
--- a/src/views/deptAccess/deptAccess.vue
+++ b/src/views/deptAccess/deptAccess.vue
@@ -32,21 +32,32 @@
           <dept-access-chart :list="list"/>
         </el-tab-pane>
       </el-tabs>
-      <el-button type="text" class="rule-button">考核规则</el-button>
+      <el-button type="text" class="rule-button" @click="dialogVisible = true">考核规则</el-button>
     </el-row>
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :append-to-body="true"
+      :close-on-click-modal="false"
+      title="考核规则"
+      width="70%"
+    >
+      <access-rule/>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import DeptAccessList from './deptAccessList'
 import DeptAccessChart from './deptAccessChart'
+import AccessRule from './accessRule'
 
 export default {
   name: 'DeptAccess',
-  components: { DeptAccessList, DeptAccessChart },
+  components: { DeptAccessList, DeptAccessChart, AccessRule },
   data() {
     return {
       activeName: 'list', // 默认tab
+      dialogVisible: false,
       query: {
         beginDate: '',
         endDate: ''
@@ -55,12 +66,20 @@
         {
           deptName: '城管监察二大队',
           lastCarryOver: 2,
-          shouldProcess: 166
+          shouldProcess: 166,
+          totalShouldProcess: 168,
+          process: 166,
+          returnJob: 1,
+          sumary: 100.03
         },
         {
           deptName: '渣土站',
           lastCarryOver: 0,
-          shouldProcess: 21
+          shouldProcess: 21,
+          totalShouldProcess: 21,
+          process: 21,
+          returnJob: 1,
+          sumary: 99.39
         }
       ]
     }
@@ -75,9 +94,11 @@
     },
     handleClick(tab, event) {
       this.activeName = tab.name
-      // setTimeout(() => {
-      //   tab.$children[0].chart.resize()
-      // }, 100)
+      if (tab.name === 'chart') {
+        setTimeout(() => {
+          tab.$children[0].chart.resize()
+        }, 50)
+      }
     }
   }
 }
diff --git a/src/views/deptAccess/deptAccessChart.vue b/src/views/deptAccess/deptAccessChart.vue
index f2e54c6..5098f15 100644
--- a/src/views/deptAccess/deptAccessChart.vue
+++ b/src/views/deptAccess/deptAccessChart.vue
@@ -1,10 +1,15 @@
 <template>
   <div class="chart-container">
-    图表模式
+    <el-radio-group v-model="radio" class="radio-group" @change="initChart">
+      <el-radio v-for="radio in radioList" :key="radio.value" :label="radio.value">{{ radio.text }}</el-radio>
+    </el-radio-group>
+    <div ref="chart" class="chart-body" />
   </div>
 </template>
 
 <script>
+import _ from 'lodash'
+import echarts from 'echarts'
 export default {
   name: 'DeptAccessChart',
   props: {
@@ -14,6 +19,115 @@
         return []
       }
     }
+  },
+  data() {
+    return {
+      radio: 'sumary',
+      radioList: [
+        {
+          text: '应处置数',
+          value: 'totalShouldProcess'
+        },
+        {
+          text: '处置数',
+          value: 'process'
+        },
+        {
+          text: '返工数',
+          value: 'returnJob'
+        },
+        {
+          text: '综合指标',
+          value: 'sumary'
+        }
+      ],
+      chart: null,
+      x: [],
+      y: []
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      console.log('init chart')
+      // 取x,y
+      this.x = []
+      this.y = []
+      this.list.forEach(item => {
+        this.x.push(item.deptName)
+        switch (this.radio) {
+          case 'totalShouldProcess': {
+            this.y.push(item.totalShouldProcess)
+            break
+          }
+          case 'process': {
+            this.y.push(item.process)
+            break
+          }
+          case 'returnJob': {
+            this.y.push(item.returnJob)
+            break
+          }
+          case 'sumary': {
+            this.y.push(item.sumary)
+            break
+          }
+          default: break
+        }
+      })
+      // tooltip
+      const tooltip = _.find(this.radioList, ['value', this.radio]).text
+
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        tooltip: {
+          show: true,
+          trigger: 'item',
+          formatter: (params) => tooltip + '<br/><span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:' +
+                                  params.color + '"></span>' + params.name + ':' + params.data
+        },
+        color: '#2a7bc4',
+        xAxis: {
+          data: this.x,
+          axisLabel: {
+            fontSize: 14
+          }
+        },
+        yAxis: {
+          axisLabel: {
+            fontSize: 14
+          },
+          minInterval: 1
+        },
+        series: [{
+          name: '职能单位评价',
+          type: 'bar',
+          data: this.y,
+          barWidth: '40%',
+          barMaxWidth: '100',
+          tooltip: {
+            position: 'right'
+          }
+        }]
+      })
+    }
   }
 }
 </script>
+
+<style scoped>
+.chart-container{
+  text-align: center;
+}
+.radio-group{
+  margin-top: 20px;
+}
+.chart-body{
+  height: 50vh;
+  width: 80%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/deptAccess/deptAccessList.vue b/src/views/deptAccess/deptAccessList.vue
index f413be9..ebddd79 100644
--- a/src/views/deptAccess/deptAccessList.vue
+++ b/src/views/deptAccess/deptAccessList.vue
@@ -1,13 +1,18 @@
 <template>
-  <el-table ref="table" :data="list" class="table" border>
-    <el-table-column align="center" type="index" />
-    <el-table-column v-for="column in tableColumns" :key="column.value" :label="column.text">
-      <template slot-scope="scope">
-        <span v-if="column.type!='button'">{{ scope.row[column.value] }}</span>
-        <el-button v-if="column.type=='button'" type="text" @click="showCaseList(scope.row,column.value)">{{ scope.row[column.value] }}</el-button>
-      </template>
-    </el-table-column>
-  </el-table>
+  <div class="table-container">
+    <el-row class="table-title">
+      <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
+    </el-row>
+    <el-table ref="table" :data="list" class="table" border>
+      <el-table-column align="center" type="index" />
+      <el-table-column v-for="column in tableColumns" :key="column.value" :label="column.text" align="center">
+        <template slot-scope="scope">
+          <span v-if="column.type!='button'">{{ scope.row[column.value] }}</span>
+          <el-button v-if="column.type=='button'" type="text" @click="showCaseList(scope.row,column.value)">{{ scope.row[column.value] }}</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
 </template>
 
 <script>
@@ -49,3 +54,23 @@
   }
 }
 </script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $tableTitleHeight:46px;
+  .table{
+    margin-bottom: 20px;
+  }
+  .table-title{
+    background-color:rgba(243, 243, 243, 1);
+    height: $tableTitleHeight;
+    .title-header{
+      line-height:$tableTitleHeight;
+      color: #606266;
+      font-size: 15px;
+      i{
+        margin-left: 5px;
+        margin-right: 5px;
+      }
+    }
+  }
+</style>
diff --git a/src/views/otherComment/highFreq/highFreq.vue b/src/views/otherComment/highFreq/highFreq.vue
new file mode 100644
index 0000000..a79bf77
--- /dev/null
+++ b/src/views/otherComment/highFreq/highFreq.vue
@@ -0,0 +1,100 @@
+<template>
+  <div class="app-container">
+    <el-row>
+      <el-form :model="query" :inline="true" label-width="auto">
+        <el-form-item label="开始日期">
+          <el-date-picker
+            v-model="query.beginDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择开始日期"/>
+        </el-form-item>
+        <el-form-item label="结束日期">
+          <el-date-picker
+            v-model="query.endDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择结束日期"/>
+        </el-form-item>
+        <el-button type="primary" icon="el-icon-edit">统计</el-button>
+        <el-button type="primary" icon="el-icon-refresh-right" @click="clearDate">清空</el-button>
+        <el-button type="primary" icon="el-icon-document">报表</el-button>
+      </el-form>
+    </el-row>
+    <el-row>
+      <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+        <el-tab-pane name="list">
+          <span slot="label"><i class="el-icon-s-fold"/> 列表模式</span>
+          <high-freq-list :list="list"/>
+        </el-tab-pane>
+        <el-tab-pane name="chart">
+          <span slot="label"><i class="el-icon-s-data"/> 图表模式</span>
+          <high-freq-chart :list="list"/>
+        </el-tab-pane>
+      </el-tabs>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import HighFreqList from './highFreqList'
+import HighFreqChart from './highFreqChart'
+
+export default {
+  name: 'HighFreq',
+  components: { HighFreqList, HighFreqChart },
+  data() {
+    return {
+      activeName: 'list', // 默认tab
+      dialogVisible: false,
+      query: {
+        beginDate: '',
+        endDate: ''
+      },
+      list: [
+        {
+          eorc: '事件',
+          caseTypeName: '市容环境',
+          caseTypeDetailName: '乱堆物堆料',
+          upNum: 21917,
+          precent: 53.6
+        },
+        {
+          eorc: '事件',
+          caseTypeName: '街面秩序',
+          caseTypeDetailName: '无照经营游商',
+          upNum: 5522,
+          precent: 13.5
+        },
+        {
+          eorc: '事件',
+          caseTypeName: '街面秩序',
+          caseTypeDetailName: '非机动车乱停放',
+          upNum: 4313,
+          precent: 10.5
+        }
+      ]
+    }
+  },
+  mounted() {
+
+  },
+  methods: {
+    clearDate() {
+      this.query.beginDate = ''
+      this.query.endDate = ''
+    },
+    handleClick(tab, event) {
+      this.activeName = tab.name
+      if (tab.name === 'chart') {
+        setTimeout(() => {
+          tab.$children[0].chart.resize()
+        }, 50)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>
diff --git a/src/views/otherComment/highFreq/highFreqChart.vue b/src/views/otherComment/highFreq/highFreqChart.vue
new file mode 100644
index 0000000..6d81057
--- /dev/null
+++ b/src/views/otherComment/highFreq/highFreqChart.vue
@@ -0,0 +1,68 @@
+<template>
+  <div class="chart-container">
+    <div ref="chart" class="chart-body" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+export default {
+  name: 'HighFreqChart',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  computed: {
+    pieData() {
+      const tmp = []
+      this.list.forEach(item => {
+        const obj = {}
+        obj.name = item.caseTypeName + '/' + item.caseTypeDetailName
+        obj.value = item.upNum
+        tmp.push(obj)
+      })
+      return tmp
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        tooltip: {
+          show: true
+        },
+        series: [{
+          name: '高发问题',
+          type: 'pie',
+          data: this.pieData,
+          label: {
+            formatter: '{b} : {d}%'
+          },
+          tooltip: {
+            formatter: '{b}<br/>立案数: {d}%'
+          }
+        }]
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.chart-container{
+  text-align: center;
+}
+.chart-body{
+  height: 60vh;
+  width: 80%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/otherComment/highFreq/highFreqList.vue b/src/views/otherComment/highFreq/highFreqList.vue
new file mode 100644
index 0000000..aff3418
--- /dev/null
+++ b/src/views/otherComment/highFreq/highFreqList.vue
@@ -0,0 +1,52 @@
+<template>
+  <div class="table-container">
+    <el-row class="table-title">
+      <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
+    </el-row>
+    <el-table ref="table" :data="list" class="table" border>
+      <el-table-column align="center" label="排序" type="index" width="80"/>
+      <el-table-column align="center" label="事件/部件" prop="eorc"/>
+      <el-table-column align="center" label="大类/小类">
+        <template slot-scope="scope">
+          <span>{{ scope.row.caseTypeName + '/' + scope.row.caseTypeDetailName }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="上报数" prop="upNum"/>
+    </el-table>
+  </div>
+
+</template>
+
+<script>
+export default {
+  name: 'HighFreqList',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $tableTitleHeight:46px;
+  .table{
+    margin-bottom: 20px;
+  }
+  .table-title{
+    background-color:rgba(243, 243, 243, 1);
+    height: $tableTitleHeight;
+    .title-header{
+      line-height:$tableTitleHeight;
+      color: #606266;
+      font-size: 15px;
+      i{
+        margin-left: 5px;
+        margin-right: 5px;
+      }
+    }
+  }
+</style>
diff --git a/src/views/otherComment/sourceStatis/sourceStatis.vue b/src/views/otherComment/sourceStatis/sourceStatis.vue
new file mode 100644
index 0000000..7b4e346
--- /dev/null
+++ b/src/views/otherComment/sourceStatis/sourceStatis.vue
@@ -0,0 +1,97 @@
+<template>
+  <div class="app-container">
+    <el-row>
+      <el-form :model="query" :inline="true" label-width="auto">
+        <el-form-item label="开始日期">
+          <el-date-picker
+            v-model="query.beginDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择开始日期"/>
+        </el-form-item>
+        <el-form-item label="结束日期">
+          <el-date-picker
+            v-model="query.endDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择结束日期"/>
+        </el-form-item>
+        <el-button type="primary" icon="el-icon-edit">统计</el-button>
+        <el-button type="primary" icon="el-icon-refresh-right" @click="clearDate">清空</el-button>
+        <el-button type="primary" icon="el-icon-document">报表</el-button>
+      </el-form>
+    </el-row>
+    <el-row>
+      <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+        <el-tab-pane name="list">
+          <span slot="label"><i class="el-icon-s-fold"/> 列表模式</span>
+          <source-statis-list :list="list"/>
+        </el-tab-pane>
+        <el-tab-pane name="chart">
+          <span slot="label"><i class="el-icon-s-data"/> 图表模式</span>
+          <source-statis-chart :list="list"/>
+        </el-tab-pane>
+      </el-tabs>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import SourceStatisList from './sourceStatisList'
+import SourceStatisChart from './sourceStatisChart'
+
+export default {
+  name: 'SourceStatis',
+  components: { SourceStatisList, SourceStatisChart },
+  data() {
+    return {
+      activeName: 'list', // 默认tab
+      dialogVisible: false,
+      query: {
+        beginDate: '',
+        endDate: ''
+      },
+      list: [
+        {
+          sourceName: '渣土车辆管理',
+          upNum: 516,
+          eventNum: 516,
+          partNum: 0
+        },
+        {
+          sourceName: '终端-普通上报',
+          upNum: 44302,
+          eventNum: 41270,
+          partNum: 3032
+        },
+        {
+          sourceName: '视频监控',
+          upNum: 22267,
+          eventNum: 22267,
+          partNum: 0
+        }
+      ]
+    }
+  },
+  mounted() {
+
+  },
+  methods: {
+    clearDate() {
+      this.query.beginDate = ''
+      this.query.endDate = ''
+    },
+    handleClick(tab, event) {
+      this.activeName = tab.name
+      if (tab.name === 'chart') {
+        setTimeout(() => {
+          tab.$children[0].chart.resize()
+        }, 50)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>
diff --git a/src/views/otherComment/sourceStatis/sourceStatisChart.vue b/src/views/otherComment/sourceStatis/sourceStatisChart.vue
new file mode 100644
index 0000000..db0567b
--- /dev/null
+++ b/src/views/otherComment/sourceStatis/sourceStatisChart.vue
@@ -0,0 +1,68 @@
+<template>
+  <div class="chart-container">
+    <div ref="chart" class="chart-body" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+export default {
+  name: 'SourceStatisChart',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  computed: {
+    pieData() {
+      const tmp = []
+      this.list.forEach(item => {
+        const obj = {}
+        obj.name = item.sourceName
+        obj.value = item.upNum
+        tmp.push(obj)
+      })
+      return tmp
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        tooltip: {
+          show: true
+        },
+        series: [{
+          name: '问题来源',
+          type: 'pie',
+          data: this.pieData,
+          label: {
+            formatter: '{b} : {d}%'
+          },
+          tooltip: {
+            formatter: '{b}<br/>上报数: {d}%'
+          }
+        }]
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.chart-container{
+  text-align: center;
+}
+.chart-body{
+  height: 60vh;
+  width: 80%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>

diff --git a/src/router/modules/comment.js b/src/router/modules/comment.js
index c3c10ac..9587edc 100644
--- a/src/router/modules/comment.js
+++ b/src/router/modules/comment.js
@@ -31,5 +31,31 @@
         meta: { title: '职能单位评价', icon: '', belongSys: '', permission: '/accessFuncDept' }
       }
     ]
+  },
+  {
+    path: '/otherComment',
+    component: Layout,
+    redirect: '/highFreq',
+    name: 'OtherComment',
+    alwaysShow: true,
+    meta: {
+      title: '其他评价',
+      permission: ['/otherComment'],
+      sys: '/comment'
+    },
+    children: [
+      {
+        path: '/highFreq',
+        component: () => import('@/views/otherComment/highFreq/highFreq'),
+        name: 'HighFreq',
+        meta: { title: '高发问题', icon: '', belongSys: '', permission: '/highFreq' }
+      },
+      {
+        path: '/sourceStatis',
+        component: () => import('@/views/otherComment/sourceStatis/sourceStatis'),
+        name: 'SourceStatis',
+        meta: { title: '来源统计', icon: '', belongSys: '', permission: '/sourceStatis' }
+      }
+    ]
   }
 ]
diff --git a/src/views/deptAccess/accessRule.vue b/src/views/deptAccess/accessRule.vue
new file mode 100644
index 0000000..699b1c7
--- /dev/null
+++ b/src/views/deptAccess/accessRule.vue
@@ -0,0 +1,95 @@
+<template>
+  <div class="table-container">
+    <el-row class="second-title">规则说明</el-row>
+    <div>
+      <el-row class="content">处置单位得分 = 100 - 超时分 - 返工分 - 超时未处理分 + 工作量调节</el-row>
+      <el-row class="content">超时分数 = 时限内所有超时案卷数/时限内应处置案卷数 *100 * 超时因子</el-row>
+      <el-row class="content">返工分数 = 时限内所有返工案卷数/时限内应处置案卷数 * 100 * 返工因子</el-row>
+      <el-row class="content">超时未处置分数 = 时限内所有超时未处置案卷数/时限内应处置案卷数 * 100 * 超时未处置因子</el-row>
+      <el-row class="content">工作量调节 = 该单位接收派遣数 / 系统总派遣数 * 100 * 调节因子</el-row>
+    </div>
+    <el-row style="padding:20px"/>
+    <el-row class="second-title">考核因子</el-row>
+    <div>
+      <el-row>
+        <el-col :span="6" class="cell">工作量调节因子</el-col>
+        <el-col :span="6" class="cell">超时因子</el-col>
+        <el-col :span="6" class="cell">返工因子</el-col>
+        <el-col :span="6" class="cell">超时未处置因子</el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6" class="cell">派遣数/系统总派遣数</el-col>
+        <el-col :span="6" class="cell">超时处置和超时未处置</el-col>
+        <el-col :span="6" class="cell">返工数量</el-col>
+        <el-col :span="6" class="cell">超时未处置</el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="6" class="cell">
+          <el-input v-model="workNum" size="small" style="width:25%"/>
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+        <el-col :span="6" class="cell">
+          <el-input v-model="overNum" size="small" style="width:25%"/>
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+        <el-col :span="6" class="cell">
+          <el-input v-model="returnNum" size="small" style="width:25%"/>%
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+        <el-col :span="6" class="cell">
+          <el-input v-model="overUndoNum" size="small" style="width:25%"/>%
+          <el-button type="text" class="submit-button">修改</el-button>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AccessRule',
+  data() {
+    return {
+      workNum: 10,
+      overNum: 30,
+      returnNum: 20,
+      overUndoNum: 50
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.second-title{
+  border: 1px solid #eee;
+  background-color: #eee;
+  border-top: 0;
+  font-size: 1.5em;
+  padding: 10px;
+  text-align: center;
+}
+.content{
+  border: 1px solid #eee;
+  border-top: 0;
+  font-size: 1.2em;
+  padding: 5px;
+  text-align: center;
+}
+.cell{
+  border: 1px solid #eee;
+  font-size: 1.2em;
+  border-top: 0;
+  padding: 5px;
+  text-align: center;
+  position: relative;
+}
+.submit-button{
+  position: absolute;
+  top: 0;
+  left: 175px;
+}
+ /deep/ input.el-input__inner {
+  color: red;
+  font-size: 1.2em;
+}
+</style>
diff --git a/src/views/deptAccess/deptAccess.vue b/src/views/deptAccess/deptAccess.vue
index 94cd5c5..9e37773 100644
--- a/src/views/deptAccess/deptAccess.vue
+++ b/src/views/deptAccess/deptAccess.vue
@@ -32,21 +32,32 @@
           <dept-access-chart :list="list"/>
         </el-tab-pane>
       </el-tabs>
-      <el-button type="text" class="rule-button">考核规则</el-button>
+      <el-button type="text" class="rule-button" @click="dialogVisible = true">考核规则</el-button>
     </el-row>
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :append-to-body="true"
+      :close-on-click-modal="false"
+      title="考核规则"
+      width="70%"
+    >
+      <access-rule/>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import DeptAccessList from './deptAccessList'
 import DeptAccessChart from './deptAccessChart'
+import AccessRule from './accessRule'
 
 export default {
   name: 'DeptAccess',
-  components: { DeptAccessList, DeptAccessChart },
+  components: { DeptAccessList, DeptAccessChart, AccessRule },
   data() {
     return {
       activeName: 'list', // 默认tab
+      dialogVisible: false,
       query: {
         beginDate: '',
         endDate: ''
@@ -55,12 +66,20 @@
         {
           deptName: '城管监察二大队',
           lastCarryOver: 2,
-          shouldProcess: 166
+          shouldProcess: 166,
+          totalShouldProcess: 168,
+          process: 166,
+          returnJob: 1,
+          sumary: 100.03
         },
         {
           deptName: '渣土站',
           lastCarryOver: 0,
-          shouldProcess: 21
+          shouldProcess: 21,
+          totalShouldProcess: 21,
+          process: 21,
+          returnJob: 1,
+          sumary: 99.39
         }
       ]
     }
@@ -75,9 +94,11 @@
     },
     handleClick(tab, event) {
       this.activeName = tab.name
-      // setTimeout(() => {
-      //   tab.$children[0].chart.resize()
-      // }, 100)
+      if (tab.name === 'chart') {
+        setTimeout(() => {
+          tab.$children[0].chart.resize()
+        }, 50)
+      }
     }
   }
 }
diff --git a/src/views/deptAccess/deptAccessChart.vue b/src/views/deptAccess/deptAccessChart.vue
index f2e54c6..5098f15 100644
--- a/src/views/deptAccess/deptAccessChart.vue
+++ b/src/views/deptAccess/deptAccessChart.vue
@@ -1,10 +1,15 @@
 <template>
   <div class="chart-container">
-    图表模式
+    <el-radio-group v-model="radio" class="radio-group" @change="initChart">
+      <el-radio v-for="radio in radioList" :key="radio.value" :label="radio.value">{{ radio.text }}</el-radio>
+    </el-radio-group>
+    <div ref="chart" class="chart-body" />
   </div>
 </template>
 
 <script>
+import _ from 'lodash'
+import echarts from 'echarts'
 export default {
   name: 'DeptAccessChart',
   props: {
@@ -14,6 +19,115 @@
         return []
       }
     }
+  },
+  data() {
+    return {
+      radio: 'sumary',
+      radioList: [
+        {
+          text: '应处置数',
+          value: 'totalShouldProcess'
+        },
+        {
+          text: '处置数',
+          value: 'process'
+        },
+        {
+          text: '返工数',
+          value: 'returnJob'
+        },
+        {
+          text: '综合指标',
+          value: 'sumary'
+        }
+      ],
+      chart: null,
+      x: [],
+      y: []
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      console.log('init chart')
+      // 取x,y
+      this.x = []
+      this.y = []
+      this.list.forEach(item => {
+        this.x.push(item.deptName)
+        switch (this.radio) {
+          case 'totalShouldProcess': {
+            this.y.push(item.totalShouldProcess)
+            break
+          }
+          case 'process': {
+            this.y.push(item.process)
+            break
+          }
+          case 'returnJob': {
+            this.y.push(item.returnJob)
+            break
+          }
+          case 'sumary': {
+            this.y.push(item.sumary)
+            break
+          }
+          default: break
+        }
+      })
+      // tooltip
+      const tooltip = _.find(this.radioList, ['value', this.radio]).text
+
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        tooltip: {
+          show: true,
+          trigger: 'item',
+          formatter: (params) => tooltip + '<br/><span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:' +
+                                  params.color + '"></span>' + params.name + ':' + params.data
+        },
+        color: '#2a7bc4',
+        xAxis: {
+          data: this.x,
+          axisLabel: {
+            fontSize: 14
+          }
+        },
+        yAxis: {
+          axisLabel: {
+            fontSize: 14
+          },
+          minInterval: 1
+        },
+        series: [{
+          name: '职能单位评价',
+          type: 'bar',
+          data: this.y,
+          barWidth: '40%',
+          barMaxWidth: '100',
+          tooltip: {
+            position: 'right'
+          }
+        }]
+      })
+    }
   }
 }
 </script>
+
+<style scoped>
+.chart-container{
+  text-align: center;
+}
+.radio-group{
+  margin-top: 20px;
+}
+.chart-body{
+  height: 50vh;
+  width: 80%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/deptAccess/deptAccessList.vue b/src/views/deptAccess/deptAccessList.vue
index f413be9..ebddd79 100644
--- a/src/views/deptAccess/deptAccessList.vue
+++ b/src/views/deptAccess/deptAccessList.vue
@@ -1,13 +1,18 @@
 <template>
-  <el-table ref="table" :data="list" class="table" border>
-    <el-table-column align="center" type="index" />
-    <el-table-column v-for="column in tableColumns" :key="column.value" :label="column.text">
-      <template slot-scope="scope">
-        <span v-if="column.type!='button'">{{ scope.row[column.value] }}</span>
-        <el-button v-if="column.type=='button'" type="text" @click="showCaseList(scope.row,column.value)">{{ scope.row[column.value] }}</el-button>
-      </template>
-    </el-table-column>
-  </el-table>
+  <div class="table-container">
+    <el-row class="table-title">
+      <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
+    </el-row>
+    <el-table ref="table" :data="list" class="table" border>
+      <el-table-column align="center" type="index" />
+      <el-table-column v-for="column in tableColumns" :key="column.value" :label="column.text" align="center">
+        <template slot-scope="scope">
+          <span v-if="column.type!='button'">{{ scope.row[column.value] }}</span>
+          <el-button v-if="column.type=='button'" type="text" @click="showCaseList(scope.row,column.value)">{{ scope.row[column.value] }}</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
 </template>
 
 <script>
@@ -49,3 +54,23 @@
   }
 }
 </script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $tableTitleHeight:46px;
+  .table{
+    margin-bottom: 20px;
+  }
+  .table-title{
+    background-color:rgba(243, 243, 243, 1);
+    height: $tableTitleHeight;
+    .title-header{
+      line-height:$tableTitleHeight;
+      color: #606266;
+      font-size: 15px;
+      i{
+        margin-left: 5px;
+        margin-right: 5px;
+      }
+    }
+  }
+</style>
diff --git a/src/views/otherComment/highFreq/highFreq.vue b/src/views/otherComment/highFreq/highFreq.vue
new file mode 100644
index 0000000..a79bf77
--- /dev/null
+++ b/src/views/otherComment/highFreq/highFreq.vue
@@ -0,0 +1,100 @@
+<template>
+  <div class="app-container">
+    <el-row>
+      <el-form :model="query" :inline="true" label-width="auto">
+        <el-form-item label="开始日期">
+          <el-date-picker
+            v-model="query.beginDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择开始日期"/>
+        </el-form-item>
+        <el-form-item label="结束日期">
+          <el-date-picker
+            v-model="query.endDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择结束日期"/>
+        </el-form-item>
+        <el-button type="primary" icon="el-icon-edit">统计</el-button>
+        <el-button type="primary" icon="el-icon-refresh-right" @click="clearDate">清空</el-button>
+        <el-button type="primary" icon="el-icon-document">报表</el-button>
+      </el-form>
+    </el-row>
+    <el-row>
+      <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+        <el-tab-pane name="list">
+          <span slot="label"><i class="el-icon-s-fold"/> 列表模式</span>
+          <high-freq-list :list="list"/>
+        </el-tab-pane>
+        <el-tab-pane name="chart">
+          <span slot="label"><i class="el-icon-s-data"/> 图表模式</span>
+          <high-freq-chart :list="list"/>
+        </el-tab-pane>
+      </el-tabs>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import HighFreqList from './highFreqList'
+import HighFreqChart from './highFreqChart'
+
+export default {
+  name: 'HighFreq',
+  components: { HighFreqList, HighFreqChart },
+  data() {
+    return {
+      activeName: 'list', // 默认tab
+      dialogVisible: false,
+      query: {
+        beginDate: '',
+        endDate: ''
+      },
+      list: [
+        {
+          eorc: '事件',
+          caseTypeName: '市容环境',
+          caseTypeDetailName: '乱堆物堆料',
+          upNum: 21917,
+          precent: 53.6
+        },
+        {
+          eorc: '事件',
+          caseTypeName: '街面秩序',
+          caseTypeDetailName: '无照经营游商',
+          upNum: 5522,
+          precent: 13.5
+        },
+        {
+          eorc: '事件',
+          caseTypeName: '街面秩序',
+          caseTypeDetailName: '非机动车乱停放',
+          upNum: 4313,
+          precent: 10.5
+        }
+      ]
+    }
+  },
+  mounted() {
+
+  },
+  methods: {
+    clearDate() {
+      this.query.beginDate = ''
+      this.query.endDate = ''
+    },
+    handleClick(tab, event) {
+      this.activeName = tab.name
+      if (tab.name === 'chart') {
+        setTimeout(() => {
+          tab.$children[0].chart.resize()
+        }, 50)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>
diff --git a/src/views/otherComment/highFreq/highFreqChart.vue b/src/views/otherComment/highFreq/highFreqChart.vue
new file mode 100644
index 0000000..6d81057
--- /dev/null
+++ b/src/views/otherComment/highFreq/highFreqChart.vue
@@ -0,0 +1,68 @@
+<template>
+  <div class="chart-container">
+    <div ref="chart" class="chart-body" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+export default {
+  name: 'HighFreqChart',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  computed: {
+    pieData() {
+      const tmp = []
+      this.list.forEach(item => {
+        const obj = {}
+        obj.name = item.caseTypeName + '/' + item.caseTypeDetailName
+        obj.value = item.upNum
+        tmp.push(obj)
+      })
+      return tmp
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        tooltip: {
+          show: true
+        },
+        series: [{
+          name: '高发问题',
+          type: 'pie',
+          data: this.pieData,
+          label: {
+            formatter: '{b} : {d}%'
+          },
+          tooltip: {
+            formatter: '{b}<br/>立案数: {d}%'
+          }
+        }]
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.chart-container{
+  text-align: center;
+}
+.chart-body{
+  height: 60vh;
+  width: 80%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/otherComment/highFreq/highFreqList.vue b/src/views/otherComment/highFreq/highFreqList.vue
new file mode 100644
index 0000000..aff3418
--- /dev/null
+++ b/src/views/otherComment/highFreq/highFreqList.vue
@@ -0,0 +1,52 @@
+<template>
+  <div class="table-container">
+    <el-row class="table-title">
+      <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
+    </el-row>
+    <el-table ref="table" :data="list" class="table" border>
+      <el-table-column align="center" label="排序" type="index" width="80"/>
+      <el-table-column align="center" label="事件/部件" prop="eorc"/>
+      <el-table-column align="center" label="大类/小类">
+        <template slot-scope="scope">
+          <span>{{ scope.row.caseTypeName + '/' + scope.row.caseTypeDetailName }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="上报数" prop="upNum"/>
+    </el-table>
+  </div>
+
+</template>
+
+<script>
+export default {
+  name: 'HighFreqList',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $tableTitleHeight:46px;
+  .table{
+    margin-bottom: 20px;
+  }
+  .table-title{
+    background-color:rgba(243, 243, 243, 1);
+    height: $tableTitleHeight;
+    .title-header{
+      line-height:$tableTitleHeight;
+      color: #606266;
+      font-size: 15px;
+      i{
+        margin-left: 5px;
+        margin-right: 5px;
+      }
+    }
+  }
+</style>
diff --git a/src/views/otherComment/sourceStatis/sourceStatis.vue b/src/views/otherComment/sourceStatis/sourceStatis.vue
new file mode 100644
index 0000000..7b4e346
--- /dev/null
+++ b/src/views/otherComment/sourceStatis/sourceStatis.vue
@@ -0,0 +1,97 @@
+<template>
+  <div class="app-container">
+    <el-row>
+      <el-form :model="query" :inline="true" label-width="auto">
+        <el-form-item label="开始日期">
+          <el-date-picker
+            v-model="query.beginDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择开始日期"/>
+        </el-form-item>
+        <el-form-item label="结束日期">
+          <el-date-picker
+            v-model="query.endDate"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择结束日期"/>
+        </el-form-item>
+        <el-button type="primary" icon="el-icon-edit">统计</el-button>
+        <el-button type="primary" icon="el-icon-refresh-right" @click="clearDate">清空</el-button>
+        <el-button type="primary" icon="el-icon-document">报表</el-button>
+      </el-form>
+    </el-row>
+    <el-row>
+      <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+        <el-tab-pane name="list">
+          <span slot="label"><i class="el-icon-s-fold"/> 列表模式</span>
+          <source-statis-list :list="list"/>
+        </el-tab-pane>
+        <el-tab-pane name="chart">
+          <span slot="label"><i class="el-icon-s-data"/> 图表模式</span>
+          <source-statis-chart :list="list"/>
+        </el-tab-pane>
+      </el-tabs>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import SourceStatisList from './sourceStatisList'
+import SourceStatisChart from './sourceStatisChart'
+
+export default {
+  name: 'SourceStatis',
+  components: { SourceStatisList, SourceStatisChart },
+  data() {
+    return {
+      activeName: 'list', // 默认tab
+      dialogVisible: false,
+      query: {
+        beginDate: '',
+        endDate: ''
+      },
+      list: [
+        {
+          sourceName: '渣土车辆管理',
+          upNum: 516,
+          eventNum: 516,
+          partNum: 0
+        },
+        {
+          sourceName: '终端-普通上报',
+          upNum: 44302,
+          eventNum: 41270,
+          partNum: 3032
+        },
+        {
+          sourceName: '视频监控',
+          upNum: 22267,
+          eventNum: 22267,
+          partNum: 0
+        }
+      ]
+    }
+  },
+  mounted() {
+
+  },
+  methods: {
+    clearDate() {
+      this.query.beginDate = ''
+      this.query.endDate = ''
+    },
+    handleClick(tab, event) {
+      this.activeName = tab.name
+      if (tab.name === 'chart') {
+        setTimeout(() => {
+          tab.$children[0].chart.resize()
+        }, 50)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>
diff --git a/src/views/otherComment/sourceStatis/sourceStatisChart.vue b/src/views/otherComment/sourceStatis/sourceStatisChart.vue
new file mode 100644
index 0000000..db0567b
--- /dev/null
+++ b/src/views/otherComment/sourceStatis/sourceStatisChart.vue
@@ -0,0 +1,68 @@
+<template>
+  <div class="chart-container">
+    <div ref="chart" class="chart-body" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+export default {
+  name: 'SourceStatisChart',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  computed: {
+    pieData() {
+      const tmp = []
+      this.list.forEach(item => {
+        const obj = {}
+        obj.name = item.sourceName
+        obj.value = item.upNum
+        tmp.push(obj)
+      })
+      return tmp
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        tooltip: {
+          show: true
+        },
+        series: [{
+          name: '问题来源',
+          type: 'pie',
+          data: this.pieData,
+          label: {
+            formatter: '{b} : {d}%'
+          },
+          tooltip: {
+            formatter: '{b}<br/>上报数: {d}%'
+          }
+        }]
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.chart-container{
+  text-align: center;
+}
+.chart-body{
+  height: 60vh;
+  width: 80%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/otherComment/sourceStatis/sourceStatisList.vue b/src/views/otherComment/sourceStatis/sourceStatisList.vue
new file mode 100644
index 0000000..d2da372
--- /dev/null
+++ b/src/views/otherComment/sourceStatis/sourceStatisList.vue
@@ -0,0 +1,49 @@
+<template>
+  <div class="table-container">
+    <el-row class="table-title">
+      <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
+    </el-row>
+    <el-table ref="table" :data="list" class="table" border>
+      <el-table-column align="center" label="序号" type="index" width="80"/>
+      <el-table-column align="center" label="问题来源" prop="sourceName"/>
+      <el-table-column align="center" label="上报数" prop="upNum"/>
+      <el-table-column align="center" label="事件数" prop="eventNum"/>
+      <el-table-column align="center" label="部件数" prop="partNum"/>
+    </el-table>
+  </div>
+
+</template>
+
+<script>
+export default {
+  name: 'SourceStatis',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $tableTitleHeight:46px;
+  .table{
+    margin-bottom: 20px;
+  }
+  .table-title{
+    background-color:rgba(243, 243, 243, 1);
+    height: $tableTitleHeight;
+    .title-header{
+      line-height:$tableTitleHeight;
+      color: #606266;
+      font-size: 15px;
+      i{
+        margin-left: 5px;
+        margin-right: 5px;
+      }
+    }
+  }
+</style>