修改 编辑按钮显示禁用
This commit is contained in:
@@ -153,3 +153,11 @@ export function getGridDiagramStatistics(data: any) {
|
||||
export function getGridDiagramRunData(data: any) {
|
||||
return request({ url: '/harmonic-boot/gridDiagram/getGridDiagramRunData', method: 'post', data })
|
||||
}
|
||||
//技术监督首页数据展示
|
||||
export function getSupervisionData(data: any) {
|
||||
return request({ url: '/supervision-boot/gridDiagram/getSupervisionData', method: 'post', data })
|
||||
}
|
||||
//技术监督详细页面展示
|
||||
export function getSupervisionDetailsData(data: any) {
|
||||
return request({ url: '/supervision-boot/gridDiagram/getSupervisionDetailsData', method: 'post', data })
|
||||
}
|
||||
|
||||
@@ -71,6 +71,7 @@
|
||||
:class="btn.class"
|
||||
class="table-operate"
|
||||
:type="btn.type"
|
||||
:disabled="btn.showDisabled"
|
||||
:loading="props.row.loading || false"
|
||||
v-bind="btn.attr"
|
||||
>
|
||||
|
||||
@@ -164,10 +164,7 @@ const Voltage: any = [
|
||||
label: '用户投诉',
|
||||
value: '2'
|
||||
},
|
||||
{
|
||||
label: '谐波普测',
|
||||
value: '3'
|
||||
}
|
||||
|
||||
]
|
||||
|
||||
const active: any = ref(Voltage[0].value)
|
||||
|
||||
@@ -3,14 +3,14 @@
|
||||
<el-dialog draggable title="技术监督管理统计" v-model="dialogVisible" width="1400px">
|
||||
<div>
|
||||
<vxe-table v-bind="defaultAttribute" ref="vxeRef" height="320px" :data="tableData">
|
||||
<vxe-column field="devName" title="区域" />
|
||||
<vxe-column field="num" title="异常问题总数" />
|
||||
<vxe-column field="num" title="工单总数" />
|
||||
<vxe-column field="orgName" title="区域" />
|
||||
<vxe-column field="abnormalNum" title="异常问题总数" />
|
||||
<vxe-column field="workNum" title="工单总数" />
|
||||
<!-- <vxe-column field="num" title="已关联工单数" /> -->
|
||||
<vxe-column field="num" title="工单转换率(%)" />
|
||||
<vxe-column field="conversionNum" title="工单转换率(%)" />
|
||||
|
||||
<vxe-column field="num" title="已处理工单数" />
|
||||
<vxe-column field="num" title="工单处置率(%)" />
|
||||
<vxe-column field="processedNum" title="已处理工单数" />
|
||||
<vxe-column field="disposalNum" title="工单处置率(%)" />
|
||||
</vxe-table>
|
||||
</div>
|
||||
<div style="height: 300px; margin-top: 10px">
|
||||
@@ -22,39 +22,10 @@
|
||||
import { ref } from 'vue'
|
||||
import MyEChart from '@/components/echarts/MyEchart.vue'
|
||||
import { defaultAttribute } from '@/components/table/defaultAttribute'
|
||||
|
||||
import { getSupervisionDetailsData } from '@/api/device-boot/panorama'
|
||||
const dialogVisible: any = ref(false)
|
||||
|
||||
const tableData: any = ref([
|
||||
{
|
||||
devName: '张家口',
|
||||
num: ''
|
||||
},
|
||||
{
|
||||
devName: '秦皇岛',
|
||||
num: ''
|
||||
},
|
||||
{
|
||||
devName: '承德',
|
||||
num: ''
|
||||
},
|
||||
{
|
||||
devName: '唐山',
|
||||
num: ''
|
||||
},
|
||||
{
|
||||
devName: '廊坊',
|
||||
num: ''
|
||||
},
|
||||
{
|
||||
devName: '风光储',
|
||||
num: ''
|
||||
},
|
||||
{
|
||||
devName: '超高压',
|
||||
num: ''
|
||||
}
|
||||
])
|
||||
const tableData: any = ref([])
|
||||
|
||||
const picEChart = ref({
|
||||
title: {
|
||||
@@ -62,14 +33,17 @@ const picEChart = ref({
|
||||
},
|
||||
xAxis: {
|
||||
name: '(区域)',
|
||||
data: ['技术监督计划', '用户投诉', '谐波普测问题', '在线率问题']
|
||||
data: ['技术监督计划', '用户投诉', '在线率问题']
|
||||
},
|
||||
|
||||
yAxis: {
|
||||
name: '',
|
||||
min: 0,
|
||||
max: 100
|
||||
},
|
||||
|
||||
options: {
|
||||
dataZoom: null,
|
||||
series: [
|
||||
{
|
||||
name: '问题个数',
|
||||
@@ -87,6 +61,9 @@ const picEChart = ref({
|
||||
})
|
||||
const open = async (row: any) => {
|
||||
dialogVisible.value = true
|
||||
getSupervisionDetailsData(row).then(res => {
|
||||
tableData.value = res.data
|
||||
})
|
||||
}
|
||||
|
||||
defineExpose({ open })
|
||||
@@ -94,4 +71,5 @@ defineExpose({ open })
|
||||
<style lang="scss" scoped>
|
||||
:deep(.el-dialog__body) {
|
||||
max-height: none !important;
|
||||
}</style>
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -194,29 +194,29 @@
|
||||
<el-col :span="11" class="col pt10">
|
||||
<div>
|
||||
<span>异常问题总数:</span>
|
||||
<span style="color: #2dcd28">0个</span>
|
||||
<span style="color: #2dcd28">{{ technology?.abnormalNum }}个</span>
|
||||
</div>
|
||||
<div>
|
||||
<span style="width: 120px">已关联工单数:</span>
|
||||
<span style="color: #81b337">0个</span>
|
||||
<span style="color: #81b337">{{ technology?.associatedNum }}个</span>
|
||||
</div>
|
||||
<div>
|
||||
<span style="width: 120px"> 工单转换率:</span>
|
||||
<span style="color: #338dff">0%</span>
|
||||
<span style="color: #338dff">{{ technology?.conversionNum }}%</span>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="11" class="col pt10" :offset="0.5">
|
||||
<div>
|
||||
<span>工单总是</span>
|
||||
<span style="color: #2dcd28">0个</span>
|
||||
<span style="color: #2dcd28">{{ technology?.workNum }}个</span>
|
||||
</div>
|
||||
<div>
|
||||
<span style="width: 120px">已处理工单数:</span>
|
||||
<span style="color: #81b337">0个</span>
|
||||
<span style="color: #81b337">{{ technology?.processedNum }}个</span>
|
||||
</div>
|
||||
<div>
|
||||
<span style="width: 120px"> 工单处置率:</span>
|
||||
<span style="color: #338dff">0%</span>
|
||||
<span style="color: #338dff">{{ technology?.disposalNum }}%</span>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@@ -257,7 +257,12 @@ import Evaluate from './details/evaluate.vue'
|
||||
import steadyState from './details/steadyState.vue'
|
||||
import temporaryState from './details/temporaryState.vue'
|
||||
import technique from './details/technique.vue'
|
||||
import { getAssessOverview, getEvaluationOverview, getEventLevelEvaluation } from '@/api/device-boot/panorama'
|
||||
import {
|
||||
getAssessOverview,
|
||||
getEvaluationOverview,
|
||||
getEventLevelEvaluation,
|
||||
getSupervisionData
|
||||
} from '@/api/device-boot/panorama'
|
||||
const dictData = useDictData()
|
||||
const show = ref(false)
|
||||
const height = mainHeight(30)
|
||||
@@ -295,6 +300,7 @@ const options = ref([
|
||||
value: '5'
|
||||
}
|
||||
])
|
||||
const technology: any = ref({})
|
||||
const harmonicType = ref('0')
|
||||
const transientNum = ref([0, 0])
|
||||
const options1: any = dictData.getBasicData('Event_Statis').filter(item => {
|
||||
@@ -338,10 +344,7 @@ const JDlist = ref([
|
||||
name: '用户投诉',
|
||||
value: 0
|
||||
},
|
||||
{
|
||||
name: '谐波普测',
|
||||
value: 0
|
||||
}
|
||||
|
||||
])
|
||||
const harmonicList: any = ref([])
|
||||
const harmonicLineRatio: any = ref(0)
|
||||
@@ -382,6 +385,14 @@ const info = (row: any) => {
|
||||
assessList.value = res.data
|
||||
})
|
||||
}, 300)
|
||||
// 技术监督查询
|
||||
getSupervisionData(form).then(res => {
|
||||
technology.value = res.data
|
||||
JDlist.value[0].value = res.data?.surveyNum || 0
|
||||
JDlist.value[1].value = res.data?.onLineNum || 0
|
||||
JDlist.value[2].value = res.data?.userNum || 0
|
||||
|
||||
})
|
||||
}
|
||||
const harmonicChange = () => {
|
||||
getEvaluationOverview({ ...formRow.value, harmonicType: harmonicType.value }).then(res => {
|
||||
|
||||
@@ -159,7 +159,7 @@ const tableStore = new TableStore({
|
||||
type: 'primary',
|
||||
icon: 'el-icon-Open',
|
||||
render: 'basicButton',
|
||||
disabled: row => {
|
||||
showDisabled: row => {
|
||||
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
||||
},
|
||||
click: row => {
|
||||
|
||||
@@ -176,7 +176,7 @@ const tableStore = new TableStore({
|
||||
type: 'primary',
|
||||
icon: 'el-icon-Open',
|
||||
render: 'basicButton',
|
||||
disabled: row => {
|
||||
showDisabled: row => {
|
||||
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
||||
},
|
||||
click: row => {
|
||||
|
||||
@@ -177,7 +177,7 @@ const tableStore = new TableStore({
|
||||
type: 'primary',
|
||||
icon: 'el-icon-Open',
|
||||
render: 'basicButton',
|
||||
disabled: row => {
|
||||
showDisabled: row => {
|
||||
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
||||
},
|
||||
click: row => {
|
||||
|
||||
@@ -171,7 +171,7 @@ const tableStore = new TableStore({
|
||||
type: 'primary',
|
||||
icon: 'el-icon-Open',
|
||||
render: 'basicButton',
|
||||
disabled: row => {
|
||||
showDisabled: row => {
|
||||
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
||||
},
|
||||
click: row => {
|
||||
|
||||
@@ -175,7 +175,7 @@ const tableStore = new TableStore({
|
||||
type: 'primary',
|
||||
icon: 'el-icon-Open',
|
||||
render: 'basicButton',
|
||||
disabled: row => {
|
||||
showDisabled: row => {
|
||||
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
||||
},
|
||||
click: row => {
|
||||
|
||||
@@ -172,7 +172,7 @@ const tableStore = new TableStore({
|
||||
type: 'primary',
|
||||
icon: 'el-icon-Open',
|
||||
render: 'basicButton',
|
||||
disabled: row => {
|
||||
showDisabled: row => {
|
||||
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
||||
},
|
||||
click: row => {
|
||||
|
||||
@@ -170,7 +170,7 @@ const tableStore = new TableStore({
|
||||
type: 'primary',
|
||||
icon: 'el-icon-Open',
|
||||
render: 'basicButton',
|
||||
disabled: row => {
|
||||
showDisabled: row => {
|
||||
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
||||
},
|
||||
click: row => {
|
||||
|
||||
@@ -152,7 +152,7 @@ const tableStore = new TableStore({
|
||||
type: 'primary',
|
||||
icon: 'el-icon-Open',
|
||||
render: 'basicButton',
|
||||
disabled: row => {
|
||||
showDisabled: row => {
|
||||
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
||||
},
|
||||
click: row => {
|
||||
|
||||
@@ -135,7 +135,7 @@ const tableStore = new TableStore({
|
||||
type: 'primary',
|
||||
icon: 'el-icon-Open',
|
||||
render: 'basicButton',
|
||||
disabled: row => {
|
||||
showDisabled: row => {
|
||||
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
||||
},
|
||||
click: row => {
|
||||
|
||||
@@ -129,7 +129,7 @@ const tableStore = new TableStore({
|
||||
type: 'primary',
|
||||
icon: 'el-icon-Open',
|
||||
render: 'basicButton',
|
||||
disabled: row => {
|
||||
showDisabled: row => {
|
||||
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
||||
},
|
||||
click: row => {
|
||||
|
||||
@@ -172,7 +172,7 @@ const tableStore = new TableStore({
|
||||
type: 'primary',
|
||||
icon: 'el-icon-Open',
|
||||
render: 'basicButton',
|
||||
disabled: row => {
|
||||
showDisabled: row => {
|
||||
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
||||
},
|
||||
click: row => {
|
||||
|
||||
@@ -157,7 +157,7 @@ const tableStore = new TableStore({
|
||||
type: 'primary',
|
||||
icon: 'el-icon-Open',
|
||||
render: 'basicButton',
|
||||
disabled: row => {
|
||||
showDisabled: row => {
|
||||
return row.createBy != adminInfo.$state.id || !(row.status == 0)
|
||||
},
|
||||
click: row => {
|
||||
|
||||
1
types/table.d.ts
vendored
1
types/table.d.ts
vendored
@@ -95,6 +95,7 @@ declare global {
|
||||
|
||||
// 按钮是否禁用,请返回布尔值
|
||||
disabled?: (row: TableRow, field: TableColumn) => boolean
|
||||
showDisabled?: (row: TableRow, field: TableColumn) => boolean
|
||||
// 自定义el-button属性
|
||||
attr?: Partial<Mutable<ButtonProps>>
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user