refactor(backtoup): 删除：PC 端的返回顶部的右下角按钮（只在移动端使用 van-back-top)

src/App.vue

@@ -9,7 +9,6 @@
   <template v-else>
     <router-view />
   </template>
-  <back-to-up />
 </template>
 
 <script setup>

src/api/index.js

@@ -16,6 +16,7 @@ export * from './jimu/design'
 export * from './jimu/ext'
 export * from './jimu/list'
 export * from './jimu/manager'
+export * from './mobile/audit_activity/sales_point_inspection'
 export * from './mobile/cp_activity/examine/index'
 export * from './other/logistics'
 export * from './other/version'

src/api/mobile/audit_activity/sales_point_inspection.js

+import request from '@/utils/request';
+
+// 终端门店列表
+export function getTerminalStoreListAPI(params) {
+  return request({
+    url: '/operation/qc/store',
+    params
+  })
+}

src/components/BackToUp/index.vue

-<template>
-  <div class="back-to-top"
-    v-show="y > 300"
-    @click="y = 0">
-    <el-icon>
-      <Top />
-    </el-icon>
-  </div>
-</template>
-
-<script setup>
-import { useWindowScroll } from '@vueuse/core'
-const { x, y } = useWindowScroll({
-  behavior: 'smooth'
-})
-</script>
-
-<style scoped
-  lang="scss">
-  .back-to-top {
-    position: fixed;
-    bottom: 80px;
-    right: 24px;
-    z-index: 999;
-    width: 46px;
-    height: 46px;
-    border-radius: 50%;
-    background-color: var(--main-color);
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-    cursor: pointer;
-    transition: all 0.5s;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-
-    i {
-      font-size: 28px;
-      font-weight: 900;
-      color: white;
-    }
-  }
-</style>
\ No newline at end of file

src/main.js

@@ -55,8 +55,6 @@ import GroupLegend from '@/components/ECharts/GroupLegend'
 import NoData from '@/components/NoData'
 // 树形类目
 import CategoryTree from '@/components/CategoryTree'
-// 返回头部
-import BackToUp from '@/components/BackToUp'
 // 自定义 toolTip
 import XLToolTip from '@/components/XLToolTip'
 // 自定义 select
@@ -99,7 +97,6 @@ app.component('LevitatedSphere', LevitatedSphere)
 app.component('GroupLegend', GroupLegend)
 app.component('NoData', NoData)
 app.component('CategoryTree', CategoryTree)
-app.component('BackToUp', BackToUp)
 app.component('XlToolTip', XLToolTip)
 app.component('XlSelect', XlSelect)
 app.component('OpenDialog', OpenDialog)

src/utils/device.js

@@ -6,4 +6,5 @@ export const isMobile = () => {
       return true;
     }
   }
+  return false;
 }

src/views/mobile/pages/audit_activity/sales_point_inspection/examine/storeList.vue

@@ -13,25 +13,19 @@
     <div class="header-wrap">
       <span>终端门店列表</span>
       <!-- 搜索区域 -->
-      <van-search v-model="searchVal"
+      <van-search v-model="query.name"
         placeholder="请输入勤策终端编码/名称"
-        @search="handleSearch"
-        @clear="handleClear"
-        class="search-bar">
-        <template #action>
-          <van-button round
-            type="primary"
-            size="small"
-            @click="handleSearch">
-            搜索
-          </van-button>
-        </template>
-      </van-search>
+        @update:model-value="getTerminalStoreListFn"
+        class="search-bar" />
     </div>
     <!-- 结果列表 -->
+    <van-pull-refresh v-model="refreshLoading"
+      :pull-distance="100"
+      success-text="刷新成功"
+      @refresh="onRefresh">
       <van-list v-model:loading="loading"
         :finished="finished"
-      finished-text="没有更多结果了"
+        @load="loadMore"
         class="result-list">
         <van-cell-group inset>
           <van-cell v-for="(item, index) in resultList"
@@ -39,15 +33,16 @@
             class="result-item"
             @click="handleClickStore(item)">
             <template #title>
