fetch(modify):修改bug

src/views/product/shop/index.vue

@@ -132,7 +132,9 @@
 
             <!-- 新增店铺时的初始账号信息 -->
             <template v-if="dialogType === 'add'">
-              <ElDivider content-position="left">初始账号信息</ElDivider>
+              <div class="form-section-title">
+                <span class="title-text">初始账号信息</span>
+              </div>
               <ElRow :gutter="20">
                 <ElCol :span="12">
                   <ElFormItem label="用户名" prop="init_username">
@@ -181,9 +183,6 @@
           </template>
         </ElDialog>
 
-        <!-- 客户账号列表弹窗 -->
-        <CustomerAccountDialog v-model="customerAccountDialogVisible" :shop-id="currentShopId" />
-
         <!-- 店铺操作右键菜单 -->
         <ArtMenuRight
           ref="shopOperationMenuRef"
@@ -202,7 +201,7 @@
             <!-- 当前默认角色列表 -->
             <div class="default-roles-section">
               <div class="section-header">
-                <span>当前默认角色</span>
+                <span style="color:white;">当前默认角色</span>
                 <ElButton type="primary" @click="showAddRoleDialog">
                   添加角色
                 </ElButton>
@@ -299,6 +298,7 @@
 
 <script setup lang="ts">
   import { h } from 'vue'
+  import { useRouter } from 'vue-router'
   import {
     FormInstance,
     ElMessage,
@@ -314,25 +314,24 @@
   import ArtButtonTable from '@/components/core/forms/ArtButtonTable.vue'
   import ArtMenuRight from '@/components/core/others/ArtMenuRight.vue'
   import type { MenuItemType } from '@/components/core/others/ArtMenuRight.vue'
-  import CustomerAccountDialog from '@/components/business/CustomerAccountDialog.vue'
   import { ShopService, RoleService } from '@/api/modules'
   import type { SearchFormItem } from '@/types'
   import type { ShopResponse, ShopRoleResponse } from '@/types/api'
   import { RoleType } from '@/types/api'
   import { formatDateTime } from '@/utils/business/format'
   import { CommonStatus, getStatusText, STATUS_SELECT_OPTIONS } from '@/config/constants'
+  import { RoutesAlias } from '@/router/routesAlias'
 
   defineOptions({ name: 'Shop' })
 
   const { hasAuth } = useAuth()
+  const router = useRouter()
 
   const dialogType = ref('add')
   const dialogVisible = ref(false)
-  const customerAccountDialogVisible = ref(false)
   const loading = ref(false)
   const submitLoading = ref(false)
   const parentShopLoading = ref(false)
-  const currentShopId = ref<number>(0)
   const parentShopList = ref<ShopResponse[]>([])
   const searchParentShopList = ref<ShopResponse[]>([])
 
@@ -614,7 +613,7 @@
         if (hasAuth('shop:look_customer')) {
           buttons.push(
             h(ArtButtonTable, {
-              text: '查看客户',
+              text: '账号列表',
               onClick: () => viewCustomerAccounts(row)
             })
           )
@@ -884,8 +883,12 @@
 
   // 查看客户账号
   const viewCustomerAccounts = (row: ShopResponse) => {
-    currentShopId.value = row.id
-    customerAccountDialogVisible.value = true
+    // 跳转到账号列表页面,通过 query 参数区分店铺类型
+    router.push({
+      name: 'EnterpriseCustomerAccounts',
+      params: { id: row.id },
+      query: { type: 'shop' }
+    })
   }
 
   // 店铺操作菜单项配置