修改物品名称切换提示

sen

2025-09-11 d642e92955c4e2174689b43d3bd99318f93abbc2

修改物品名称切换提示

 ui/admin-ui3/src/views/cwgl/smartLockerApplication/index.vue

@@ -16,13 +16,25 @@
          v-hasPermi="['cwgl:smartLockerApplication:export']">导出
        </el-button> -->
      </template>


      <template #itemName-form="{ row, size, }">
        <div style="cursor: pointer;">
          <el-input v-if="itemTypeIShow" v-model="form.itemName" placeholder="请输入 物品名称">
          </el-input>
          <el-input v-if="!itemTypeIShow" v-model="form.itemName" @click="debouncedItemNameChange"
            placeholder="请输入 车牌号">
          </el-input>
        </div>
      </template>

      <template #menu="{ size, row, index }">
       <el-link class="link-btn" type="primary" :underline="false" plain :size="size"
          @click="handleEditBtn(row, index)" v-if="row.status == 0"
          v-hasPermi="['cwgl:smartLockerApplication:cancel']"> 编辑
          @click="handleEditBtn(row, index)" v-if="row.status == 0" v-hasPermi="['cwgl:smartLockerApplication:cancel']">
          编辑
        </el-link>
        <el-link class="link-btn"  v-if="row.status == 0" type="primary" :underline="false" plain  @click="handleInvalid(row)"
          v-hasPermi="['cwgl:smartLockerApplication:invalid']"> 作废
        <el-link class="link-btn" v-if="row.status == 0" type="primary" :underline="false" plain
          @click="handleInvalid(row)" v-hasPermi="['cwgl:smartLockerApplication:invalid']"> 作废
        </el-link>
      </template>
    </avue-crud>
@@ -30,7 +42,8 @@
</template>

<script setup name="smartLockerApplication" lang="ts">
import { SmartLockerApplicationI, addSmartLockerApplication, delSmartLockerApplication, exportSmartLockerApplication, getSmartLockerApplication, listSmartLockerApplication, updateSmartLockerApplication, smartLockerApplicationQuery,
import {
  SmartLockerApplicationI, addSmartLockerApplication, delSmartLockerApplication, exportSmartLockerApplication, getSmartLockerApplication, listSmartLockerApplication, updateSmartLockerApplication, smartLockerApplicationQuery,
  smartLockerApplicationInvalid
 } from "@/api/cwgl/smartLockerApplication";
import useCurrentInstance from "@/utils/useCurrentInstance";
@@ -60,8 +73,10 @@
    currentPage: 1,
  },
  selectionList: [],
  itemTypeIShow: true, // 控制 itemType 显示隐藏
  itemTypeIcon: '物品名称不能为空',
})
const { queryParams, form, page, selectionList } = toRefs(data);
const { queryParams, form, page, selectionList, itemTypeIShow, itemTypeIcon } = toRefs(data);
const option = ref({
  pageKey: 'SmartLockerApplication',
  rowKey: 'id',
@@ -122,6 +137,27 @@
      // editDisplay: false, // 修改时不显示
      dicUrl: '/system/dict/data/type/sys_item_type',
      change: (val: any) => {
        if (val.value === '0') {
          itemTypeIShow.value = false;
          itemTypeIcon.value = '车牌号不能为空'
        } else {
          itemTypeIShow.value = true;
          itemTypeIcon.value = '物品名称不能为空'

        }
        option.value.column.itemName.rules = [
          {
            required: true,
            message: itemTypeIcon.value,
            trigger: "blur"
          }
        ];

        // 清除之前的校验状态
        if (crudRef.value) {
          crudRef.value.clearValidate('itemName');
        }

        if (val.value === '1') {
          if (form.value.itemName !== '' && form.value.itemName !== undefined) {

@@ -137,7 +173,7 @@
      rules: [
        {
          required: true,
          message: "物品名称不能为空", trigger: "blur"
          message: itemTypeIcon.value, trigger: "blur"
        }
      ],
      change: (val: any) => {