稽核工作分析报表：稽核图表同步数据库、添加稽核完成情况饼图

src/views/smscheck/CheckWorkReport.vue

@@ -3,21 +3,27 @@
     <div>
       <SmsCheckWorkLogList></SmsCheckWorkLogList>
     </div>
-    <div style="padding:24px">
-      <div>
-        <div style="width: 100%;text-align: right;margin-top: 20px">
-          请选择稽核状态：
-          <a-radio-group v-model="indexStyle">
-            <a-radio :value="1">待审核</a-radio>
-            <a-radio :value="2">未通过</a-radio>
-            <a-radio :value="3">通过</a-radio>
-          </a-radio-group>
+
+    <div>
+      <div style="padding:24px">
+        <div>
+          <div style="width: 100%;text-align: right;margin-top: 20px">
+            请选择稽核状态：
+            <a-radio-group v-model="indexStyle">
+              <a-radio :value="1">待审核</a-radio>
+              <a-radio :value="2">未通过</a-radio>
+              <a-radio :value="3">通过</a-radio>
+            </a-radio-group>
+          </div>
+          <sms-check-work-chart-not-approved v-if="indexStyle==1"></sms-check-work-chart-not-approved>
+          <sms-check-work-chart-fail v-if="indexStyle==2"></sms-check-work-chart-fail>
+          <sms-check-work-chart-adopt v-if="indexStyle==3"></sms-check-work-chart-adopt>
         </div>
-        <sms-check-work-chart-not-approved v-if="indexStyle==1"></sms-check-work-chart-not-approved>
-        <sms-check-work-chart-fail v-if="indexStyle==2"></sms-check-work-chart-fail>
-        <sms-check-work-chart-adopt v-if="indexStyle==3"></sms-check-work-chart-adopt>
       </div>
+    </div>
 
+    <div style="padding:24px">
+      <sms-check-work-log-chart-scale></sms-check-work-log-chart-scale>
     </div>
   </div>
 
@@ -28,6 +34,7 @@
  import SmsCheckWorkChartNotApproved from './modules/SmsCheckWorkChartNotApproved'
  import SmsCheckWorkChartFail from './modules/SmsCheckWorkChartFail'
  import SmsCheckWorkChartAdopt from './modules/SmsCheckWorkChartAdopt'
