From a0b796c6a758e9e6d8f0dd79d7e1512ee6404d14 Mon Sep 17 00:00:00 2001
From: cc <cc@chaochao.email>
Date: Tue, 26 Mar 2024 08:29:10 +0000
Subject: [PATCH] 1

---
 src/views/Room.vue | 316 +++++++++++++++++++++++----------------------
 1 file changed, 165 insertions(+), 151 deletions(-)

diff --git a/src/views/Room.vue b/src/views/Room.vue
index c6801bf..c1d9c27 100644
--- a/src/views/Room.vue
+++ b/src/views/Room.vue
@@ -1,163 +1,177 @@
 <template>
-    <div class="room-div">
-        <el-card>
-            <div>
-                <el-button type="primary" @click="goHome">项目管理</el-button>
-                <el-button type="success" @click="save_room">项目保存</el-button>
-                <el-button type="success" @click="exc">项目预览</el-button>
-            </div>
-            <div class="ptoject-info">
-                <div class="title">{{ project.name }}</div>
-                <div>{{ project.description }}</div>
-            </div>
-            <el-divider />
-            <div>
-                <el-button type="primary" class="add-btn" :icon="Plus" @click="add_room">新建</el-button>
-            </div>
-            <div class="room-list">
-                <div v-for="item in project.content" :key="item.base_info.room_name" class="room-span"
-                    @click="select_room(item)" :class="{
-                    selectDiv:
-                        item.base_info.room_name ===
-                        current_room_info.base_info.room_name,
-                }">
-                    <span>{{ item.base_info.room_name }}</span>
-                    <span>{{ item.base_info.room_count }}</span>
-                    <el-button :icon="Delete" circle @click="delet_room(item)" />
-                </div>
-            </div>
-        </el-card>
-        <el-card>
-            <div class="div-1">
-                <span class="name name1">房型信息</span>
-                <div class="flex-center bar">
-                    <div class="div300">
-                        <span>房型名称：</span>
-                        <el-input v-model="current_room_info.base_info.room_name" placeholder="请输入房型名称" />
-                    </div>
-                    <div class="div300">
-                        <span>房型数量：</span>
-                        <el-input-number v-model="current_room_info.base_info.room_count" :min="1" :max="99999"
-                            label="描述文字"></el-input-number>
-                    </div>
-                </div>
-            </div>
-            <div class="div-2">
-                <span class="name name2">灯光信息</span>
-                <div class="flex-center bar">
-                    <div v-for="item in lightArr" :key="item.label">
-                        <p>{{ item.label }}</p>
-                        <p>
-                            <el-input-number v-model="current_room_info.light_info[item.key]" :min="0"
-                                :max="999"></el-input-number>
-                        </p>
-                    </div>
-                </div>
-            </div>
-            <div class="div-3">
-                <span class="name name3">空调信息</span>
-                <div class="flex-center bar">
-                    <div>盘管类型</div>
-                    <el-radio-group v-model="current_room_info.fcu_info.fcu_type">
-                        <el-radio :value="item.value" :key="item.value" v-for="item in radioGroup1">{{ item.label
-                            }}</el-radio>
-                    </el-radio-group>
-                    <el-radio-group v-model="current_room_info.fcu_info.pipe_type">
-                        <el-radio :value="item.value" :key="item.value" v-for="item in radioGroup2">{{ item.label
-                            }}</el-radio>
-                    </el-radio-group>
-                    <el-radio-group v-model="current_room_info.fcu_info.valve_type">
-                        <el-radio :value="item.value" :key="item.value" v-for="item in radioGroup3">{{ item.label
-                            }}</el-radio>
-                    </el-radio-group>
+    <el-container>
+        <el-header>
+            <el-card>
+                项目编辑
+            </el-card>
+        </el-header>
+        <el-main>
+            <div class="room-div">
+                <el-card>
                     <div>
-                        <p>风机盘管数量</p>
-                        <p>
-                            <el-input-number v-model="current_room_info.fcu_info.fcu_count" :min="0"
-                                :max="999"></el-input-number>
-                        </p>
+                        <el-button type="primary" @click="goHome">项目管理</el-button>
+                        <el-button type="success" @click="save_room">项目保存</el-button>
+                        <el-button type="success" @click="exc">项目预览</el-button>
                     </div>
+                    <div class="ptoject-info">
+                        <div class="title">{{ project.name }}</div>
+                        <div>{{ project.description }}</div>
+                    </div>
+                    <el-divider />
                     <div>
-                        <p>温控器数量</p>
-                        <p>
-                            <el-input-number v-model="current_room_info.fcu_info.thermostat_count" :min="0"
-                                :max="999"></el-input-number>
-                        </p>
+                        <el-button type="primary" class="add-btn" :icon="Plus" @click="add_room">新建</el-button>
                     </div>
-                </div>
-            </div>
-            <div class="div-4">
-                <span class="name name4">面板信息</span>
-                <div class="flex-center bar">
-                    <div>面板类型</div>
-                    <el-radio-group v-model="current_room_info.panel_info.panel_type">
-                        <el-radio :value="item.value" :key="item.value" v-for="item in radioGroup4">{{ item.label
-                            }}</el-radio>
-                    </el-radio-group>
-                    <div>
-                        <p>面板数量</p>
-                        <p>
-                            <el-input-number v-model="current_room_info.panel_info.panel_count" :min="0"
-                                :max="999"></el-input-number>
-                        </p>
-                    </div>
-                    <div>
-                        <p>按钮数量</p>
-                        <p>
-                            <el-input-number v-model="current_room_info.panel_info.panel_button_count" :min="0"
-                                :max="999"></el-input-number>
-                        </p>
-                    </div>
-                </div>
-            </div>
-            <div class="div-5">
-                <span class="name name5">窗帘信息</span>
-                <div class="flex-center bar">
-                    <div>窗帘类型</div>
-                    <el-radio-group v-model="current_room_info.curtain_info.curtain_type">
-                        <el-radio :value="item.value" :key="item.value" v-for="item in radioGroup5">{{ item.label
-                            }}</el-radio>
-                    </el-radio-group>
-                    <div>
-                        <p>窗帘数量</p>
-                        <p>
-                            <el-input-number v-model="current_room_info.curtain_info.curtain_count" :min="0"
-                                :max="999"></el-input-number>
-                        </p>
-                    </div>
-                    <div>
-                        <p>窗纱数量</p>
-                        <p>
-                            <el-input-number v-model="current_room_info.curtain_info.sheer_curtain_count" :min="0"
-                                :max="999"></el-input-number>
-                        </p>
-                    </div>
-                </div>
-            </div>
-            <div class="div-6">
-                <span class="name name6">其他信息</span>
-                <div class="con-div">
-                    <div class="flex-center bar">
-                        <div v-for="item in otherArr" :key="item.label">
-                            <p>{{ item.label }}</p>
-                            <p>
-                                <el-input-number v-model="current_room_info.other[item.key]" :min="0"
-                                    :max="999"></el-input-number>
-                            </p>
+                    <div class="room-list">
+                        <div v-for="item in project.content" :key="item.base_info.room_name" class="room-span"
+                            @click="select_room(item)" :class="{
+                            selectDiv:
+                                item.base_info.room_name ===
+                                current_room_info.base_info.room_name,
+                        }">
+                            <span>{{ item.base_info.room_name }}</span>
+                            <span>{{ item.base_info.room_count }}</span>
+                            <el-button :icon="Delete" circle @click="delet_room(item)" />
                         </div>
                     </div>
-                </div>
-            </div>
-            <div class="div-7">
-                <span class="name name7">备注</span>
-                <div class="con-div100">
-                    <div class="flex-center bar">
-                        <el-input type="textarea" v-model="current_room_info.base_info.desc"></el-input>
+                </el-card>
+                <el-card>
+                    <div class="div-1">
+                        <span class="name name1">房型信息</span>
+                        <div class="flex-center bar">
+                            <div class="div300">
+                                <span>房型名称：</span>
+                                <el-input v-model="current_room_info.base_info.room_name" placeholder="请输入房型名称" />
+                            </div>
+                            <div class="div300">
+                                <span>房型数量：</span>
+                                <el-input-number v-model="current_room_info.base_info.room_count" :min="1" :max="99999"
+                                    label="描述文字"></el-input-number>
+                            </div>
+                        </div>
                     </div>
-                </div>
+                    <div class="div-2">
+                        <span class="name name2">灯光信息</span>
+                        <div class="flex-center bar">
+                            <div v-for="item in lightArr" :key="item.label">
+                                <p>{{ item.label }}</p>
+                                <p>
+                                    <el-input-number v-model="current_room_info.light_info[item.key]" :min="0"
+                                        :max="999"></el-input-number>
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="div-3">
+                        <span class="name name3">空调信息</span>
+                        <div class="flex-center bar">
+                            <div>盘管类型</div>
+                            <el-radio-group v-model="current_room_info.fcu_info.fcu_type">
+                                <el-radio :value="item.value" :key="item.value" v-for="item in radioGroup1">{{
+                            item.label
+                        }}</el-radio>
+                            </el-radio-group>
+                            <el-radio-group v-model="current_room_info.fcu_info.pipe_type">
+                                <el-radio :value="item.value" :key="item.value" v-for="item in radioGroup2">{{
+                            item.label
+                        }}</el-radio>
+                            </el-radio-group>
+                            <el-radio-group v-model="current_room_info.fcu_info.valve_type">
+                                <el-radio :value="item.value" :key="item.value" v-for="item in radioGroup3">{{
+                            item.label
+                        }}</el-radio>
+                            </el-radio-group>
+                            <div>
+                                <p>风机盘管数量</p>
+                                <p>
+                                    <el-input-number v-model="current_room_info.fcu_info.fcu_count" :min="0"
+                                        :max="999"></el-input-number>
+                                </p>
+                            </div>
+                            <div>
+                                <p>温控器数量</p>
+                                <p>
+                                    <el-input-number v-model="current_room_info.fcu_info.thermostat_count" :min="0"
+                                        :max="999"></el-input-number>
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="div-4">
+                        <span class="name name4">面板信息</span>
+                        <div class="flex-center bar">
+                            <div>面板类型</div>
+                            <el-radio-group v-model="current_room_info.panel_info.panel_type">
+                                <el-radio :value="item.value" :key="item.value" v-for="item in radioGroup4">{{
+                            item.label
+                        }}</el-radio>
+                            </el-radio-group>
+                            <div>
+                                <p>面板数量</p>
+                                <p>
+                                    <el-input-number v-model="current_room_info.panel_info.panel_count" :min="0"
+                                        :max="999"></el-input-number>
+                                </p>
+                            </div>
+                            <div>
+                                <p>按钮数量</p>
+                                <p>
+                                    <el-input-number v-model="current_room_info.panel_info.panel_button_count" :min="0"
+                                        :max="999"></el-input-number>
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="div-5">
+                        <span class="name name5">窗帘信息</span>
+                        <div class="flex-center bar">
+                            <div>窗帘类型</div>
+                            <el-radio-group v-model="current_room_info.curtain_info.curtain_type">
+                                <el-radio :value="item.value" :key="item.value" v-for="item in radioGroup5">{{
+                            item.label
+                        }}</el-radio>
+                            </el-radio-group>
+                            <div>
+                                <p>窗帘数量</p>
+                                <p>
+                                    <el-input-number v-model="current_room_info.curtain_info.curtain_count" :min="0"
+                                        :max="999"></el-input-number>
+                                </p>
+                            </div>
+                            <div>
+                                <p>窗纱数量</p>
+                                <p>
+                                    <el-input-number v-model="current_room_info.curtain_info.sheer_curtain_count"
+                                        :min="0" :max="999"></el-input-number>
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="div-6">
+                        <span class="name name6">其他信息</span>
+                        <div class="con-div">
+                            <div class="flex-center bar">
+                                <div v-for="item in otherArr" :key="item.label">
+                                    <p>{{ item.label }}</p>
+                                    <p>
+                                        <el-input-number v-model="current_room_info.other[item.key]" :min="0"
+                                            :max="999"></el-input-number>
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="div-7">
+                        <span class="name name7">备注</span>
+                        <div class="con-div100">
+                            <div class="flex-center bar">
+                                <el-input type="textarea" v-model="current_room_info.base_info.desc"></el-input>
+                            </div>
+                        </div>
+                    </div>
+                </el-card>
             </div>
-        </el-card>
-    </div>
+        </el-main>
+    </el-container>
 </template>
 <script setup>
 import { Delete } from "@element-plus/icons-vue";