|
|
@@ -1,19 +1,26 @@
|
|
|
<template>
|
|
|
<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="createTime*num" color="check" />
|
|
|
- <v-point position="createTime*num" color="check" :size="4" :v-style="style" :shape="'circle'" />
|
|
|
- </v-chart>
|
|
|
+ <h2 style="text-align: center" v-if="dataSource">{{dateTime}}稽核走势图</h2>
|
|
|
+ <div style="text-align: center;padding: 16px 16px;background-color: white" v-if="!dataSource.length">
|
|
|
+ <div class="ant-empty-image"><svg width="64" height="41" viewBox="0 0 64 41" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 1)" fill="none" fillRule="evenodd"><ellipse fill="#F5F5F5" cx="32" cy="33" rx="32" ry="7"></ellipse><g fillRule="nonzero" stroke="#D9D9D9"><path d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"></path><path d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z" fill="#FAFAFA"></path></g></g></svg></div>
|
|
|
+ <div>暂无数据</div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <v-chart :force-fit="true" :height="height" :data="data" :scale="scale" >
|
|
|
+ <v-tooltip />
|
|
|
+ <v-axis />
|
|
|
+ <v-legend />
|
|
|
+ <v-line position="createTime*num" color="check" />
|
|
|
+ <v-point position="createTime*num" color="check" :size="4" :v-style="style" :shape="'circle'" />
|
|
|
+ </v-chart>
|
|
|
+ </div>
|
|
|
+
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import { httpAction, getAction } from '@api/manage'
|
|
|
+import dateFormat from "@comp/jeecg/JEasyCron/format-date";
|
|
|
let DataSet = require('@antv/data-set');
|
|
|
|
|
|
/*const sourceData = [
|
|
|
@@ -60,31 +67,42 @@ export default {
|
|
|
height: 400,
|
|
|
style: { stroke: '#fff', lineWidth: 1 },
|
|
|
dataSource:[],
|
|
|
- dateTime:"",
|
|
|
+ dateTime:'',
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
this.sourceData();
|
|
|
},
|
|
|
methods: {
|
|
|
- sourceData(){
|
|
|
- var check=2
|
|
|
- this.queryParam.basicCheckState=check
|
|
|
- this.queryParam.standardCheckState=check
|
|
|
- this.queryParam.dataCheckState=check
|
|
|
+
|
|
|
+ defaultTme(){
|
|
|
+ var now_date = new Date();
|
|
|
+ var end_time = dateFormat(now_date,'yyyy-MM-dd hh:mm:ss');
|
|
|
+ var before_date = new Date(now_date.getTime()-1000*60*60*24*7)
|
|
|
+ var start_time = dateFormat(before_date,'yyyy-MM-dd')+' 00:00:00';
|
|
|
+ this.queryParam.endTime=end_time;
|
|
|
+ this.queryParam.startTime=start_time;
|
|
|
+ },
|
|
|
+ sourceData(startTime,endTime,checkState){
|
|
|
+ if (startTime&&endTime){
|
|
|
+ this.queryParam.endTime=endTime;
|
|
|
+ this.queryParam.startTime=startTime;
|
|
|
+ }else{
|
|
|
+ this.defaultTme()
|
|
|
+ }
|
|
|
+ this.dateTime=dateFormat(this.queryParam.startTime,'yyyy年MM月dd日')+' ~ '+dateFormat(this.queryParam.endTime,'MM-dd')
|
|
|
+ var checkState=2
|
|
|
+ this.queryParam.basicCheckState=checkState;
|
|
|
+ this.queryParam.standardCheckState=checkState;
|
|
|
+ this.queryParam.dataCheckState=checkState;
|
|
|
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.dataSource = resp.result
|
|
|
+ for (let i = 0; i <this.dataSource.length; i++) {
|
|
|
+ this.dataSource[i].createTime=dateFormat(this.dataSource[i].createTime,'MM月dd日')
|
|
|
}
|
|
|
-
|
|
|
- this.dv = new DataSet.View().source(data);
|
|
|
+ console.log(this.dataSource)
|
|
|
+ this.dv = new DataSet.View().source(this.dataSource);
|
|
|
this.dv.transform({
|
|
|
type: 'fold',
|
|
|
fields: [ 'basicCheckState', 'standardCheckState','dataCheckState'],
|
fans