From 28e7ce40156dfc196217953132b3beb625e5520a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Sat, 19 Oct 2024 15:25:02 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=95=86=E6=88=B7=E8=B4=A6?=
 =?UTF-8?q?=E5=8F=B7=E6=B7=BB=E5=8A=A0=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                              |  4 +-
 .../SelectMerchant/components/select-data.vue | 23 +++---
 src/layout/components/header-tools.vue        |  8 +-
 .../shop/merchant/components/merchantEdit.vue |  2 +-
 src/views/shop/merchant/components/search.vue | 40 +++++-----
 src/views/shop/merchant/index.vue             |  4 +-
 .../components/merchantAccountEdit.vue        | 73 ++++++++++++-------
 src/views/shop/merchantAccount/index.vue      |  7 +-
 8 files changed, 89 insertions(+), 72 deletions(-)

diff --git a/.env.development b/.env.development
index 625e2f4..2659f98 100644
--- a/.env.development
+++ b/.env.development
@@ -2,10 +2,10 @@ VITE_APP_NAME=后台管理系统
 VITE_SOCKET_URL=wss://server.gxwebsoft.com
 VITE_SERVER_URL=https://server.gxwebsoft.com/api
 VITE_THINK_URL=https://gxtyzx-api.websoft.top/api
-VITE_API_URL=https://modules.gxwebsoft.com/api
+#VITE_API_URL=https://modules.gxwebsoft.com/api
 
 
 #VITE_SERVER_URL=http://127.0.0.1:30000/api
-#VITE_API_URL=http://127.0.0.1:9001/api
+VITE_API_URL=http://127.0.0.1:9002/api
 #VITE_THINK_URL=http://127.0.0.1:9099/api
 #/booking/bookingItem
diff --git a/src/components/SelectMerchant/components/select-data.vue b/src/components/SelectMerchant/components/select-data.vue
index e0439a8..52ba8a2 100644
--- a/src/components/SelectMerchant/components/select-data.vue
+++ b/src/components/SelectMerchant/components/select-data.vue
@@ -27,13 +27,16 @@
         />
       </template>
       <template #bodyCell="{ column, record }">
-        <template v-if="column.key === 'image'">
-          <a-image
-            v-if="record.image"
-            :src="record.image"
-            :preview="false"
-            :width="45"
-          />
+        <template v-if="column.key === 'merchantName'">
+          <a-space>
+            <a-avatar
+              v-if="record.image"
+              :src="record.image"
+              :preview="false"
+              :width="45"
+            />
+            {{ record.merchantName }}
+          </a-space>
         </template>
         <template v-if="column.key === 'shopType'">
           <a-tag v-if="record.shopType === 10">企业</a-tag>
