From a1d7e81859f554f3a53680cc35f0f49bf1f77098 Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期四, 14 五月 2026 14:37:02 +0800
Subject: [PATCH] 导入项目
---
src/views/mall/trade/delivery/pickUpStore/DeliveryPickUpStoreBindForm.vue | 143 +++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 143 insertions(+), 0 deletions(-)
diff --git a/src/views/mall/trade/delivery/pickUpStore/DeliveryPickUpStoreBindForm.vue b/src/views/mall/trade/delivery/pickUpStore/DeliveryPickUpStoreBindForm.vue
new file mode 100644
index 0000000..2bca08b
--- /dev/null
+++ b/src/views/mall/trade/delivery/pickUpStore/DeliveryPickUpStoreBindForm.vue
@@ -0,0 +1,143 @@
+<template>
+ <Dialog :title="dialogTitle" v-model="dialogVisible" width="20%">
+ <el-form
+ ref="formRef"
+ :model="formData"
+ :rules="formRules"
+ label-width="120px"
+ v-loading="formLoading"
+ >
+ <el-row>
+ <el-col :span="24">
+ <el-form-item label="闂ㄥ簵鍚嶇О" prop="name">
+ <el-input v-model="formData.name" placeholder="璇疯緭鍏ラ棬搴楀悕绉�" readonly />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="24">
+ <el-form-item label="闂ㄥ簵搴楀憳" prop="verifyUserIds">
+ <el-button type="primary" @click="storeStaffTableSelect.open()">閫夋嫨搴楀憳</el-button>
+ </el-form-item>
+ <!-- 搴楀憳鍒楄〃 -->
+ <ContentWrap v-if="formData.verifyUsers?.length > 0">
+ <el-table :data="formData.verifyUsers">
+ <el-table-column label="缂栧彿" align="center" prop="id" />
+ <el-table-column
+ label="鐢ㄦ埛鏄电О"
+ align="center"
+ prop="nickname"
+ :show-overflow-tooltip="true"
+ />
+ <el-table-column label="鐘舵��" align="center" key="status">
+ <template #default="scope">
+ <dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="scope.row.status" />
+ </template>
+ </el-table-column>
+ <el-table-column align="center" label="鎿嶄綔">
+ <template #default="scope">
+ <el-button
+ v-hasPermi="['trade:delivery:pick-up-store:delete']"
+ link
+ type="danger"
+ @click="handleDelete(scope.row.id)"
+ >
+ 鍒犻櫎
+ </el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ </ContentWrap>
+ </el-col>
+ </el-row>
+ </el-form>
+ <template #footer>
+ <el-button @click="submitForm" type="primary" :disabled="formLoading">纭� 瀹�</el-button>
+ <el-button @click="dialogVisible = false">鍙� 娑�</el-button>
+ </template>
+ </Dialog>
+
+ <!-- 閫夋嫨鍛樺伐寮圭獥 -->
+ <StoreStaffTableSelect ref="storeStaffTableSelect" @change="handleSelect" />
+</template>
+<script setup lang="ts">
+import * as DeliveryPickUpStoreApi from '@/api/mall/trade/delivery/pickUpStore'
+import StoreStaffTableSelect from './components/StoreStaffTableSelect.vue'
+import { DICT_TYPE } from '@/utils/dict'
+
+const message = useMessage() // 娑堟伅寮圭獥
+
+const dialogVisible = ref(false) // 寮圭獥鐨勬槸鍚﹀睍绀�
+const dialogTitle = ref('') // 寮圭獥鐨勬爣棰�
+const formLoading = ref(false) // 琛ㄥ崟鐨勫姞杞戒腑锛�1锛変慨鏀规椂鐨勬暟鎹姞杞斤紱2锛夋彁浜ょ殑鎸夐挳绂佺敤
+const formData = ref({
+ id: undefined,
+ name: '',
+ verifyUserIds: [],
+ verifyUsers: []
+})
+const formRules = reactive({})
+const formRef = ref() // 琛ㄥ崟 Ref
+const storeStaffTableSelect = ref() // 琛ㄥ崟 Ref
+
+/** 鎵撳紑寮圭獥 */
+const open = async (id: number) => {
+ dialogVisible.value = true
+ dialogTitle.value = '缁戝畾鑷彁闂ㄥ簵鍛樺伐'
+ resetForm()
+ formLoading.value = true
+ try {
+ formData.value = await DeliveryPickUpStoreApi.getDeliveryPickUpStore(id)
+ } finally {
+ formLoading.value = false
+ }
+}
+defineExpose({ open }) // 鎻愪緵 open 鏂规硶锛岀敤浜庢墦寮�寮圭獥
+
+/** 鎻愪氦琛ㄥ崟 */
+const submitForm = async () => {
+ // 鏍￠獙琛ㄥ崟
+ if (!formRef) return
+ const valid = await formRef.value.validate()
+ if (!valid) return
+ // 鎻愪氦璇锋眰
+ formLoading.value = true
+ try {
+ const data = {
+ id: formData.value.id,
+ verifyUserIds: formData.value.verifyUsers.map((item: any) => item.id)
+ }
+ await DeliveryPickUpStoreApi.bindStoreStaffId(data)
+ message.success('缁戝畾鎴愬姛')
+ dialogVisible.value = false
+ } finally {
+ formLoading.value = false
+ }
+}
+
+/** 澶勭悊閫夋嫨鍛樺伐鎿嶄綔 */
+const handleSelect = (checkedUsers: []) => {
+ formData.value.verifyUsers = checkedUsers
+}
+
+/** 鍒犻櫎鎸夐挳鎿嶄綔 */
+const handleDelete = async (id: number) => {
+ const index = formData.value.verifyUsers.findIndex((item: any) => {
+ if (item.id == id) {
+ return true
+ }
+ })
+ formData.value.verifyUsers.splice(index, 1)
+}
+
+/** 閲嶇疆琛ㄥ崟 */
+const resetForm = () => {
+ formData.value = {
+ id: undefined,
+ name: '',
+ verifyUserIds: [],
+ verifyUsers: []
+ }
+ formRef.value?.resetFields()
+}
+</script>
--
Gitblit v1.8.0