联调 全景技术监督页面 修改 编辑禁止点击
This commit is contained in:
@@ -71,7 +71,7 @@
|
|||||||
:class="btn.class"
|
:class="btn.class"
|
||||||
class="table-operate"
|
class="table-operate"
|
||||||
:type="btn.type"
|
:type="btn.type"
|
||||||
:disabled="btn.showDisabled"
|
:disabled="btn.showDisabled && btn.showDisabled(row, field)"
|
||||||
:loading="props.row.loading || false"
|
:loading="props.row.loading || false"
|
||||||
v-bind="btn.attr"
|
v-bind="btn.attr"
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -83,29 +83,29 @@
|
|||||||
<el-col :span="11" class="col pt10">
|
<el-col :span="11" class="col pt10">
|
||||||
<div>
|
<div>
|
||||||
<span>异常问题总数:</span>
|
<span>异常问题总数:</span>
|
||||||
<span style="color: #2dcd28">0个</span>
|
<span style="color: #2dcd28">{{ technology[active]?.abnormalNum || 0 }}个</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<span style="width: 120px">已关联工单数:</span>
|
<span style="width: 120px">已关联工单数:</span>
|
||||||
<span style="color: #81b337">0个</span>
|
<span style="color: #81b337">{{ technology[active]?.associatedNum || 0 }}个</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<span style="width: 120px"> 工单转换率:</span>
|
<span style="width: 120px"> 工单转换率:</span>
|
||||||
<span style="color: #338dff">0%</span>
|
<span style="color: #338dff">{{ technology[active]?.conversionNum || 0 }}%</span>
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="11" class="col pt10" :offset="0.5">
|
<el-col :span="11" class="col pt10" :offset="0.5">
|
||||||
<div>
|
<div>
|
||||||
<span>异常问题总数:</span>
|
<span>工单总数:</span>
|
||||||
<span style="color: #2dcd28">0个</span>
|
<span style="color: #2dcd28">{{ technology[active]?.workNum || 0 }}个</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<span style="width: 120px">已关联工单数:</span>
|
<span style="width: 120px">已处理工单数:</span>
|
||||||
<span style="color: #81b337">0个</span>
|
<span style="color: #81b337">{{ technology[active]?.processedNum || 0 }}个</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<span style="width: 120px"> 工单转换率:</span>
|
<span style="width: 120px"> 工单处置率:</span>
|
||||||
<span style="color: #338dff">0%</span>
|
<span style="color: #338dff">{{ technology[active]?.disposalNum || 0 }}%</span>
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
@@ -132,7 +132,7 @@ import exceeded from '../components/city/exceeded.vue'
|
|||||||
import MyEChart from '@/components/echarts/MyEchart.vue'
|
import MyEChart from '@/components/echarts/MyEchart.vue'
|
||||||
import { useDictData } from '@/stores/dictData'
|
import { useDictData } from '@/stores/dictData'
|
||||||
import { mainHeight } from '@/utils/layout'
|
import { mainHeight } from '@/utils/layout'
|
||||||
|
import { getSupervisionCityDetailsData } from '@/api/device-boot/panorama'
|
||||||
import { ArrowRight } from '@element-plus/icons-vue'
|
import { ArrowRight } from '@element-plus/icons-vue'
|
||||||
import { getAssessDetail, evaluationDetail, getGeneralSituation } from '@/api/device-boot/panorama'
|
import { getAssessDetail, evaluationDetail, getGeneralSituation } from '@/api/device-boot/panorama'
|
||||||
|
|
||||||
@@ -150,21 +150,21 @@ import { useConfig } from '@/stores/config'
|
|||||||
const config = useConfig()
|
const config = useConfig()
|
||||||
const passingCharts = ref()
|
const passingCharts = ref()
|
||||||
const exceededCharts = ref()
|
const exceededCharts = ref()
|
||||||
|
const technology: any = ref({})
|
||||||
|
|
||||||
const Voltage: any = [
|
const Voltage: any = [
|
||||||
{
|
{
|
||||||
label: '技术监督计划',
|
label: '技术监督计划',
|
||||||
value: '0'
|
value: 'survey'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '在线监测',
|
label: '在线监测',
|
||||||
value: '1'
|
value: 'onLine'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '用户投诉',
|
label: '用户投诉',
|
||||||
value: '2'
|
value: 'user'
|
||||||
},
|
}
|
||||||
|
|
||||||
]
|
]
|
||||||
|
|
||||||
const active: any = ref(Voltage[0].value)
|
const active: any = ref(Voltage[0].value)
|
||||||
@@ -265,8 +265,7 @@ const info = (row: any) => {
|
|||||||
|
|
||||||
function getData(data: any) {
|
function getData(data: any) {
|
||||||
var res: any = {
|
var res: any = {
|
||||||
series: [],
|
series: []
|
||||||
|
|
||||||
}
|
}
|
||||||
for (let i = 0; i < data.length; i++) {
|
for (let i = 0; i < data.length; i++) {
|
||||||
res.series.push({
|
res.series.push({
|
||||||
@@ -421,7 +420,7 @@ const info = (row: any) => {
|
|||||||
textStyle: {
|
textStyle: {
|
||||||
// fontWeight: 600,
|
// fontWeight: 600,
|
||||||
fontSize: 12
|
fontSize: 12
|
||||||
},
|
}
|
||||||
// subtext: '总数',
|
// subtext: '总数',
|
||||||
// subtextStyle: {
|
// subtextStyle: {
|
||||||
// fontWeight: 550,
|
// fontWeight: 550,
|
||||||
@@ -468,6 +467,10 @@ const info = (row: any) => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
// 技术监督
|
||||||
|
getSupervisionCityDetailsData(form).then(res => {
|
||||||
|
technology.value = res.data
|
||||||
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
defineExpose({ info, show })
|
defineExpose({ info, show })
|
||||||
|
|||||||
@@ -207,7 +207,7 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="11" class="col pt10" :offset="0.5">
|
<el-col :span="11" class="col pt10" :offset="0.5">
|
||||||
<div>
|
<div>
|
||||||
<span>工单总是</span>
|
<span>工单总数:</span>
|
||||||
<span style="color: #2dcd28">{{ technology?.workNum }}个</span>
|
<span style="color: #2dcd28">{{ technology?.workNum }}个</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
|
|||||||
@@ -159,7 +159,7 @@ const tableStore = new TableStore({
|
|||||||
type: 'primary',
|
type: 'primary',
|
||||||
icon: 'el-icon-Open',
|
icon: 'el-icon-Open',
|
||||||
render: 'basicButton',
|
render: 'basicButton',
|
||||||
disabled: row => {
|
showDisabled: row => {
|
||||||
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
||||||
},
|
},
|
||||||
click: row => {
|
click: row => {
|
||||||
|
|||||||
@@ -176,7 +176,7 @@ const tableStore = new TableStore({
|
|||||||
type: 'primary',
|
type: 'primary',
|
||||||
icon: 'el-icon-Open',
|
icon: 'el-icon-Open',
|
||||||
render: 'basicButton',
|
render: 'basicButton',
|
||||||
disabled: row => {
|
showDisabled: row => {
|
||||||
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
||||||
},
|
},
|
||||||
click: row => {
|
click: row => {
|
||||||
|
|||||||
@@ -177,7 +177,7 @@ const tableStore = new TableStore({
|
|||||||
type: 'primary',
|
type: 'primary',
|
||||||
icon: 'el-icon-Open',
|
icon: 'el-icon-Open',
|
||||||
render: 'basicButton',
|
render: 'basicButton',
|
||||||
disabled: row => {
|
showDisabled: row => {
|
||||||
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
||||||
},
|
},
|
||||||
click: row => {
|
click: row => {
|
||||||
|
|||||||
@@ -171,7 +171,7 @@ const tableStore = new TableStore({
|
|||||||
type: 'primary',
|
type: 'primary',
|
||||||
icon: 'el-icon-Open',
|
icon: 'el-icon-Open',
|
||||||
render: 'basicButton',
|
render: 'basicButton',
|
||||||
disabled: row => {
|
showDisabled: row => {
|
||||||
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
||||||
},
|
},
|
||||||
click: row => {
|
click: row => {
|
||||||
|
|||||||
@@ -175,7 +175,7 @@ const tableStore = new TableStore({
|
|||||||
type: 'primary',
|
type: 'primary',
|
||||||
icon: 'el-icon-Open',
|
icon: 'el-icon-Open',
|
||||||
render: 'basicButton',
|
render: 'basicButton',
|
||||||
disabled: row => {
|
showDisabled: row => {
|
||||||
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
||||||
},
|
},
|
||||||
click: row => {
|
click: row => {
|
||||||
|
|||||||
@@ -172,7 +172,7 @@ const tableStore = new TableStore({
|
|||||||
type: 'primary',
|
type: 'primary',
|
||||||
icon: 'el-icon-Open',
|
icon: 'el-icon-Open',
|
||||||
render: 'basicButton',
|
render: 'basicButton',
|
||||||
disabled: row => {
|
showDisabled: row => {
|
||||||
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
||||||
},
|
},
|
||||||
click: row => {
|
click: row => {
|
||||||
|
|||||||
@@ -170,7 +170,7 @@ const tableStore = new TableStore({
|
|||||||
type: 'primary',
|
type: 'primary',
|
||||||
icon: 'el-icon-Open',
|
icon: 'el-icon-Open',
|
||||||
render: 'basicButton',
|
render: 'basicButton',
|
||||||
disabled: row => {
|
showDisabled: row => {
|
||||||
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
||||||
},
|
},
|
||||||
click: row => {
|
click: row => {
|
||||||
|
|||||||
@@ -152,7 +152,7 @@ const tableStore = new TableStore({
|
|||||||
type: 'primary',
|
type: 'primary',
|
||||||
icon: 'el-icon-Open',
|
icon: 'el-icon-Open',
|
||||||
render: 'basicButton',
|
render: 'basicButton',
|
||||||
disabled: row => {
|
showDisabled: row => {
|
||||||
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
||||||
},
|
},
|
||||||
click: row => {
|
click: row => {
|
||||||
|
|||||||
@@ -124,7 +124,7 @@ const tableStore = new TableStore({
|
|||||||
type: 'primary',
|
type: 'primary',
|
||||||
icon: 'el-icon-Open',
|
icon: 'el-icon-Open',
|
||||||
render: 'basicButton',
|
render: 'basicButton',
|
||||||
disabled: row => {
|
showDisabled: row => {
|
||||||
return row.createBy != adminInfo.$state.id || !(row.dataType == 1)
|
return row.createBy != adminInfo.$state.id || !(row.dataType == 1)
|
||||||
},
|
},
|
||||||
click: row => {
|
click: row => {
|
||||||
|
|||||||
@@ -143,7 +143,7 @@ const tableStore = new TableStore({
|
|||||||
type: 'primary',
|
type: 'primary',
|
||||||
icon: 'el-icon-Open',
|
icon: 'el-icon-Open',
|
||||||
render: 'basicButton',
|
render: 'basicButton',
|
||||||
disabled: row => {
|
showDisabled: row => {
|
||||||
return row.createBy != adminInfo.$state.id || !(row.dataType == 1)
|
return row.createBy != adminInfo.$state.id || !(row.dataType == 1)
|
||||||
},
|
},
|
||||||
click: row => {
|
click: row => {
|
||||||
|
|||||||
@@ -135,7 +135,7 @@ const tableStore = new TableStore({
|
|||||||
type: 'primary',
|
type: 'primary',
|
||||||
icon: 'el-icon-Open',
|
icon: 'el-icon-Open',
|
||||||
render: 'basicButton',
|
render: 'basicButton',
|
||||||
disabled: row => {
|
showDisabled: row => {
|
||||||
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
||||||
},
|
},
|
||||||
click: row => {
|
click: row => {
|
||||||
|
|||||||
@@ -129,7 +129,7 @@ const tableStore = new TableStore({
|
|||||||
type: 'primary',
|
type: 'primary',
|
||||||
icon: 'el-icon-Open',
|
icon: 'el-icon-Open',
|
||||||
render: 'basicButton',
|
render: 'basicButton',
|
||||||
disabled: row => {
|
showDisabled: row => {
|
||||||
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
||||||
},
|
},
|
||||||
click: row => {
|
click: row => {
|
||||||
|
|||||||
@@ -172,7 +172,7 @@ const tableStore = new TableStore({
|
|||||||
type: 'primary',
|
type: 'primary',
|
||||||
icon: 'el-icon-Open',
|
icon: 'el-icon-Open',
|
||||||
render: 'basicButton',
|
render: 'basicButton',
|
||||||
disabled: row => {
|
showDisabled: row => {
|
||||||
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
||||||
},
|
},
|
||||||
click: row => {
|
click: row => {
|
||||||
|
|||||||
@@ -157,7 +157,7 @@ const tableStore = new TableStore({
|
|||||||
type: 'primary',
|
type: 'primary',
|
||||||
icon: 'el-icon-Open',
|
icon: 'el-icon-Open',
|
||||||
render: 'basicButton',
|
render: 'basicButton',
|
||||||
disabled: row => {
|
showDisabled: row => {
|
||||||
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
||||||
},
|
},
|
||||||
click: row => {
|
click: row => {
|
||||||
|
|||||||
Reference in New Issue
Block a user