+ import SmsCheckWorkLogChartScale from './modules/SmsCheckWorkLogChartScale'
  export default {
    name: 'CheckWorkReport',
    components: {
@@ -35,6 +42,7 @@
      SmsCheckWorkChartNotApproved,
      SmsCheckWorkChartFail,
      SmsCheckWorkChartAdopt,
+     SmsCheckWorkLogChartScale,
    },
    data() {
      return {

src/views/smscheck/modules/SmsCheckWorkChartAdopt.vue

@@ -1,75 +1,107 @@
 <template>
-  <div>
-
-    <v-chart :force-fit="true" :height="height" :data="data" :scale="scale">
+  <div >
+    <h2 style="text-align: center" v-if="dateTime">{{dateTime}}稽核走势</h2>
+    <h2 style="text-align: center" v-if="!dateTime">暂无相关信息</h2>
+    <v-chart :force-fit="true" :height="height" :data="data" :scale="scale" >
       <v-tooltip />
       <v-axis />
       <v-legend />
-      <v-line position="time*num" color="check" />
-      <v-point position="time*num" color="check" :size="4" :v-style="style" :shape="'circle'" />
+      <v-line position="createTime*num" color="check" />
+      <v-point position="createTime*num" color="check" :size="4" :v-style="style" :shape="'circle'" />
     </v-chart>
   </div>
 </template>
 
 <script>
-const DataSet = require('@antv/data-set');
-
-const sourceData = [
-  { time: '6月1', 基本信息稽核: 6, 规范信息稽核: 6,附加材料稽核:4, materialsCheck:3 },
-  { time: '6月2', 基本信息稽核: 7, 规范信息稽核: 7,附加材料稽核:4, materialsCheck:5 },
-  { time: '6月3', 基本信息稽核: 3, 规范信息稽核: 3,附加材料稽核:3, materialsCheck:2 },
-  { time: '6月4', 基本信息稽核: 4, 规范信息稽核: 4,附加材料稽核:4, materialsCheck:4 },
-  { time: '6月5', 基本信息稽核: 5, 规范信息稽核: 3,附加材料稽核:4, materialsCheck:4 },
-  { time: '6月6', 基本信息稽核: 5, 规范信息稽核: 5,附加材料稽核:4, materialsCheck:4 },
-  { time: '6月7', 基本信息稽核: 9, 规范信息稽核: 7,附加材料稽核:4, materialsCheck:6 },
-  { time: '6月8', 基本信息稽核: 6, 规范信息稽核: 5,附加材料稽核:4, materialsCheck:5 },
-  { time: '6月9', 基本信息稽核: 7, 规范信息稽核: 4,附加材料稽核:4, materialsCheck:5 },
-  { time: '6月10', 基本信息稽核: 9, 规范信息稽核: 9,附加材料稽核:4, materialsCheck:7 },
-  { time: '6月11', 基本信息稽核: 13, 规范信息稽核: 10,附加材料稽核:10, materialsCheck:12 },
-  { time: '6月12', 基本信息稽核: 7, 规范信息稽核: 7,附加材料稽核:4, materialsCheck:2 },
-  { time: '6月13', 基本信息稽核: 9, 规范信息稽核: 9,附加材料稽核:9, materialsCheck:8 },
-  { time: '6月14', 基本信息稽核: 13, 规范信息稽核: 12,附加材料稽核:8, materialsCheck:9 },
-  { time: '6月15', 基本信息稽核: 9, 规范信息稽核: 5,附加材料稽核:4, materialsCheck:6 },
-  { time: '6月16', 基本信息稽核: 13, 规范信息稽核: 8,附加材料稽核:10, materialsCheck:8 },
-  { time: '6月17', 基本信息稽核: 3, 规范信息稽核: 3,附加材料稽核:3, materialsCheck:1 },
-  { time: '6月18', 基本信息稽核: 4, 规范信息稽核: 4,附加材料稽核:4, materialsCheck:4 },
-  { time: '6月19', 基本信息稽核: 3, 规范信息稽核: 3,附加材料稽核:3, materialsCheck:3 },
-  { time: '6月20', 基本信息稽核: 5, 规范信息稽核: 5,附加材料稽核:4, materialsCheck:5 },
-  { time: '6月21', 基本信息稽核: 4, 规范信息稽核: 3,附加材料稽核:4, materialsCheck:4 },
-  { time: '6月22', 基本信息稽核: 6, 规范信息稽核: 5,附加材料稽核:6, materialsCheck:3 },
-  { time: '6月23', 基本信息稽核: 7, 规范信息稽核: 4,附加材料稽核:4, materialsCheck:5 },
-  { time: '6月24', 基本信息稽核: 9, 规范信息稽核: 9,附加材料稽核:4, materialsCheck:4 },
-  { time: '6月25', 基本信息稽核: 13, 规范信息稽核: 13,附加材料稽核:10, materialsCheck:11 },
-  { time: '6月26', 基本信息稽核: 7, 规范信息稽核: 5,附加材料稽核:5, materialsCheck:5 },
-  { time: '6月27', 基本信息稽核: 9, 规范信息稽核: 9,附加材料稽核:4, materialsCheck:5 },
-  { time: '6月28', 基本信息稽核: 13, 规范信息稽核: 11,附加材料稽核:4, materialsCheck:6 },
-  { time: '6月29', 基本信息稽核: 9, 规范信息稽核: 6,附加材料稽核:7, materialsCheck:4 },
-  { time: '6月30', 基本信息稽核: 5, 规范信息稽核: 5,附加材料稽核:3, materialsCheck:2 },
-];
+import { httpAction, getAction } from '@api/manage'
+let DataSet = require('@antv/data-set');
 
-const dv = new DataSet.View().source(sourceData);
-dv.transform({
-  type: 'fold',
-  fields: ['基本信息稽核', '规范信息稽核', '附加材料稽核'],
-  key: 'check',
-  value: 'num',
-});
-const data = dv.rows;
-
-const scale = [{
-  dataKey: 'time',
-  min: 0,
-  max: 1,
-}];
+/*const sourceData = [
+  { createTime: '6月1', basicCheckState: 6, standardCheckState: 6,dataCheckState:4, },
+  { createTime: '6月2', basicCheckState: 7, standardCheckState: 7,dataCheckState:4 },
+  { createTime: '6月3', basicCheckState: 3, standardCheckState: 3,dataCheckState:3 },
+  { createTime: '6月4', basicCheckState: 4, standardCheckState: 4,dataCheckState:4 },
+  { createTime: '6月5', basicCheckState: 5, standardCheckState: 3,dataCheckState:4 },
+  { createTime: '6月6', basicCheckState: 5, standardCheckState: 5,dataCheckState:4 },
+  { createTime: '6月7', basicCheckState: 9, standardCheckState: 7,dataCheckState:4 },
+  { createTime: '6月8', basicCheckState: 6, standardCheckState: 5,dataCheckState:4 },
+  { createTime: '6月9', basicCheckState: 7, standardCheckState: 4,dataCheckState:4 },
+  { createTime: '6月10', basicCheckState: 9, standardCheckState: 9,dataCheckState:4 },
+  { createTime: '6月11', basicCheckState: 13, standardCheckState: 10,dataCheckState:10 },
+  { createTime: '6月12', basicCheckState: 7, standardCheckState: 7,dataCheckState:4 },
+  { createTime: '6月13', basicCheckState: 9, standardCheckState: 9,dataCheckState:9 },
+  { createTime: '6月14', basicCheckState: 13, standardCheckState: 12,dataCheckState:8 },
+  { createTime: '6月15', basicCheckState: 9, standardCheckState: 5,dataCheckState:4 },
+  { createTime: '6月16', basicCheckState: 13, standardCheckState: 8,dataCheckState:10 },
+  { createTime: '6月17', basicCheckState: 3, standardCheckState: 3,dataCheckState:3 },
+  { createTime: '6月18', basicCheckState: 4, standardCheckState: 4,dataCheckState:4 },
+  { createTime: '6月19', basicCheckState: 3, standardCheckState: 3,dataCheckState:3 },
+  { createTime: '6月20', basicCheckState: 5, standardCheckState: 5,dataCheckState:4 },
+  { createTime: '6月21', basicCheckState: 4, standardCheckState: 3,dataCheckState:4 },
+  { createTime: '6月22', basicCheckState: 6, standardCheckState: 5,dataCheckState:6 },
+  { createTime: '6月23', basicCheckState: 7, standardCheckState: 4,dataCheckState:4 },
+  { createTime: '6月24', basicCheckState: 9, standardCheckState: 9,dataCheckState:4 },
+  { createTime: '6月25', basicCheckState: 13, standardCheckState: 13,dataCheckState:10 },
+  { createTime: '6月26', basicCheckState: 7, standardCheckState: 5,dataCheckState:5 },
+  { createTime: '6月27', basicCheckState: 9, standardCheckState: 9,dataCheckState:4 },
+  { createTime: '6月28', basicCheckState: 13, standardCheckState: 11,dataCheckState:4 },
+  { createTime: '6月29', basicCheckState: 9, standardCheckState: 6,dataCheckState:7 },
+  { createTime: '6月30', basicCheckState: 5, standardCheckState: 5,dataCheckState:3 },
+];*/
 
 export default {
+
   data() {
     return {
-      data,
-      scale,
+      queryParam: {},
+      dv:{},
+      data:{},
+      scale:{},
       height: 400,
       style: { stroke: '#fff', lineWidth: 1 },
+      dataSource:[],
+      dateTime:"",
     };
+  },
+  created() {
+    this.sourceData();
+  },
+  methods: {
+    sourceData(){
+      var check=2
+      this.queryParam.basicCheckState=check
+      this.queryParam.standardCheckState=check
+      this.queryParam.dataCheckState=check
+      getAction("/smsCheck/workLog/check/state",this.queryParam).then(resp=>{
+        if (resp.success){
+          var data =  resp.result
+          
+        for (let i = 0; i <data.length; i++) {
+          var year = data[i].createTime.substring(0,4);
+          var month = data[i].createTime.substring(5,7);
+          var day = data[i].createTime.substring(8,10);
+          this.dateTime=year+"年"+month+"月";
+          data[i].createTime=month+"月"+day+"日";
+          }
+
+          this.dv = new DataSet.View().source(data);
+          this.dv.transform({
+            type: 'fold',
+            fields: [ 'basicCheckState', 'standardCheckState','dataCheckState'],
+            key: 'check',
+            value: 'num',
+          });
+          this.data = this.dv.rows;
+          this.scale = [{
+            dataKey: 'createTime',
+            min: 0,
+            max: 1,
+          }];
+
+        }
+      })
+
+    }
   }
 };
 </script>

src/views/smscheck/modules/SmsCheckWorkChartFail.vue

@@ -1,75 +1,107 @@
 <template>
-  <div>
-
-    <v-chart :force-fit="true" :height="height" :data="data" :scale="scale">
+  <div >
+    <h2 style="text-align: center" v-if="dateTime">{{dateTime}}稽核走势</h2>
+    <h2 style="text-align: center" v-if="!dateTime">暂无相关信息</h2>
+    <v-chart :force-fit="true" :height="height" :data="data" :scale="scale" >
       <v-tooltip />
       <v-axis />
       <v-legend />
-      <v-line position="time*num" color="check" />
-      <v-point position="time*num" color="check" :size="4" :v-style="style" :shape="'circle'" />
+      <v-line position="createTime*num" color="check" />
+      <v-point position="createTime*num" color="check" :size="4" :v-style="style" :shape="'circle'" />
     </v-chart>
   </div>
 </template>
 
 <script>
-const DataSet = require('@antv/data-set');
-
-const sourceData = [
-  { time: '6月1', 基本信息稽核: 6, 规范信息稽核: 6,附加材料稽核:4, materialsCheck:3 },
-  { time: '6月2', 基本信息稽核: 7, 规范信息稽核: 7,附加材料稽核:4, materialsCheck:5 },
-  { time: '6月3', 基本信息稽核: 3, 规范信息稽核: 3,附加材料稽核:3, materialsCheck:2 },
-  { time: '6月4', 基本信息稽核: 4, 规范信息稽核: 4,附加材料稽核:4, materialsCheck:4 },
-  { time: '6月5', 基本信息稽核: 5, 规范信息稽核: 3,附加材料稽核:4, materialsCheck:4 },
-  { time: '6月6', 基本信息稽核: 5, 规范信息稽核: 5,附加材料稽核:4, materialsCheck:4 },
-  { time: '6月7', 基本信息稽核: 9, 规范信息稽核: 7,附加材料稽核:4, materialsCheck:6 },
-  { time: '6月8', 基本信息稽核: 6, 规范信息稽核: 5,附加材料稽核:4, materialsCheck:5 },
-  { time: '6月9', 基本信息稽核: 7, 规范信息稽核: 4,附加材料稽核:4, materialsCheck:5 },
-  { time: '6月10', 基本信息稽核: 9, 规范信息稽核: 9,附加材料稽核:4, materialsCheck:7 },
-  { time: '6月11', 基本信息稽核: 13, 规范信息稽核: 10,附加材料稽核:10, materialsCheck:12 },
-  { time: '6月12', 基本信息稽核: 7, 规范信息稽核: 7,附加材料稽核:4, materialsCheck:2 },
-  { time: '6月13', 基本信息稽核: 9, 规范信息稽核: 9,附加材料稽核:9, materialsCheck:8 },
-  { time: '6月14', 基本信息稽核: 13, 规范信息稽核: 12,附加材料稽核:8, materialsCheck:9 },
-  { time: '6月15', 基本信息稽核: 9, 规范信息稽核: 5,附加材料稽核:4, materialsCheck:6 },
-  { time: '6月16', 基本信息稽核: 13, 规范信息稽核: 8,附加材料稽核:10, materialsCheck:8 },
-  { time: '6月17', 基本信息稽核: 3, 规范信息稽核: 3,附加材料稽核:3, materialsCheck:1 },
-  { time: '6月18', 基本信息稽核: 4, 规范信息稽核: 4,附加材料稽核:4, materialsCheck:4 },
-  { time: '6月19', 基本信息稽核: 3, 规范信息稽核: 3,附加材料稽核:3, materialsCheck:3 },
-  { time: '6月20', 基本信息稽核: 5, 规范信息稽核: 5,附加材料稽核:4, materialsCheck:5 },
-  { time: '6月21', 基本信息稽核: 4, 规范信息稽核: 3,附加材料稽核:4, materialsCheck:4 },
-  { time: '6月22', 基本信息稽核: 6, 规范信息稽核: 5,附加材料稽核:6, materialsCheck:3 },
-  { time: '6月23', 基本信息稽核: 7, 规范信息稽核: 4,附加材料稽核:4, materialsCheck:5 },
-  { time: '6月24', 基本信息稽核: 9, 规范信息稽核: 9,附加材料稽核:4, materialsCheck:4 },
-  { time: '6月25', 基本信息稽核: 13, 规范信息稽核: 13,附加材料稽核:10, materialsCheck:11 },
-  { time: '6月26', 基本信息稽核: 7, 规范信息稽核: 5,附加材料稽核:5, materialsCheck:5 },
-  { time: '6月27', 基本信息稽核: 9, 规范信息稽核: 9,附加材料稽核:4, materialsCheck:5 },
-  { time: '6月28', 基本信息稽核: 13, 规范信息稽核: 11,附加材料稽核:4, materialsCheck:6 },
-  { time: '6月29', 基本信息稽核: 9, 规范信息稽核: 6,附加材料稽核:7, materialsCheck:4 },
-  { time: '6月30', 基本信息稽核: 5, 规范信息稽核: 5,附加材料稽核:3, materialsCheck:2 },
-];
+import { httpAction, getAction } from '@api/manage'
+let DataSet = require('@antv/data-set');
 
-const dv = new DataSet.View().source(sourceData);
-dv.transform({
-  type: 'fold',
-  fields: ['基本信息稽核', '规范信息稽核', '附加材料稽核'],
-  key: 'check',
-  value: 'num',
-});
-const data = dv.rows;
-
-const scale = [{
-  dataKey: 'time',
-  min: 0,
-  max: 1,
-}];
+/*const sourceData = [
+  { createTime: '6月1', basicCheckState: 6, standardCheckState: 6,dataCheckState:4, },
+  { createTime: '6月2', basicCheckState: 7, standardCheckState: 7,dataCheckState:4 },
+  { createTime: '6月3', basicCheckState: 3, standardCheckState: 3,dataCheckState:3 },
+  { createTime: '6月4', basicCheckState: 4, standardCheckState: 4,dataCheckState:4 },
+  { createTime: '6月5', basicCheckState: 5, standardCheckState: 3,dataCheckState:4 },
+  { createTime: '6月6', basicCheckState: 5, standardCheckState: 5,dataCheckState:4 },
+  { createTime: '6月7', basicCheckState: 9, standardCheckState: 7,dataCheckState:4 },
+  { createTime: '6月8', basicCheckState: 6, standardCheckState: 5,dataCheckState:4 },
+  { createTime: '6月9', basicCheckState: 7, standardCheckState: 4,dataCheckState:4 },
+  { createTime: '6月10', basicCheckState: 9, standardCheckState: 9,dataCheckState:4 },
+  { createTime: '6月11', basicCheckState: 13, standardCheckState: 10,dataCheckState:10 },
+  { createTime: '6月12', basicCheckState: 7, standardCheckState: 7,dataCheckState:4 },
+  { createTime: '6月13', basicCheckState: 9, standardCheckState: 9,dataCheckState:9 },
+  { createTime: '6月14', basicCheckState: 13, standardCheckState: 12,dataCheckState:8 },
+  { createTime: '6月15', basicCheckState: 9, standardCheckState: 5,dataCheckState:4 },
+  { createTime: '6月16', basicCheckState: 13, standardCheckState: 8,dataCheckState:10 },
+  { createTime: '6月17', basicCheckState: 3, standardCheckState: 3,dataCheckState:3 },
+  { createTime: '6月18', basicCheckState: 4, standardCheckState: 4,dataCheckState:4 },
+  { createTime: '6月19', basicCheckState: 3, standardCheckState: 3,dataCheckState:3 },
+  { createTime: '6月20', basicCheckState: 5, standardCheckState: 5,dataCheckState:4 },
+  { createTime: '6月21', basicCheckState: 4, standardCheckState: 3,dataCheckState:4 },
+  { createTime: '6月22', basicCheckState: 6, standardCheckState: 5,dataCheckState:6 },
+  { createTime: '6月23', basicCheckState: 7, standardCheckState: 4,dataCheckState:4 },
+  { createTime: '6月24', basicCheckState: 9, standardCheckState: 9,dataCheckState:4 },
+  { createTime: '6月25', basicCheckState: 13, standardCheckState: 13,dataCheckState:10 },
+  { createTime: '6月26', basicCheckState: 7, standardCheckState: 5,dataCheckState:5 },
+  { createTime: '6月27', basicCheckState: 9, standardCheckState: 9,dataCheckState:4 },
+  { createTime: '6月28', basicCheckState: 13, standardCheckState: 11,dataCheckState:4 },
+  { createTime: '6月29', basicCheckState: 9, standardCheckState: 6,dataCheckState:7 },
+  { createTime: '6月30', basicCheckState: 5, standardCheckState: 5,dataCheckState:3 },
+];*/
 
 export default {
+
   data() {
     return {
-      data,
-      scale,
+      queryParam: {},
+      dv:{},
+      data:{},
+      scale:{},
       height: 400,
       style: { stroke: '#fff', lineWidth: 1 },
+      dataSource:[],
+      dateTime:"",
     };
+  },
+  created() {
+    this.sourceData();
+  },
+  methods: {
+    sourceData(){
+      var check=1
+      this.queryParam.basicCheckState=check
+      this.queryParam.standardCheckState=check
+      this.queryParam.dataCheckState=check
+      getAction("/smsCheck/workLog/check/state",this.queryParam).then(resp=>{
+        if (resp.success){
+          var data =  resp.result
+
+          for (let i = 0; i <data.length; i++) {
+            var year = data[i].createTime.substring(0,4);
+            var month = data[i].createTime.substring(5,7);
+            var day = data[i].createTime.substring(8,10);
+            this.dateTime=year+"年"+month+"月";
+            data[i].createTime=month+"月"+day+"日";
+          }
+
+          this.dv = new DataSet.View().source(data);
+          this.dv.transform({
+            type: 'fold',
+            fields: [ 'basicCheckState', 'standardCheckState','dataCheckState'],
+            key: 'check',
+            value: 'num',
+          });
+          this.data = this.dv.rows;
+          this.scale = [{
+            dataKey: 'createTime',
+            min: 0,
+            max: 1,
+          }];
+
+        }
+      })
+
+    }
   }
 };
 </script>

src/views/smscheck/modules/SmsCheckWorkChartNotApproved.vue

@@ -1,74 +1,107 @@
 <template>
-  <div>
-    <v-chart :force-fit="true" :height="height" :data="data" :scale="scale">
+  <div >
+    <h2 style="text-align: center" v-if="dateTime">{{dateTime}}稽核走势</h2>
+    <h2 style="text-align: center" v-if="!dateTime">暂无相关信息</h2>
+    <v-chart :force-fit="true" :height="height" :data="data" :scale="scale" >
       <v-tooltip />
       <v-axis />
       <v-legend />
-      <v-line position="time*num" color="check" />
-      <v-point position="time*num" color="check" :size="4" :v-style="style" :shape="'circle'" />
+      <v-line position="createTime*num" color="check" />
+      <v-point position="createTime*num" color="check" :size="4" :v-style="style" :shape="'circle'" />
     </v-chart>
   </div>
 </template>
 
 <script>
-const DataSet = require('@antv/data-set');
+import { httpAction, getAction } from '@api/manage'
+let DataSet = require('@antv/data-set');
 
-const sourceData = [
-  { time: '6月1', 基本信息稽核: 6, 规范信息稽核: 6,附加材料稽核:4, materialsCheck:3 },
-  { time: '6月2', 基本信息稽核: 7, 规范信息稽核: 7,附加材料稽核:4, materialsCheck:5 },
-  { time: '6月3', 基本信息稽核: 3, 规范信息稽核: 3,附加材料稽核:3, materialsCheck:2 },
-  { time: '6月4', 基本信息稽核: 4, 规范信息稽核: 4,附加材料稽核:4, materialsCheck:4 },
-  { time: '6月5', 基本信息稽核: 5, 规范信息稽核: 3,附加材料稽核:4, materialsCheck:4 },
-  { time: '6月6', 基本信息稽核: 5, 规范信息稽核: 5,附加材料稽核:4, materialsCheck:4 },
-  { time: '6月7', 基本信息稽核: 9, 规范信息稽核: 7,附加材料稽核:4, materialsCheck:6 },
-  { time: '6月8', 基本信息稽核: 6, 规范信息稽核: 5,附加材料稽核:4, materialsCheck:5 },
-  { time: '6月9', 基本信息稽核: 7, 规范信息稽核: 4,附加材料稽核:4, materialsCheck:5 },
-  { time: '6月10', 基本信息稽核: 9, 规范信息稽核: 9,附加材料稽核:4, materialsCheck:7 },
-  { time: '6月11', 基本信息稽核: 13, 规范信息稽核: 10,附加材料稽核:10, materialsCheck:12 },
-  { time: '6月12', 基本信息稽核: 7, 规范信息稽核: 7,附加材料稽核:4, materialsCheck:2 },
-  { time: '6月13', 基本信息稽核: 9, 规范信息稽核: 9,附加材料稽核:9, materialsCheck:8 },
-  { time: '6月14', 基本信息稽核: 13, 规范信息稽核: 12,附加材料稽核:8, materialsCheck:9 },
-  { time: '6月15', 基本信息稽核: 9, 规范信息稽核: 5,附加材料稽核:4, materialsCheck:6 },
-  { time: '6月16', 基本信息稽核: 13, 规范信息稽核: 8,附加材料稽核:10, materialsCheck:8 },
-  { time: '6月17', 基本信息稽核: 3, 规范信息稽核: 3,附加材料稽核:3, materialsCheck:1 },
-  { time: '6月18', 基本信息稽核: 4, 规范信息稽核: 4,附加材料稽核:4, materialsCheck:4 },
-  { time: '6月19', 基本信息稽核: 3, 规范信息稽核: 3,附加材料稽核:3, materialsCheck:3 },
-  { time: '6月20', 基本信息稽核: 5, 规范信息稽核: 5,附加材料稽核:4, materialsCheck:5 },
-  { time: '6月21', 基本信息稽核: 4, 规范信息稽核: 3,附加材料稽核:4, materialsCheck:4 },
-  { time: '6月22', 基本信息稽核: 6, 规范信息稽核: 5,附加材料稽核:6, materialsCheck:3 },
-  { time: '6月23', 基本信息稽核: 7, 规范信息稽核: 4,附加材料稽核:4, materialsCheck:5 },
-  { time: '6月24', 基本信息稽核: 9, 规范信息稽核: 9,附加材料稽核:4, materialsCheck:4 },
-  { time: '6月25', 基本信息稽核: 13, 规范信息稽核: 13,附加材料稽核:10, materialsCheck:11 },
-  { time: '6月26', 基本信息稽核: 7, 规范信息稽核: 5,附加材料稽核:5, materialsCheck:5 },
-  { time: '6月27', 基本信息稽核: 9, 规范信息稽核: 9,附加材料稽核:4, materialsCheck:5 },
-  { time: '6月28', 基本信息稽核: 13, 规范信息稽核: 11,附加材料稽核:4, materialsCheck:6 },
-  { time: '6月29', 基本信息稽核: 9, 规范信息稽核: 6,附加材料稽核:7, materialsCheck:4 },
-  { time: '6月30', 基本信息稽核: 5, 规范信息稽核: 5,附加材料稽核:3, materialsCheck:2 },
-];
-
-const dv = new DataSet.View().source(sourceData);
-dv.transform({
-  type: 'fold',
-  fields: ['基本信息稽核', '规范信息稽核', '附加材料稽核'],
-  key: 'check',
-  value: 'num',
-});
-const data = dv.rows;
-
-const scale = [{
-  dataKey: 'time',
-  min: 0,
-  max: 1,
-}];
+/*const sourceData = [
+  { createTime: '6月1', basicCheckState: 6, standardCheckState: 6,dataCheckState:4, },
+  { createTime: '6月2', basicCheckState: 7, standardCheckState: 7,dataCheckState:4 },
+  { createTime: '6月3', basicCheckState: 3, standardCheckState: 3,dataCheckState:3 },
+  { createTime: '6月4', basicCheckState: 4, standardCheckState: 4,dataCheckState:4 },
+  { createTime: '6月5', basicCheckState: 5, standardCheckState: 3,dataCheckState:4 },
+  { createTime: '6月6', basicCheckState: 5, standardCheckState: 5,dataCheckState:4 },
+  { createTime: '6月7', basicCheckState: 9, standardCheckState: 7,dataCheckState:4 },
+  { createTime: '6月8', basicCheckState: 6, standardCheckState: 5,dataCheckState:4 },
+  { createTime: '6月9', basicCheckState: 7, standardCheckState: 4,dataCheckState:4 },
+  { createTime: '6月10', basicCheckState: 9, standardCheckState: 9,dataCheckState:4 },
+  { createTime: '6月11', basicCheckState: 13, standardCheckState: 10,dataCheckState:10 },
+  { createTime: '6月12', basicCheckState: 7, standardCheckState: 7,dataCheckState:4 },
+  { createTime: '6月13', basicCheckState: 9, standardCheckState: 9,dataCheckState:9 },
+  { createTime: '6月14', basicCheckState: 13, standardCheckState: 12,dataCheckState:8 },
+  { createTime: '6月15', basicCheckState: 9, standardCheckState: 5,dataCheckState:4 },
+  { createTime: '6月16', basicCheckState: 13, standardCheckState: 8,dataCheckState:10 },
+  { createTime: '6月17', basicCheckState: 3, standardCheckState: 3,dataCheckState:3 },
+  { createTime: '6月18', basicCheckState: 4, standardCheckState: 4,dataCheckState:4 },
+  { createTime: '6月19', basicCheckState: 3, standardCheckState: 3,dataCheckState:3 },
+  { createTime: '6月20', basicCheckState: 5, standardCheckState: 5,dataCheckState:4 },
+  { createTime: '6月21', basicCheckState: 4, standardCheckState: 3,dataCheckState:4 },
+  { createTime: '6月22', basicCheckState: 6, standardCheckState: 5,dataCheckState:6 },
+  { createTime: '6月23', basicCheckState: 7, standardCheckState: 4,dataCheckState:4 },
+  { createTime: '6月24', basicCheckState: 9, standardCheckState: 9,dataCheckState:4 },
+  { createTime: '6月25', basicCheckState: 13, standardCheckState: 13,dataCheckState:10 },
+  { createTime: '6月26', basicCheckState: 7, standardCheckState: 5,dataCheckState:5 },
+  { createTime: '6月27', basicCheckState: 9, standardCheckState: 9,dataCheckState:4 },
+  { createTime: '6月28', basicCheckState: 13, standardCheckState: 11,dataCheckState:4 },
+  { createTime: '6月29', basicCheckState: 9, standardCheckState: 6,dataCheckState:7 },
+  { createTime: '6月30', basicCheckState: 5, standardCheckState: 5,dataCheckState:3 },
+];*/
 
 export default {
+
   data() {
     return {
-      data,
-      scale,
+      queryParam: {},
+      dv:{},
+      data:{},
+      scale:{},
       height: 400,
       style: { stroke: '#fff', lineWidth: 1 },
+      dataSource:[],
+      dateTime:"",
     };
+  },
+  created() {
+    this.sourceData();
+  },
+  methods: {
+    sourceData(){
+      var check=0
+      this.queryParam.basicCheckState=check
+      this.queryParam.standardCheckState=check
+      this.queryParam.dataCheckState=check
+      getAction("/smsCheck/workLog/check/state",this.queryParam).then(resp=>{
+        if (resp.success){
+          var data =  resp.result
+
+          for (let i = 0; i <data.length; i++) {
+            var year = data[i].createTime.substring(0,4);
+            var month = data[i].createTime.substring(5,7);
+            var day = data[i].createTime.substring(8,10);
+            this.dateTime=year+"年"+month+"月";
+            data[i].createTime=month+"月"+day+"日";
+          }
+
+          this.dv = new DataSet.View().source(data);
+          this.dv.transform({
+            type: 'fold',
+            fields: [ 'basicCheckState', 'standardCheckState','dataCheckState'],
+            key: 'check',
+            value: 'num',
+          });
+          this.data = this.dv.rows;
+          this.scale = [{
+            dataKey: 'createTime',
+            min: 0,
+            max: 1,
+          }];
+
+        }
+      })
+
+    }
   }
 };
 </script>

src/views/smscheck/modules/SmsCheckWorkLogChartScale.vue

@@ -0,0 +1,102 @@
+<template>
+  <div>
+  <div><h2 style="text-align: center">稽核完成结果</h2></div>
+  <div v-if="data.length">
+    <v-chart
+      :forceFit="true"
+      height="400"
+      :data="data"
+      padding="auto"
+    >
+      <v-tooltip></v-tooltip>
+      <v-facet
+        type="rect"
+        :fields="['type']"
+        :padding="20"
+        :showTitle="false"
+        :eachView="eachView"
+      />
+    </v-chart>
+  </div>
+  </div>
+</template>
+
+<script>
+const data = [{
+  type: '基本信息稽核',
+  value: 56.4
+}, {
+  type: '规范信息稽核',
+  value: 43.6
+},{
+  type: '附加材料稽核',
+  value: 63.6
+}];
+
+const eachView = function (view, facet) {
+  var data = facet.data;
+  var color = void 0;
+
+    color = '#0a9afe';
+
+  data.push({
+    type: '未通过率',
+    value: 100 - data[0].value
+  });
+  view.source(data);
+  view.coord('theta', {
+    radius: 0.8,
+    innerRadius: 0.5
+  });
+  view.intervalStack().position('value').color('type', [color, '#e01437']).opacity(1);
+  view.guide().html({
+    position: ['50%', '50%'],
+    html: '<div class="g2-guide-html"><p class="title">' + data[0].type + '</p><p class="value">' + (data[0].value + '%') + '</p></div>'
+  });
+}
+export default {
+  mounted(){
+    this.setStyle();
+  },
+  methods:{
+    setStyle(){
+      const id = 'legend-html';
+      if (document.getElementById(id)) {
+        return;
+      }
+      const styleTxt = `
+        .g2-guide-html {
+            width: 50px;
+            height: 50px;
+            vertical-align: middle;
+            text-align: center;
+            line-height: 1.5
+        }
+
+        .g2-guide-html .title {
+            font-size: 12px;
+            color: #8c8c8c;
+            font-weight: 300;
+        }
+
+        .g2-guide-html .value {
+            font-size: 18px;
+            color: #000;
+            font-weight: bold;
+        }
+      `;
+      const style = document.createElement('style');
+      style.setAttribute('id', id);
+      style.innerHTML = styleTxt;
+      document.getElementsByTagName('head')[0].appendChild(style);
+    }
+  },
+  data() {
+    return {
+      data: data,
+      eachView
+    }
+  }
+};
+</script>
+

src/views/smscheck/modules/SmsCheckWorkLogForm.vue

@@ -13,6 +13,11 @@
               <a-input v-model="model.customerNo" placeholder="暂无相关信息"  ></a-input>
             </a-form-model-item>
           </a-col>
+          <a-col :span="12">
+            <a-form-model-item label="稽核时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="createTime">
+              <a-input v-model="model.createTime" placeholder="暂无相关信息"  ></a-input>
+            </a-form-model-item>
+          </a-col>
 <!--          <a-col :span="12">
             <a-form-model-item label="客户资料id" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dataId">
               <a-input v-model="model.dataId" placeholder="暂无相关信息"  ></a-input>
@@ -58,11 +63,7 @@
               <a-input v-model="model.staffNo" placeholder="暂无相关信息"  ></a-input>
             </a-form-model-item>
           </a-col>
-          <a-col :span="12">
-            <a-form-model-item label="稽核时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="createTime">
-              <a-input v-model="model.createTime" placeholder="暂无相关信息"  ></a-input>
-            </a-form-model-item>
-          </a-col>
+
         </a-row>
       </a-form-model>
     </j-form-container>
@@ -91,8 +92,10 @@
         model:{
          },
         labelCol: {
-          xs: { span: 24 },
+          style: { width: '29%' },
+          xs: { span: 26 },
           sm: { span: 5 },
+
         },
         wrapperCol: {
           xs: { span: 24 },
@@ -115,14 +118,30 @@
     },
     created () {
        //备份model原始值
-      this.modelDefault = JSON.parse(JSON.stringify(this.model));
+     this.modelDefault = JSON.parse(JSON.stringify(this.model));
     },
     methods: {
+      modelHandle(){
+        this.model.basicCheckState=this.checkState(this.model.basicCheckState);
+        this.model.standardCheckState=this.checkState(this.model.standardCheckState);
+        this.model.dataCheckState=this.checkState(this.model.dataCheckState);
+
+      },
+      checkState (text){
+        if (text===0){
+          return "未处理";
+        }else if (text===1){
+          return "未通过";
+        }else if (text===2){
+          return "通过";
+        }
+      },
       add () {
         this.edit(this.modelDefault);
       },
       edit (record) {
         this.model = Object.assign({}, record);
+        this.modelHandle();
         this.visible = true;
       },
       submitForm () {