【fix ESLint】src/views/dashboard
This commit is contained in:
@@ -1,8 +1,8 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<index-chart v-if="indexStyle==1"></index-chart>
|
<index-chart v-if="indexStyle===1"></index-chart>
|
||||||
<index-bdc v-if="indexStyle==2"></index-bdc>
|
<index-bdc v-if="indexStyle===2"></index-bdc>
|
||||||
<index-task v-if="indexStyle==3"></index-task>
|
<index-task v-if="indexStyle===3"></index-task>
|
||||||
<div style="width: 100%;text-align: right;margin-top: 20px">
|
<div style="width: 100%;text-align: right;margin-top: 20px">
|
||||||
请选择首页样式:
|
请选择首页样式:
|
||||||
<a-radio-group v-model="indexStyle">
|
<a-radio-group v-model="indexStyle">
|
||||||
|
|||||||
@@ -150,7 +150,7 @@
|
|||||||
<a-tab-pane loading="true" tab="业务流程限时监管" key="1">
|
<a-tab-pane loading="true" tab="业务流程限时监管" key="1">
|
||||||
|
|
||||||
<a-table :dataSource="dataSource1" size="default" rowKey="id" :columns="columns" :pagination="ipagination1" @change="tableChange1">
|
<a-table :dataSource="dataSource1" size="default" rowKey="id" :columns="columns" :pagination="ipagination1" @change="tableChange1">
|
||||||
<template slot="flowRate" slot-scope="text, record, index">
|
<template slot="flowRate" slot-scope="text, record">
|
||||||
<a-progress :strokeColor="getPercentColor(record.flowRate)" :format="getPercentFormat" :percent="getFlowRateNumber(record.flowRate)" style="width:80px" />
|
<a-progress :strokeColor="getPercentColor(record.flowRate)" :format="getPercentFormat" :percent="getFlowRateNumber(record.flowRate)" style="width:80px" />
|
||||||
</template>
|
</template>
|
||||||
</a-table>
|
</a-table>
|
||||||
@@ -158,7 +158,7 @@
|
|||||||
|
|
||||||
<a-tab-pane loading="true" tab="业务节点限时监管" key="2">
|
<a-tab-pane loading="true" tab="业务节点限时监管" key="2">
|
||||||
<a-table :dataSource="dataSource2" size="default" rowKey="id" :columns="columns2" :pagination="ipagination2" @change="tableChange2">
|
<a-table :dataSource="dataSource2" size="default" rowKey="id" :columns="columns2" :pagination="ipagination2" @change="tableChange2">
|
||||||
<template slot="flowRate" slot-scope="text, record, index">
|
<template slot="flowRate" slot-scope="text, record">
|
||||||
<span style="color: red;">{{ record.flowRate }}小时</span>
|
<span style="color: red;">{{ record.flowRate }}小时</span>
|
||||||
</template>
|
</template>
|
||||||
</a-table>
|
</a-table>
|
||||||
@@ -381,7 +381,7 @@ export default {
|
|||||||
},
|
},
|
||||||
changeRegisterType (e) {
|
changeRegisterType (e) {
|
||||||
this.indexRegisterType = e.target.value
|
this.indexRegisterType = e.target.value
|
||||||
if (this.indexBottomTab == '1') {
|
if (this.indexBottomTab === '1') {
|
||||||
this.loadDataSource1()
|
this.loadDataSource1()
|
||||||
} else {
|
} else {
|
||||||
this.loadDataSource2()
|
this.loadDataSource2()
|
||||||
@@ -390,18 +390,18 @@ export default {
|
|||||||
tableChange1 (pagination) {
|
tableChange1 (pagination) {
|
||||||
this.ipagination1.current = pagination.current
|
this.ipagination1.current = pagination.current
|
||||||
this.ipagination1.pageSize = pagination.pageSize
|
this.ipagination1.pageSize = pagination.pageSize
|
||||||
this.queryTimeoutInfo()
|
// this.queryTimeoutInfo() // 这个方法没有代码
|
||||||
},
|
},
|
||||||
tableChange2 (pagination) {
|
tableChange2 (pagination) {
|
||||||
this.ipagination2.current = pagination.current
|
this.ipagination2.current = pagination.current
|
||||||
this.ipagination2.pageSize = pagination.pageSize
|
this.ipagination2.pageSize = pagination.pageSize
|
||||||
this.queryNodeTimeoutInfo()
|
// this.queryNodeTimeoutInfo() // 这个方法没有代码
|
||||||
},
|
},
|
||||||
getFlowRateNumber (value) {
|
getFlowRateNumber (value) {
|
||||||
return Number(value)
|
return Number(value)
|
||||||
},
|
},
|
||||||
getPercentFormat (value) {
|
getPercentFormat (value) {
|
||||||
if (value == 100) {
|
if (value + '' === 100 + '') {
|
||||||
return '超时'
|
return '超时'
|
||||||
} else {
|
} else {
|
||||||
return value + '%'
|
return value + '%'
|
||||||
@@ -423,7 +423,7 @@ export default {
|
|||||||
if (!this.indexRegisterType) {
|
if (!this.indexRegisterType) {
|
||||||
return true
|
return true
|
||||||
}
|
}
|
||||||
return item.type == this.indexRegisterType
|
return item.type + '' === this.indexRegisterType + ''
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
loadDataSource2 () {
|
loadDataSource2 () {
|
||||||
@@ -431,7 +431,7 @@ export default {
|
|||||||
if (!this.indexRegisterType) {
|
if (!this.indexRegisterType) {
|
||||||
return true
|
return true
|
||||||
}
|
}
|
||||||
return item.type == this.indexRegisterType
|
return item.type + '' === this.indexRegisterType + ''
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -188,7 +188,7 @@ export default {
|
|||||||
loginfo: {},
|
loginfo: {},
|
||||||
visitFields: ['ip', 'visit'],
|
visitFields: ['ip', 'visit'],
|
||||||
visitInfo: [],
|
visitInfo: [],
|
||||||
indicator: <a-icon type="loading" style="font-size: 24px" spin />
|
indicator: <a-icon type="loading" style="font-size: 24px" spin="true" />
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
created () {
|
created () {
|
||||||
|
|||||||
@@ -5,7 +5,7 @@
|
|||||||
<a-col :sm="24" :lg="12">
|
<a-col :sm="24" :lg="12">
|
||||||
<a-card>
|
<a-card>
|
||||||
<div slot="title" class="index-md-title">
|
<div slot="title" class="index-md-title">
|
||||||
<img src="../../assets/daiban.png"/>
|
<img src="../../assets/daiban.png" alt=""/>
|
||||||
我的待办【{{ dataSource1.length }}】
|
我的待办【{{ dataSource1.length }}】
|
||||||
</div>
|
</div>
|
||||||
<div slot="extra">
|
<div slot="extra">
|
||||||
@@ -27,7 +27,7 @@
|
|||||||
<a-icon type="bulb" theme="twoTone" style="font-size:22px" :twoToneColor="getTipColor(record)"/>
|
<a-icon type="bulb" theme="twoTone" style="font-size:22px" :twoToneColor="getTipColor(record)"/>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<span slot="action" slot-scope="text, record">
|
<span slot="action">
|
||||||
<a @click="handleData">办理</a>
|
<a @click="handleData">办理</a>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
@@ -38,7 +38,7 @@
|
|||||||
<a-col :sm="24" :lg="12">
|
<a-col :sm="24" :lg="12">
|
||||||
<a-card>
|
<a-card>
|
||||||
<div slot="title" class="index-md-title">
|
<div slot="title" class="index-md-title">
|
||||||
<img src="../../assets/zaiban.png"/>
|
<img src="../../assets/zaiban.png" alt=""/>
|
||||||
我的在办【{{ dataSource2.length }}】
|
我的在办【{{ dataSource2.length }}】
|
||||||
</div>
|
</div>
|
||||||
<div slot="extra">
|
<div slot="extra">
|
||||||
@@ -60,7 +60,7 @@
|
|||||||
<a-icon type="bulb" theme="twoTone" style="font-size:22px" :twoToneColor="getTipColor(record)"/>
|
<a-icon type="bulb" theme="twoTone" style="font-size:22px" :twoToneColor="getTipColor(record)"/>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<span slot="action" slot-scope="text, record">
|
<span slot="action">
|
||||||
<a @click="handleData">办理</a>
|
<a @click="handleData">办理</a>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
@@ -75,7 +75,7 @@
|
|||||||
<a-col :sm="24" :lg="12">
|
<a-col :sm="24" :lg="12">
|
||||||
<a-card>
|
<a-card>
|
||||||
<div slot="title" class="index-md-title">
|
<div slot="title" class="index-md-title">
|
||||||
<img src="../../assets/guaz.png"/>
|
<img src="../../assets/guaz.png" alt=""/>
|
||||||
我的挂账【{{ dataSource4.length }}】
|
我的挂账【{{ dataSource4.length }}】
|
||||||
</div>
|
</div>
|
||||||
<a-table
|
<a-table
|
||||||
@@ -94,7 +94,7 @@
|
|||||||
<a-icon type="bulb" theme="twoTone" style="font-size:22px" :twoToneColor="getTipColor(record)"/>
|
<a-icon type="bulb" theme="twoTone" style="font-size:22px" :twoToneColor="getTipColor(record)"/>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<span slot="action" slot-scope="text, record">
|
<span slot="action">
|
||||||
<a @click="handleData">办理</a>
|
<a @click="handleData">办理</a>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
@@ -105,7 +105,7 @@
|
|||||||
<a-col :sm="24" :lg="12">
|
<a-col :sm="24" :lg="12">
|
||||||
<a-card>
|
<a-card>
|
||||||
<div slot="title" class="index-md-title">
|
<div slot="title" class="index-md-title">
|
||||||
<img src="../../assets/duban.png"/>
|
<img src="../../assets/duban.png" alt=""/>
|
||||||
我的督办【{{ dataSource3.length }}】
|
我的督办【{{ dataSource3.length }}】
|
||||||
</div>
|
</div>
|
||||||
<a-table
|
<a-table
|
||||||
@@ -124,7 +124,7 @@
|
|||||||
<a-icon type="bulb" theme="twoTone" style="font-size:22px" :twoToneColor="getTipColor(record)"/>
|
<a-icon type="bulb" theme="twoTone" style="font-size:22px" :twoToneColor="getTipColor(record)"/>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<span slot="action" slot-scope="text, record">
|
<span slot="action">
|
||||||
<a @click="handleData">办理</a>
|
<a @click="handleData">办理</a>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
@@ -197,11 +197,11 @@ const tempSs2 = [{
|
|||||||
}]
|
}]
|
||||||
|
|
||||||
// 4-7天
|
// 4-7天
|
||||||
const tip_green = 'rgba(0, 255, 0, 1)'
|
const tipGreen = 'rgba(0, 255, 0, 1)'
|
||||||
// 1-3天
|
// 1-3天
|
||||||
const tip_yellow = 'rgba(255, 255, 0, 1)'
|
const tipYellow = 'rgba(255, 255, 0, 1)'
|
||||||
// 超期
|
// 超期
|
||||||
const tip_red = 'rgba(255, 0, 0, 1)'
|
const tipRed = 'rgba(255, 0, 0, 1)'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'IndexTask',
|
name: 'IndexTask',
|
||||||
@@ -261,11 +261,11 @@ export default {
|
|||||||
getTipColor (rd) {
|
getTipColor (rd) {
|
||||||
const num = rd.restDay
|
const num = rd.restDay
|
||||||
if (num <= 0) {
|
if (num <= 0) {
|
||||||
return tip_red
|
return tipRed
|
||||||
} else if (num >= 1 && num < 4) {
|
} else if (num >= 1 && num < 4) {
|
||||||
return tip_yellow
|
return tipYellow
|
||||||
} else if (num >= 4) {
|
} else if (num >= 4) {
|
||||||
return tip_green
|
return tipGreen
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
goPage () {
|
goPage () {
|
||||||
@@ -282,8 +282,8 @@ export default {
|
|||||||
|
|
||||||
ifNullDataSource (ds, tb) {
|
ifNullDataSource (ds, tb) {
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
if (!ds || ds.length == 0) {
|
if (!ds || ds.length === 0) {
|
||||||
var tmp = document.createElement('img')
|
const tmp = document.createElement('img')
|
||||||
tmp.src = noDataPng
|
tmp.src = noDataPng
|
||||||
tmp.width = 300
|
tmp.width = 300
|
||||||
const tbclass = `${tb} .ant-table-placeholder`
|
const tbclass = `${tb} .ant-table-placeholder`
|
||||||
@@ -314,7 +314,7 @@ export default {
|
|||||||
/*background: #90aeff;*/
|
/*background: #90aeff;*/
|
||||||
background: #7196fb;
|
background: #7196fb;
|
||||||
}
|
}
|
||||||
.index-container-ty .ant-card-body{padding: 10px 12px 0px 12px}
|
.index-container-ty .ant-card-body{padding: 10px 12px 0 12px}
|
||||||
|
|
||||||
/* .index-container-ty .ant-card-actions{background: #fff}
|
/* .index-container-ty .ant-card-actions{background: #fff}
|
||||||
.index-container-ty .ant-card-actions li {margin:2px 0;}
|
.index-container-ty .ant-card-actions li {margin:2px 0;}
|
||||||
@@ -323,7 +323,7 @@ export default {
|
|||||||
.index-container-ty .ant-table-footer{text-align: right;padding:6px 12px 6px 6px;background: #fff;border-top: 2px solid #f7f1f1;}
|
.index-container-ty .ant-table-footer{text-align: right;padding:6px 12px 6px 6px;background: #fff;border-top: 2px solid #f7f1f1;}
|
||||||
|
|
||||||
.index-md-title{
|
.index-md-title{
|
||||||
postion:relative;
|
position:relative;
|
||||||
padding-left:24px;
|
padding-left:24px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|||||||
Reference in New Issue
Block a user