gitcc
/
inncom_list
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

代码暂存，

main
wangqiujuan0808 2024-03-23 14:37:08 +08:00
parent 2f1a032818
commit e906a05cd5
1 changed files with 127 additions and 112 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

237
src/views/Room.vue
View File

@ -4,16 +4,17 @@
<el-card> <el-card>
<div> <div>
<el-button type="primary" @click="router.push('home')">项目管理</el-button> <el-button type="primary" @click="router.push('home')">项目管理</el-button>
<el-button type="success">项目预览</el-button> <el-button type="success" @click="saveProject">项目预览</el-button>
</div> </div>
<div> <div>
<el-button type="primary" class="add-btn" :icon="Plus" @click="addRoom">新建</el-button> <el-button type="primary" class="add-btn" :icon="Plus" @click="add_room">新建</el-button>
</div> </div>
<div class="room-list"> <div class="room-list">
<div v-for="(item, index) in project.content" :key="index" class="room-span"> <div v-for="(item, index) in project.content" :key="index" class="room-span" @click="select_room(item)"
:class="{ 'selectDiv': item.room_name === currentRoom.room_name }">
<span>{{ item.room_name }}</span> <span>{{ item.room_name }}</span>
<span>{{ item.room_count }}</span> <span>{{ item.room_count }}</span>
<el-button type="danger" :icon="Delete" circle /> <el-button type="danger" :icon="Delete" circle @click="delet_room(item)"/>
</div> </div>
</div> </div>
</el-card> </el-card>
@ -23,15 +24,12 @@
<div class="flex-center bar"> <div class="flex-center bar">
<div class="div300"> <div class="div300">
<span>房型名称：</span> <span>房型名称：</span>
<el-select v-model="form.roomName" placeholder="请选择"> <el-input v-model="currentRoom.room_name" placeholder="请输入房型名称" />
<el-option v-for="item in options" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</el-select>
</div> </div>
<div class="div300"> <div class="div300">
<span>房型数量：</span> <span>房型数量：</span>
<el-input-number v-model="form.num100" :min="1" :max="10" label="描述文字"></el-input-number> <el-input-number v-model="currentRoom.room_count" :min="1" :max="10"
label="描述文字"></el-input-number>
</div> </div>
</div> </div>
</div> </div>
@ -41,7 +39,7 @@
<div v-for="(item, i) in lightArr" :key="item.label"> <div v-for="(item, i) in lightArr" :key="item.label">
<p>{{ item.label }}</p> <p>{{ item.label }}</p>
<p> <p>
<el-input-number v-model="form.num100" :min="1" :max="100"></el-input-number> <el-input-number v-model="currentRoom.lightInfo" :min="1" :max="100"></el-input-number>
</p> </p>
</div> </div>
</div> </div>
@ -50,22 +48,22 @@
<span class="name name3">空调信息</span> <span class="name name3">空调信息</span>
<div class="flex-center bar"> <div class="flex-center bar">
<div>盘管类型</div> <div>盘管类型</div>
<el-radio-group v-model="form.type1"> <el-radio-group v-model="currentRoom.type1">
<el-radio :label="item.value" :key="item.value" <el-radio :label="item.value" :key="item.value" v-for="(item, index) in radioGroup1">{{ item.label
v-for="(item, index) in radioGroup1">{{ item.label }}</el-radio> }}</el-radio>
</el-radio-group> </el-radio-group>
<el-radio-group v-model="form.type2"> <el-radio-group v-model="currentRoom.type2">
<el-radio :label="item.value" :key="item.value" <el-radio :label="item.value" :key="item.value" v-for="(item, index) in radioGroup2">{{ item.label
v-for="(item, index) in radioGroup2">{{ item.label }}</el-radio> }}</el-radio>
</el-radio-group> </el-radio-group>
<el-radio-group v-model="form.type3"> <el-radio-group v-model="currentRoom.type3">
<el-radio :label="item.value" :key="item.value" <el-radio :label="item.value" :key="item.value" v-for="(item, index) in radioGroup3">{{ item.label
v-for="(item, index) in radioGroup3">{{ item.label }}</el-radio> }}</el-radio>
</el-radio-group> </el-radio-group>
<div> <div>
<p>温控器数量</p> <p>温控器数量</p>
<p> <p>
<el-input-number v-model="form.num1" :min="1" :max="100"></el-input-number> <el-input-number v-model="currentRoom.num1" :min="1" :max="100"></el-input-number>
</p> </p>
</div> </div>
</div> </div>
@ -74,20 +72,20 @@
<span class="name name4">面板信息</span> <span class="name name4">面板信息</span>
<div class="flex-center bar"> <div class="flex-center bar">
<div>面板类型</div> <div>面板类型</div>
<el-radio-group v-model="form.type4"> <el-radio-group v-model="currentRoom.type4">
<el-radio :label="item.value" :key="item.value" <el-radio :label="item.value" :key="item.value" v-for="(item, index) in radioGroup4">{{ item.label
v-for="(item, index) in radioGroup4">{{ item.label }}</el-radio> }}</el-radio>
</el-radio-group> </el-radio-group>
<div> <div>
<p>面板数量</p> <p>面板数量</p>
<p> <p>
<el-input-number v-model="form.mbnum" :min="1" :max="100"></el-input-number> <el-input-number v-model="currentRoom.mbnum" :min="1" :max="100"></el-input-number>
</p> </p>
</div> </div>
<div> <div>
<p>按钮数量</p> <p>按钮数量</p>
<p> <p>
<el-input-number v-model="form.btnnum" :min="1" :max="100"></el-input-number> <el-input-number v-model="currentRoom.btnnum" :min="1" :max="100"></el-input-number>
</p> </p>
</div> </div>
</div> </div>
@ -96,20 +94,20 @@
<span class="name name5">窗帘信息</span> <span class="name name5">窗帘信息</span>
<div class="flex-center bar"> <div class="flex-center bar">
<div>窗帘类型</div> <div>窗帘类型</div>
<el-radio-group v-model="form.type5"> <el-radio-group v-model="currentRoom.type5">
<el-radio :label="item.value" :key="item.value" <el-radio :label="item.value" :key="item.value" v-for="(item, index) in radioGroup5">{{ item.label
v-for="(item, index) in radioGroup5">{{ item.label }}</el-radio> }}</el-radio>
</el-radio-group> </el-radio-group>
<div> <div>
<p>窗帘数量</p> <p>窗帘数量</p>
<p> <p>
<el-input-number v-model="form.chlnum" :min="1" :max="100"></el-input-number> <el-input-number v-model="currentRoom.chlnum" :min="1" :max="100"></el-input-number>
</p> </p>
</div> </div>
<div> <div>
<p>窗纱数量</p> <p>窗纱数量</p>
<p> <p>
<el-input-number v-model="form.chshnum" :min="1" :max="100"></el-input-number> <el-input-number v-model="currentRoom.chshnum" :min="1" :max="100"></el-input-number>
</p> </p>
</div> </div>
</div> </div>
@ -121,12 +119,12 @@
<div v-for="(item, i) in otherArr" :key="item.label"> <div v-for="(item, i) in otherArr" :key="item.label">
<p>{{ item.label }}</p> <p>{{ item.label }}</p>
<p> <p>
<el-input-number v-model="form.num101" :min="1" :max="100"></el-input-number> <el-input-number v-model="currentRoom['otherNum'+ item.value]" :min="1" :max="100"></el-input-number>
</p> </p>
</div> </div>
</div> </div>
<el-checkbox-group v-model="form.checkone" class="rules-label"> <el-checkbox-group v-model="currentRoom.checkone" class="rules-label">
<el-checkbox v-for="(item, i) in checkList" :label="item.label" :key="item.value" <el-checkbox v-for="(item, i) in checkList" :label="item.label" :key="item.value"
:value="item.value"> :value="item.value">
{{ item.label }} {{ item.label }}
@ -139,7 +137,7 @@
<span class="name name7">备注</span> <span class="name name7">备注</span>
<div class="con-div100"> <div class="con-div100">
<div class="flex-center bar"> <div class="flex-center bar">
<el-input type="textarea" v-model="form.desc"></el-input> <el-input type="textarea" v-model="currentRoom.desc"></el-input>
</div> </div>
</div> </div>
</div> </div>
@ -162,6 +160,34 @@ const project = reactive({
description: "", description: "",
content: [], content: [],
}); });
const room_info = reactive({
room_name: '',
room_count: 1,
lightInfo: 1, // 灯光信息
type1: 0,// 盘管类型
type2: 0,
type3: 0,
num1: 1, // 温室器数量
type4: 0,// 面板类型
type5: 0,// 窗帘类型
mbnum: 0,// 面板数量
btnnum: 0,// 按钮数量
chlnum: 0,// 窗帘数量
chshnum: 0,// 窗纱数量
checkone: [0,1],// 其他信息
desc: '', // 备注,
otherNum0: 1,
otherNum1: 1,
otherNum2: 1,
otherNum3: 1,
otherNum4: 1
})
var currentRoom = reactive(room_info);
const get_project = async () => { const get_project = async () => {
const param = { const param = {
action: 100, action: 100,
@ -175,7 +201,10 @@ const get_project = async () => {
project.description = res.data.description; project.description = res.data.description;
if (Array.isArray(res.data.content)) { if (Array.isArray(res.data.content)) {
project.content = res.data.content; project.content = res.data.content;
} else {
add_room();
} }
select_room(project.content[0]);
} else { } else {
ElMessage({ ElMessage({
message: res.message, message: res.message,
@ -183,153 +212,134 @@ const get_project = async () => {
}); });
} }
} }
const delet_room = (item) => {
get_project();
}
onMounted(() => { onMounted(() => {
get_project(); get_project();
if (project.content.length ===0) {
add_room();
}
}); });
const room_info = reactive({
room_name: '',
room_count: 1,
})
const select_room = (item) => {
currentRoom = item;
console.log(123, currentRoom);
}
const add_room = () => { const add_room = () => {
if (!Array.isArray(project.content)) { if (!Array.isArray(project.content)) {
project.content = [] project.content = []
} }
room_info.room_name = "房型" + (project.content.length + 1); room_info.room_name = "房型" + (project.content.length + 1);
room_info.room_count = 1; project.content.push(room_info);
project.content.push(room_info) console.log(1, project.content);
}
const saveProject = async () => {
const param = {
action: 102,
data: {
...project,
new_name: project.name
},
}
const res = await myApi.getProjects(param);
console.log(res);
if (res.code === 0) {
ElMessage({
message: "更新成功",
type: "success",
});
get_project();
} else {
ElMessage({
message: res.message + '[' + res.data + ']',
type: "warning",
});
}
} }
const room_data = usrRoomStore();
const new_room = reactive({
name: '房型A',
number: 55,
})
const options = reactive([{
label: '房型A',
value: 1,
}, {
label: '房型B',
value: 2,
}])
const form = reactive({
roomName: options[0].value,
num1: 1,
num100: 1,
num101: 1,
type1: 0,
type2: 0,
type3: 0,
type4: 0,
type5: 0,
mbnum: 0,
btnnum: 0,
chlnum: 0,
chshnum: 0,
checkone: [],
desc: ''
})
const lightArr = reactive([{ const lightArr = reactive([{
label: '开关回路', label: '开关回路',
value: 1, value: 0,
}, { }, {
label: '0-10V调光', label: '0-10V调光',
value: 2, value: 1,
}, { }, {
label: '前沿调光', label: '前沿调光',
value: 3, value: 2,
}, { }, {
label: '后沿调光', label: '后沿调光',
value: 4, value: 3,
}, { }, {
label: 'DALI灯', label: 'DALI灯',
value: 5, value: 4,
}]) }])
const otherArr = reactive([{ const otherArr = reactive([{
label: '红外', label: '红外',
value: 1, value: 0,
}, { }, {
label: '双鉴红外', label: '双鉴红外',
value: 2, value: 1,
}, { }, {
label: '门磁', label: '门磁',
value: 3, value: 2,
}, { }, {
label: '窗磁', label: '窗磁',
value: 4, value: 3,
}, { }, {
label: '门铃', label: '门铃',
value: 5, value: 4,
}]) }])
const radioGroup1 = reactive([{ const radioGroup1 = reactive([{
label: '普通三速风机', label: '普通三速风机',
value: 1, value: 0,
}, { }, {
label: '直流无刷风机', label: '直流无刷风机',
value: 2, value: 1,
}, { }, {
label: '三方协议风机', label: '三方协议风机',
value: 3, value: 2,
}]) }])
const radioGroup2 = reactive([{ const radioGroup2 = reactive([{
label: '两管制', label: '两管制',
value: 4, value: 0,
}, { }, {
label: '四管制', label: '四管制',
value: 5, value: 1,
}]) }])
const radioGroup3 = reactive([{ const radioGroup3 = reactive([{
label: '两通阀', label: '两通阀',
value: 6, value: 0,
}, { }, {
label: '调节阀', label: '调节阀',
value: 7, value: 1,
}]) }])
const radioGroup4 = reactive([{ const radioGroup4 = reactive([{
label: '普通面板(无背光)', label: '普通面板(无背光)',
value: 8, value: 0,
}, { }, {
label: '普通面板(带背光)', label: '普通面板(带背光)',
value: 9, value: 1,
}, { }, {
label: '协议面板', label: '协议面板',
value: 10, value: 10,
}]) }])
const radioGroup5 = reactive([{ const radioGroup5 = reactive([{
label: '干接点电机', label: '干接点电机',
value: 11, value: 0,
}, { }, {
label: '485电机', label: '485电机',
value: 12, value: 1,
}]) }])
const checkList = reactive([{ const checkList = reactive([{
label: 'DND', label: 'DND',
value: 11, value: 0,
}, { }, {
label: 'MUR', label: 'MUR',
value: 12, value: 1,
}, { }, {
label: 'SOS', label: 'SOS',
value: 13, value: 2,
}]) }])
const addRoom = () => {
room_data.list.push({
name: new_room.name,
number: new_room.number,
});
}
const check = () => {
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.room-div { .room-div {
@ -361,6 +371,7 @@ const check = () => {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
cursor: pointer;
>span { >span {
width: 30%; width: 30%;
@ -500,5 +511,9 @@ const check = () => {
} }
} }
.selectDiv {
background: #409eff;
color: #fff;
} }
</style>
}</style>