|
@@ -44,7 +44,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { getCurrent, getBar } from "@/api/rc/audit";
|
|
|
+import { getCurrent, getBar, getPie } from "@/api/rc/audit";
|
|
|
import { getDept } from "@/api/system/dept";
|
|
|
|
|
|
export default {
|
|
@@ -144,80 +144,127 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
- getCurrent().then(response => {
|
|
|
- if (response.data) {
|
|
|
- let data = response.data;
|
|
|
- getDept(data.deptId).then(response => {
|
|
|
- this.deptName = response.data.deptName;
|
|
|
- });
|
|
|
- this.auditTime = data.auditTime;
|
|
|
- this.preAuditTime = data.preAuditTime;
|
|
|
- let date = new Date();
|
|
|
- let auditTime = new Date(data.auditTime);
|
|
|
- let preAuditTime = new Date(data.preAuditTime);
|
|
|
- this.auditTimeString1 = this.getString1(auditTime);
|
|
|
- this.auditTimeString2 = this.getString2(auditTime);
|
|
|
- this.preAuditTimeString1 = this.getString1(preAuditTime);
|
|
|
- this.preAuditTimeString2 = this.getString2(preAuditTime);
|
|
|
- if (date <= auditTime) {
|
|
|
- this.auditTimeCountDown = Math.ceil((auditTime - date) / (1000 * 60 * 60 * 24));
|
|
|
- }
|
|
|
- if (date <= preAuditTime) {
|
|
|
- this.preAuditTimeCountDown = Math.ceil((preAuditTime - date) / (1000 * 60 * 60 * 24));
|
|
|
+ this.getCurrent();
|
|
|
+ this.getBar();
|
|
|
+ this.getPie();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getCurrent() {
|
|
|
+ getCurrent().then(response => {
|
|
|
+ if (response.data) {
|
|
|
+ let data = response.data;
|
|
|
+ getDept(data.deptId).then(response => {
|
|
|
+ this.deptName = response.data.deptName;
|
|
|
+ });
|
|
|
+ this.auditTime = data.auditTime;
|
|
|
+ this.preAuditTime = data.preAuditTime;
|
|
|
+ let date = new Date();
|
|
|
+ let auditTime = new Date(data.auditTime);
|
|
|
+ let preAuditTime = new Date(data.preAuditTime);
|
|
|
+ this.auditTimeString1 = this.getString1(auditTime);
|
|
|
+ this.auditTimeString2 = this.getString2(auditTime);
|
|
|
+ this.preAuditTimeString1 = this.getString1(preAuditTime);
|
|
|
+ this.preAuditTimeString2 = this.getString2(preAuditTime);
|
|
|
+ if (date <= auditTime) {
|
|
|
+ this.auditTimeCountDown = Math.ceil((auditTime - date) / (1000 * 60 * 60 * 24));
|
|
|
+ }
|
|
|
+ if (date <= preAuditTime) {
|
|
|
+ this.preAuditTimeCountDown = Math.ceil((preAuditTime - date) / (1000 * 60 * 60 * 24));
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
- });
|
|
|
- getBar().then(response => {
|
|
|
- let data = response.data;
|
|
|
- this.capsuleConfig = {
|
|
|
- data: [
|
|
|
- {
|
|
|
- name: 'CODE 0',
|
|
|
- value: Math.floor(data.code0 * 100)
|
|
|
- },
|
|
|
- {
|
|
|
- name: 'CODE 1',
|
|
|
- value: Math.floor(data.code1 * 100)
|
|
|
- },
|
|
|
- {
|
|
|
- name: 'CODE 2',
|
|
|
- value: Math.floor(data.code2 * 100)
|
|
|
- },
|
|
|
- {
|
|
|
- name: 'CODE 3',
|
|
|
- value: Math.floor(data.code3 * 100)
|
|
|
- },
|
|
|
- {
|
|
|
- name: 'CODE 4',
|
|
|
- value: Math.floor(data.code4 * 100)
|
|
|
- },
|
|
|
- {
|
|
|
- name: 'CODE 5',
|
|
|
- value: Math.floor(data.code5 * 100)
|
|
|
- },
|
|
|
- {
|
|
|
- name: 'CODE 6',
|
|
|
- value: Math.floor(data.code6 * 100)
|
|
|
- },
|
|
|
- {
|
|
|
- name: 'CODE 7',
|
|
|
- value: Math.floor(data.code7 * 100)
|
|
|
- },
|
|
|
- {
|
|
|
- name: 'CODE 8',
|
|
|
- value: Math.floor(data.code8 * 100)
|
|
|
- },
|
|
|
- {
|
|
|
- name: 'CODE 9',
|
|
|
- value: Math.floor(data.code9 * 100)
|
|
|
- },
|
|
|
- ],
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getBar() {
|
|
|
+ getBar().then(response => {
|
|
|
+ let data = response.data;
|
|
|
+ this.capsuleConfig = {
|
|
|
+ data: [
|
|
|
+ {
|
|
|
+ name: 'CODE 0',
|
|
|
+ value: Math.floor(data.code0 * 100)
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'CODE 1',
|
|
|
+ value: Math.floor(data.code1 * 100)
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'CODE 2',
|
|
|
+ value: Math.floor(data.code2 * 100)
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'CODE 3',
|
|
|
+ value: Math.floor(data.code3 * 100)
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'CODE 4',
|
|
|
+ value: Math.floor(data.code4 * 100)
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'CODE 5',
|
|
|
+ value: Math.floor(data.code5 * 100)
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'CODE 6',
|
|
|
+ value: Math.floor(data.code6 * 100)
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'CODE 7',
|
|
|
+ value: Math.floor(data.code7 * 100)
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'CODE 8',
|
|
|
+ value: Math.floor(data.code8 * 100)
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'CODE 9',
|
|
|
+ value: Math.floor(data.code9 * 100)
|
|
|
+ },
|
|
|
+ ],
|
|
|
unit: '%',
|
|
|
showValue: true
|
|
|
- };
|
|
|
- });
|
|
|
- },
|
|
|
- methods: {
|
|
|
+ };
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getPie() {
|
|
|
+ getPie().then(response => {
|
|
|
+ this.pieOption = {
|
|
|
+ title: {
|
|
|
+ text: '审计开项完成率'
|
|
|
+ },
|
|
|
+ series: [
|
|
|
+ {
|
|
|
+ type: 'gauge',
|
|
|
+ startAngle: -Math.PI / 2,
|
|
|
+ endAngle: Math.PI * 1.5,
|
|
|
+ arcLineWidth: 25,
|
|
|
+ data: [
|
|
|
+ { name: 'itemA', value: Math.floor(response.data * 100), gradient: ['#03c2fd', '#1ed3e5', '#2fded6'] }
|
|
|
+ ],
|
|
|
+ axisLabel: {
|
|
|
+ show: false
|
|
|
+ },
|
|
|
+ axisTick: {
|
|
|
+ show: false
|
|
|
+ },
|
|
|
+ pointer: {
|
|
|
+ show: false
|
|
|
+ },
|
|
|
+ dataItemStyle: {
|
|
|
+ lineCap: 'round'
|
|
|
+ },
|
|
|
+ details: {
|
|
|
+ show: true,
|
|
|
+ formatter: '{value}%',
|
|
|
+ style: {
|
|
|
+ fill: '#1ed3e5',
|
|
|
+ fontSize: 35
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ };
|
|
|
+ });
|
|
|
+ },
|
|
|
getString1(date) {
|
|
|
return Number(date.getYear() + 1900) + "年" + Number(date.getMonth() + 1) + "月" + date.getDate() + "日";
|
|
|
},
|