UA 整理提交

he wei

2025-04-23 b9bd29a1a81f6f7de479e3cc3fdfe3d85fc660bf

 src/views/device/locks/addTask.vue

@@ -5,18 +5,27 @@
   import { getAreaUserLock } from '@/api/lockManager.js';
  import { checkSnId } from '@/api/user.js';
  import {ElMessageBox} from 'element-plus'
 import useStation from "@/hooks/useStationList.js";
 const {
   stationName1,
   stationName2,
   stationName3,
   stationName4,
   stationList1,
   stationList2,
   stationList3,
   stationList4,
   lockList,
 } = useStation();


   const { $loading, $message, $confirm } = useElement();

   const formRef = ref();
   const userList = ref([]);
   const keyList = ref([]);
   const lockList = ref([]);
   const form1 = reactive({
      startTime: "",
      stopTime: "",
      lockNames: [],
   lockIds: [],
   });

   const rules = {
@@ -34,7 +43,7 @@
            trigger: ["blur", "change"],
         },
      ],
      lockNames: [
   lockIds: [
         {
            required: true,
            message: "不能为空",
@@ -59,16 +68,6 @@
      $emit("close");
   }

   // 查询所有锁具
   async function getLockList() {
      let res = await getAreaUserLock();
      let { code, data, data2 } = res;
      let _list = [];
      if (code && data) {
         _list = data2;
      }
      lockList.value = _list;
   }

  async function checkPwd(pwd) {
    let res = await checkSnId(pwd);
@@ -86,6 +85,23 @@

      if (!valid) {
         $message.error("表单验证失败");
      return false;
   }

  // 如果选中的锁中有蓝牙是打开状态的,那么就提示并退出
  let lockIds = form1.lockIds;
  let openList = [];
  lockIds.map(v => {
    let _lock = lockList.value.find(item => item.lockId === v);
    if (_lock?.blState) {
      openList.push(_lock);
    }
  });
  if (openList.length) {
    $message({
      type: 'error',
      message: `锁具${openList.map(v => v.lockName).join(',')}的蓝牙已经打开,请关闭后再操作`
    });
         return false;
      }

@@ -112,9 +128,7 @@
        return false;
      }

      let params = {
        keyName: 123,
      };
     let params = form1.lockIds.map(v => ({ lockId: v, startTime: form1.startTime, stopTime: form1.stopTime }));
      console.log("params", params, "=============");

      let loading = $loading();
@@ -137,27 +151,114 @@

   }

function stationChange() {
  form1.lockIds = [];
}


   onMounted(() => {
      getLockList();
   });
</script>

<template>
  <div class="">
    <el-form ref="formRef" :model="form1" label-width="80px" :rules="rules">
      <el-form-item label="锁具" prop="lockNames">
        <el-select v-model="form1.lockNames" clearable multiple collapse-tags collapse-tags-tooltip>
          <el-option v-for="item in lockList" :key="'lock_' + item.lockId" :label="`${item.lockName} (${item.blState ? '蓝牙开启' : '蓝牙关闭'})`" :value="item.lockName">{{item.lockName}} <span :class="{success: !item.blState, error: item.blState}">({{item.blState ? '蓝牙开启' : '蓝牙关闭'}})</span></el-option>
      <el-form-item label="省">
        <el-select
          v-model="stationName1"
          clearable
          placeholder="请选择"
          style="width: 180px"
        >
          <el-option
            v-for="(item, idx) in stationList1"
            :key="'l1_' + idx"
            :label="item"
            :value="item"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="市">
        <el-select
          v-model="stationName2"
          clearable
          placeholder="请选择"
          style="width: 180px"
        >
          <el-option
            v-for="(item, idx) in stationList2"
            :key="'l2_' + idx"
            :label="item"
            :value="item"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="区县">
        <el-select
          v-model="stationName3"
          clearable
          placeholder="请选择"
          style="width: 180px"
        >
          <el-option
            v-for="(item, idx) in stationList3"
            :key="'l3_' + idx"
            :label="item"
            :value="item"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="机房">
        <el-select
          v-model="stationName4"
          clearable
          placeholder="请选择"
          style="width: 180px"
          @change="stationChange"
        >
          <el-option
            v-for="(item, idx) in stationList4"
            :key="'l4_' + idx"
            :label="item"
            :value="item"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="锁具" prop="lockIds">
        <el-select
          v-model="form1.lockIds"
          clearable
          multiple
          collapse-tags
          collapse-tags-tooltip
        >
          <el-option
            v-for="item in lockList"
            :key="'lock_' + item.lockId"
            :label="`${item.lockName} (${item.blState ? '蓝牙开启' : '蓝牙关闭'})`"
            :value="item.lockId"
            >{{item.lockName}}
            <span :class="{success: !item.blState, error: item.blState}"
              >({{item.blState ? '蓝牙开启' : '蓝牙关闭'}})</span
            ></el-option
          >
        </el-select>
      </el-form-item>
      <el-form-item label="开始时间" prop="startTime">
        <el-date-picker v-model="form1.startTime" value-format="YYYY-MM-DD HH:mm:ss" type="datetime"
                     placeholder="" />
        <el-date-picker
          v-model="form1.startTime"
          value-format="YYYY-MM-DD HH:mm:ss"
          type="datetime"
          placeholder=""
        />
      </el-form-item>
      <el-form-item label="结束时间" prop="stopTime">
        <el-date-picker v-model="form1.stopTime" value-format="YYYY-MM-DD HH:mm:ss" type="datetime"
                     placeholder="" />
        <el-date-picker
          v-model="form1.stopTime"
          value-format="YYYY-MM-DD HH:mm:ss"
          type="datetime"
          placeholder=""
        />
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onSubmit">新增</el-button>