-            <div class="item-title">{{ item.name }}（{{ item.code }}）</div>
+              <div class="item-title">{{ item.storeName }}（{{ item.storeCode }}）</div>
             </template>
             <template #label>
-            <div class="item-company">{{ item.company }}</div>
-            <div class="item-address">{{ item.address }}</div>
+              <div class="item-company">{{ item.dealersName }}</div>
+              <div class="item-address">{{ item.storeAddr }}</div>
             </template>
           </van-cell>
         </van-cell-group>
       </van-list>
+    </van-pull-refresh>
 
     <!-- 无结果提示 -->
     <van-empty v-if="showEmpty"
@@ -60,42 +55,50 @@
 </template>
 
 <script setup>
-// 模拟数据
-const mockData = [
-  {
-    name: '世纪港湾广缘超市',
-    code: 'POS00052306',
-    company: '秦皇岛洪朗森商贸有限公司',
-    address: '河北省秦皇岛市海港区北环路街道秦皇东大街辅路'
-  },
-  {
-    name: '711浦东南路地铁站店',
-    code: 'POS00048465',
-    company: '上海星甲商贸有限公司',
-    address: '上海市浦东新区浦东南路浦东金融广场'
-  },
-  {
-    name: '嘉兴大桥瑞洲',
-    code: 'POS00052360',
-    company: '嘉兴凯鸣商贸有限公司',
-    address: '浙江省湖州市吴兴区康山街道兴业路'
-  }
-];
+import { getTerminalStoreListAPI } from '@/api'
 
-// 响应式数据
-const searchVal = ref('');
-const resultList = ref(mockData);
+const router = useRouter();
+
+/*************** 终端门店列表 *******************/
+const query = reactive({
+  name: '',
+  pageNum: 1,
+  pageSize: 10
+})
+const resultList = ref([]);
 const loading = ref(false);
+const refreshLoading = ref(false);
 const finished = ref(true);
-const showEmpty = ref(false);
-
-const router = useRouter();
+const showEmpty = ref(false); // 无数据显示图状态
 
-// 监听结果列表变化，控制空状态显示
+// 监听搜索结果列表变化，控制搜索空结果状态显示图
 watch(resultList, (newVal) => {
-  showEmpty.value = newVal.length === 0 && searchVal.value.trim() !== '';
+  showEmpty.value = newVal.length === 0 && query.name.trim() !== '';
 });
 
+const getTerminalStoreListFn = async () => {
+  const res = await getTerminalStoreListAPI(query)
+  resultList.value = [...resultList.value, ...res.data.rows]
+  finished.value = res.data.total === resultList.value.length
+  loading.value = false
+  refreshLoading.value = false
+}
+getTerminalStoreListFn()
+
+
+const onRefresh = () => {
+  resultList.value = []
+  query.pageNum = 1
+  refreshLoading.value = true
+  getTerminalStoreListFn()
+}
+
+const loadMore = () => {
+  loading.value = true
+  query.pageNum++
+  getTerminalStoreListFn()
+}
+
 /*******新增终端********/
 const addNewTerminal = () => {
   router.push({
@@ -103,36 +106,6 @@ const addNewTerminal = () => {
   })
 }
 
-// 搜索处理
-const handleSearch = () => {
-  if (!searchVal.value.trim()) {
-    resultList.value = mockData;
-    showEmpty.value = false;
-    return;
-  }
-
-  // 模拟加载状态
-  loading.value = true;
-
-  // 模拟接口请求延迟
-  setTimeout(() => {
-    const filtered = mockData.filter(item => {
-      const matchStr = `${item.name}${item.code}${item.company}${item.address}`;
-      return matchStr.includes(searchVal.value);
-    });
-
-    resultList.value = filtered;
-    loading.value = false;
-    finished.value = true;
-  }, 500);
-};
-
-// 清除搜索
-const handleClear = () => {
-  resultList.value = mockData;
-  showEmpty.value = false;
-};
-
 
 // 门店点击
 const handleClickStore = (item) => {
@@ -174,7 +147,9 @@ const handleClickStore = (item) => {
       }
 
       .search-bar {
+        flex: 1;
         padding: 10px;
+        padding-right: 0;
         height: auto !important;
         background-color: transparent;