修改 查看详情 返回页面刷新
This commit is contained in:
@@ -24,8 +24,8 @@
|
|||||||
</vxe-column>
|
</vxe-column>
|
||||||
<vxe-column field="qualifyData" title="指标合格率(%)" />
|
<vxe-column field="qualifyData" title="指标合格率(%)" />
|
||||||
|
|
||||||
<vxe-colgroup title="电压偏差">
|
<vxe-colgroup title="评估结论">
|
||||||
<vxe-column field="vdevAssessLevel" title="评估结论">
|
<vxe-column field="vdevAssessLevel" title="电压偏差">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<span
|
<span
|
||||||
class="conclusion"
|
class="conclusion"
|
||||||
@@ -43,10 +43,8 @@
|
|||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</vxe-column>
|
</vxe-column>
|
||||||
<vxe-column field="vdevQualifyData" title="指标合格率(%)" />
|
|
||||||
</vxe-colgroup>
|
<vxe-column field="freqAssessLevel" title="频率偏差">
|
||||||
<vxe-colgroup title="频率偏差">
|
|
||||||
<vxe-column field="freqAssessLevel" title="评估结论">
|
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<span
|
<span
|
||||||
class="conclusion"
|
class="conclusion"
|
||||||
@@ -64,10 +62,8 @@
|
|||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</vxe-column>
|
</vxe-column>
|
||||||
<vxe-column field="freqQualifyData" title="指标合格率(%)" />
|
|
||||||
</vxe-colgroup>
|
<vxe-column field="harmAssessLevel" title="电压总谐波畸变率">
|
||||||
<vxe-colgroup title="电压总谐波畸变率">
|
|
||||||
<vxe-column field="harmAssessLevel" title="评估结论">
|
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<span
|
<span
|
||||||
class="conclusion"
|
class="conclusion"
|
||||||
@@ -85,10 +81,8 @@
|
|||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</vxe-column>
|
</vxe-column>
|
||||||
<vxe-column field="harmQualifyData" title="指标合格率(%)" />
|
|
||||||
</vxe-colgroup>
|
<vxe-column field="flickerAssessLevel" title="电压闪变">
|
||||||
<vxe-colgroup title="电压闪变">
|
|
||||||
<vxe-column field="flickerAssessLevel" title="评估结论">
|
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<span
|
<span
|
||||||
class="conclusion"
|
class="conclusion"
|
||||||
@@ -106,10 +100,8 @@
|
|||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</vxe-column>
|
</vxe-column>
|
||||||
<vxe-column field="flickerQualifyData" title="指标合格率(%)" />
|
|
||||||
</vxe-colgroup>
|
<vxe-column field="unbalanceAssessLevel" title="三相电压不平衡度">
|
||||||
<vxe-colgroup title="三相电压不平衡度">
|
|
||||||
<vxe-column field="unbalanceAssessLevel" title="评估结论">
|
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<span
|
<span
|
||||||
class="conclusion"
|
class="conclusion"
|
||||||
@@ -127,7 +119,7 @@
|
|||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</vxe-column>
|
</vxe-column>
|
||||||
<vxe-column field="unbalanceQualifyData" title="指标合格率(%)" />
|
<!-- <vxe-column field="unbalanceQualifyData" title="指标合格率(%)" /> -->
|
||||||
</vxe-colgroup>
|
</vxe-colgroup>
|
||||||
</vxe-table>
|
</vxe-table>
|
||||||
</div>
|
</div>
|
||||||
@@ -193,13 +185,17 @@ const analysis = (e: any) => {
|
|||||||
|
|
||||||
let list: any = []
|
let list: any = []
|
||||||
let time: any = []
|
let time: any = []
|
||||||
|
let mun: any = []
|
||||||
res.data.forEach((item: any, num: any) => {
|
res.data.forEach((item: any, num: any) => {
|
||||||
time.push(item.deptName)
|
time.push(item.deptName)
|
||||||
list.push([])
|
list.push([])
|
||||||
item.children.forEach((val: any, i: any) => {
|
item.children.forEach((val: any, i: any) => {
|
||||||
|
mun.push(val.score == 3.14159 ? null : val.score)
|
||||||
list[num].push(val.score == 3.14159 ? null : val.score)
|
list[num].push(val.score == 3.14159 ? null : val.score)
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
console.log('🚀 ~ getAssessTrend ~ mun:', mun)
|
||||||
|
|
||||||
list.forEach((item: any, i: any) => {
|
list.forEach((item: any, i: any) => {
|
||||||
picEChart.value.options.series.push({
|
picEChart.value.options.series.push({
|
||||||
name: time[i],
|
name: time[i],
|
||||||
@@ -207,6 +203,8 @@ const analysis = (e: any) => {
|
|||||||
data: item
|
data: item
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
picEChart.value.yAxis.min = Math.min(...mun) < 1 ? 0 : (Math.min(...mun) - 0.5).toFixed(2)
|
||||||
|
picEChart.value.yAxis.max = Math.max(...mun) > 4.5 ? 5 : (Math.max(...mun) + 0.5).toFixed(2)
|
||||||
loading.value = false
|
loading.value = false
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -13,7 +13,7 @@
|
|||||||
import { useAdminInfo } from '@/stores/adminInfo'
|
import { useAdminInfo } from '@/stores/adminInfo'
|
||||||
//获取登陆用户姓名和部门
|
//获取登陆用户姓名和部门
|
||||||
const adminInfo = useAdminInfo()
|
const adminInfo = useAdminInfo()
|
||||||
import { ref, onMounted, provide, nextTick } from 'vue'
|
import { ref, onMounted, provide, watch } from 'vue'
|
||||||
import TableStore from '@/utils/tableStore'
|
import TableStore from '@/utils/tableStore'
|
||||||
import Table from '@/components/table/index.vue'
|
import Table from '@/components/table/index.vue'
|
||||||
import TableHeader from '@/components/table/header/index.vue'
|
import TableHeader from '@/components/table/header/index.vue'
|
||||||
@@ -23,13 +23,14 @@ import planAdd from './planAdd.vue'
|
|||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
import { queryPlan, removeSurvey } from '@/api/process-boot/generalTest'
|
import { queryPlan, removeSurvey } from '@/api/process-boot/generalTest'
|
||||||
import { getUserByRoleType } from '@/api/user-boot/user'
|
import { getUserByRoleType } from '@/api/user-boot/user'
|
||||||
const { push } = useRouter()
|
const { push, options, currentRoute } = useRouter()
|
||||||
const dialogVisible = ref(false)
|
const dialogVisible = ref(false)
|
||||||
const tableRef = ref()
|
const tableRef = ref()
|
||||||
const planAddRef = ref()
|
const planAddRef = ref()
|
||||||
const TableHeaderRef = ref()
|
const TableHeaderRef = ref()
|
||||||
const auditList: any = ref([])
|
const auditList: any = ref([])
|
||||||
const auditUser = ref('')
|
const auditUser = ref('')
|
||||||
|
const flag = ref(false)
|
||||||
const openType = ref('create')
|
const openType = ref('create')
|
||||||
const tableStore = new TableStore({
|
const tableStore = new TableStore({
|
||||||
url: '/supervision-boot/surveyPlan/surveyPlanPage',
|
url: '/supervision-boot/surveyPlan/surveyPlanPage',
|
||||||
@@ -89,6 +90,7 @@ const tableStore = new TableStore({
|
|||||||
icon: 'el-icon-EditPen',
|
icon: 'el-icon-EditPen',
|
||||||
render: 'basicButton',
|
render: 'basicButton',
|
||||||
click: row => {
|
click: row => {
|
||||||
|
flag.value = true
|
||||||
handleAudit(row.processInstanceId,row.historyInstanceId)
|
handleAudit(row.processInstanceId,row.historyInstanceId)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -198,6 +200,18 @@ onMounted(() => {
|
|||||||
auditList.value = res.data
|
auditList.value = res.data
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
watch(
|
||||||
|
() => currentRoute.value.path,
|
||||||
|
() => {
|
||||||
|
if (flag.value && options.history.state.forward?.split('/')[1] == 'bpm') {
|
||||||
|
tableStore.index()
|
||||||
|
flag.value = false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
deep: true
|
||||||
|
}
|
||||||
|
)
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss"></style>
|
<style scoped lang="scss"></style>
|
||||||
|
|||||||
@@ -30,7 +30,7 @@
|
|||||||
<addForm ref="addForms" @onSubmit="tableStore.index()" openType="create"></addForm>
|
<addForm ref="addForms" @onSubmit="tableStore.index()" openType="create"></addForm>
|
||||||
</template>
|
</template>
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { ref, onMounted, provide, nextTick } from 'vue'
|
import { ref, onMounted, provide, watch } from 'vue'
|
||||||
import TableStore from '@/utils/tableStore'
|
import TableStore from '@/utils/tableStore'
|
||||||
import Table from '@/components/table/index.vue'
|
import Table from '@/components/table/index.vue'
|
||||||
import TableHeader from '@/components/table/header/index.vue'
|
import TableHeader from '@/components/table/header/index.vue'
|
||||||
@@ -47,7 +47,7 @@ import { useAdminInfo } from '@/stores/adminInfo'
|
|||||||
//获取登陆用户姓名和部门
|
//获取登陆用户姓名和部门
|
||||||
const adminInfo = useAdminInfo()
|
const adminInfo = useAdminInfo()
|
||||||
const dictData = useDictData()
|
const dictData = useDictData()
|
||||||
const { push } = useRouter()
|
const { push, options, currentRoute } = useRouter()
|
||||||
const TableHeaderRef = ref()
|
const TableHeaderRef = ref()
|
||||||
const tableRef = ref()
|
const tableRef = ref()
|
||||||
const areaOptionList = dictData.getBasicData('jibei_area')
|
const areaOptionList = dictData.getBasicData('jibei_area')
|
||||||
@@ -56,6 +56,7 @@ const AuditRef = ref()
|
|||||||
const ruleFormRef = ref()
|
const ruleFormRef = ref()
|
||||||
const show: any = ref(false)
|
const show: any = ref(false)
|
||||||
const fileList = ref([])
|
const fileList = ref([])
|
||||||
|
const flag = ref(false)
|
||||||
const tableStore = new TableStore({
|
const tableStore = new TableStore({
|
||||||
url: '/supervision-boot/userReport/getUserReport',
|
url: '/supervision-boot/userReport/getUserReport',
|
||||||
publicHeight: 65,
|
publicHeight: 65,
|
||||||
@@ -133,6 +134,7 @@ const tableStore = new TableStore({
|
|||||||
icon: 'el-icon-EditPen',
|
icon: 'el-icon-EditPen',
|
||||||
render: 'basicButton',
|
render: 'basicButton',
|
||||||
click: row => {
|
click: row => {
|
||||||
|
flag.value = true
|
||||||
handleAudit(row.processInstanceId, row.historyInstanceId)
|
handleAudit(row.processInstanceId, row.historyInstanceId)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -143,7 +145,7 @@ const tableStore = new TableStore({
|
|||||||
icon: 'el-icon-Open',
|
icon: 'el-icon-Open',
|
||||||
render: 'basicButton',
|
render: 'basicButton',
|
||||||
disabled: row => {
|
disabled: row => {
|
||||||
return row.createBy != adminInfo.$state.id || row.status !=3
|
return row.createBy != adminInfo.$state.id || row.status != 3
|
||||||
},
|
},
|
||||||
click: row => {
|
click: row => {
|
||||||
addForms.value.open({
|
addForms.value.open({
|
||||||
@@ -159,7 +161,7 @@ const tableStore = new TableStore({
|
|||||||
icon: 'el-icon-Open',
|
icon: 'el-icon-Open',
|
||||||
render: 'basicButton',
|
render: 'basicButton',
|
||||||
disabled: row => {
|
disabled: row => {
|
||||||
return row.createBy != adminInfo.$state.id || row.status !=1
|
return row.createBy != adminInfo.$state.id || row.status != 1
|
||||||
},
|
},
|
||||||
click: row => {
|
click: row => {
|
||||||
cancelLeave(row)
|
cancelLeave(row)
|
||||||
@@ -238,6 +240,18 @@ const cancelLeave = async (row: any) => {
|
|||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
tableStore.index()
|
tableStore.index()
|
||||||
})
|
})
|
||||||
|
watch(
|
||||||
|
() => currentRoute.value.path,
|
||||||
|
() => {
|
||||||
|
if (flag.value && options.history.state.forward?.split('/')[1] == 'bpm') {
|
||||||
|
tableStore.index()
|
||||||
|
flag.value = false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
deep: true
|
||||||
|
}
|
||||||
|
)
|
||||||
|
|
||||||
/** 处理审批按钮 */
|
/** 处理审批按钮 */
|
||||||
const handleAudit = (instanceId: any, historyInstanceId: any) => {
|
const handleAudit = (instanceId: any, historyInstanceId: any) => {
|
||||||
|
|||||||
@@ -53,9 +53,10 @@ const adminInfo = useAdminInfo()
|
|||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'plan'
|
name: 'plan'
|
||||||
})
|
})
|
||||||
|
const flag = ref(false)
|
||||||
// const layout = mainHeight(120) as any
|
// const layout = mainHeight(120) as any
|
||||||
const dictData = useDictData()
|
const dictData = useDictData()
|
||||||
const { push } = useRouter()
|
const { push, options, currentRoute } = useRouter()
|
||||||
const router = useRouter() // 路由对象
|
const router = useRouter() // 路由对象
|
||||||
const TableHeaderRef = ref()
|
const TableHeaderRef = ref()
|
||||||
const tableRef = ref()
|
const tableRef = ref()
|
||||||
@@ -172,6 +173,7 @@ const tableStore = new TableStore({
|
|||||||
icon: 'el-icon-EditPen',
|
icon: 'el-icon-EditPen',
|
||||||
render: 'basicButton',
|
render: 'basicButton',
|
||||||
click: row => {
|
click: row => {
|
||||||
|
flag.value = true
|
||||||
handleDetails(row.processInstanceId, row.historyInstanceId)
|
handleDetails(row.processInstanceId, row.historyInstanceId)
|
||||||
},
|
},
|
||||||
disabled: row => {
|
disabled: row => {
|
||||||
@@ -208,9 +210,7 @@ const tableStore = new TableStore({
|
|||||||
icon: 'el-icon-Open',
|
icon: 'el-icon-Open',
|
||||||
render: 'basicButton',
|
render: 'basicButton',
|
||||||
disabled: row => {
|
disabled: row => {
|
||||||
return (
|
return row.createBy != adminInfo.$state.id || row.status != 3
|
||||||
row.createBy != adminInfo.$state.id || row.status !=3
|
|
||||||
)
|
|
||||||
},
|
},
|
||||||
click: row => {
|
click: row => {
|
||||||
addForms.value.open({
|
addForms.value.open({
|
||||||
@@ -226,9 +226,7 @@ const tableStore = new TableStore({
|
|||||||
icon: 'el-icon-Open',
|
icon: 'el-icon-Open',
|
||||||
render: 'basicButton',
|
render: 'basicButton',
|
||||||
disabled: row => {
|
disabled: row => {
|
||||||
return (
|
return row.createBy != adminInfo.$state.id || row.status != 1
|
||||||
row.createBy != adminInfo.$state.id || row.status != 1
|
|
||||||
)
|
|
||||||
},
|
},
|
||||||
click: row => {
|
click: row => {
|
||||||
cancelLeave(row)
|
cancelLeave(row)
|
||||||
@@ -359,4 +357,16 @@ const handleEffectProblem = (row: any) => {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
watch(
|
||||||
|
() => currentRoute.value.path,
|
||||||
|
() => {
|
||||||
|
if (flag.value && options.history.state.forward?.split('/')[1] == 'bpm') {
|
||||||
|
tableStore.index()
|
||||||
|
flag.value = false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
deep: true
|
||||||
|
}
|
||||||
|
)
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<!--待办事项列表-->
|
<!--待办事项列表-->
|
||||||
<template>
|
<template>
|
||||||
<div class='default-main'>
|
<div>
|
||||||
<TableHeader date-picker>
|
<TableHeader date-picker>
|
||||||
<template v-slot:select>
|
<template v-slot:select>
|
||||||
<!-- <el-form-item label='任务名称'>-->
|
<!-- <el-form-item label='任务名称'>-->
|
||||||
@@ -12,22 +12,21 @@
|
|||||||
<!-- </el-form-item>-->
|
<!-- </el-form-item>-->
|
||||||
</template>
|
</template>
|
||||||
<template #operation>
|
<template #operation>
|
||||||
<el-button icon='el-icon-Plus' type='primary' @click='add'>新增</el-button>
|
<el-button icon="el-icon-Plus" type="primary" @click="add">新增</el-button>
|
||||||
</template>
|
</template>
|
||||||
</TableHeader>
|
</TableHeader>
|
||||||
<!--表格-->
|
<!--表格-->
|
||||||
<Table ref='tableRef'></Table>
|
<Table ref="tableRef"></Table>
|
||||||
<!--弹框-->
|
<!--弹框-->
|
||||||
<device-quit-popup ref='deviceQuitPopup' />
|
<device-quit-popup ref="deviceQuitPopup" />
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang='ts'>
|
<script setup lang="ts">
|
||||||
import TableStore from '@/utils/tableStore'
|
import TableStore from '@/utils/tableStore'
|
||||||
import Table from '@/components/table/index.vue'
|
import Table from '@/components/table/index.vue'
|
||||||
import TableHeader from '@/components/table/header/index.vue'
|
import TableHeader from '@/components/table/header/index.vue'
|
||||||
import { onMounted, provide, ref } from 'vue'
|
import { onMounted, provide, ref, watch } from 'vue'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
import DeviceQuitPopup from '@/views/pqs/supervise/retire/deviceQuitPopup.vue'
|
import DeviceQuitPopup from '@/views/pqs/supervise/retire/deviceQuitPopup.vue'
|
||||||
import { ElMessage } from 'element-plus'
|
import { ElMessage } from 'element-plus'
|
||||||
@@ -37,16 +36,20 @@ import { cancelQuitRunningDevice } from '@/api/supervision-boot/device/quitRunni
|
|||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'supervision/retire'
|
name: 'supervision/retire'
|
||||||
})
|
})
|
||||||
const { push } = useRouter()
|
const { push, options, currentRoute } = useRouter()
|
||||||
const deviceQuitPopup = ref()
|
const deviceQuitPopup = ref()
|
||||||
|
const flag = ref(false)
|
||||||
|
|
||||||
const tableStore = new TableStore({
|
const tableStore = new TableStore({
|
||||||
url: '/supervision-boot/quitRunningDevice/list',
|
url: '/supervision-boot/quitRunningDevice/list',
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
|
publicHeight: 65,
|
||||||
column: [
|
column: [
|
||||||
{ title: '序号', type: 'seq', width: 80 },
|
{ title: '序号', type: 'seq', width: 80 },
|
||||||
{
|
{
|
||||||
title: '设备类型', field: 'deviceType', minWidth: 130,
|
title: '设备类型',
|
||||||
|
field: 'deviceType',
|
||||||
|
minWidth: 130,
|
||||||
render: 'tag',
|
render: 'tag',
|
||||||
custom: {
|
custom: {
|
||||||
1: 'primary',
|
1: 'primary',
|
||||||
@@ -62,7 +65,9 @@ const tableStore = new TableStore({
|
|||||||
{ title: '设备名称', field: 'deviceName', minWidth: 130 },
|
{ title: '设备名称', field: 'deviceName', minWidth: 130 },
|
||||||
{ title: '退役原因', field: 'propertyNo', minWidth: 130 },
|
{ title: '退役原因', field: 'propertyNo', minWidth: 130 },
|
||||||
{
|
{
|
||||||
title: '设备状态', field: 'deviceStatus', minWidth: 130,
|
title: '设备状态',
|
||||||
|
field: 'deviceStatus',
|
||||||
|
minWidth: 130,
|
||||||
render: 'tag',
|
render: 'tag',
|
||||||
custom: {
|
custom: {
|
||||||
0: 'success',
|
0: 'success',
|
||||||
@@ -80,7 +85,9 @@ const tableStore = new TableStore({
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
field: 'status', title: '审核状态', minWidth: 100,
|
field: 'status',
|
||||||
|
title: '审核状态',
|
||||||
|
minWidth: 100,
|
||||||
render: 'tag',
|
render: 'tag',
|
||||||
custom: {
|
custom: {
|
||||||
1: 'primary',
|
1: 'primary',
|
||||||
@@ -111,7 +118,8 @@ const tableStore = new TableStore({
|
|||||||
icon: 'el-icon-EditPen',
|
icon: 'el-icon-EditPen',
|
||||||
render: 'basicButton',
|
render: 'basicButton',
|
||||||
click: row => {
|
click: row => {
|
||||||
handleAudit(row.processInstanceId,row.historyInstanceId)
|
flag.value = true
|
||||||
|
handleAudit(row.processInstanceId, row.historyInstanceId)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -149,7 +157,6 @@ const tableStore = new TableStore({
|
|||||||
delete tableStore.table.params[key]
|
delete tableStore.table.params[key]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
@@ -166,7 +173,7 @@ const add = () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/** 流程实例详情 */
|
/** 流程实例详情 */
|
||||||
const handleAudit = (instanceId: string,historyInstanceId:string) => {
|
const handleAudit = (instanceId: string, historyInstanceId: string) => {
|
||||||
push({
|
push({
|
||||||
name: 'BpmProcessInstanceDetail',
|
name: 'BpmProcessInstanceDetail',
|
||||||
state: {
|
state: {
|
||||||
@@ -197,5 +204,16 @@ const cancelLeave = async (row: any) => {
|
|||||||
tableStore.index()
|
tableStore.index()
|
||||||
}
|
}
|
||||||
|
|
||||||
|
watch(
|
||||||
|
() => currentRoute.value.path,
|
||||||
|
() => {
|
||||||
|
if (flag.value && options.history.state.forward?.split('/')[1] == 'bpm') {
|
||||||
|
tableStore.index()
|
||||||
|
flag.value = false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
deep: true
|
||||||
|
}
|
||||||
|
)
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<!--待办事项列表-->
|
<!--待办事项列表-->
|
||||||
<template>
|
<template>
|
||||||
<div class='default-main'>
|
<div>
|
||||||
<TableHeader date-picker>
|
<TableHeader date-picker>
|
||||||
<template v-slot:select>
|
<template v-slot:select>
|
||||||
<!-- <el-form-item label='任务名称'>-->
|
<!-- <el-form-item label='任务名称'>-->
|
||||||
@@ -12,22 +12,21 @@
|
|||||||
<!-- </el-form-item>-->
|
<!-- </el-form-item>-->
|
||||||
</template>
|
</template>
|
||||||
<template #operation>
|
<template #operation>
|
||||||
<el-button icon='el-icon-Plus' type='primary' @click='add'>新增</el-button>
|
<el-button icon="el-icon-Plus" type="primary" @click="add">新增</el-button>
|
||||||
</template>
|
</template>
|
||||||
</TableHeader>
|
</TableHeader>
|
||||||
<!--表格-->
|
<!--表格-->
|
||||||
<Table ref='tableRef'></Table>
|
<Table ref="tableRef"></Table>
|
||||||
<!--弹框-->
|
<!--弹框-->
|
||||||
<device-quit-popup ref='deviceQuitPopup' />
|
<device-quit-popup ref="deviceQuitPopup" />
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang='ts'>
|
<script setup lang="ts">
|
||||||
import TableStore from '@/utils/tableStore'
|
import TableStore from '@/utils/tableStore'
|
||||||
import Table from '@/components/table/index.vue'
|
import Table from '@/components/table/index.vue'
|
||||||
import TableHeader from '@/components/table/header/index.vue'
|
import TableHeader from '@/components/table/header/index.vue'
|
||||||
import { onMounted, provide, ref } from 'vue'
|
import { onMounted, provide, ref, watch } from 'vue'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
import DeviceQuitPopup from '@/views/pqs/supervise/retire/deviceQuitPopup.vue'
|
import DeviceQuitPopup from '@/views/pqs/supervise/retire/deviceQuitPopup.vue'
|
||||||
import { ElMessage } from 'element-plus'
|
import { ElMessage } from 'element-plus'
|
||||||
@@ -37,16 +36,19 @@ import { cancelQuitRunningDevice } from '@/api/supervision-boot/device/quitRunni
|
|||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'supervision/retire'
|
name: 'supervision/retire'
|
||||||
})
|
})
|
||||||
const { push } = useRouter()
|
const { push, options, currentRoute } = useRouter()
|
||||||
const deviceQuitPopup = ref()
|
const deviceQuitPopup = ref()
|
||||||
|
const flag = ref(false)
|
||||||
const tableStore = new TableStore({
|
const tableStore = new TableStore({
|
||||||
url: '/supervision-boot/quitRunningDevice/list',
|
url: '/supervision-boot/quitRunningDevice/list',
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
|
publicHeight: 65,
|
||||||
column: [
|
column: [
|
||||||
{ title: '序号', type: 'seq', width: 80 },
|
{ title: '序号', type: 'seq', width: 80 },
|
||||||
{
|
{
|
||||||
title: '设备类型', field: 'deviceType', minWidth: 130,
|
title: '设备类型',
|
||||||
|
field: 'deviceType',
|
||||||
|
minWidth: 130,
|
||||||
render: 'tag',
|
render: 'tag',
|
||||||
custom: {
|
custom: {
|
||||||
1: 'primary',
|
1: 'primary',
|
||||||
@@ -62,7 +64,9 @@ const tableStore = new TableStore({
|
|||||||
{ title: '设备名称', field: 'deviceName', minWidth: 130 },
|
{ title: '设备名称', field: 'deviceName', minWidth: 130 },
|
||||||
{ title: '退役原因', field: 'propertyNo', minWidth: 130 },
|
{ title: '退役原因', field: 'propertyNo', minWidth: 130 },
|
||||||
{
|
{
|
||||||
title: '设备状态', field: 'deviceStatus', minWidth: 130,
|
title: '设备状态',
|
||||||
|
field: 'deviceStatus',
|
||||||
|
minWidth: 130,
|
||||||
render: 'tag',
|
render: 'tag',
|
||||||
custom: {
|
custom: {
|
||||||
0: 'success',
|
0: 'success',
|
||||||
@@ -80,7 +84,9 @@ const tableStore = new TableStore({
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
field: 'status', title: '审核状态', minWidth: 100,
|
field: 'status',
|
||||||
|
title: '审核状态',
|
||||||
|
minWidth: 100,
|
||||||
render: 'tag',
|
render: 'tag',
|
||||||
custom: {
|
custom: {
|
||||||
1: 'primary',
|
1: 'primary',
|
||||||
@@ -111,7 +117,8 @@ const tableStore = new TableStore({
|
|||||||
icon: 'el-icon-EditPen',
|
icon: 'el-icon-EditPen',
|
||||||
render: 'basicButton',
|
render: 'basicButton',
|
||||||
click: row => {
|
click: row => {
|
||||||
handleAudit(row.processInstanceId,row.historyInstanceId)
|
flag.value = true
|
||||||
|
handleAudit(row.processInstanceId, row.historyInstanceId)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -149,7 +156,6 @@ const tableStore = new TableStore({
|
|||||||
delete tableStore.table.params[key]
|
delete tableStore.table.params[key]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
@@ -166,7 +172,7 @@ const add = () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/** 流程实例详情 */
|
/** 流程实例详情 */
|
||||||
const handleAudit = (instanceId: string,historyInstanceId:string) => {
|
const handleAudit = (instanceId: string, historyInstanceId: string) => {
|
||||||
push({
|
push({
|
||||||
name: 'BpmProcessInstanceDetail',
|
name: 'BpmProcessInstanceDetail',
|
||||||
state: {
|
state: {
|
||||||
@@ -197,5 +203,16 @@ const cancelLeave = async (row: any) => {
|
|||||||
tableStore.index()
|
tableStore.index()
|
||||||
}
|
}
|
||||||
|
|
||||||
|
watch(
|
||||||
|
() => currentRoute.value.path,
|
||||||
|
() => {
|
||||||
|
if (flag.value && options.history.state.forward?.split('/')[1] == 'bpm') {
|
||||||
|
tableStore.index()
|
||||||
|
flag.value = false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
deep: true
|
||||||
|
}
|
||||||
|
)
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -20,7 +20,13 @@
|
|||||||
label-position="right"
|
label-position="right"
|
||||||
>
|
>
|
||||||
<el-form-item label="原因:" prop="reason">
|
<el-form-item label="原因:" prop="reason">
|
||||||
<el-input v-model="form.reason" autocomplete="off" placeholder="请输入原因" />
|
<el-input
|
||||||
|
v-model="form.reason"
|
||||||
|
autocomplete="off"
|
||||||
|
:autosize="{ minRows: 2, maxRows: 4 }"
|
||||||
|
type="textarea"
|
||||||
|
placeholder="请输入原因"
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
@@ -37,10 +43,10 @@ import { useDictData } from '@/stores/dictData'
|
|||||||
import { useAdminInfo } from '@/stores/adminInfo'
|
import { useAdminInfo } from '@/stores/adminInfo'
|
||||||
import { addMointorPointTempLinedebug } from '@/api/supervision-boot/jointDebugList/index'
|
import { addMointorPointTempLinedebug } from '@/api/supervision-boot/jointDebugList/index'
|
||||||
const emits = defineEmits(['onSubmit'])
|
const emits = defineEmits(['onSubmit'])
|
||||||
const props=defineProps({
|
const props = defineProps({
|
||||||
debugId:{
|
debugId: {
|
||||||
type:String,
|
type: String,
|
||||||
default:''
|
default: ''
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
const dictData = useDictData()
|
const dictData = useDictData()
|
||||||
@@ -52,7 +58,7 @@ const selectFormType = ref('')
|
|||||||
selectFormType.value = '0'
|
selectFormType.value = '0'
|
||||||
const resetForm = () => {
|
const resetForm = () => {
|
||||||
form.value = {
|
form.value = {
|
||||||
reason: '', //填报人
|
reason: '' //填报人
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
//初始化数据
|
//初始化数据
|
||||||
@@ -101,9 +107,9 @@ const confirmForm = () => {
|
|||||||
ruleFormRef.value.validate(valid => {
|
ruleFormRef.value.validate(valid => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
//提交监测点联调信息
|
//提交监测点联调信息
|
||||||
form.value={
|
form.value = {
|
||||||
...form.value,
|
...form.value,
|
||||||
id:props.debugId
|
id: props.debugId
|
||||||
}
|
}
|
||||||
addMointorPointTempLinedebug(form.value).then(res => {
|
addMointorPointTempLinedebug(form.value).then(res => {
|
||||||
ruleFormRef.value.resetFields()
|
ruleFormRef.value.resetFields()
|
||||||
@@ -118,4 +124,3 @@ const confirmForm = () => {
|
|||||||
}
|
}
|
||||||
defineExpose({ open })
|
defineExpose({ open })
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@@ -27,7 +27,7 @@
|
|||||||
<addForm ref="addForms" @onSubmit="tableStore.index()"></addForm>
|
<addForm ref="addForms" @onSubmit="tableStore.index()"></addForm>
|
||||||
</template>
|
</template>
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { ref, onMounted, provide, nextTick } from 'vue'
|
import { ref, onMounted, provide, watch } from 'vue'
|
||||||
import TableStore from '@/utils/tableStore'
|
import TableStore from '@/utils/tableStore'
|
||||||
import Table from '@/components/table/index.vue'
|
import Table from '@/components/table/index.vue'
|
||||||
import TableHeader from '@/components/table/header/index.vue'
|
import TableHeader from '@/components/table/header/index.vue'
|
||||||
@@ -42,14 +42,8 @@ import { cancelMointorPointFormData } from '@/api/supervision-boot/monitorpoint/
|
|||||||
//获取登陆用户姓名和部门
|
//获取登陆用户姓名和部门
|
||||||
const adminInfo = useAdminInfo()
|
const adminInfo = useAdminInfo()
|
||||||
const dictData = useDictData()
|
const dictData = useDictData()
|
||||||
const { push, beforeEach } = useRouter()
|
const { push, options, currentRoute } = useRouter()
|
||||||
beforeEach((to, from) => {
|
const flag = ref(false)
|
||||||
if (from.path == '/bpm/instanceDetail') {
|
|
||||||
if (to.path == '/admin/terminalNetwotk') {
|
|
||||||
console.log('监测点2222')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
const TableHeaderRef = ref()
|
const TableHeaderRef = ref()
|
||||||
const tableRef = ref()
|
const tableRef = ref()
|
||||||
const areaOptionList = dictData.getBasicData('jibei_area')
|
const areaOptionList = dictData.getBasicData('jibei_area')
|
||||||
@@ -107,6 +101,7 @@ const tableStore = new TableStore({
|
|||||||
icon: 'el-icon-EditPen',
|
icon: 'el-icon-EditPen',
|
||||||
render: 'basicButton',
|
render: 'basicButton',
|
||||||
click: row => {
|
click: row => {
|
||||||
|
flag.value = true
|
||||||
handleAudit(row.processInstanceId, row.historyInstanceId)
|
handleAudit(row.processInstanceId, row.historyInstanceId)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -205,6 +200,18 @@ const exportEvent = () => {
|
|||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
tableStore.index()
|
tableStore.index()
|
||||||
})
|
})
|
||||||
|
watch(
|
||||||
|
() => currentRoute.value.path,
|
||||||
|
() => {
|
||||||
|
if (flag.value && options.history.state.forward?.split('/')[1] == 'bpm') {
|
||||||
|
tableStore.index()
|
||||||
|
flag.value = false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
deep: true
|
||||||
|
}
|
||||||
|
)
|
||||||
|
|
||||||
/** 处理审批按钮 */
|
/** 处理审批按钮 */
|
||||||
const handleAudit = (instanceId: any, historyInstanceId: any) => {
|
const handleAudit = (instanceId: any, historyInstanceId: any) => {
|
||||||
|
|||||||
@@ -12,7 +12,7 @@
|
|||||||
<addForm ref="addForms" @onSubmit="tableStore.index()"></addForm>
|
<addForm ref="addForms" @onSubmit="tableStore.index()"></addForm>
|
||||||
</template>
|
</template>
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { ref, onMounted, provide, nextTick } from 'vue'
|
import { ref, onMounted, provide, watch } from 'vue'
|
||||||
import TableStore from '@/utils/tableStore'
|
import TableStore from '@/utils/tableStore'
|
||||||
import Table from '@/components/table/index.vue'
|
import Table from '@/components/table/index.vue'
|
||||||
import TableHeader from '@/components/table/header/index.vue'
|
import TableHeader from '@/components/table/header/index.vue'
|
||||||
@@ -27,20 +27,15 @@ import { useAdminInfo } from '@/stores/adminInfo'
|
|||||||
//获取登陆用户姓名和部门
|
//获取登陆用户姓名和部门
|
||||||
const adminInfo = useAdminInfo()
|
const adminInfo = useAdminInfo()
|
||||||
const dictData = useDictData()
|
const dictData = useDictData()
|
||||||
const { push, beforeEach } = useRouter()
|
const { push, options, currentRoute } = useRouter()
|
||||||
beforeEach((to, from) => {
|
|
||||||
if (from.path == '/bpm/instanceDetail') {
|
|
||||||
if (to.path == '/admin/terminalNetwotk') {
|
|
||||||
console.log('终端1111')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
const TableHeaderRef = ref()
|
const TableHeaderRef = ref()
|
||||||
const tableRef = ref()
|
const tableRef = ref()
|
||||||
const areaOptionList = dictData.getBasicData('jibei_area')
|
const areaOptionList = dictData.getBasicData('jibei_area')
|
||||||
const ruleFormRef = ref()
|
const ruleFormRef = ref()
|
||||||
const show: any = ref(false)
|
const show: any = ref(false)
|
||||||
const fileList = ref([])
|
const fileList = ref([])
|
||||||
|
const flag = ref(false)
|
||||||
const tableStore = new TableStore({
|
const tableStore = new TableStore({
|
||||||
url: '/supervision-boot/deVReport/list',
|
url: '/supervision-boot/deVReport/list',
|
||||||
publicHeight: 65,
|
publicHeight: 65,
|
||||||
@@ -137,6 +132,7 @@ const tableStore = new TableStore({
|
|||||||
icon: 'el-icon-EditPen',
|
icon: 'el-icon-EditPen',
|
||||||
render: 'basicButton',
|
render: 'basicButton',
|
||||||
click: row => {
|
click: row => {
|
||||||
|
flag.value = true
|
||||||
handleAudit(row.processInstanceId, row.historyInstanceId)
|
handleAudit(row.processInstanceId, row.historyInstanceId)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -233,6 +229,18 @@ onMounted(() => {
|
|||||||
tableStore.index()
|
tableStore.index()
|
||||||
})
|
})
|
||||||
|
|
||||||
|
watch(
|
||||||
|
() => currentRoute.value.path,
|
||||||
|
() => {
|
||||||
|
if (flag.value && options.history.state.forward?.split('/')[1] == 'bpm') {
|
||||||
|
tableStore.index()
|
||||||
|
flag.value = false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
deep: true
|
||||||
|
}
|
||||||
|
)
|
||||||
/** 处理审批按钮 */
|
/** 处理审批按钮 */
|
||||||
const handleAudit = (instanceId: any, historyInstanceId: any) => {
|
const handleAudit = (instanceId: any, historyInstanceId: any) => {
|
||||||
push({
|
push({
|
||||||
|
|||||||
@@ -17,7 +17,7 @@
|
|||||||
import TableStore from '@/utils/tableStore'
|
import TableStore from '@/utils/tableStore'
|
||||||
import Table from '@/components/table/index.vue'
|
import Table from '@/components/table/index.vue'
|
||||||
import TableHeader from '@/components/table/header/index.vue'
|
import TableHeader from '@/components/table/header/index.vue'
|
||||||
import { onMounted, provide, ref } from 'vue'
|
import { onMounted, provide, ref,watch } from 'vue'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
import { dateFormatter, formatPast2 } from '@/utils/formatTime'
|
import { dateFormatter, formatPast2 } from '@/utils/formatTime'
|
||||||
|
|
||||||
@@ -25,8 +25,8 @@ defineOptions({
|
|||||||
name: 'businessUser'
|
name: 'businessUser'
|
||||||
})
|
})
|
||||||
|
|
||||||
const { push } = useRouter()
|
const { push, options, currentRoute } = useRouter()
|
||||||
|
const flag = ref(false)
|
||||||
const tableStore = new TableStore({
|
const tableStore = new TableStore({
|
||||||
url: '/bpm-boot/bpm/task/doneList',
|
url: '/bpm-boot/bpm/task/doneList',
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
@@ -87,6 +87,7 @@ const tableStore = new TableStore({
|
|||||||
icon: 'el-icon-EditPen',
|
icon: 'el-icon-EditPen',
|
||||||
render: 'basicButton',
|
render: 'basicButton',
|
||||||
click: row => {
|
click: row => {
|
||||||
|
flag.value = true
|
||||||
handleAudit(row.processInstance.id)
|
handleAudit(row.processInstance.id)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -118,4 +119,17 @@ const handleAudit = (instanceId: any) => {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
watch(
|
||||||
|
() => currentRoute.value.path,
|
||||||
|
() => {
|
||||||
|
if (flag.value && options.history.state.forward?.split('/')[1] == 'bpm') {
|
||||||
|
tableStore.index()
|
||||||
|
flag.value = false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
deep: true
|
||||||
|
}
|
||||||
|
)
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -22,7 +22,7 @@ import MyInstance from './myInstance/index.vue'
|
|||||||
import { mainHeight } from '@/utils/layout'
|
import { mainHeight } from '@/utils/layout'
|
||||||
|
|
||||||
defineOptions({
|
defineOptions({
|
||||||
// name: 'bpm/task'
|
name: 'bpm/task'
|
||||||
})
|
})
|
||||||
const activeName = ref('1')
|
const activeName = ref('1')
|
||||||
|
|
||||||
|
|||||||
@@ -1,27 +1,23 @@
|
|||||||
<!--待办事项列表-->
|
<!--待办事项列表-->
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<TableHeader date-picker>
|
<TableHeader date-picker>
|
||||||
<template v-slot:select>
|
<template v-slot:select>
|
||||||
<el-form-item label='任务名称'>
|
<el-form-item label="任务名称">
|
||||||
<el-input
|
<el-input v-model="tableStore.table.params.searchValue" placeholder="请输入任务名称"></el-input>
|
||||||
v-model='tableStore.table.params.searchValue'
|
</el-form-item>
|
||||||
placeholder='请输入任务名称'
|
</template>
|
||||||
></el-input>
|
</TableHeader>
|
||||||
</el-form-item>
|
<!--表格-->
|
||||||
</template>
|
<Table ref="tableRef"></Table>
|
||||||
|
</div>
|
||||||
</TableHeader>
|
|
||||||
<!--表格-->
|
|
||||||
<Table ref='tableRef'></Table>
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang='ts'>
|
<script setup lang="ts">
|
||||||
import TableStore from '@/utils/tableStore'
|
import TableStore from '@/utils/tableStore'
|
||||||
import Table from '@/components/table/index.vue'
|
import Table from '@/components/table/index.vue'
|
||||||
import TableHeader from '@/components/table/header/index.vue'
|
import TableHeader from '@/components/table/header/index.vue'
|
||||||
import { onMounted, provide, ref } from 'vue'
|
import { onMounted, provide, ref, watch } from 'vue'
|
||||||
import { formatDate, formatPast2 } from '@/utils/formatTime'
|
import { formatDate, formatPast2 } from '@/utils/formatTime'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
import { useDictData } from '@/stores/dictData'
|
import { useDictData } from '@/stores/dictData'
|
||||||
@@ -29,115 +25,134 @@ const dictData = useDictData()
|
|||||||
const categoryOptionList = dictData.getBasicData('flow_category')
|
const categoryOptionList = dictData.getBasicData('flow_category')
|
||||||
|
|
||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'businessUser'
|
name: 'businessUser'
|
||||||
})
|
})
|
||||||
|
|
||||||
const { push } = useRouter()
|
const { push, options, currentRoute } = useRouter()
|
||||||
|
const flag = ref(false)
|
||||||
|
|
||||||
const tableStore = new TableStore({
|
const tableStore = new TableStore({
|
||||||
url: '/bpm-boot/bpm/processInstance/myPage',
|
url: '/bpm-boot/bpm/processInstance/myPage',
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
publicHeight: 65,
|
publicHeight: 65,
|
||||||
column: [
|
column: [
|
||||||
{
|
|
||||||
field: 'index',
|
|
||||||
title: '序号',
|
|
||||||
width: '60',
|
|
||||||
formatter: (row: any) => {
|
|
||||||
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{ title: '任务名称', field: 'name', minWidth: 130 },
|
|
||||||
{ title: '流程分类', field: 'category', minWidth: 130 ,
|
|
||||||
formatter: (row: any) => {
|
|
||||||
return categoryOptionList.filter(item => item.id === row.cellValue)[0]?.name
|
|
||||||
}},
|
|
||||||
{
|
|
||||||
field: 'status',
|
|
||||||
title: '流程状态',
|
|
||||||
render: 'tag',
|
|
||||||
minWidth: 130,
|
|
||||||
custom: {
|
|
||||||
1: 'primary',
|
|
||||||
2: 'success',
|
|
||||||
3: 'danger',
|
|
||||||
4: 'warning'
|
|
||||||
},
|
|
||||||
replaceValue: {
|
|
||||||
1: '审批中',
|
|
||||||
2: '审批通过',
|
|
||||||
3: '审批不通过',
|
|
||||||
4: '已取消'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{ title: '发起时间', field: 'startTime', minWidth: 140 },
|
|
||||||
{ title: '结束时间', field: 'endTime', minWidth: 140 },
|
|
||||||
{
|
|
||||||
title: '耗时', field: 'durationInMillis', minWidth: 130,
|
|
||||||
formatter: (obj: any) => {
|
|
||||||
const millis = obj.row.durationInMillis
|
|
||||||
return millis > 0 ? formatPast2(millis) : ''
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '当前审批任务', field: 'tasks', minWidth: 140,
|
|
||||||
formatter: (obj: any) => {
|
|
||||||
const tasks = obj.row.tasks
|
|
||||||
if (tasks) {
|
|
||||||
return tasks[0].name
|
|
||||||
} else {
|
|
||||||
return ''
|
|
||||||
}
|
|
||||||
|
|
||||||
// return millis > 0 ? formatPast2(millis) : '--'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '操作',
|
|
||||||
align: 'center',
|
|
||||||
minWidth: '180',
|
|
||||||
fixed: 'right',
|
|
||||||
render: 'buttons',
|
|
||||||
buttons: [
|
|
||||||
{
|
{
|
||||||
name: 'productSetting',
|
field: 'index',
|
||||||
title: '流程详情',
|
title: '序号',
|
||||||
type: 'primary',
|
width: '60',
|
||||||
icon: 'el-icon-EditPen',
|
formatter: (row: any) => {
|
||||||
render: 'basicButton',
|
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
|
||||||
click: row => {
|
}
|
||||||
handleAudit(row.id)
|
},
|
||||||
}
|
{ title: '任务名称', field: 'name', minWidth: 130 },
|
||||||
}
|
{
|
||||||
]
|
title: '流程分类',
|
||||||
}
|
field: 'category',
|
||||||
],
|
minWidth: 130,
|
||||||
beforeSearchFun: () => {
|
formatter: (row: any) => {
|
||||||
for (let key in tableStore.table.params) {
|
return categoryOptionList.filter(item => item.id === row.cellValue)[0]?.name
|
||||||
if (tableStore.table.params[key] === '') {
|
}
|
||||||
delete tableStore.table.params[key]
|
},
|
||||||
}
|
{
|
||||||
}
|
field: 'status',
|
||||||
|
title: '流程状态',
|
||||||
|
render: 'tag',
|
||||||
|
minWidth: 130,
|
||||||
|
custom: {
|
||||||
|
1: 'primary',
|
||||||
|
2: 'success',
|
||||||
|
3: 'danger',
|
||||||
|
4: 'warning'
|
||||||
|
},
|
||||||
|
replaceValue: {
|
||||||
|
1: '审批中',
|
||||||
|
2: '审批通过',
|
||||||
|
3: '审批不通过',
|
||||||
|
4: '已取消'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{ title: '发起时间', field: 'startTime', minWidth: 140 },
|
||||||
|
{ title: '结束时间', field: 'endTime', minWidth: 140 },
|
||||||
|
{
|
||||||
|
title: '耗时',
|
||||||
|
field: 'durationInMillis',
|
||||||
|
minWidth: 130,
|
||||||
|
formatter: (obj: any) => {
|
||||||
|
const millis = obj.row.durationInMillis
|
||||||
|
return millis > 0 ? formatPast2(millis) : ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '当前审批任务',
|
||||||
|
field: 'tasks',
|
||||||
|
minWidth: 140,
|
||||||
|
formatter: (obj: any) => {
|
||||||
|
const tasks = obj.row.tasks
|
||||||
|
if (tasks) {
|
||||||
|
return tasks[0].name
|
||||||
|
} else {
|
||||||
|
return ''
|
||||||
|
}
|
||||||
|
|
||||||
}
|
// return millis > 0 ? formatPast2(millis) : '--'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '操作',
|
||||||
|
align: 'center',
|
||||||
|
minWidth: '180',
|
||||||
|
fixed: 'right',
|
||||||
|
render: 'buttons',
|
||||||
|
buttons: [
|
||||||
|
{
|
||||||
|
name: 'productSetting',
|
||||||
|
title: '流程详情',
|
||||||
|
type: 'primary',
|
||||||
|
icon: 'el-icon-EditPen',
|
||||||
|
render: 'basicButton',
|
||||||
|
click: row => {
|
||||||
|
flag.value = true
|
||||||
|
handleAudit(row.id)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
beforeSearchFun: () => {
|
||||||
|
for (let key in tableStore.table.params) {
|
||||||
|
if (tableStore.table.params[key] === '') {
|
||||||
|
delete tableStore.table.params[key]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
// 加载数据
|
// 加载数据
|
||||||
tableStore.index()
|
tableStore.index()
|
||||||
})
|
})
|
||||||
tableStore.table.params.searchValue = ''
|
tableStore.table.params.searchValue = ''
|
||||||
provide('tableStore', tableStore)
|
provide('tableStore', tableStore)
|
||||||
|
|
||||||
/** 处理审批按钮 */
|
/** 处理审批按钮 */
|
||||||
const handleAudit = (instanceId: any) => {
|
const handleAudit = (instanceId: any) => {
|
||||||
push({
|
push({
|
||||||
name: 'BpmProcessInstanceDetail',
|
name: 'BpmProcessInstanceDetail',
|
||||||
query: {
|
query: {
|
||||||
id: instanceId
|
id: instanceId
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
watch(
|
||||||
|
() => currentRoute.value.path,
|
||||||
|
() => {
|
||||||
|
if (flag.value && options.history.state.forward?.split('/')[1] == 'bpm') {
|
||||||
|
tableStore.index()
|
||||||
|
flag.value = false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
deep: true
|
||||||
|
}
|
||||||
|
)
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -1,100 +1,106 @@
|
|||||||
<!--待办事项列表-->
|
<!--待办事项列表-->
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<TableHeader>
|
<TableHeader>
|
||||||
<template v-slot:select>
|
<template v-slot:select>
|
||||||
<el-form-item label='任务名称'>
|
<el-form-item label="任务名称">
|
||||||
<el-input
|
<el-input v-model="tableStore.table.params.searchValue" placeholder="请输入任务名称"></el-input>
|
||||||
v-model='tableStore.table.params.searchValue'
|
</el-form-item>
|
||||||
placeholder='请输入任务名称'
|
</template>
|
||||||
></el-input>
|
</TableHeader>
|
||||||
</el-form-item>
|
<!--表格-->
|
||||||
</template>
|
<Table ref="tableRef"></Table>
|
||||||
|
</div>
|
||||||
</TableHeader>
|
|
||||||
<!--表格-->
|
|
||||||
<Table ref='tableRef'></Table>
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang='ts'>
|
<script setup lang="ts">
|
||||||
import TableStore from '@/utils/tableStore'
|
import TableStore from '@/utils/tableStore'
|
||||||
import Table from '@/components/table/index.vue'
|
import Table from '@/components/table/index.vue'
|
||||||
import TableHeader from '@/components/table/header/index.vue'
|
import TableHeader from '@/components/table/header/index.vue'
|
||||||
import { onMounted, provide, ref } from 'vue'
|
import { onMounted, provide, ref, watch } from 'vue'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
|
|
||||||
|
|
||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'businessUser'
|
name: 'businessUser'
|
||||||
})
|
})
|
||||||
|
|
||||||
const { push } = useRouter()
|
const { push, options, currentRoute } = useRouter()
|
||||||
|
const flag = ref(false)
|
||||||
|
|
||||||
const tableStore = new TableStore({
|
const tableStore = new TableStore({
|
||||||
url: '/bpm-boot/bpm/task/todoList',
|
url: '/bpm-boot/bpm/task/todoList',
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
publicHeight: 65,
|
publicHeight: 65,
|
||||||
column: [
|
column: [
|
||||||
{
|
|
||||||
field: 'index',
|
|
||||||
title: '序号',
|
|
||||||
width: '60',
|
|
||||||
formatter: (row: any) => {
|
|
||||||
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{ title: '任务名称', field: 'processInstance.name', minWidth: 130 },
|
|
||||||
{ title: '发起人', field: 'processInstance.startUser.name', minWidth: 130 },
|
|
||||||
{ title: '发起部门', field: 'processInstance.startUser.deptName', minWidth: 130 },
|
|
||||||
{ title: '发起时间', field: 'createTime', minWidth: 170 },
|
|
||||||
{ title: '当前任务', field: 'name', minWidth: 130 },
|
|
||||||
{
|
|
||||||
title: '操作',
|
|
||||||
align: 'center',
|
|
||||||
width: '230',
|
|
||||||
render: 'buttons',
|
|
||||||
buttons: [
|
|
||||||
{
|
{
|
||||||
name: 'productSetting',
|
field: 'index',
|
||||||
title: '办理',
|
title: '序号',
|
||||||
type: 'primary',
|
width: '60',
|
||||||
icon: 'el-icon-EditPen',
|
formatter: (row: any) => {
|
||||||
render: 'basicButton',
|
return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
|
||||||
click: row => {
|
}
|
||||||
handleAudit(row.processInstance.id)
|
},
|
||||||
}
|
{ title: '任务名称', field: 'processInstance.name', minWidth: 130 },
|
||||||
|
{ title: '发起人', field: 'processInstance.startUser.name', minWidth: 130 },
|
||||||
|
{ title: '发起部门', field: 'processInstance.startUser.deptName', minWidth: 130 },
|
||||||
|
{ title: '发起时间', field: 'createTime', minWidth: 170 },
|
||||||
|
{ title: '当前任务', field: 'name', minWidth: 130 },
|
||||||
|
{
|
||||||
|
title: '操作',
|
||||||
|
align: 'center',
|
||||||
|
width: '230',
|
||||||
|
render: 'buttons',
|
||||||
|
buttons: [
|
||||||
|
{
|
||||||
|
name: 'productSetting',
|
||||||
|
title: '办理',
|
||||||
|
type: 'primary',
|
||||||
|
icon: 'el-icon-EditPen',
|
||||||
|
render: 'basicButton',
|
||||||
|
click: row => {
|
||||||
|
flag.value = true
|
||||||
|
handleAudit(row.processInstance.id)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
beforeSearchFun: () => {
|
||||||
|
for (let key in tableStore.table.params) {
|
||||||
|
if (tableStore.table.params[key] === '') {
|
||||||
|
delete tableStore.table.params[key]
|
||||||
|
}
|
||||||
}
|
}
|
||||||
]
|
|
||||||
}
|
}
|
||||||
],
|
|
||||||
beforeSearchFun: () => {
|
|
||||||
for (let key in tableStore.table.params) {
|
|
||||||
if (tableStore.table.params[key] === '') {
|
|
||||||
delete tableStore.table.params[key]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
// 加载数据
|
// 加载数据
|
||||||
tableStore.index()
|
tableStore.index()
|
||||||
})
|
})
|
||||||
tableStore.table.params.searchValue = ''
|
tableStore.table.params.searchValue = ''
|
||||||
provide('tableStore', tableStore)
|
provide('tableStore', tableStore)
|
||||||
|
|
||||||
/** 处理审批按钮 */
|
/** 处理审批按钮 */
|
||||||
const handleAudit = (instanceId: any) => {
|
const handleAudit = (instanceId: any) => {
|
||||||
push({
|
push({
|
||||||
name: 'BpmProcessInstanceDetail',
|
name: 'BpmProcessInstanceDetail',
|
||||||
query: {
|
query: {
|
||||||
id: instanceId,
|
id: instanceId,
|
||||||
todo: 'todo'
|
todo: 'todo'
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
watch(
|
||||||
|
() => currentRoute.value.path,
|
||||||
|
() => {
|
||||||
|
if (flag.value && options.history.state.forward?.split('/')[1] == 'bpm') {
|
||||||
|
tableStore.index()
|
||||||
|
flag.value = false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
deep: true
|
||||||
|
}
|
||||||
|
)
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
Reference in New Issue
Block a user