U

he wei

2025-04-24 368413ba07c0876e8b4eb8ba3484b27fa843d68f

 src/views/device/realtime/settings.vue

@@ -168,45 +168,47 @@
<template>
  <!-- 遍历所有的锁 给每个锁选择 机柜序号 门序号 -->
  <!-- <el-form :model="lockConfigs"> -->
  <el-form>
    <template v-for="(lock, index) in locationInfo.control" :key="index">
      <el-row :gutter="16">
        <el-col :span="24">
          <div class="info">锁具: {{ lock.lockName }}</div>
        </el-col>
        <el-col :span="12">
          <el-form-item label="机柜序号">
            <el-select
              v-model="cabIdxs[index]"
              placeholder="请选择机柜序号"
              clearable
              @change="handleCabinetSelect(index)"
            >
              <el-option
                v-for="cabinet in availableCabinets"
                :key="cabinet"
                :label="cabinet.idx"
                :value="cabinet.idx"
              ></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="所在柜门">
            <el-select
              v-model="doorIdxs[index]"
              :disabled="!cabIdxs[index]"
              clearable
              placeholder="请选择机柜序号"
              @change="handleDoorSelect(index)"
            >
              <el-option label="前门" :disabled="!cabIdxs[index] || (allCabinets[cabIdxs[index] - 1].doors & 0x01) > 0" :value="1"></el-option>
              <el-option label="后门" :disabled="!cabIdxs[index] || (allCabinets[cabIdxs[index] - 1].doors & 0x02) > 0" :value="2"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
    </template>
  <el-form class="form">
    <div class="scroller">
      <template v-for="(lock, index) in locationInfo.control" :key="index">
        <el-row :gutter="16">
          <el-col :span="24">
            <div class="info">锁具: {{ lock.lockName }}</div>
          </el-col>
          <el-col :span="12">
            <el-form-item label="机柜序号">
              <el-select
                v-model="cabIdxs[index]"
                placeholder="请选择机柜序号"
                clearable
                @change="handleCabinetSelect(index)"
              >
                <el-option
                  v-for="cabinet in availableCabinets"
                  :key="cabinet"
                  :label="cabinet.idx"
                  :value="cabinet.idx"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="所在柜门">
              <el-select
                v-model="doorIdxs[index]"
                :disabled="!cabIdxs[index]"
                clearable
                placeholder="请选择机柜序号"
                @change="handleDoorSelect(index)"
              >
                <el-option label="前门" :disabled="!cabIdxs[index] || (allCabinets[cabIdxs[index] - 1].doors & 0x01) > 0" :value="1"></el-option>
                <el-option label="后门" :disabled="!cabIdxs[index] || (allCabinets[cabIdxs[index] - 1].doors & 0x02) > 0" :value="2"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
      </template>
    </div>
    <div class="footer">
      <el-button @click="cancel">取消</el-button>
      <el-button type="primary" @click="submitForm">提交配置</el-button>
@@ -215,6 +217,16 @@
</template>

<style scoped lang="less">
// .form {
//   padding-right: 8px;
// }
.scroller {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-right: -8px;
  padding-right: 18px;
}
.info {
  font-size: 14px;
  color: #333;