From c4d89e32e105c9618e18618d97442b30b68c5f77 Mon Sep 17 00:00:00 2001
From: 647556386 <647556386@qq.com>
Date: 星期日, 30 十一月 2025 09:56:39 +0800
Subject: [PATCH] 虚拟出入库功能

---
 项目代码/WIDESEA_WMSClient/src/extension/outbound/extend/NoStockOut.vue |  512 ++++++++++++++++++++++++++++++++++++++++++--------------
 1 files changed, 384 insertions(+), 128 deletions(-)

diff --git "a/\351\241\271\347\233\256\344\273\243\347\240\201/WIDESEA_WMSClient/src/extension/outbound/extend/NoStockOut.vue" "b/\351\241\271\347\233\256\344\273\243\347\240\201/WIDESEA_WMSClient/src/extension/outbound/extend/NoStockOut.vue"
index 252da58..d058411 100644
--- "a/\351\241\271\347\233\256\344\273\243\347\240\201/WIDESEA_WMSClient/src/extension/outbound/extend/NoStockOut.vue"
+++ "b/\351\241\271\347\233\256\344\273\243\347\240\201/WIDESEA_WMSClient/src/extension/outbound/extend/NoStockOut.vue"
@@ -5,29 +5,85 @@
       :lazy="true"
       width="65%"
       :padding="20"
-      title="鏃犲簱瀛樺嚭搴�"
+      title="铏氭嫙鍑哄叆搴�"
       class="custom-vol-box"
     >
       <div>
+        <!-- 鍗曟嵁閫夋嫨鍖哄煙锛堝彲杈撳叆鎼滅储锛� -->
+        <el-form :inline="true" :model="orderForm" style="margin-bottom: 20px; align-items: flex-end;">
+          <el-form-item label="鍑哄簱鍗曟嵁:" name="outboundOrderId">
+            <el-select
+              v-model="orderForm.outboundOrderId"
+              placeholder="璇烽�夋嫨鎴栨壂鎻忓嚭搴撳崟鎹彿"
+              clearable
+              style="width: 220px; margin-right: 10px;"
+              @change="handleOrderChange"
+              @visible-change="handleOutboundVisibleChange"
+              :loading="loading"
+              filterable
+              :filter-method="filterOutboundOrders"
+              @input="handleOutboundScanInput"  
+              ref="outboundSelectRef"        
+            >
+              <el-option
+                v-for="order in filteredOutboundOrders"
+                :key="order.id"
+                :label="order.orderNo"
+                :value="order.id"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="閲囪喘鍗曟嵁:" name="purchaseOrderId">
+            <el-select
+              v-model="orderForm.purchaseOrderId"
+              placeholder="璇烽�夋嫨鎴栨壂鎻忛噰璐崟鎹彿"
+              clearable
+              style="width: 220px; margin-right: 10px;"
+              @change="handleOrderChange"
+              @visible-change="handlePurchaseVisibleChange"
+              :loading="loading"
+              filterable
+              :filter-method="filterPurchaseOrders"
+              @input="handlePurchaseScanInput" 
+              ref="purchaseSelectRef"
+            >
+              <el-option
+                v-for="order in filteredPurchaseOrders"
+                :key="order.id"
+                :label="order.orderNo"
+                :value="order.id"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+        </el-form>
+
         <!-- 涓婃柟杈撳叆妗� -->
-        <el-form :inline="true" :model="formData" ref="formData" style="margin-bottom: 20px; align-items: flex-end;">
+        <el-form :inline="true" :model="formData" ref="formRef" style="margin-bottom: 20px; align-items: flex-end;">
           <el-form-item
             label="鎵弿鏉$爜:"
             style="width: 80%"
-            prop="barcode"
+            name="barcode"
+            :rules="[{ required: true, message: '璇锋壂鎻忔垨杈撳叆鏉$爜', trigger: 'blur' }]"
           >
             <el-input
-              ref="barcodeInput"
+              ref="barcodeInputRef"
               v-model="formData.barcode"
               placeholder="璇蜂娇鐢ㄦ壂鐮佹灙鎵弿鏉$爜锛屾垨鎵嬪姩杈撳叆"
               @keyup.enter="handleScan"
               autofocus
               class="custom-input"
+              :disabled="!orderForm.outboundOrderId || !orderForm.purchaseOrderId"
             ></el-input>
           </el-form-item>
           <el-form-item>