@@ -86,12 +89,6 @@
 
   // 表格配置
   const columns = ref<ColumnItem[]>([
-    {
-      title: 'LOGO',
-      dataIndex: 'image',
-      key: 'image',
-      align: 'center'
-    },
     {
       title: '商户名称',
       dataIndex: 'merchantName'
diff --git a/src/layout/components/header-tools.vue b/src/layout/components/header-tools.vue
index 405127d..51af8e2 100644
--- a/src/layout/components/header-tools.vue
+++ b/src/layout/components/header-tools.vue
@@ -166,7 +166,7 @@
     SearchOutlined
   } from '@ant-design/icons-vue';
   import { storeToRefs } from 'pinia';
-  import { copyText, openNew, openUrl } from '@/utils/common';
+  import { copyText, getMerchantId, openNew, openUrl } from "@/utils/common";
   import { useThemeStore } from '@/store/modules/theme';
   import HeaderNotice from './header-notice.vue';
   import PasswordModal from './password-modal.vue';
@@ -331,8 +331,9 @@
     }
 
     // 更新商户ID和名称
-    if (hasRole('merchant') && loginUser.value.merchantId == null) {
-      listMerchant({ phone: loginUser.value.phone }).then((res) => {
+    if (!getMerchantId() && loginUser.value.merchantId == null) {
+      listMerchantAccount({ phone: loginUser.value.phone }).then((res) => {
+        console.log(res);
         if (res.length > 0) {
           const item = res[0];
           authUser({
@@ -342,7 +343,6 @@
           });
           localStorage.setItem('MerchantId', `${item.merchantId}`);
           localStorage.setItem('MerchantName', `${item.merchantName}`);
-          localStorage.setItem('MerchantLogo', `${item.image}`);
         }
       });
     }
diff --git a/src/views/shop/merchant/components/merchantEdit.vue b/src/views/shop/merchant/components/merchantEdit.vue
index 1427a0a..b121a30 100644
--- a/src/views/shop/merchant/components/merchantEdit.vue
+++ b/src/views/shop/merchant/components/merchantEdit.vue
@@ -19,7 +19,7 @@
         styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
       "
     >
-      <a-form-item label="商户图标" name="image">
+      <a-form-item label="店铺图标" name="image">
         <SelectFile
           :placeholder="`请选择图片`"
           :limit="1"
diff --git a/src/views/shop/merchant/components/search.vue b/src/views/shop/merchant/components/search.vue
index caa4ad1..04c3138 100644
--- a/src/views/shop/merchant/components/search.vue
+++ b/src/views/shop/merchant/components/search.vue
@@ -7,24 +7,24 @@
       </template>
       <span>添加</span>
     </a-button>
-    <a-button class="ele-btn-icon" @click="openUrl(`/shop/index`)">
-      <span>店铺管理</span>
-    </a-button>
-    <a-button class="ele-btn-icon" @click="openUrl(`/shop/index`)">
-      <span>门店职员</span>
-    </a-button>
-    <a-button class="ele-btn-icon" @click="openUrl(`/goods/category/:id`)">
-      <span>商品分类</span>
-    </a-button>
-    <a-button class="ele-btn-icon" @click="openUrl(`/shop/apply`)">
-      <span>入驻申请</span>
-    </a-button>
-    <a-button class="ele-btn-icon" @click="openUrl(`/shop/desk`)">
-      <span>桌号管理</span>
-    </a-button>
-    <a-button class="ele-btn-icon" @click="openUrl(`/shop/type`)">
-      <span>店铺类型</span>
-    </a-button>
+    <!--    <a-button class="ele-btn-icon" @click="openUrl(`/shop/index`)">-->
+    <!--      <span>店铺管理</span>-->
+    <!--    </a-button>-->
+    <!--    <a-button class="ele-btn-icon" @click="openUrl(`/shop/index`)">-->
+    <!--      <span>门店职员</span>-->
+    <!--    </a-button>-->
+    <!--    <a-button class="ele-btn-icon" @click="openUrl(`/goods/category/:id`)">-->
+    <!--      <span>商品分类</span>-->
+    <!--    </a-button>-->
+    <!--    <a-button class="ele-btn-icon" @click="openUrl(`/shop/apply`)">-->
+    <!--      <span>入驻申请</span>-->
+    <!--    </a-button>-->
+    <!--    <a-button class="ele-btn-icon" @click="openUrl(`/shop/desk`)">-->
+    <!--      <span>桌号管理</span>-->
+    <!--    </a-button>-->
+    <!--    <a-button class="ele-btn-icon" @click="openUrl(`/shop/type`)">-->
+    <!--      <span>店铺类型</span>-->
+    <!--    </a-button>-->
   </a-space>
 </template>
 
@@ -35,8 +35,8 @@
   import { openUrl } from '@/utils/common';
   import router from '@/router';
   import { getMerchant } from '@/api/shop/merchant';
-  import merchant from "@/views/shop/merchant/index.vue";
-  import { getMerchantId } from "@/utils/merchant";
+  import merchant from '@/views/shop/merchant/index.vue';
+  import { getMerchantId } from '@/utils/merchant';
 
   const props = withDefaults(
     defineProps<{
diff --git a/src/views/shop/merchant/index.vue b/src/views/shop/merchant/index.vue
index 5bde7fd..3437d62 100644
--- a/src/views/shop/merchant/index.vue
+++ b/src/views/shop/merchant/index.vue
@@ -127,13 +127,13 @@
       align: 'center'
     },
     {
-      title: '商户姓名',
+      title: '姓名',
       dataIndex: 'realName',
       key: 'realName',
       align: 'center'
     },
     {
-      title: '商户手机号',
+      title: '登录账号',
       dataIndex: 'phone',
       key: 'phone',
       align: 'center'
diff --git a/src/views/shop/merchantAccount/components/merchantAccountEdit.vue b/src/views/shop/merchantAccount/components/merchantAccountEdit.vue
index 4e314d6..ea5bbe9 100644
--- a/src/views/shop/merchantAccount/components/merchantAccountEdit.vue
+++ b/src/views/shop/merchantAccount/components/merchantAccountEdit.vue
@@ -4,7 +4,7 @@
     :width="600"
     :visible="visible"
     :maskClosable="false"
-    :title="isUpdate ? '编辑商户职员' : '添加商户职员'"
+    :title="isUpdate ? '编辑账号' : '添加账号'"
     :body-style="{ paddingBottom: '28px' }"
     @update:visible="updateVisible"
     @ok="save"
@@ -18,30 +18,34 @@
         styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
       "
     >
-      <a-form-item label="职员名称" name="realName">
+      <a-form-item label="选择商户" name="merchantId">
+        <SelectMerchant
+          :placeholder="`选择商户`"
+          v-model:value="form.merchantName"
+          @done="chooseMerchantId"
+        />
+      </a-form-item>
+      <a-form-item label="选择用户" name="userId">
+        <SelectUser
+          :placeholder="`选择用户`"
+          v-model:value="form.phone"
+          @done="chooseUserId"
+        />
+      </a-form-item>
+      <a-form-item label="选择角色" name="roleId">
+        <SelectRole
+          :placeholder="`选择角色`"
+          v-model:value="form.roleName"
+          @done="chooseRoleId"
+        />
+      </a-form-item>
+      <a-form-item label="真实名称" name="realName">
         <a-input
           allow-clear
           placeholder="请输入真实姓名"
           v-model:value="form.realName"
         />
       </a-form-item>
-      <a-form-item label="登录账号" name="phone">
-        <a-input
-          allow-clear
-          placeholder="请输入手机号码"
-          :maxlength="11"
-          :disabled="isUpdate && form.phone"
-          v-model:value="form.phone"
-        />
-      </a-form-item>
-      <a-form-item label="密码" name="password" v-if="!isUpdate">
-        <a-input-password
-          allow-clear
-          placeholder="请输入登录密码"
-          :disabled="isUpdate"
-          v-model:value="form.password"
-        />
-      </a-form-item>
       <a-form-item label="备注" name="comments">
         <a-textarea
           :rows="4"
@@ -74,6 +78,9 @@
     getRoleIdByMerchant,
     getRoleNameByMerchant
   } from '@/utils/merchant';
+  import { User } from '@/api/system/user/model';
+  import { Role } from '@/api/system/role/model';
+  import { Merchant } from '@/api/shop/merchant/model';
 
   // 是否是修改
   const isUpdate = ref(false);
@@ -191,6 +198,22 @@
     ]
   });
 
+  const chooseUserId = (user: User) => {
+    form.userId = user.userId;
+    form.realName = user.realName;
+    form.phone = user.phone;
+  };
+
+  const chooseMerchantId = (data: Merchant) => {
+    form.merchantId = data.merchantId;
+    form.merchantName = data.merchantName;
+  };
+
+  const chooseRoleId = (data: Role) => {
+    form.roleId = data.roleId;
+    form.roleName = data.roleName;
+  };
+
   const { resetFields } = useForm(form, rules);
 
   /* 保存编辑 */
@@ -203,12 +226,12 @@
       .then(() => {
         loading.value = true;
         const formData = {
-          ...form,
-          merchantId: getMerchantId(),
-          merchantName: getMerchantName(),
-          merchantAvatar: getMerchantAvatar(),
-          roleId: getRoleIdByMerchant(),
-          roleName: getRoleNameByMerchant()
+          ...form
+          // merchantId: getMerchantId(),
+          // merchantName: getMerchantName(),
+          // merchantAvatar: getMerchantAvatar(),
+          // roleId: getRoleIdByMerchant(),
+          // roleName: getRoleNameByMerchant()
         };
         const saveOrUpdate = isUpdate.value
           ? updateMerchantAccount
diff --git a/src/views/shop/merchantAccount/index.vue b/src/views/shop/merchantAccount/index.vue
index 1feda17..b175ca3 100644
--- a/src/views/shop/merchantAccount/index.vue
+++ b/src/views/shop/merchantAccount/index.vue
@@ -30,10 +30,7 @@
             </template>
             <template v-if="column.key === 'action'">
               <a-space>
-                <a-popconfirm
-                  title="确定要移除该门店用户吗？"
-                  @confirm="remove(record)"
-                >
+                <a-popconfirm title="确定要移除吗？" @confirm="remove(record)">
                   <a class="ele-text-danger">移除</a>
                 </a-popconfirm>
               </a-space>
@@ -122,7 +119,7 @@
       width: 90
     },
     {
-      title: '门店名称',
+      title: '店铺名称',
       dataIndex: 'merchantName',
       key: 'merchantName',
       align: 'center'