|
|
@ -12,22 +12,22 @@ |
|
|
|
<a-tab-pane key="1" tab="更新状态"> |
|
|
|
<div style="width: 100%; padding: 24px"> |
|
|
|
<a-form ref="formRef" :model="infoObject" :rules="rules"> |
|
|
|
<a-form-item ref="status" label="当前状态" name="status"> |
|
|
|
<a-form-item ref="state" label="当前状态" createName="state"> |
|
|
|
<a-select |
|
|
|
v-model:value="infoObject.status" |
|
|
|
v-model:value="infoObject.state" |
|
|
|
show-search |
|
|
|
placeholder="请选择设备点位" |
|
|
|
style="width: 85%" |
|
|
|
:options="statusOptions" |
|
|
|
:options="stateOptions" |
|
|
|
:disabled="showEdit" |
|
|
|
:filter-option="filterDevicePoint" /> |
|
|
|
<ns-icon |
|
|
|
size="20" |
|
|
|
@click="() => (showEdit = !showEdit)" |
|
|
|
@click="changeShowEdit" |
|
|
|
style="margin-left: 20px" |
|
|
|
:name="showEdit ? 'bianji' : 'baocun'" /> |
|
|
|
:createName="showEdit ? 'bianji' : 'baocun'" /> |
|
|
|
</a-form-item> |
|
|
|
<a-form-item label="备注" name="desc"> |
|
|
|
<a-form-item label="备注" createName="desc"> |
|
|
|
<a-textarea |
|
|
|
v-model:value="infoObject.desc" |
|
|
|
placeholder="请输入异常描述" |
|
|
@ -55,6 +55,8 @@ |
|
|
|
import { ref } from 'vue'; |
|
|
|
import NsSteps from '/@/components/ns-steps.vue'; |
|
|
|
import { NsMessage } from '/nerv-lib/component'; |
|
|
|
import { http } from '/nerv-lib/util'; |
|
|
|
import { equipmentAlarmApi } from '/@/api/alarmManagement/equipmentAlarm'; |
|
|
|
|
|
|
|
export default defineComponent({ |
|
|
|
components: { NsSteps }, |
|
|
@ -64,33 +66,46 @@ |
|
|
|
const showEdit = ref(true); |
|
|
|
const infoObject = ref({}); |
|
|
|
const equipmentAlarm = ref({}); |
|
|
|
const statusOptions = ref(); |
|
|
|
const stateOptions = ref(); |
|
|
|
const logList = ref([ |
|
|
|
{ name: '李四', status: 3, time: '2024-03-10 10:00:00', desc: '完成' }, |
|
|
|
{ name: '王五', status: 5, time: '2024-03-10 10:00:00' }, |
|
|
|
{ name: '王五', status: 4, time: '2024-03-10 10:00:00' }, |
|
|
|
{ name: '王五', status: 2, time: '2024-03-10 10:00:00', desc: '创建工单' }, |
|
|
|
{ name: '赵六', status: 1, time: '2024-03-10 10:00:00' }, |
|
|
|
{ createName: '李四', state: 3, createTime: '2024-03-10 10:00:00', desc: '完成' }, |
|
|
|
{ createName: '王五', state: 5, createTime: '2024-03-10 10:00:00' }, |
|
|
|
{ createName: '王五', state: 4, createTime: '2024-03-10 10:00:00' }, |
|
|
|
{ createName: '王五', state: 2, createTime: '2024-03-10 10:00:00', desc: '创建工单' }, |
|
|
|
{ createName: '赵六', state: 1, createTime: '2024-03-10 10:00:00' }, |
|
|
|
]); |
|
|
|
const config = ref({ |
|
|
|
size: logList.value.length, |
|
|
|
dataSource: logList.value, |
|
|
|
}); |
|
|
|
const handleClose = () => { |
|
|
|
equipmentAlarm.value = P; |
|
|
|
visible.value = false; |
|
|
|
}; |
|
|
|
const btnClick = () => { |
|
|
|
NsMessage.success('操作成功'); |
|
|
|
delete infoObject.value.time; |
|
|
|
delete infoObject.value.createTime; |
|
|
|
console.log(infoObject.value, equipmentAlarm.value, '操作'); |
|
|
|
console.log('btnClick'); |
|
|
|
}; |
|
|
|
const toggle = (data) => { |
|
|
|
console.log(data, '数据'); |
|
|
|
equipmentAlarm.value = data; |
|
|
|
//修改状态 |
|
|
|
const changeShowEdit = () => { |
|
|
|
if (equipmentAlarm.value.createWorkOrder === 1) { |
|
|
|
showEdit.value = !showEdit.value; |
|
|
|
} |
|
|
|
}; |
|
|
|
const toggle = async (data) => { |
|
|
|
equipmentAlarm.value = { ...data }; |
|
|
|
infoObject.value = { ...logList.value[0] }; |
|
|
|
await http |
|
|
|
.post(equipmentAlarmApi.getSelectAlarmEquipmentLogStatusProcess, { |
|
|
|
id: data.id, |
|
|
|
}) |
|
|
|
.then((res) => { |
|
|
|
console.log(res); |
|
|
|
}); |
|
|
|
if (equipmentAlarm.value.createWorkOrder === 1) { |
|
|
|
statusOptions.value = [ |
|
|
|
stateOptions.value = [ |
|
|
|
{ value: 1, label: '待处理' }, |
|
|
|
{ value: 2, label: '处理中' }, |
|
|
|
{ value: 3, label: '已完成' }, |
|
|
@ -98,7 +113,7 @@ |
|
|
|
{ value: 5, label: '已关闭' }, |
|
|
|
]; |
|
|
|
} else { |
|
|
|
statusOptions.value = [ |
|
|
|
stateOptions.value = [ |
|
|
|
{ value: 1, label: '待处理' }, |
|
|
|
{ value: 2, label: '处理中' }, |
|
|
|
{ value: 3, label: '已完成' }, |
|
|
@ -120,17 +135,18 @@ |
|
|
|
5: '#a6a6a6', |
|
|
|
}; |
|
|
|
logList.value.forEach((item) => { |
|
|
|
item.statusName = statusMap[item.status]; |
|
|
|
item.color = colorMap[item.status]; |
|
|
|
item.src = 'status-' + item.status; |
|
|
|
item.stateName = statusMap[item.state]; |
|
|
|
item.color = colorMap[item.state]; |
|
|
|
item.src = 'state-' + item.state; |
|
|
|
}); |
|
|
|
visible.value = true; |
|
|
|
}; |
|
|
|
return { |
|
|
|
infoObject, |
|
|
|
changeShowEdit, |
|
|
|
showEdit, |
|
|
|
equipmentAlarm, |
|
|
|
statusOptions, |
|
|
|
stateOptions, |
|
|
|
btnClick, |
|
|
|
visible, |
|
|
|
logList, |
|
|
|