|
@@ -24,6 +24,20 @@
|
|
|
><a-form-item label="冰箱名称" name="name">
|
|
|
<a-input v-model:value="searchFormState.name" placeholder="请输入冰箱名称" /> </a-form-item
|
|
|
></a-col>
|
|
|
+
|
|
|
+ <a-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
|
|
|
+ <a-form-item label="所属房间" name="roomId">
|
|
|
+ <a-select
|
|
|
+ ref="select"
|
|
|
+ v-model:value="searchFormState.roomId"
|
|
|
+ :options="roomOptions"
|
|
|
+ allowClear
|
|
|
+ style="width: 100%"
|
|
|
+ placeholder="请选择您要绑定的房间"
|
|
|
+ :field-names="{ label: 'name', value: 'id' }"
|
|
|
+ />
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
</a-form>
|
|
|
</a-row>
|
|
|
</div>
|
|
@@ -165,9 +179,10 @@
|
|
|
<script setup>
|
|
|
import router from '@/router'
|
|
|
import setupApi from '@/api/basicset/setupApi'
|
|
|
+ import targetRoomApi from '@/api/coldchain/targetRoomApi'
|
|
|
import Form from './form.vue'
|
|
|
const formRef = ref()
|
|
|
-
|
|
|
+ const roomOptions = ref([])
|
|
|
const searchFormRef = ref()
|
|
|
const searchFormState = ref({})
|
|
|
const tableRef = ref()
|
|
@@ -235,6 +250,18 @@
|
|
|
width: 200
|
|
|
}
|
|
|
]
|
|
|
+
|
|
|
+ onMounted(() => {
|
|
|
+ setRoomData()
|
|
|
+ })
|
|
|
+
|
|
|
+ //获取房间的数据
|
|
|
+ const setRoomData = () => {
|
|
|
+ targetRoomApi.targetRoomList().then((res) => {
|
|
|
+ roomOptions.value = res
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
// 可伸缩列
|
|
|
const handleResizeColumn = (w, col) => {
|
|
|
col.width = w
|