wangxingyuan 10 months ago
parent
commit
de0a763ca2
7 changed files with 584 additions and 264 deletions
  1. +1
    -1
      .env.development
  2. +1
    -1
      .env.production
  3. +1
    -1
      .env.staging
  4. +48
    -2
      src/api/administration.js
  5. +25
    -0
      src/api/equipment/entry.js
  6. +417
    -218
      src/views/administration/administration.vue
  7. +91
    -41
      src/views/equipment/entry.vue

+ 1
- 1
.env.development View File

@ -1,5 +1,5 @@
# 页面标题
VUE_APP_TITLE = 若依管理系统
VUE_APP_TITLE = 智能巡视
# 开发环境配置
ENV = 'development'


+ 1
- 1
.env.production View File

@ -1,5 +1,5 @@
# 页面标题
VUE_APP_TITLE = 若依管理系统
VUE_APP_TITLE = 智能巡视
# 生产环境配置
ENV = 'production'


+ 1
- 1
.env.staging View File

@ -1,5 +1,5 @@
# 页面标题
VUE_APP_TITLE = 若依管理系统
VUE_APP_TITLE = 智能巡视
BABEL_ENV = production


+ 48
- 2
src/api/administration.js View File

@ -1,10 +1,56 @@
import request from '@/utils/request'
export function getList(query) {
console.log(query,111111111)
return request({
url: '/patrol/task/list',
method: 'get',
params: query
})
}
}
export function getChangeStatus(query) {
return request({
url: '/patrol/task/changeStatus',
method: 'get',
params: query
})
}
export function postRemove(query) {
return request({
url: `/patrol/task/remove/${query}`,
method: 'post',
})
}
export function getPatroltypeList(query) {
return request({
url: `/basedata/patrolpointmnt/patroltype/list`,
method: 'get',
})
}
export function getAreaList(query,type=0) {
if(type==0){
return request({
url: `/basedata/area/list`,
method: 'get',
})
}else{
return request({
url: `/basedata/area/list?areaIdS=${query}`,
method: 'get',
})
}
}
export function getProDeviceTreeSelect(query) {
return request({
url: `/basedata/prodevmnt/device/getProDeviceTreeSelect?areaIdS=${query}`,
method: 'get',
})
}
export function getTreeProMainDevicePatrolEquSelect(query) {
return request({
url: `/basedata/prodevmnt/device/treeProMainDevicePatrolEquSelect?deviceIdAll=${query}`,
method: 'get',
})
}

+ 25
- 0
src/api/equipment/entry.js View File

@ -0,0 +1,25 @@
import request from '@/utils/request';
export function treeAreaDeviceSelect(query) {
return request({
url: '/basedata/prodevmnt/device/treeAreaDeviceSelect',
method: 'get',
// params: query
})
}
export function devicetypeList(query) {
return request({
url: '/basedata/devicetype/list',
method: 'get',
params: {
powerMainEquFlag:'Yes'
}
})
}
export function deviceQuery(id) {
return request({
url:`/basedata/prodevmnt/device/${id}?id=${id}`,
method: 'get',
// params: query
})
}

+ 417
- 218
src/views/administration/administration.vue View File

@ -99,7 +99,7 @@
plain
icon="el-icon-delete"
size="mini"
@click="handleDelete"
@click="handleDeleteAll"
>删除</el-button
>
</el-col>
@ -128,7 +128,7 @@
<el-table-column label="状态" align="center">
<template slot-scope="scope">
<el-switch
v-model="scope.row.status"
v-model="scope.row.isenable"
active-value="0"
inactive-value="1"
@change="handleStatusChange(scope.row)"
@ -187,202 +187,255 @@
</el-steps>
<el-form
ref="form"
ref="ruleForm"
:model="dialogForm"
label-width="100px"
v-if="dialogTableVisibleStep == 0"
label-width="110px"
:rules="rules"
>
<el-form-item label="名称">
<el-input v-model="dialogForm.name"></el-input>
</el-form-item>
<el-form-item label="优先级">
<el-select v-model="dialogForm.region" placeholder="请选择活动区域">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="任务类型">
<el-select v-model="dialogForm.region" placeholder="请选择活动区域">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="任务执行方式">
<el-checkbox v-model="dialogForm.checked">现在执行</el-checkbox>
</el-form-item>
<el-form-item label="巡检区域">
<el-tree
:data="treeData"
show-checkbox
node-key="id"
ref="tree"
highlight-current
:props="defaultProps"
@check="handleCheckChange"
>
</el-tree>
</el-form-item>
<el-form-item label="执行周期">
<el-radio-group v-model="dialogForm.cycle">
<el-radio :label="0" :value="0">定时执行</el-radio>
<el-radio :label="1" :value="1">周期执行</el-radio>
<el-radio :label="2" :value="2">间隔执行</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="执行日期" v-if="dialogForm.cycle == 0">
<el-date-picker
v-model="dialogForm.value1"
type="datetime"
placeholder="选择日期时间"
>
</el-date-picker>
</el-form-item>
<div v-if="dialogForm.cycle == 1" style="margin-bottom: 20px">
<div class="cycle2">时间设置</div>
<el-form-item label="计划有效期">
<el-date-picker
v-model="dialogForm.value1"
type="datetimerange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
>
</el-date-picker>
<div v-if="dialogTableVisibleStep == 0">
<el-form-item label="名称" prop="taskName">
<el-input v-model="dialogForm.taskName"></el-input>
</el-form-item>
<el-form-item label="任务执行周期">
<el-select v-model="dialogForm.region" placeholder="请选择活动区域">
<el-option label="按周选择" value="shanghai"></el-option>
<el-option label="按月选择" value="beijing"></el-option>
<el-form-item label="优先级" prop="priority">
<el-select v-model="dialogForm.priority" placeholder="请选择优先级">
<el-option label="优先级1" value="1"></el-option>
<el-option label="优先级2" value="2"></el-option>
<el-option label="优先级3" value="3"></el-option>
<el-option label="优先级4" value="4"></el-option>
</el-select>
</el-form-item>
<el-form-item label="任务执行时间">
<el-button type="primary" @click="executionTimeBtn"
>添加{{ executionTimeButton }}/7</el-button
<el-form-item label="任务类型" prop="type">
<el-select v-model="dialogForm.type" placeholder="请选择任务类型">
<el-option
:label="item.patrolTypeName"
:value="item.patrolTypeId"
v-for="item in patroltype"
:key="item.patrolTypeId"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="任务执行方式" prop="executionMode">
<el-checkbox-group v-model="dialogForm.executionMode">
<el-checkbox label="0" name="type">现场巡视</el-checkbox>
<!-- <el-checkbox label="现场巡视1" name="type"></el-checkbox> -->
</el-checkbox-group>
</el-form-item>
<!-- areaIdS -->
<el-form-item label="巡检区域" prop="areaIdS">
<!-- :default-checked-keys="dialogForm.areaIdS" -->
<el-tree
:data="treeData"
show-checkbox
node-key="areaId"
ref="tree"
highlight-current
:props="defaultProps"
@check="setUpHandleCheckChange"
>
</el-tree>
</el-form-item>
<el-table
:data="executionTimeData"
style="width: 80%; margin-left: 10%"
<el-form-item label="执行周期">
<el-radio-group v-model="dialogForm.executionStatus">
<el-radio :label="1" :value="1">定时执行</el-radio>
<el-radio :label="2" :value="2">周期执行</el-radio>
<el-radio :label="4" :value="4">间隔执行</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item
label="执行日期"
v-if="dialogForm.executionStatus == 1"
prop="fixedStartTime"
>
<el-table-column label="日期" align="center">
<template slot-scope="scope">
<el-select v-model="scope.row.day" placeholder="请选择">
<el-option
:label="item.name"
:value="item.name"
v-for="(item, index) in weekData"
:key="item.id"
>{{ item.name }}</el-option
>
</el-select>
</template>
</el-table-column>
<el-table-column prop="name" label="时间" align="center">
<template slot-scope="scope">
<el-time-picker
v-model="scope.row.time"
placeholder="任意时间点"
>
</el-time-picker>
</template>
</el-table-column>
<el-table-column prop="address" label="操作" align="center">
<template slot-scope="scope">
<el-button
type="text"
icon="el-icon-delete"
@click="executionTimeDelet(scope.row)"
/>
</template>
</el-table-column>
</el-table>
</div>
<div v-if="dialogForm.cycle == 2" style="margin-bottom: 20px">
<!-- <div class="cycle2">时间设置</div> -->
<el-form-item label="间隔">
<el-date-picker
v-model="dialogForm.value1"
type="datetimerange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
v-model="dialogForm.fixedStartTime"
type="datetime"
placeholder="选择日期时间"
value-format="yyyy-MM-dd HH:mm:ss"
>
</el-date-picker>
</el-form-item>
<div
v-if="dialogForm.executionStatus == 2"
style="margin-bottom: 20px"
>
<div class="cycle2">时间设置</div>
<el-form-item label="计划有效期">
<el-date-picker
v-model="dialogForm.value1"
type="datetimerange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
>
</el-date-picker>
</el-form-item>
<el-form-item label="任务执行周期">
<el-select
v-model="dialogForm.region"
placeholder="请选择活动区域"
>
<el-option label="按周选择" value="shanghai"></el-option>
<el-option label="按月选择" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="执行时间">
<el-time-picker
v-model="dialogForm.value1"
placeholder="任意时间点"
<el-form-item label="任务执行时间">
<el-button type="primary" @click="executionTimeBtn"
>添加{{ executionTimeButton }}/7</el-button
>
</el-form-item>
<el-table
:data="executionTimeData"
style="width: 80%; margin-left: 10%"
>
</el-time-picker>
</el-form-item>
<el-table-column label="日期" align="center">
<template slot-scope="scope">
<el-select v-model="scope.row.day" placeholder="请选择">
<el-option
:label="item.name"
:value="item.name"
v-for="(item, index) in weekData"
:key="item.id"
>{{ item.name }}</el-option
>
</el-select>
</template>
</el-table-column>
<el-table-column prop="name" label="时间" align="center">
<template slot-scope="scope">
<el-time-picker
v-model="scope.row.time"
placeholder="任意时间点"
>
</el-time-picker>
</template>
</el-table-column>
<el-table-column prop="address" label="操作" align="center">
<template slot-scope="scope">
<el-button
type="text"
icon="el-icon-delete"
@click="executionTimeDelet(scope.row)"
/>
</template>
</el-table-column>
</el-table>
</div>
<div
v-if="dialogForm.executionStatus == 4"
style="margin-bottom: 20px"
>
<!-- <div class="cycle2">时间设置</div> -->
<el-form-item label="间隔">
<el-date-picker
v-model="dialogForm.value1"
type="datetimerange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
>
</el-date-picker>
</el-form-item>
<el-form-item label="间隔类型">
<el-select v-model="dialogForm.region" placeholder="请选择间隔类型">
<el-option label="小时" value="小时"></el-option>
</el-select>
</el-form-item>
<el-form-item label="间隔数量">
<el-input-number
v-model="dialogForm.num"
:min="1"
></el-input-number>
<el-form-item label="执行时间">
<el-time-picker
v-model="dialogForm.value1"
placeholder="任意时间点"
>
</el-time-picker>
</el-form-item>
<el-form-item label="间隔类型">
<el-select
v-model="dialogForm.region"
placeholder="请选择间隔类型"
>
<el-option label="小时" value="小时"></el-option>
</el-select>
</el-form-item>
<el-form-item label="间隔数量">
<el-input-number
v-model="dialogForm.num"
:min="1"
></el-input-number>
</el-form-item>
</div>
<el-form-item>
<el-button @click="resetForm('ruleForm')">取消</el-button>
<el-button type="primary" @click="submitForm(0)">下一步</el-button>
</el-form-item>
</div>
<el-form-item>
<el-button @click="resetForm('ruleForm')">取消</el-button>
<el-button type="primary" @click="submitForm('ruleForm')"
>下一步</el-button
>
</el-form-item>
</el-form>
<div v-if="dialogTableVisibleStep == 1">
<div class="dialogTableVisibleStep1">
<div class="dialogTableVisibleStep1-content">
<div class="leftTotle">区域</div>
<div
class="dialogTableVisibleStepQurey"
style="margin-bottom: 10px"
>
<el-input placeholder="请输入内容" v-model="input3"> </el-input>
<el-button
slot="append"
icon="el-icon-search"
type="primary"
></el-button>
<div v-if="dialogTableVisibleStep == 1">
<div class="dialogTableVisibleStep1">
<div class="dialogTableVisibleStep1-content">
<div class="leftTotle">区域</div>
<div
class="dialogTableVisibleStepQurey"
style="margin-bottom: 10px"
>
<el-input placeholder="请输入内容" v-model="input3"> </el-input>
<el-button
slot="append"
icon="el-icon-search"
type="primary"
></el-button>
</div>
<!-- \:default-checked-keys="selectTreeIds" -->
<el-tree
:data="selectTreeData"
show-checkbox
node-key="areaId"
ref="selectTree"
highlight-current
:props="defaultProps"
@check="selectTreeHandleCheckChange"
:check-strictly="true"
>
</el-tree>
</div>
<div>
<el-transfer
v-model="transferValue"
:data="transferData"
:props="{ key: 'deviceId', label: 'deviceName' }"
:titles="['待添加', '已添加']"
></el-transfer>
</div>
<el-tree
:data="treeData"
show-checkbox
node-key="id"
ref="tree"
highlight-current
:props="defaultProps"
@check="handleCheckChange"
>
</el-tree>
</div>
<div>
<el-transfer
v-model="transferValue"
:data="transferData"
:titles="['待添加', '已添加']"
></el-transfer>
<div style="margin-left: 80%; margin-top: 20px">
<el-button @click="returnCancel(0)">上一步</el-button>
<el-button type="primary" @click="submitForm(1)">下一步</el-button>
</div>
</div>
<div style="margin-left: 80%; margin-top: 20px">
<el-button @click="cancel">上一步</el-button>
<el-button type="primary" @click="submitForm">下一步</el-button>
<div v-if="dialogTableVisibleStep == 2">
<el-tree
:data="pointSettingsTreeData"
show-checkbox
node-key="areaId"
ref="pointSettingsTree"
highlight-current
:props="pointSettingsDefaultProps"
@check="pointSettingsTreeDataHandleCheckChange"
>
</el-tree>
<el-form-item label="是否开启" prop="isenable">
<el-radio-group v-model="dialogForm.isenable">
<el-radio :label="0"></el-radio>
<el-radio :label="1"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item>
<el-button @click="returnCancel(1)">上一步</el-button>
<el-button type="primary" @click="submitForm(2)">确定</el-button>
</el-form-item>
</div>
</div>
<!-- <span slot="footer" class="dialog-footer">
<!-- <span slot="footer" class="dialog-footer">
<el-button @click="cancel"> </el-button>
<el-button type="primary" @click="submitForm">下一步</el-button>
</span> -->
</el-form>
</el-dialog>
<!-- 复制弹框 -->
@ -403,7 +456,15 @@
</template>
<script>
import { getList } from "@/api/administration";
import {
getList,
getChangeStatus,
postRemove,
getPatroltypeList,
getAreaList,
getProDeviceTreeSelect,
getTreeProMainDevicePatrolEquSelect,
} from "@/api/administration";
export default {
data() {
return {
@ -426,37 +487,26 @@ export default {
title: "新增",
dialogTableVisible: false,
active: 0,
patroltype: [],
dialogForm: {
checked: true,
cycle: 0,
num: 0,
areaIdS: [],
executionMode: [],
executionStatus: 1,
},
treeData: [
{
id: 1,
label: "一级 1",
children: [
{
id: 4,
label: "二级 1-1",
children: [
{
id: 9,
label: "三级 1-1-1",
},
{
id: 10,
label: "三级 1-1-2",
},
],
},
],
},
],
defaultProps: {
areaIdS: [],
treeData: [],
setUpAreaIds: [],
selectTreeData: [],
selectTreeIds: [],
pointSettingsTreeData: [],
pointSettingsDefaultProps: {
children: "children",
label: "label",
},
defaultProps: {
children: "children",
label: "areaName",
},
rules: {},
executionTimeButton: 1,
executionTimeData: [{ day: "", time: "", id: Date.now() }],
@ -470,16 +520,39 @@ export default {
{ name: "周日", id: "6" },
],
dialogTableVisibleStep: 0,
transferData: [
{
key: 1,
label: "北京",
comment: 123,
tabname: 12222,
},
],
transferData: [],
transferValue: [],
copyDialogVisible: false,
rules: {
taskName: [{ required: true, message: "请输入名称", trigger: "blur" }],
priority: [
{ required: true, message: "请选择优先级", trigger: "blur" },
],
type: [{ required: true, message: "请选择任务类型", trigger: "blur" }],
executionMode: [
{
type: "array",
required: true,
message: "请选择任务执行方式",
trigger: "change",
},
],
areaIdS: [
{
type: "array",
required: true,
message: "请选择巡检区域",
trigger: "change",
},
],
fixedStartTime: [
{ required: true, message: "请选择时间", trigger: "change" },
],
proDeviceTreeSelect: [],
isenable:[
{ required: true, message: "请选择启用状态", trigger: "change" },
]
},
};
},
mounted() {
@ -508,9 +581,52 @@ export default {
};
this.init();
},
handleStatusChange(row) {
let data = {
taskId: row.taskId,
isenable: row.isenable,
};
getChangeStatus(data).then((res) => {
if (res.code == 200) {
this.init();
}
});
},
//
handleAdd() {
this.dialogTableVisible = true;
getPatroltypeList().then((res) => {
if (res.code == 200) {
this.patroltype = res.rows;
}
});
getAreaList().then((res) => {
if (res.code == 200) {
let tree = this.dialogTree(res.data);
this.treeData = tree;
}
});
},
// tree
dialogTree(list) {
var map = {},
node,
tree = [];
for (let i = 0; i < list.length; i++) {
map[list[i].areaId] = list[i];
list[i].children = [];
}
for (let i = 0; i < list.length; i += 1) {
list[i];
if (list[i].parentId !== 0) {
//
map[list[i].parentId].children.push(list[i]); // children
} else {
//
tree.push(list[i]); //
}
}
return tree;
},
//
handleDeleteAll() {
@ -520,32 +636,114 @@ export default {
type: "warning",
});
return;
}else{
console.log(this.ids)
} else {
console.log(this.ids);
}
},
//
handleSelectionChange(selection) {
this.ids = selection.map((item) => item.taskId);
},
handleDelete(taskId){
console.log(taskId)
handleDelete(taskId) {
postRemove(taskId).then((res) => {
if (res.code == 200) {
this.init();
}
});
},
cancel() {
this.dialogTableVisible = false;
this.dialogForm = {};
},
// tree
handleCheckChange(data) {
console.log(data.id);
let idArr = [];
if (idArr.indexOf(data.areaId) > -1) {
idArr.splice(idArr.indexOf(data.areaId), 1);
} else {
idArr.push(data.areaId);
}
return idArr;
},
//
setUpHandleCheckChange(data) {
var parentIds = this.$refs.tree.getHalfCheckedKeys();
var childsIds = this.$refs.tree.getCheckedKeys();
let treeIds = parentIds.concat(childsIds);
this.dialogForm.areaIdS = treeIds;
return;
this.dialogForm.areaIdS = this.handleCheckChange(treeIds);
console.log(this.dialogForm.areaIdS);
},
// tree
selectTreeHandleCheckChange(data) {
// this.selectTreeIds = this.handleCheckChange(data);
let res = this.$refs.selectTree.getCheckedNodes();
let arrDeptId = [];
res.forEach((item) => {
arrDeptId.push(item.areaId);
});
this.transferData = this.proDeviceTreeSelect.filter((item) =>
arrDeptId.some((ele) => ele === item.areaId)
);
},
//
pointSettingsTreeDataHandleCheckChange() {
let res = this.$refs.pointSettingsTree.getCheckedNodes();
console.log(res);
},
//
submitForm() {
// ...
this.active = 1;
this.dialogTableVisibleStep = 1;
submitForm(type) {
this.$refs["ruleForm"].validate((valid) => {
if (valid) {
console.log(this.dialogForm);
// this.dialogForm.executionMode = 0;
if (type == 0) {
this.active = 1;
this.dialogTableVisibleStep = 1;
let areaIdS = JSON.parse(JSON.stringify(this.dialogForm.areaIdS));
// areaIdS.push(1);
getAreaList(areaIdS.join(","), 1).then((res) => {
if (res.code == 200) {
let tree = this.dialogTree(res.data);
this.selectTreeData = tree;
}
});
getProDeviceTreeSelect(areaIdS.join(",")).then((res) => {
if (res.code == 200) {
this.proDeviceTreeSelect = res.data;
console.log(this.proDeviceTreeSelect);
}
});
}
if (type == 1 && this.transferValue) {
this.active = 2;
this.dialogTableVisibleStep = 2;
getTreeProMainDevicePatrolEquSelect(
this.transferValue.join(",")
).then((res) => {
console.log(res, 11111);
this.pointSettingsTreeData = res.data;
});
}
if(type==2){
console.log(this.dialogForm)
}
}
});
},
//
returnCancel(type) {
this.active = type;
this.dialogTableVisibleStep = type;
},
resetForm(formName) {
this.dialogForm = {};
this.$refs[formName].resetFields();
this.dialogTableVisible = false;
},
resetForm() {},
//
executionTimeBtn() {
if (this.executionTimeData.length <= 6) {
@ -568,6 +766,7 @@ export default {
handleUpdate(row) {
this.dialogTableVisible = true;
},
handleClose() {},
},
};
</script>


+ 91
- 41
src/views/equipment/entry.vue View File

@ -4,32 +4,43 @@
<el-col :span="5">
<div class="grid-content">
<div class="operate-left">
<i class="el-icon-plus" @click="add"></i>
<i class="el-icon-delete"></i>
<i class="el-icon-download"></i>
<i class="el-icon-upload2"></i>
<el-tooltip class="item" effect="dark" content="新增" placement="top-start">
<i class="el-icon-plus" @click="add" :class="addIcon?'addIcon':''"></i>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="删除" placement="top-start">
<i class="el-icon-delete" :class="deleteIcon?'deleteIcon':''"></i>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="导出" placement="top-start">
<i class="el-icon-download" ></i>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="导入" placement="top-start">
<i class="el-icon-upload2"></i>
</el-tooltip>
</div>
<el-input placeholder="搜索设备名称" v-model="queryParams"></el-input>
<el-input placeholder="搜索设备名称" v-model="queryParams" style="margin-bottom: 10px;"></el-input>
<el-tree
:data="treeData"
:props="defaultProps"
@node-click="handleNodeClick"
default-expand-all
>
<span slot-scope="{ node, data }" class="slot-node">
<span slot-scope="{ node, data }" class="slot-node"">
<template>
<i
class="el-icon-box"
v-if="data.type == 1 || data.type == 2 || data.type == 3"
v-if="data.areaName"
style="margin-right: 5px;"
></i>
<i
class="el-icon-s-operation"
v-if="data.type == 4"
:class="{
'el-icon-folder': !node.expanded,
'el-icon-folder-opened': node.expanded,
'el-icon-s-operation': data.type === 4,
}"
class="el-icon-takeaway-box"
v-if="data.powerMainEquFlag=='Yes'"
style="margin-right: 5px;color:#409eff"
></i>
<i
class="el-icon-set-up"
v-if="data.powerMainEquFlag=='No'"
style="margin-right: 5px;color:#a9c52b"
></i>
<span>{{ node.label }}</span>
</template>
@ -38,20 +49,21 @@
</div>
</el-col>
<el-col :span="19">
<el-empty description="右侧功能暂未开发" v-if="!show"></el-empty>
<div class="grid-content-right" v-if="show">
<div class="titleName">{{ titleName }}</div>
<el-form ref="form" :model="form" label-width="80px">
<el-form-item label="设备名称">
<el-input v-model="form.name"></el-input>
<el-input v-model="form.deviceName"></el-input>
</el-form-item>
<el-form-item label="设备类型">
<el-select v-model="form.region" placeholder="请选择活动区域">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
<el-select v-model="form.deviceTypeId" placeholder="请选择" :disabled="form.deviceName?true:false">
<el-option :label="item.deviceTypeName" :value="item.deviceTypeId" v-for="item in deviceTypeData" :key="item.deviceTypeId"></el-option>
<!-- deviceTypeData -->
</el-select>
</el-form-item>
<el-form-item label="设备编号">
<el-input v-model="form.name"></el-input>
<el-input v-model="form.deviceCode"></el-input>
<span class="serial-number">设备编号用于生产复核需与SCADA系统中的设备编号一致</span>
</el-form-item>
<el-form-item label="显示排序">
@ -60,7 +72,7 @@
<el-form-item label="实物ID">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label=" 监控索引号">
<el-form-item label="监控索引号">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="设备型号">
@ -90,13 +102,14 @@
</el-form-item>
</el-form>
</div>
</el-col>
</el-row>
</div>
</template>
<script >
import { treeAreaDeviceSelect,devicetypeList,deviceQuery } from "@/api/equipment/entry";
export default {
name: "entry",
data() {
@ -130,26 +143,56 @@ export default {
],
defaultProps: {
children: "children",
label: "label",
// label: "areaName",
label: function (data) {
return data.areaName || data.deviceName;
},
},
titleName: "",
form:{},
show:false
form: {},
show: false,
deleteIcon: true,
addIcon:true,
deviceTypeData:[],
};
},
mounted() {
treeAreaDeviceSelect().then((res) => {
if (res.code == 200) {
this.treeData = res.data;
}
});
devicetypeList().then(res=>{
console.log(res);
if(res.code==200){
this.deviceTypeData=res.data;
}
})
},
methods: {
handleNodeClick(data) {
console.log(data);
this.titleName = data.label;
if(data.type==4||data.type==3){
this.show=true
}else{
this.show=false
this.titleName = data.areaName || data.deviceName;
if (data.areaName) {
this.show = false;
this.deleteIcon=true;
this.addIcon=false;
} else if (data.deviceName) {
this.show = true;
this.titleName = "编辑" + data.deviceName;
this.deleteIcon=false;
this.addIcon=true;
deviceQuery(data.deviceId).then(res=>{
console.log(res)
if(res.code==200){
this.form=res.data
}
})
}
},
add(){
this.show=true
}
add() {
this.show = true;
},
},
};
</script>
@ -169,6 +212,9 @@ export default {
color: #4a9de7 !important;
// color: #fff !important;
}
::v-deep .el-tree-node__content {
height: 34px !important;
}
/*节点失焦时的背景颜色*/
// .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content{
// background-color: #4a9de7 !important;
@ -181,13 +227,17 @@ export default {
font-size: 26px;
padding: 10px;
}
.number-title{
margin-left: 10px;
.number-title {
margin-left: 10px;
}
.serial-number {
color: #999;
font-size: 12px;
margin-bottom: 30px;
margin-top: 20px;
}
.serial-number{
color: #999;
font-size: 12px;
margin-bottom: 30px;
margin-top: 20px;
.deleteIcon,.addIcon {
color: #dddddd;
cursor: not-allowed;
}
</style>

Loading…
Cancel
Save