| | |
| | | <div class="xm_table"> |
| | | <div style="display: flex; align-items: center; margin-bottom: 15px;"> |
| | | <el-input v-model="form.code" style="width: 150px; margin-right: 15px;" placeholder="请输入合同编号"></el-input> |
| | | <el-button type="primary" @click="getFetchList">搜索</el-button> |
| | | <el-button type="primary" @click="getFetchList(1)">搜索</el-button> |
| | | <el-button @click="clear">重置</el-button> |
| | | </div> |
| | | <el-table |
| | |
| | | <div class="xm_table"> |
| | | <div style="display: flex; align-items: center; margin-bottom: 15px;"> |
| | | <el-input v-model="form.code" style="width: 150px; margin-right: 15px;" placeholder="请输入合同编号"></el-input> |
| | | <el-button type="primary" @click="getFetchList">搜索</el-button> |
| | | <el-button type="primary" @click="getFetchList(1)">搜索</el-button> |
| | | <el-button @click="clear">重置</el-button> |
| | | </div> |
| | | <el-table |
| | |
| | | </div> |
| | | </div> |
| | | <div class="xm_house_list_right"> |
| | | <template v-for="(child, i) in item.roomsList" :key="i"> |
| | | <template v-for="(child, i) in item.roomsList" > |
| | | <div class="xm_house_list_right_row" v-for="(childThree, a) in child" :key="a" :style="{ width: childThree.width + 'px', backgroundColor: ifBackground(childThree.roomStatus) }"> |
| | | <div class="ft"> |
| | | <span>{{childThree.roomCode}}</span> |
| | |
| | | <div class="xm_house_list_right_row_day" v-if="childThree.roomStatus === 0">未出租|空置{{childThree.freeDayAmount}}天</div> |
| | | </div> |
| | | </template> |
| | | |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="xm_table"> |
| | | <div style="display: flex; align-items: center; margin-bottom: 15px;"> |
| | | <el-input v-model="form.code" style="width: 150px; margin-right: 15px;" placeholder="请输入合同编号"></el-input> |
| | | <el-button type="primary" @click="getFetchList">搜索</el-button> |
| | | <el-button type="primary" @click="getFetchList(1)">搜索</el-button> |
| | | <el-button @click="clear">重置</el-button> |
| | | </div> |
| | | <el-table |
| | |
| | | <el-table |
| | | :data="tableData" |
| | | border |
| | | v-lading="loading" |
| | | v-loading="loading" |
| | | style="width: 100%"> |
| | | <el-table-column |
| | | prop="categoryName" |
| | |
| | | <div class="xm_table"> |
| | | <div class="xm_table_search"> |
| | | <div class="xm_table_search_left"> |
| | | <el-input v-model="form.name" placeholder="请输入设备名称/编码" style="width: 150px; margin-right: 15px;"></el-input> |
| | | <el-input v-model="form.name" placeholder="请输入设备名称/编码" style="width: 200px; margin-right: 15px;"></el-input> |
| | | <el-select v-model="form.status" style="width: 150px; margin-right: 15px;" placeholder="设备状态"> |
| | | <el-option label="正常" :value="0"></el-option> |
| | | <el-option label="损坏" :value="1"></el-option> |
| | | <el-option label="报废" :value="2"></el-option> |
| | | </el-select> |
| | | <el-button type="primary" @click="getDevicePage">查询</el-button> |
| | | <el-button type="primary" @click="getDevicePage(1)">查询</el-button> |
| | | <el-button @click="clear">清空</el-button> |
| | | </div> |
| | | <el-button type="primary" @click="handleEdit">新增</el-button> |
| | |
| | | label: '黄金糕' |
| | | }], |
| | | value: '', |
| | | ids:[], |
| | | form: { |
| | | name: '', |
| | | status: '', |
| | |
| | | }) |
| | | }, |
| | | // 获取设备分页 |
| | | getDevicePage() { |
| | | getDevicePage(type) { |
| | | if (type === 1) { |
| | | this.page = 1 |
| | | } |
| | | this.loading = true |
| | | devicePage({ |
| | | capacity: this.pageTotal, |
| | |
| | | }) |
| | | }, |
| | | clear() { |
| | | this.page = 1 |
| | | this.form.code = '' |
| | | this.form.name = '' |
| | | this.form.status = '' |
| | |
| | | } |
| | | }, |
| | | // 获取当前在租合同 |
| | | getFetchList() { |
| | | getFetchList(type) { |
| | | if (type === 1) { |
| | | this.page = 1 |
| | | } |
| | | this.loading = true |
| | | fetchList({ |
| | | capacity: this.pageSize, |
| | |
| | | .box_content { |
| | | width: 100%; |
| | | display: flex; |
| | | align-items: start; |
| | | align-items: flex-start; |
| | | justify-content: space-between; |
| | | .left { |
| | | width: 300px; |