add:照明系统 增加接口 / 枚举 / 逻辑补充
This commit is contained in:
@@ -45,19 +45,9 @@ export const dict = async ({
|
||||
export const getAllEnum = async ({
|
||||
api = `${BASE_URL}/operation/enum/getAllEnum`,
|
||||
params = {},
|
||||
keyField = 'dicKey',
|
||||
transform = (res: any) => res,
|
||||
}: dictHttpConfig) => {
|
||||
const dictMap = JSON.parse(sessionStorage.getItem('dictMap') || '{}') as Object;
|
||||
const key = get(params, keyField) as keyof typeof dictMap;
|
||||
|
||||
if (!dictMap.hasOwnProperty(key)) {
|
||||
const res = await http.post(api, params);
|
||||
const options = get(transform(res), `data.${key}`);
|
||||
dictMap[key] = options;
|
||||
sessionStorage.setItem('dictMap', JSON.stringify(dictMap));
|
||||
}
|
||||
return Promise.resolve({ data: { data: get(dictMap, key) } });
|
||||
const res = await http.post(api, params);
|
||||
return Promise.resolve(res);
|
||||
};
|
||||
|
||||
|
||||
@@ -67,17 +57,7 @@ export const getAllEnum = async ({
|
||||
export const getEnum = async ({
|
||||
api = `${BASE_URL}/operation/enum/getEnum`,
|
||||
params = {},
|
||||
keyField = 'dicKey',
|
||||
transform = (res: any) => res,
|
||||
}: dictHttpConfig) => {
|
||||
const dictMap = JSON.parse(sessionStorage.getItem('dictMap') || '{}') as Object;
|
||||
const key = get(params, keyField) as keyof typeof dictMap;
|
||||
|
||||
if (!dictMap.hasOwnProperty(key)) {
|
||||
const res = await http.post(api, params);
|
||||
const options = get(transform(res), `data.${key}`);
|
||||
dictMap[key] = options;
|
||||
sessionStorage.setItem('dictMap', JSON.stringify(dictMap));
|
||||
}
|
||||
return Promise.resolve({ data: { data: get(dictMap, key) } });
|
||||
const res = await http.post(api, params);
|
||||
return Promise.resolve(res);
|
||||
};
|
@@ -49,7 +49,12 @@
|
||||
:maskStyle="{ 'background-color': 'rgba(0, 0, 0, 0)' }">
|
||||
<a-tabs v-model:activeKey="activeKey">
|
||||
<a-tab-pane key="1" tab="控制面板">
|
||||
<tabs1 @changeArea="changeArea" @reset="reset" :treeData="treeData" :nowArea="nowArea"></tabs1>
|
||||
<tabs1
|
||||
@changeArea="changeArea"
|
||||
@reset="reset"
|
||||
:treeData="treeData"
|
||||
:nowArea="nowArea"
|
||||
></tabs1>
|
||||
</a-tab-pane>
|
||||
<a-tab-pane key="2" tab="计划列表" force-render>
|
||||
<tabs2></tabs2>
|
||||
@@ -83,6 +88,7 @@ import {
|
||||
// 初始化 =======================================================
|
||||
|
||||
onMounted(() => {
|
||||
// 获得分区与线路的结构
|
||||
http.get(lightingManage.getArea, { projectId: 'HLlmTZp8' }).then(res => {
|
||||
const data = res.data
|
||||
floorData.value = data
|
||||
|
@@ -81,9 +81,10 @@
|
||||
</div>
|
||||
<!-- 控制模式按钮部分 -->
|
||||
<div class="control-mode-btn-area" v-show="showControlMode">
|
||||
<button v-for="(button3, index) in controlType" :key="index"
|
||||
:class="{ btn: true, selected: button3.type == thisButton.type }" @click="selectButton3(button3)">
|
||||
{{ button3.name }}
|
||||
<button v-for="(button3, index) in controlMode" :key="index"
|
||||
class="btn"
|
||||
:class="{ selected: thisButton.mode.value == button3.value }" @click="selectButton3(button3)">
|
||||
{{ button3.label }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -212,7 +213,6 @@
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref, computed, onMounted, watch } from 'vue';
|
||||
import { controlType } from './treeData'
|
||||
import {
|
||||
DownOutlined,
|
||||
UpOutlined,
|
||||
@@ -222,11 +222,15 @@ import { message } from 'ant-design-vue';
|
||||
// 请求
|
||||
import { http } from '/nerv-lib/util/http';
|
||||
import { lightingManage } from '/@/api/IlluminationInfo';
|
||||
import { getAllEnum } from '/@/api/index'
|
||||
|
||||
// 初始化 =========================================================================
|
||||
|
||||
onMounted(() => {
|
||||
// 设置分区
|
||||
setArea()
|
||||
// 获得枚举
|
||||
getEnum(['IlluminationMode', 'IlluminationScene'])
|
||||
})
|
||||
// 父组件点击俯视图切换分区时,子组件切换线路
|
||||
const setArea = () => {
|
||||
@@ -402,8 +406,13 @@ const toggleSelection = (button: any) => {
|
||||
} else {
|
||||
// 未发生选中 或 多选被取消
|
||||
showControlMode.value = false
|
||||
thisButton.value = { type: '0' }
|
||||
thisButton.value = {
|
||||
mode: {
|
||||
value: '0'
|
||||
}
|
||||
}
|
||||
}
|
||||
console.log(thisButton,'button')
|
||||
};
|
||||
|
||||
// 照明回路所有按钮
|
||||
@@ -417,16 +426,31 @@ const limitedButtons2 = computed(() => buttons2.value.slice(0, 8));
|
||||
|
||||
// 决定该区域是否显示
|
||||
const showControlMode = ref(false);
|
||||
const thisButton = ref({ type: 0 })
|
||||
const thisButton = ref({
|
||||
mode: {
|
||||
value: '0'
|
||||
}
|
||||
})
|
||||
// 控制模式 - 按钮切换
|
||||
const selectButton3 = (button3) => {
|
||||
thisButton.value.type = button3.type
|
||||
showControlScene.value = button3.name === '手动';
|
||||
let checked = thisButton.value.mode.value
|
||||
console.log(button3.value,'---', checked)
|
||||
// 如果点击了相同的按钮,未作出修改
|
||||
if (checked === button3.value) {
|
||||
return
|
||||
}
|
||||
checked = button3.value
|
||||
// 如果当前选项是手动模式
|
||||
showControlScene.value = button3.label === '手动模式';
|
||||
selectedButton4.value = null; // 清空选中的控制场景按钮
|
||||
};
|
||||
|
||||
// 控制场景业务 =====================================================================
|
||||
|
||||
// 控制模式枚举
|
||||
const controlMode = ref([])
|
||||
// 场景枚举
|
||||
const controlScene = ref([])
|
||||
// 决定该区域是否显示
|
||||
const showControlScene = ref(false);
|
||||
// 控制场景 - 所有按钮
|
||||
@@ -458,6 +482,8 @@ const handleRowClick = (index: any) => {
|
||||
|
||||
// 内侧弹窗 ========================================================================
|
||||
|
||||
// 需要向后端提交的修改内容
|
||||
const submitArray = ref([])
|
||||
const cxList = ref([
|
||||
{
|
||||
id: '1',
|
||||
@@ -498,7 +524,7 @@ const cxList = ref([
|
||||
]);
|
||||
//撤销
|
||||
const delBtn = (id: any) => {
|
||||
cxList.value.pop(id);
|
||||
cxList.value.pop();
|
||||
console.log(cxList.value.length);
|
||||
|
||||
if (cxList.value.length === 0) {
|
||||
@@ -514,14 +540,6 @@ const isLoading = ref(false)
|
||||
const initMenu = (tier: number) => {
|
||||
// 1 = 照明区域 - 切换时,重置以下所有菜单
|
||||
if (tier == 1) {
|
||||
// 切换前,清除照明回路的选中状态
|
||||
// buttons2.value.forEach(item => {
|
||||
// item.selected = false
|
||||
// })
|
||||
// // 切换后,清空所有选中状态
|
||||
// props.treeData.forEach(item => {
|
||||
// item.selected = false
|
||||
// })
|
||||
emit('reset')
|
||||
// 控制模式 隐藏
|
||||
showControlMode.value = false;
|
||||
@@ -568,6 +586,15 @@ const changeConfirm = () => {
|
||||
const changeCancel = () => {
|
||||
|
||||
}
|
||||
// 获得枚举,初始化
|
||||
const getEnum = (arr: any) => {
|
||||
getAllEnum({ params: arr }).then(res => {
|
||||
const data = res.data
|
||||
controlMode.value = data.IlluminationMode
|
||||
controlScene.value = data.IlluminationScene
|
||||
})
|
||||
console.log(controlMode, controlScene, '001')
|
||||
}
|
||||
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
|
@@ -41,7 +41,14 @@
|
||||
</td>
|
||||
<td>
|
||||
<div class="tabReboot" @click="restartPlan(row.id)">重启</div>
|
||||
<div class="tabDelete" @click="deletePlan(row.id)">删除</div>
|
||||
<a-popconfirm
|
||||
title="此操作将永久删除该条数据"
|
||||
ok-text="确定"
|
||||
cancel-text="取消"
|
||||
@confirm="deletePlan(row.id)"
|
||||
>
|
||||
<div class="tabDelete">删除</div>
|
||||
</a-popconfirm>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
@@ -121,6 +128,7 @@ const addModal = () => {
|
||||
addVisible.value = true;
|
||||
};
|
||||
|
||||
|
||||
// 穿梭框部分 =======================================================
|
||||
|
||||
// 穿梭框数据
|
||||
|
Reference in New Issue
Block a user