mirror of https://gitee.com/lmlz_0/dc-ui.git
eric777
6 months ago
9 changed files with 1634 additions and 375 deletions
@ -1,53 +1,62 @@ |
|||||
import request from '@/utils/request' |
import request from "@/utils/request"; |
||||
|
|
||||
// 查询资产参数列表
|
// 查询资产参数列表
|
||||
export function listParams(query) { |
export function listParams(query) { |
||||
return request({ |
return request({ |
||||
url: '/model/dcBaseAssetParams/list', |
url: "/model/dcBaseAssetParams/list", |
||||
method: 'get', |
method: "get", |
||||
params: query |
params: query, |
||||
}) |
}); |
||||
} |
} |
||||
|
|
||||
// 查询资产参数详细
|
// 查询资产参数详细
|
||||
export function getParams(id) { |
export function getParams(id) { |
||||
return request({ |
return request({ |
||||
url: '/model/dcBaseAssetParams/' + id, |
url: "/model/dcBaseAssetParams/" + id, |
||||
method: 'get' |
method: "get", |
||||
}) |
}); |
||||
} |
} |
||||
|
|
||||
// 新增资产参数
|
// 新增资产参数
|
||||
export function addParams(data) { |
export function addParams(data) { |
||||
return request({ |
return request({ |
||||
url: '/model/dcBaseAssetParams', |
url: "/model/dcBaseAssetParams", |
||||
method: 'post', |
method: "post", |
||||
data: data |
data: data, |
||||
}) |
}); |
||||
} |
} |
||||
|
|
||||
// 修改资产参数
|
// 修改资产参数
|
||||
export function updateParams(data) { |
export function updateParams(data) { |
||||
return request({ |
return request({ |
||||
url: '/model/dcBaseAssetParams', |
url: "/model/dcBaseAssetParams", |
||||
method: 'put', |
method: "put", |
||||
data: data |
data: data, |
||||
}) |
}); |
||||
} |
} |
||||
|
|
||||
// 删除资产参数
|
// 删除资产参数
|
||||
export function delParams(id) { |
export function delParams(id) { |
||||
return request({ |
return request({ |
||||
url: '/model/dcBaseAssetParams/' + id, |
url: "/model/dcBaseAssetParams/" + id, |
||||
method: 'delete' |
method: "delete", |
||||
}) |
}); |
||||
} |
} |
||||
|
|
||||
// 导出资产参数
|
// 导出资产参数
|
||||
export function exportParams(query) { |
export function exportParams(query) { |
||||
return request({ |
return request({ |
||||
url: '/${baseUrl}/export', |
url: "/${baseUrl}/export", |
||||
method: 'get', |
method: "get", |
||||
params: query |
params: query, |
||||
}) |
}); |
||||
} |
} |
||||
|
|
||||
|
// 根据设备查询设备参数列表
|
||||
|
export function listByDeviceUuids(data) { |
||||
|
return request({ |
||||
|
url: "/model/dcBaseDeviceParam/listByDeviceUuids", |
||||
|
method: "post", |
||||
|
data: data, |
||||
|
}); |
||||
|
} |
||||
|
|||||
@ -0,0 +1,67 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
// 查询设备策略配置列表
|
||||
|
export function listDcHeatStandardDeviceStrategyConf(query) { |
||||
|
return request({ |
||||
|
url: '/model/dcHeatStandardDeviceStrategyConf/list', |
||||
|
method: 'get', |
||||
|
params: query |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 查询设备策略配置详细
|
||||
|
export function getDcHeatStandardDeviceStrategyConf(id) { |
||||
|
return request({ |
||||
|
url: '/model/dcHeatStandardDeviceStrategyConf/' + id, |
||||
|
method: 'get' |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 新增设备策略配置
|
||||
|
export function addDcHeatStandardDeviceStrategyConf(data) { |
||||
|
return request({ |
||||
|
url: '/model/dcHeatStandardDeviceStrategyConf', |
||||
|
method: 'post', |
||||
|
data: data |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 批量新增设备策略配置
|
||||
|
export function addBatchDcHeatStandardDeviceStrategyConf(confId, list) { |
||||
|
return request({ |
||||
|
url: '/model/dcHeatStandardDeviceStrategyConf', |
||||
|
method: 'post', |
||||
|
params: { |
||||
|
confId: confId |
||||
|
}, |
||||
|
data: { |
||||
|
list: list |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 修改设备策略配置
|
||||
|
export function updateDcHeatStandardDeviceStrategyConf(data) { |
||||
|
return request({ |
||||
|
url: '/model/dcHeatStandardDeviceStrategyConf', |
||||
|
method: 'put', |
||||
|
data: data |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 删除设备策略配置
|
||||
|
export function delDcHeatStandardDeviceStrategyConf(id) { |
||||
|
return request({ |
||||
|
url: '/model/dcHeatStandardDeviceStrategyConf/' + id, |
||||
|
method: 'delete' |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 导出设备策略配置
|
||||
|
export function exportDcHeatStandardDeviceStrategyConf(query) { |
||||
|
return request({ |
||||
|
url: '/${baseUrl}/export', |
||||
|
method: 'get', |
||||
|
params: query |
||||
|
}) |
||||
|
} |
||||
@ -1,70 +1,78 @@ |
|||||
import { login, logout, getInfo } from '@/api/login' |
import { login, logout, getInfo } from "@/api/login"; |
||||
import { getToken, setToken, removeToken } from '@/utils/auth' |
import { getToken, setToken, removeToken } from "@/utils/auth"; |
||||
import defAva from '@/assets/images/profile.jpg' |
import defAva from "@/assets/images/profile.jpg"; |
||||
|
|
||||
const useUserStore = defineStore( |
const useUserStore = defineStore("user", { |
||||
'user', |
state: () => ({ |
||||
{ |
token: getToken(), |
||||
state: () => ({ |
name: "", |
||||
token: getToken(), |
avatar: "", |
||||
name: '', |
roles: [], |
||||
avatar: '', |
permissions: [], |
||||
roles: [], |
}), |
||||
permissions: [] |
actions: { |
||||
}), |
// 登录
|
||||
actions: { |
login(userInfo) { |
||||
// 登录
|
const username = userInfo.username.trim(); |
||||
login(userInfo) { |
const password = userInfo.password; |
||||
const username = userInfo.username.trim() |
const code = userInfo.code; |
||||
const password = userInfo.password |
const uuid = userInfo.uuid; |
||||
const code = userInfo.code |
return new Promise((resolve, reject) => { |
||||
const uuid = userInfo.uuid |
login(username, password, code, uuid) |
||||
return new Promise((resolve, reject) => { |
.then((res) => { |
||||
login(username, password, code, uuid).then(res => { |
setToken(res.token); |
||||
setToken(res.token) |
this.token = res.token; |
||||
this.token = res.token |
resolve(); |
||||
resolve() |
|
||||
}).catch(error => { |
|
||||
reject(error) |
|
||||
}) |
}) |
||||
}) |
.catch((error) => { |
||||
}, |
reject(error); |
||||
// 获取用户信息
|
}); |
||||
getInfo() { |
}); |
||||
return new Promise((resolve, reject) => { |
}, |
||||
getInfo().then(res => { |
// 获取用户信息
|
||||
const user = res.user |
getInfo() { |
||||
const avatar = (user.avatar == "" || user.avatar == null) ? defAva : import.meta.env.VITE_APP_BASE_API + user.avatar; |
return new Promise((resolve, reject) => { |
||||
|
getInfo() |
||||
|
.then((res) => { |
||||
|
const user = res.user; |
||||
|
const avatar = |
||||
|
user.avatar == "" || user.avatar == null |
||||
|
? defAva |
||||
|
: import.meta.env.VITE_APP_BASE_API + user.avatar; |
||||
|
|
||||
if (res.roles && res.roles.length > 0) { // 验证返回的roles是否是一个非空数组
|
if (res.roles && res.roles.length > 0) { |
||||
this.roles = res.roles |
// 验证返回的roles是否是一个非空数组
|
||||
this.permissions = res.permissions |
this.roles = res.roles; |
||||
|
this.permissions = res.permissions; |
||||
} else { |
} else { |
||||
this.roles = ['ROLE_DEFAULT'] |
this.roles = ["ROLE_DEFAULT"]; |
||||
} |
} |
||||
this.name = user.userName |
this.name = user.userName; |
||||
this.avatar = avatar; |
this.avatar = avatar; |
||||
resolve(res) |
resolve(res); |
||||
}).catch(error => { |
|
||||
reject(error) |
|
||||
}) |
}) |
||||
}) |
.catch((error) => { |
||||
}, |
reject(error); |
||||
// 退出系统
|
}); |
||||
logOut() { |
}); |
||||
return new Promise((resolve, reject) => { |
}, |
||||
logout(this.token).then(() => { |
// 退出系统
|
||||
this.token = '' |
logOut() { |
||||
this.roles = [] |
return new Promise((resolve, reject) => { |
||||
this.permissions = [] |
logout(this.token) |
||||
removeToken() |
.then(() => { |
||||
resolve() |
this.token = ""; |
||||
}).catch(error => { |
this.roles = []; |
||||
reject(error) |
this.permissions = []; |
||||
|
removeToken(); |
||||
|
resolve(); |
||||
}) |
}) |
||||
}) |
.catch((error) => { |
||||
} |
reject(error); |
||||
} |
}); |
||||
}) |
}); |
||||
|
}, |
||||
|
}, |
||||
|
}); |
||||
|
|
||||
export default useUserStore |
export default useUserStore; |
||||
|
|||||
@ -0,0 +1,533 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div class="submitBtn"> |
||||
|
<el-button |
||||
|
type="primary" |
||||
|
:icon="submitIcon" |
||||
|
@click="paramSubmit(paramsFormRef)" |
||||
|
> |
||||
|
{{ paramsText }} |
||||
|
</el-button> |
||||
|
</div> |
||||
|
<el-collapse class="paramsCollapse" v-model="activeNames"> |
||||
|
<el-collapse-item title="基本信息" name="1"> |
||||
|
<el-form |
||||
|
ref="paramsFormRef" |
||||
|
class="paramsForm" |
||||
|
:rules="paramsRules" |
||||
|
:inline="true" |
||||
|
:model="formData.paramsForm" |
||||
|
> |
||||
|
<el-form-item label="组织" prop="orgName"> |
||||
|
<el-tree-select |
||||
|
v-model="formData.paramsForm.orgName" |
||||
|
:data="deptOptions" |
||||
|
:props="{ |
||||
|
value: 'label', |
||||
|
label: 'label', |
||||
|
children: 'children', |
||||
|
}" |
||||
|
value-key="id" |
||||
|
placeholder="请选择" |
||||
|
check-strictly |
||||
|
:default-expand-all="true" |
||||
|
@node-click="selectDept" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="编码" prop="assetCode"> |
||||
|
<el-input |
||||
|
v-model="formData.paramsForm.assetCode" |
||||
|
placeholder="编码" |
||||
|
clearable |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="是否可用" prop="flagEnabled"> |
||||
|
<el-select |
||||
|
v-model="formData.paramsForm.flagEnabled" |
||||
|
placeholder="请选择是否可用" |
||||
|
> |
||||
|
<el-option |
||||
|
v-for="dict in enabledFlag" |
||||
|
:key="dict.value" |
||||
|
:label="dict.label" |
||||
|
:value="dict.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="名称" prop="assetName"> |
||||
|
<el-input |
||||
|
v-model="formData.paramsForm.assetName" |
||||
|
placeholder="名称" |
||||
|
clearable |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="类别" prop="assetType"> |
||||
|
<el-select |
||||
|
v-model="formData.paramsForm.assetType" |
||||
|
placeholder="请选择类别" |
||||
|
clearable |
||||
|
> |
||||
|
<el-option |
||||
|
v-for="dict in dc_asset_attr" |
||||
|
:key="dict.value" |
||||
|
:label="dict.label" |
||||
|
:value="dict.value" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<div> |
||||
|
<el-form-item label="组成设备"> |
||||
|
<el-select |
||||
|
v-model="paramsDevice" |
||||
|
multiple |
||||
|
filterable |
||||
|
allow-create |
||||
|
default-first-option |
||||
|
collapse-tags |
||||
|
collapse-tags-tooltip |
||||
|
:max-collapse-tags="3" |
||||
|
:reserve-keyword="false" |
||||
|
placeholder="组成设备" |
||||
|
style="width: 240px" |
||||
|
> |
||||
|
<el-option |
||||
|
v-for="item in deviceOption" |
||||
|
:key="item.id" |
||||
|
:label="item.deviceName" |
||||
|
:value="item.centerDeviceCode" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="success" @click="selectParams" |
||||
|
>选择参数</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</div> |
||||
|
</el-form> |
||||
|
</el-collapse-item> |
||||
|
<el-collapse-item title="参数列表" name="2"> |
||||
|
<vxe-toolbar> |
||||
|
<template #buttons> |
||||
|
<vxe-button |
||||
|
status="danger" |
||||
|
content="删除" |
||||
|
icon="vxe-icon-delete" |
||||
|
@click="removeEvent()" |
||||
|
></vxe-button> |
||||
|
</template> |
||||
|
</vxe-toolbar> |
||||
|
<vxe-table |
||||
|
class="tableCollapse" |
||||
|
border |
||||
|
ref="paramsTableRef" |
||||
|
max-height="400" |
||||
|
:row-config="{ isHover: true }" |
||||
|
:loading="loading" |
||||
|
:data="paramsList" |
||||
|
> |
||||
|
<vxe-column type="checkbox" width="60"></vxe-column> |
||||
|
<vxe-column field="paramCode" title="参数编码"></vxe-column> |
||||
|
<vxe-column |
||||
|
field="paramName" |
||||
|
title="参数名称" |
||||
|
:filters="addressOptions" |
||||
|
:filter-method="filterParamName" |
||||
|
:filter-recover-method="filterParamNameRecover" |
||||
|
> |
||||
|
<template #filter="{ $panel, column }"> |
||||
|
<vxe-input |
||||
|
class="filterInput" |
||||
|
v-for="(option, index) in column.filters" |
||||
|
:key="index" |
||||
|
v-model="option.data" |
||||
|
@input="$panel.changeOption($event, !!option.data, option)" |
||||
|
@keyup.enter="$panel.confirmFilter()" |
||||
|
placeholder="参数名称" |
||||
|
size="mini" |
||||
|
></vxe-input> |
||||
|
</template> |
||||
|
</vxe-column> |
||||
|
<vxe-column field="flagEnabled" title="是否有效"> |
||||
|
<template #default="{ row }"> |
||||
|
<vxe-checkbox v-model="row.flagEnabled"></vxe-checkbox> |
||||
|
</template> |
||||
|
</vxe-column> |
||||
|
<vxe-column field="contrlFlag" title="是否可控"> |
||||
|
<template #default="{ row }"> |
||||
|
<vxe-checkbox v-model="row.contrlFlag"></vxe-checkbox> |
||||
|
</template> |
||||
|
</vxe-column> |
||||
|
<vxe-column title="操作" width="100" show-overflow> |
||||
|
<template #default="{ row }"> |
||||
|
<vxe-button |
||||
|
type="text" |
||||
|
icon="vxe-icon-delete" |
||||
|
@click="removeEvent(row)" |
||||
|
></vxe-button> |
||||
|
</template> |
||||
|
</vxe-column> |
||||
|
</vxe-table> |
||||
|
</el-collapse-item> |
||||
|
</el-collapse> |
||||
|
<el-dialog |
||||
|
class="addDialog" |
||||
|
v-model="dialogTableVisible" |
||||
|
title="选择参数" |
||||
|
width="1200" |
||||
|
> |
||||
|
<vxe-table |
||||
|
class="tableDialog" |
||||
|
border |
||||
|
ref="addTableRef" |
||||
|
max-height="400" |
||||
|
:row-config="{ isHover: true }" |
||||
|
:loading="loading" |
||||
|
:data="paramsData" |
||||
|
> |
||||
|
<vxe-column type="checkbox" width="60"></vxe-column> |
||||
|
<vxe-column field="deviceUuid" title="设备编码" sortable></vxe-column> |
||||
|
<vxe-column field="deviceName" title="设备名称"></vxe-column> |
||||
|
<vxe-column field="paramCode" title="参数编码"></vxe-column> |
||||
|
<vxe-column |
||||
|
field="paramModelName" |
||||
|
title="参数模版名称" |
||||
|
:filters="ageOptions" |
||||
|
:filter-method="filterParamModel" |
||||
|
:filter-recover-method="filterParamModelRecover" |
||||
|
> |
||||
|
<template #filter="{ $panel, column }"> |
||||
|
<vxe-input |
||||
|
class="filterInput" |
||||
|
v-for="(option, index) in column.filters" |
||||
|
:key="index" |
||||
|
v-model="option.data" |
||||
|
@input="$panel.changeOption($event, !!option.data, option)" |
||||
|
@keyup.enter="$panel.confirmFilter()" |
||||
|
placeholder="参数模版名称" |
||||
|
size="mini" |
||||
|
></vxe-input> |
||||
|
</template> |
||||
|
</vxe-column> |
||||
|
<vxe-column |
||||
|
field="paramName" |
||||
|
title="参数名称" |
||||
|
:filters="addressOptions" |
||||
|
:filter-method="filterParamNameSel" |
||||
|
:filter-recover-method="filterParamNameRecoverSel" |
||||
|
> |
||||
|
<template #filter="{ $panel, column }"> |
||||
|
<vxe-input |
||||
|
class="filterInput" |
||||
|
v-for="(option, index) in column.filters" |
||||
|
:key="index" |
||||
|
v-model="option.data" |
||||
|
@input="$panel.changeOption($event, !!option.data, option)" |
||||
|
@keyup.enter="$panel.confirmFilter()" |
||||
|
placeholder="参数名称" |
||||
|
size="mini" |
||||
|
></vxe-input> |
||||
|
</template> |
||||
|
</vxe-column> |
||||
|
<vxe-column |
||||
|
field="partion" |
||||
|
title="分区" |
||||
|
:filter-multiple="false" |
||||
|
:filters="sexOptions" |
||||
|
></vxe-column> |
||||
|
</vxe-table> |
||||
|
<template #footer> |
||||
|
<div class="dialog-footer"> |
||||
|
<el-button @click="dialogTableVisible = false">取消</el-button> |
||||
|
<el-button type="primary" @click="addConfirm"> 确认 </el-button> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script setup> |
||||
|
import { ref, reactive, onMounted } from "vue"; |
||||
|
import { ElMessage } from "element-plus"; |
||||
|
import { deptTreeSelect } from "@/api/system/user"; |
||||
|
import { |
||||
|
listByDeviceUuids, |
||||
|
listParams, |
||||
|
delParams, |
||||
|
} from "@/api/model/asset/params"; |
||||
|
import { listDeviceNoPage } from "@/api/model/device"; |
||||
|
import { |
||||
|
listInfo, |
||||
|
getInfo, |
||||
|
delInfo, |
||||
|
addInfo, |
||||
|
updateInfo, |
||||
|
} from "@/api/model/asset/info"; |
||||
|
import { Check } from "@element-plus/icons-vue"; |
||||
|
|
||||
|
const { proxy } = getCurrentInstance(); |
||||
|
const { dc_asset_attr } = proxy.useDict("dc_asset_attr"); |
||||
|
|
||||
|
const activeNames = ref(["1", "2"]); |
||||
|
const route = useRoute(); |
||||
|
const router = useRouter(); |
||||
|
const id = route.query.id; |
||||
|
const ids = ref(); |
||||
|
const submitIcon = ref("Plus"); |
||||
|
const paramsText = ref("新增"); |
||||
|
const paramsFormRef = ref(); |
||||
|
const dialogTableVisible = ref(false); |
||||
|
const deptOptions = ref([]); |
||||
|
const paramsData = ref([]); |
||||
|
const paramsList = ref([]); |
||||
|
const paramsCode = ref([]); |
||||
|
const paramsDevice = ref([]); |
||||
|
const deviceOption = ref([]); |
||||
|
const enabledFlag = ref([ |
||||
|
{ label: "可用", value: 1, elTagType: "default", elTagClass: null }, |
||||
|
{ label: "不可用", value: 0, elTagType: "default", elTagClass: null }, |
||||
|
]); |
||||
|
const formData = reactive({ |
||||
|
paramsForm: { |
||||
|
assetCode: "", |
||||
|
flagEnabled: null, |
||||
|
assetName: "", |
||||
|
assetType: "", |
||||
|
orgCode: null, |
||||
|
orgName: "", |
||||
|
assetParamsDtos: [ |
||||
|
{ |
||||
|
paramCode: "", |
||||
|
flagEnabled: false, |
||||
|
contrlFlag: false, |
||||
|
}, |
||||
|
], |
||||
|
}, |
||||
|
}); |
||||
|
const paramsTableRef = ref(); |
||||
|
const addTableRef = ref(); |
||||
|
const loading = ref(false); |
||||
|
const sexOptions = ref([ |
||||
|
{ label: "A", value: "A" }, |
||||
|
{ label: "B", value: "B" }, |
||||
|
{ label: "C", value: "C" }, |
||||
|
{ label: "D", value: "D" }, |
||||
|
]); |
||||
|
const ageOptions = ref([{ data: "" }]); |
||||
|
const addressOptions = ref([{ data: "" }]); |
||||
|
const paramsRules = reactive({ |
||||
|
orgName: [{ required: true, message: "请选择组织", trigger: "change" }], |
||||
|
assetCode: [{ required: true, message: "请输入编码", trigger: "blur" }], |
||||
|
flagEnabled: [ |
||||
|
{ required: true, message: "请选择是否可用", trigger: "change" }, |
||||
|
], |
||||
|
assetName: [{ required: true, message: "请输入资产名称", trigger: "blur" }], |
||||
|
assetType: [{ required: true, message: "请选择类别", trigger: "change" }], |
||||
|
}); |
||||
|
|
||||
|
const filterParamModel = ({ option, row }) => { |
||||
|
//参数模板名称搜索 |
||||
|
return row.paramModelName === option.data; |
||||
|
}; |
||||
|
const filterParamModelRecover = ({ option }) => { |
||||
|
// 参数模板名称如果是自定义筛选模板，当为点击确认时，该选项将被恢复为默认值 |
||||
|
option.data = ""; |
||||
|
}; |
||||
|
const filterParamName = ({ option, row }) => { |
||||
|
//参数名称搜索 |
||||
|
return row.paramName === option.data; |
||||
|
}; |
||||
|
const filterParamNameRecover = ({ option }) => { |
||||
|
// 参数名称如果是自定义筛选模板，当为点击确认时，该选项将被恢复为默认值 |
||||
|
option.data = ""; |
||||
|
}; |
||||
|
const filterParamNameSel = ({ option, row }) => { |
||||
|
//选择参数名称搜索 |
||||
|
return row.paramName === option.data; |
||||
|
}; |
||||
|
const filterParamNameRecoverSel = ({ option }) => { |
||||
|
// 参数名称如果是自定义筛选模板，当为点击确认时，该选项将被恢复为默认值 |
||||
|
option.data = ""; |
||||
|
}; |
||||
|
onMounted(() => { |
||||
|
if (route.query.id != undefined) { |
||||
|
getBasicInfo(); |
||||
|
getParamsList(); |
||||
|
} |
||||
|
getDeptTree(); |
||||
|
getDevice(); |
||||
|
}); |
||||
|
function getBasicInfo() { |
||||
|
getInfo(route.query.id).then((response) => { |
||||
|
formData.paramsForm = response.data; |
||||
|
submitIcon.value = "Check"; |
||||
|
paramsText.value = "修改"; |
||||
|
}); |
||||
|
} |
||||
|
function getParamsList() { |
||||
|
//获取参数列表 |
||||
|
const params = { |
||||
|
assetCode: route.query.assetCode, |
||||
|
}; |
||||
|
listParams(params).then((res) => { |
||||
|
if (res.code === 200) { |
||||
|
paramsList.value = res.rows; |
||||
|
paramsCode.value = paramsList.value.map((item) => item.paramCode); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
function getDeptTree() { |
||||
|
//获取部门树 |
||||
|
deptTreeSelect().then((response) => { |
||||
|
deptOptions.value = response.data; |
||||
|
}); |
||||
|
} |
||||
|
function getDevice() { |
||||
|
//获取部门树 |
||||
|
listDeviceNoPage().then((response) => { |
||||
|
deviceOption.value = response.data; |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
function selectParams() { |
||||
|
//选择参数 |
||||
|
if (paramsDevice.value.length != 0) { |
||||
|
const params = { |
||||
|
deviceUuids: paramsDevice.value, |
||||
|
excludeParamCodes: paramsCode.value, |
||||
|
}; |
||||
|
listByDeviceUuids(params).then((res) => { |
||||
|
if (res.code === 200) { |
||||
|
paramsData.value = res.data; |
||||
|
dialogTableVisible.value = true; |
||||
|
} |
||||
|
}); |
||||
|
} else { |
||||
|
ElMessage({ |
||||
|
message: "请先选择组成设备！", |
||||
|
type: "warning", |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
function selectDept(val) { |
||||
|
//部门参数选择 |
||||
|
formData.paramsForm.orgCode = val.id; |
||||
|
} |
||||
|
function addConfirm() { |
||||
|
//选择参数确认 |
||||
|
const $addTable = addTableRef.value; |
||||
|
if ($addTable) { |
||||
|
const selectRecords = $addTable.getCheckboxRecords(); |
||||
|
selectRecords.map((item) => { |
||||
|
paramsList.value.push({ |
||||
|
...item, |
||||
|
flagEnabled: false, |
||||
|
contrlFlag: false, |
||||
|
}); |
||||
|
}); |
||||
|
paramsCode.value = paramsList.value.map((item) => item.paramCode); |
||||
|
console.log(paramsList.value, paramsCode.value); |
||||
|
dialogTableVisible.value = false; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
const removeEvent = async (row) => { |
||||
|
//删除 |
||||
|
if (row) { |
||||
|
ids.value = row.id; |
||||
|
} else { |
||||
|
const $submitTable = paramsTableRef.value; |
||||
|
ids.value = $submitTable.getCheckboxRecords().map((item) => item.id); |
||||
|
if (ids.value.length === 0) { |
||||
|
ElMessage({ |
||||
|
message: "请选择删除数据！", |
||||
|
type: "warning", |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
} |
||||
|
if (route.query.id != undefined) { |
||||
|
proxy.$modal |
||||
|
.confirm("是否确认删除数据项？") |
||||
|
.then(function () { |
||||
|
return delParams(ids.value); |
||||
|
}) |
||||
|
.then(() => { |
||||
|
getParamsList(); |
||||
|
proxy.$modal.msgSuccess("删除成功"); |
||||
|
}) |
||||
|
.catch(() => {}); |
||||
|
} else { |
||||
|
const $submitTable = paramsTableRef.value; |
||||
|
const selectParamsList = $submitTable.getCheckboxRecords(); |
||||
|
if ($submitTable) { |
||||
|
$submitTable.remove(row || selectParamsList); |
||||
|
paramsList.value = $submitTable.getTableData().tableData; |
||||
|
paramsCode.value = paramsList.value.map((item) => item.paramCode); |
||||
|
console.log(paramsList.value); |
||||
|
} |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
const paramSubmit = async (formEl) => { |
||||
|
//提交 |
||||
|
if (!formEl) return; |
||||
|
await formEl.validate((valid, fields) => { |
||||
|
if (valid) { |
||||
|
const $submitTable = paramsTableRef.value; |
||||
|
if ($submitTable) { |
||||
|
if (route.query.id != undefined) { |
||||
|
const selectParamsList = $submitTable.getCheckboxRecords(); |
||||
|
console.log(selectParamsList); |
||||
|
const selectParamsListArr = selectParamsList.map((item) => ({ |
||||
|
id: item.id, |
||||
|
paramCode: item.paramCode, |
||||
|
flagEnabled: item.flagEnabled, |
||||
|
contrlFlag: item.contrlFlag, |
||||
|
})); |
||||
|
formData.paramsForm.assetParamsDtos = selectParamsListArr; |
||||
|
updateInfo(formData.paramsForm).then((response) => { |
||||
|
proxy.$modal.msgSuccess("修改成功"); |
||||
|
open.value = false; |
||||
|
}); |
||||
|
} else { |
||||
|
const selectParamsList = $submitTable.getCheckboxRecords(); |
||||
|
const selectParamsListArr = selectParamsList.map((item) => ({ |
||||
|
paramCode: item.paramCode, |
||||
|
flagEnabled: item.flagEnabled, |
||||
|
contrlFlag: item.contrlFlag, |
||||
|
})); |
||||
|
formData.paramsForm.assetParamsDtos = selectParamsListArr; |
||||
|
addInfo(formData.paramsForm).then((response) => { |
||||
|
proxy.$modal.msgSuccess("新增成功"); |
||||
|
open.value = false; |
||||
|
}); |
||||
|
} |
||||
|
router.push({ |
||||
|
path: "AssetInfo", |
||||
|
}); |
||||
|
console.log(formData.paramsForm); |
||||
|
} |
||||
|
} else { |
||||
|
console.log("error submit!", fields); |
||||
|
} |
||||
|
}); |
||||
|
}; |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
.paramsCollapse { |
||||
|
.tableCollapse { |
||||
|
.filterInput { |
||||
|
width: 120px; |
||||
|
margin: 10px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
:deep(.addDialog) { |
||||
|
.tableDialog { |
||||
|
.filterInput { |
||||
|
width: 120px; |
||||
|
margin: 10px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue