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

1

main
cc 2024-03-26 08:29:10 +00:00
parent e460f44d0d
commit a0b796c6a7
1 changed files with 165 additions and 151 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

316
src/views/Room.vue
View File

@ -1,163 +1,177 @@
<template> <template>
<div class="room-div"> <el-container>
<el-card> <el-header>
<div> <el-card>
<el-button type="primary" @click="goHome">项目管理</el-button> 项目编辑
<el-button type="success" @click="save_room">项目保存</el-button> </el-card>
<el-button type="success" @click="exc">项目预览</el-button> </el-header>
</div> <el-main>
<div class="ptoject-info"> <div class="room-div">
<div class="title">{{ project.name }}</div> <el-card>
<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>
<div> <div>
<p>风机盘管数量</p> <el-button type="primary" @click="goHome">项目管理</el-button>
<p> <el-button type="success" @click="save_room">项目保存</el-button>
<el-input-number v-model="current_room_info.fcu_info.fcu_count" :min="0" <el-button type="success" @click="exc">项目预览</el-button>
:max="999"></el-input-number>
</p>
</div> </div>
<div class="ptoject-info">
<div class="title">{{ project.name }}</div>
<div>{{ project.description }}</div>
</div>
<el-divider />
<div> <div>
<p>温控器数量</p> <el-button type="primary" class="add-btn" :icon="Plus" @click="add_room">新建</el-button>
<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="room-list">
</div> <div v-for="item in project.content" :key="item.base_info.room_name" class="room-span"
<div class="div-4"> @click="select_room(item)" :class="{
<span class="name name4">面板信息</span> selectDiv:
<div class="flex-center bar"> item.base_info.room_name ===
<div>面板类型</div> current_room_info.base_info.room_name,
<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 <span>{{ item.base_info.room_name }}</span>
}}</el-radio> <span>{{ item.base_info.room_count }}</span>
</el-radio-group> <el-button :icon="Delete" circle @click="delet_room(item)" />
<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> </el-card>
</div> <el-card>
<div class="div-7"> <div class="div-1">
<span class="name name7">备注</span> <span class="name name1">房型信息</span>
<div class="con-div100"> <div class="flex-center bar">
<div class="flex-center bar"> <div class="div300">
<el-input type="textarea" v-model="current_room_info.base_info.desc"></el-input> <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> <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> </div>
</el-card> </el-main>
</div> </el-container>
</template> </template>
<script setup> <script setup>
import { Delete } from "@element-plus/icons-vue"; import { Delete } from "@element-plus/icons-vue";