联调 全景技术监督页面 修改 编辑禁止点击

This commit is contained in:
GGJ
2024-06-24 19:42:33 +08:00
parent 6292e7ab18
commit 8551527aa6
17 changed files with 39 additions and 36 deletions

View File

@@ -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"
> >

View File

@@ -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({
@@ -285,7 +284,7 @@ const info = (row: any) => {
name: data[i].name name: data[i].name
}, },
{ {
value: 100 - (data[i].value||0), value: 100 - (data[i].value || 0),
name: '', name: '',
itemStyle: { itemStyle: {
color: 'rgba(0,0,0,0)', color: 'rgba(0,0,0,0)',
@@ -415,13 +414,13 @@ const info = (row: any) => {
] ]
statisticsCharts.value = { statisticsCharts.value = {
title: { title: {
text:'总数:'+ (data[0].value + data[1].value + data[2].value), text: '总数:' + (data[0].value + data[1].value + data[2].value),
left: '23%', left: '23%',
top: '45%', top: '45%',
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 })

View File

@@ -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>

View File

@@ -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 => {

View File

@@ -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 => {

View File

@@ -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 => {

View File

@@ -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 => {

View File

@@ -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 => {

View File

@@ -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 => {

View File

@@ -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 => {

View File

@@ -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 => {

View File

@@ -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 => {

View File

@@ -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 => {

View File

@@ -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 => {

View File

@@ -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 => {

View File

@@ -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 => {

View File

@@ -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 => {