-            <el-button type="primary" size="small" @click="handleScan" class="custom-button">
-              <i class="el-icon-search"></i> 纭鎵弿
+            <el-button 
+              type="primary" 
+              size="small" 
+              @click="handleScan" 
+              class="custom-button"
+              :disabled="!orderForm.outboundOrderId || !orderForm.purchaseOrderId || loading"
+            >
+              <Search /> 纭鎵弿
             </el-button>
           </el-form-item>
         </el-form>
@@ -37,27 +93,23 @@
           <el-card shadow="hover" style="margin-bottom: 10px; border: none;" class="custom-card">
             <div class="card-header">
               <span class="header-title">宸叉壂鎻忔潯鐮佸垪琛紙鍏眥{ scannedBarcodes.length }}鏉★級</span>
-              <el-button
-                class="clear-all-btn"
-                @click="clearAll"
-                :disabled="scannedBarcodes.length === 0"
-              >娓呯┖鎵�鏈�</el-button>
             </div>
             <div class="card-body">
               <el-scrollbar height="400px" class="custom-scrollbar">
-                <!-- 浣跨敤 transition-group 鍖呰9浠ュ疄鐜板姩鐢� -->
                 <transition-group name="barcode-item-transition">
-                  <div class="barcode-item" v-for="(barcode, index) in scannedBarcodes" :key="barcode" :data-index="index">
-                    <span class="barcode-text">{{ index + 1 }}. {{ barcode }}</span>
+                  <div class="barcode-item" v-for="(item, index) in scannedBarcodes" :key="item.barcode" :data-index="index">
+                    <span class="barcode-text">{{ index + 1 }}. {{ item.barcode }}</span>
                     <el-button
                       class="delete-btn"
-                      @click="removeItem(index)"
-                    >鍒犻櫎</el-button>
+                      @click="removeItem(index, item.barcode)"
+                      icon="Delete"
+                      circle
+                      :disabled="loading"
+                    ></el-button>
                   </div>
                 </transition-group>
                 <div class="empty-tip" v-if="scannedBarcodes.length === 0">
-                  <i class="el-icon-information"></i>
-                  <span>鏆傛棤鎵弿璁板綍锛岃鎵弿鏉$爜</span>
+                  <span>鏆傛棤鎵弿璁板綍锛岃鍏堥�夋嫨鍗曟嵁鍚庢壂鎻忔潯鐮�</span>
                 </div>
               </el-scrollbar>
             </div>
@@ -67,10 +119,16 @@
 
       <template #footer>
         <div class="footer-actions">
-          <el-button type="primary" size="small" @click="submit" :disabled="scannedBarcodes.length === 0" class="submit-btn">
-            <i class="el-icon-check"></i> 鎻愪氦鍑哄簱
+          <el-button 
+            type="primary" 
+            size="small" 
+            @click="submit" 
+            :disabled="scannedBarcodes.length === 0 || !orderForm.outboundOrderId || !orderForm.purchaseOrderId || loading" 
+            class="submit-btn"
+          >
+            <Check /> 鎻愪氦鍑哄簱
           </el-button>
-          <el-button type="text" size="small" @click="showDetailBox = false" class="cancel-btn">
+          <el-button type="text" size="small" @click="showDetailBox = false" class="cancel-btn" :disabled="loading">
             鍙栨秷
           </el-button>
         </div>
@@ -79,99 +137,307 @@
   </div>
 </template>
 
-<script>
+<script setup>
+import { ref, reactive, onMounted, nextTick } from 'vue';
+import { ElMessage } from 'element-plus';
+
 import VolBox from "@/components/basic/VolBox.vue";
+import http from '@/api/http';
 
-export default {
-  components: { VolBox },
-  data() {
-    return {
-      showDetailBox: false,
-      formData: {
-        barcode: "",
-      },
-      scannedBarcodes: [],
-    };
-  },
-  methods: {
-    open() {
-      this.showDetailBox = true;
-      this.scannedBarcodes = [];
-      this.formData.barcode = "";
-      this.$nextTick(() => {
-        this.$refs.barcodeInput.focus();
-      });
-    },
+// 鍝嶅簲寮忔暟鎹�
+const showDetailBox = ref(false);
+const orderForm = reactive({
+  outboundOrderId: "",
+  purchaseOrderId: ""
+});
+const formData = reactive({
+  barcode: "",
+});
+const scannedBarcodes = ref([]);
+const outboundOrders = ref([]);
+const purchaseOrders = ref([]);
+const filteredOutboundOrders = ref([]);
+const filteredPurchaseOrders = ref([]);
+const loading = ref(false);
 
-    handleScan() {
-      const barcode = this.formData.barcode.trim();
-      if (!barcode) {
-        this.$refs.barcodeInput.focus();
-        return;
-      }
-      if (this.scannedBarcodes.includes(barcode)) {
-        this.$message.warning(`鏉$爜 ${barcode} 宸叉壂鎻忚繃锛岃鍕块噸澶嶆壂鎻廯);
-        this.formData.barcode = "";
-        this.$refs.barcodeInput.focus();
-        return;
-      }
+// 妯℃澘寮曠敤
+const formRef = ref(null);
+const barcodeInputRef = ref(null);
+const outboundSelectRef = ref(null); // 鏂板锛氬嚭搴撳崟select鐨剅ef
+const purchaseSelectRef = ref(null); // 鏂板锛氶噰璐崟select鐨剅ef
 
-      this.scannedBarcodes.push(barcode);
-      this.formData.barcode = "";
+// 鐢ㄤ簬闃叉杈撳叆浜嬩欢鍜宑hange浜嬩欢鍐茬獊鐨勯攣
+const isProcessingScan = ref(false);
 
-      this.$nextTick(() => {
-        this.$refs.barcodeInput.focus();
-      });
-    },
+// 缁勪欢鎸傝浇鏃跺垵濮嬪寲杩囨护鍚庣殑鍒楄〃
+onMounted(() => {
+  filteredOutboundOrders.value = [...outboundOrders.value];
+  filteredPurchaseOrders.value = [...purchaseOrders.value];
+});
 
-    removeItem(index) {
-      this.scannedBarcodes.splice(index, 1);
-    },
-
-    clearAll() {
-      this.$confirm("纭畾瑕佹竻绌烘墍鏈夋壂鎻忚褰曞悧锛�", "鎻愮ず", {
-        confirmButtonText: "纭畾",
-        cancelButtonText: "鍙栨秷",
-        type: "warning",
-      }).then(() => {
-        this.scannedBarcodes = [];
-      }).catch(() => {
-        this.$refs.barcodeInput.focus();
-      });
-    },
-
-    submit() {
-      if (this.scannedBarcodes.length === 0) {
-        this.$message.warning("璇峰厛鎵弿鑷冲皯涓�鏉℃潯鐮�");
-        this.$refs.barcodeInput.focus();
-        return;
-      }
-
-      const params = {
-        barcodes: this.scannedBarcodes,
-      };
-
-      this.http
-        .post("/api/OutboundOrder/NoStockOut", params, "鏁版嵁澶勭悊涓�...")
-        .then((res) => {
-          if (!res.status) {
-            this.$message.error(res.message);
-            this.$refs.barcodeInput.focus();
-            return;
-          }
-          this.$message.success("鍑哄簱鎴愬姛");
-          this.showDetailBox = false;
-          this.$emit("parentCall", ($vue) => {
-            $vue.refresh();
-          });
-        })
-        .catch((err) => {
-          this.$message.error(`璇锋眰澶辫触锛�${err.message || "鏈煡閿欒"}`);
-          this.$refs.barcodeInput.focus();
-        });
-    },
-  },
+// 鎵撳紑寮圭獥
+const open = () => {
+  showDetailBox.value = true;
+  scannedBarcodes.value = [];
+  formData.barcode = "";
+  orderForm.outboundOrderId = "";
+  orderForm.purchaseOrderId = "";
+  nextTick(() => {
+    barcodeInputRef.value?.focus();
+  });
 };
+
+// 鍔犺浇鍑哄簱鍗曟嵁鍒楄〃
+const loadOutboundOrders = async () => {
+  if (outboundOrders.value.length > 0) return;
+  try {
+    loading.value = true;
+    const res = await http.get("/api/OutboundPicking/GetAvailablePickingOrders");
+    
+    if (res.code === 0) {
+      outboundOrders.value = res.data.map(orderNo => ({
+        id: orderNo,
+        orderNo: orderNo
+      }));
+      filteredOutboundOrders.value = [...outboundOrders.value];
+    } else {
+      ElMessage.error("鍔犺浇鍑哄簱鍗曟嵁澶辫触锛�" + (res.message || '鏈煡閿欒'));
+    }
+  } catch (error) {
+    ElMessage.error("鍔犺浇鍑哄簱鍗曟嵁寮傚父锛�" + error.message);
+  } finally {
+    loading.value = false;
+  }
+};
+
+// 鍔犺浇閲囪喘鍗曟嵁鍒楄〃
+const loadPurchaseOrders = async () => {
+  if (purchaseOrders.value.length > 0) return;
+  try {
+    loading.value = true;
+    const res = await http.get("/api/OutboundPicking/GetAvailablePurchaseOrders");
+    
+    if (res.status === true) {
+      purchaseOrders.value = res.data.map(orderNo => ({
+        id: orderNo,
+        orderNo: orderNo
+      }));
+      filteredPurchaseOrders.value = [...purchaseOrders.value];
+    } else {
+      ElMessage.error("鍔犺浇閲囪喘鍗曟嵁澶辫触锛�" + (res.message || '鏈煡閿欒'));
+    }
+  } catch (error) {
+    ElMessage.error("鍔犺浇閲囪喘鍗曟嵁寮傚父锛�" + error.message);
+  } finally {
+    loading.value = false;
+  }
+};
+
+// 鍑哄簱鍗曟嵁杩囨护鏂规硶
+const filterOutboundOrders = (value) => {
+  if (!value) {
+    filteredOutboundOrders.value = [...outboundOrders.value];
+  } else {
+    const lowerValue = value.toLowerCase();
+    filteredOutboundOrders.value = outboundOrders.value.filter(order => 
+      order.orderNo.toLowerCase().includes(lowerValue)
+    );
+  }
+};
+
+// 閲囪喘鍗曟嵁杩囨护鏂规硶
+const filterPurchaseOrders = (value) => {
+  if (!value) {
+    filteredPurchaseOrders.value = [...purchaseOrders.value];
+  } else {
+    const lowerValue = value.toLowerCase();
+    filteredPurchaseOrders.value = purchaseOrders.value.filter(order => 
+      order.orderNo.toLowerCase().includes(lowerValue)
+    );
+  }
+};
+
+// 鍑哄簱鍗曟嵁涓嬫媺妗嗘樉绀�/闅愯棌鏃惰Е鍙�
+const handleOutboundVisibleChange = (visible) => {
+  if (visible) {
+    loadOutboundOrders();
+  } else {
+    // 褰撲笅鎷夋鍏抽棴鏃讹紝濡傛灉鏄壂鎻忔搷浣滃鑷寸殑锛屾竻绌鸿緭鍏ユ
+    if (isProcessingScan.value) {
+        nextTick(() => {
+            outboundSelectRef.value?.clearInput();
+            isProcessingScan.value = false;
+        });
+    }
+  }
+};
+
+// 閲囪喘鍗曟嵁涓嬫媺妗嗘樉绀�/闅愯棌鏃惰Е鍙�
+const handlePurchaseVisibleChange = (visible) => {
+  if (visible) {
+    loadPurchaseOrders();
+  } else {
+    // 褰撲笅鎷夋鍏抽棴鏃讹紝濡傛灉鏄壂鎻忔搷浣滃鑷寸殑锛屾竻绌鸿緭鍏ユ
+    if (isProcessingScan.value) {
+        nextTick(() => {
+            purchaseSelectRef.value?.clearInput();
+            isProcessingScan.value = false;
+        });
+    }
+  }
+};
+
+// 鍗曟嵁閫夋嫨鍙樺寲鏃惰Е鍙�
+const handleOrderChange = () => {
+  // 濡傛灉鏄墜鍔ㄩ�夋嫨锛屽垯涓嶆竻绌鸿緭鍏ユ
+  isProcessingScan.value = false;
+  
+  scannedBarcodes.value = [];
+  nextTick(() => {
+    barcodeInputRef.value?.focus();
+  });
+};
+
+/**
+ * 澶勭悊鍑哄簱鍗曟壂鎻忚緭鍏�
+ * @param {string} scanText - 鎵弿鏋緭鍏ョ殑鏂囨湰
+ */
+const handleOutboundScanInput = async (scanText) => {
+  // 閬垮厤澶勭悊绌哄瓧绗︿覆鎴栫敱change浜嬩欢瑙﹀彂鐨勫唴閮ㄦ搷浣�
+  if (!scanText || isProcessingScan.value) return;
+
+  // 鏌ユ壘瀹屽叏鍖归厤鐨勮鍗�
+  const matchedOrder = outboundOrders.value.find(order => order.orderNo === scanText);
+
+  if (matchedOrder) {
+    isProcessingScan.value = true; // 鏍囪涓烘鍦ㄥ鐞嗘壂鎻�
+    // 鎵嬪姩璧嬪��
+    orderForm.outboundOrderId = matchedOrder.id;
+    ElMessage.success(`鎴愬姛閫夋嫨鍑哄簱鍗曪細${matchedOrder.orderNo}`);
+    
+    // 寤惰繜鑱氱劍鍒颁笅涓�涓緭鍏ユ锛岀‘淇濊祴鍊煎畬鎴�
+    setTimeout(() => {
+        purchaseSelectRef.value?.focus();
+    }, 100);
+  }
+  // 濡傛灉娌℃湁鍖归厤椤癸紝涓嶅仛浠讳綍浜嬶紝璁〆l-select淇濇寔杩囨护鐘舵�侊紝鐢ㄦ埛鍙互鎵嬪姩閫夋嫨
+};
+
+/**
+ * 澶勭悊閲囪喘鍗曟壂鎻忚緭鍏�
+ * @param {string} scanText - 鎵弿鏋緭鍏ョ殑鏂囨湰
+ */
+const handlePurchaseScanInput = async (scanText) => {
+  if (!scanText || isProcessingScan.value) return;
+
+  const matchedOrder = purchaseOrders.value.find(order => order.orderNo === scanText);
+
+  if (matchedOrder) {
+    isProcessingScan.value = true; // 鏍囪涓烘鍦ㄥ鐞嗘壂鎻�
+    orderForm.purchaseOrderId = matchedOrder.id;
+    ElMessage.success(`鎴愬姛閫夋嫨閲囪喘鍗曪細${matchedOrder.orderNo}`);
+    
+    setTimeout(() => {
+        barcodeInputRef.value?.focus();
+    }, 100);
+  }
+};
+
+
+// 鎵弿鏉$爜澶勭悊
+const handleScan = async () => {
+  if (!formRef.value) return;
+  await formRef.value.validateField('barcode');
+
+  const barcode = formData.barcode.trim();
+  
+  if (scannedBarcodes.value.some(item => item.barcode === barcode)) {
+    ElMessage.warning(`鏉$爜 ${barcode} 宸叉壂鎻忚繃锛岃鍕块噸澶嶆壂鎻廯);
+    formData.barcode = "";
+    nextTick(() => barcodeInputRef.value?.focus());
+    return;
+  }
+
+  try {
+    loading.value = true;
+    const res = await http.post("/api/OutboundPicking/BarcodeValidate", {
+      outOder: orderForm.outboundOrderId,
+      inOder: orderForm.purchaseOrderId,
+      barCode: barcode
+    });
+
+    if (res.status === true) {
+      scannedBarcodes.value.push({ barcode });
+      ElMessage.success("鎵弿鎴愬姛");
+      formData.barcode = "";
+    } else {
+      ElMessage.error("鎵弿澶辫触锛�" + (res.message || '楠岃瘉澶辫触'));
+    }
+  } catch (error) {
+    ElMessage.error("鎵弿楠岃瘉寮傚父锛�" + error.message);
+  } finally {
+    loading.value = false;
+    nextTick(() => barcodeInputRef.value?.focus());
+  }
+};
+
+// 绉婚櫎鍗曟潯鎵弿璁板綍
+const removeItem = async (index, barcode) => {
+  try {
+    loading.value = true;
+    const res = await http.post("/api/OutboundPicking/DeleteBarcode", {
+      outOder: orderForm.outboundOrderId,
+      inOder: orderForm.purchaseOrderId,
+      barCode: barcode
+    });
+
+    if (res.status === true) {
+      scannedBarcodes.value.splice(index, 1);
+      ElMessage.success("鍒犻櫎鎴愬姛");
+    } else {
+      ElMessage.error("鍒犻櫎澶辫触锛�" + (res.message || '鍒犻櫎澶辫触'));
+    }
+  } catch (error) {
+    ElMessage.error("鍒犻櫎鏉$爜寮傚父锛�" + error.message);
+  } finally {
+    loading.value = false;
+  }
+};
+
+// 鎻愪氦鍑哄簱
+const submit = async () => {
+  if (scannedBarcodes.value.length === 0) {
+    ElMessage.warning("璇峰厛鎵弿鑷冲皯涓�鏉℃潯鐮�");
+    return;
+  }
+
+  const barcodes = scannedBarcodes.value.map(item => item.barcode);
+
+  try {
+    loading.value = true;
+    const res = await http.post("/api/OutboundPicking/NoStockOutSubmit", {
+      OutOderSubmit: orderForm.outboundOrderId,
+      InOderSubmit: orderForm.purchaseOrderId,
+      BarCodeSubmit: barcodes
+    });
+
+    if (res.status === true) {
+      ElMessage.success("鍑哄簱鎻愪氦鎴愬姛");
+      showDetailBox.value = false;
+    } else {
+      ElMessage.error("鍑哄簱鎻愪氦澶辫触锛�" + (res.message || '鎻愪氦澶辫触'));
+    }
+  } catch (error) {
+    ElMessage.error("鍑哄簱鎻愪氦寮傚父锛�" + error.message);
+  } finally {
+    loading.value = false;
+  }
+};
+
+// 鏆撮湶缁欑埗缁勪欢鐨勬柟娉�
+defineExpose({
+  open
+});
 </script>
 
 <style scoped>
@@ -219,31 +485,22 @@
   font-size: 15px;
   color: #333;
 }
-.clear-all-btn {
-  color: #f56c6c;
-  font-size: 13px;
-  transition: color 0.2s;
-}
-.clear-all-btn:hover {
-  color: #e53e3e;
-  background: rgba(245, 108, 108, 0.1);
-}
 
 .card-body {
   padding: 0;
 }
 
 /* 鑷畾涔夋粴鍔ㄦ潯 */
-.custom-scrollbar ::v-deep .el-scrollbar__thumb {
+.custom-scrollbar :deep(.el-scrollbar__thumb) {
   background: rgba(0, 0, 0, 0.2);
   border-radius: 4px;
   width: 4px;
 }
-.custom-scrollbar ::v-deep .el-scrollbar__bar:hover .el-scrollbar__thumb {
+.custom-scrollbar :deep(.el-scrollbar__bar:hover .el-scrollbar__thumb) {
   background: rgba(0, 0, 0, 0.3);
   width: 6px;
 }
-.custom-scrollbar ::v-deep .el-scrollbar__wrap {
+.custom-scrollbar :deep(.el-scrollbar__wrap) {
   overflow-x: hidden;
 }
 
@@ -260,7 +517,7 @@
 }
 /* 涓哄鏁拌娣诲姞杞诲井鐨勮儗鏅壊锛屽寮哄彲璇绘�� */
 .barcode-item:nth-child(odd) {
-  background-color: #e1e1e1;
+  background-color: #f9f9f9;
 }
 .barcode-text {
   flex: 1;
@@ -274,16 +531,15 @@
 
 .delete-btn {
   color: #ea1919;
-  font-size: 20px;
+  font-size: 16px;
   transition: all 0.2s;
-  transform: scale(0.8);
+  opacity: 0.7;
 }
 .barcode-item:hover .delete-btn {
   opacity: 1;
-  transform: scale(1);
 }
 .delete-btn:hover {
-  color: #f56c6c !important; /* 浣跨敤 !important 瑕嗙洊 Element UI 榛樿鏍峰紡 */
+  color: #f56c6c !important;
   background: rgba(245, 108, 108, 0.1);
 }
 
@@ -296,22 +552,22 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
+  gap: 15px;
 }
 .empty-tip i {
   font-size: 40px;
-  margin-bottom: 15px;
   color: #dcdfe6;
 }
 
 /* 鑷畾涔夎緭鍏ユ */
-.custom-input ::v-deep .el-input__inner {
+.custom-input :deep(.el-input__inner) {
   border-radius: 6px;
   border-color: #e4e7ed;
   transition: all 0.3s;
   height: 36px;
   line-height: 36px;
 }
-.custom-input ::v-deep .el-input__inner:focus {
+.custom-input :deep(.el-input__inner:focus) {
   border-color: #409eff;
   box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.1);
 }
@@ -355,7 +611,7 @@
 </style>
 
 <style>
-/* ... (鍏ㄥ眬鏍峰紡閮ㄥ垎淇濇寔涓嶅彉) ... */
+/* 鍏ㄥ眬鏍峰紡閮ㄥ垎淇濇寔涓嶅彉 */
 .text-button:hover {
   background-color: #f0f9eb !important;
 }

--
Gitblit v1.9.3