添加首页

src/api/agentList.js

@@ -0,0 +1,70 @@
+import request from '@/utils/request';
+
+// 查询我负责的经销商列表
+export function queryMyChainsGroupList(query) {
+  return request({
+    url: 'mobile/chainsGroup/queryMyChainsGroupList',
+    method: 'get',
+    params: query,
+  });
+}
+// 查询我部门的销售部经销商列表
+export function queryMyChainsGroupListByDept(query) {
+  return request({
+    url: '/mobile/chainsGroup/queryMyChainsGroupListByDept',
+    method: 'get',
+    params: query,
+  });
+}
+// 通过经销商ID获取对应经销商任务组信息
+export function getChainsGroupTask(data) {
+  return request({
+    url: '/mobile/chainsGroup/getChainsGroupTask',
+    method: 'post',
+    data,
+  });
+}
+
+export function checkChainsAddressByChainCode(query) {
+  return request({
+    url: '/mobile/chainsGroup/checkChainsAddressByChainCode',
+    method: 'get',
+    params: query,
+  });
+}
+
+// 查询主经销商
+export function getMainchains(query) {
+  return request({
+    url: '/mobile/chainsGroup/getMainChains',
+    method: 'get',
+    params: query,
+  });
+}
+
+// 查询历史拜访任务详情
+export function getVisitsDetail(query) {
+  return request({
+    url: '/mobile/chainsGroup/getVisitsDetail',
+    method: 'get',
+    params: query,
+  });
+}
+
+//根据经销商id获取拜访历史
+export function getChainsVisitsHistory(query) {
+  return request({
+    url: '/mobile/chainsGroup/getChainsVisitsHistory',
+    method: 'get',
+    params: query,
+  });
+}
+
+//异常拜访获取拜访id
+export function addVisits(data) {
+  return request({
+    url: '/mobile/chainsGroup/addVisits',
+    method: 'post',
+    data,
+  });
+}

src/api/home.js

@@ -1,70 +1,10 @@
 import request from '@/utils/request';
 
-// 查询我负责的经销商列表
-export function queryMyChainsGroupList(query) {
+// 经销商首页指标接口
+export function chainTargetList(query) {
   return request({
-    url: 'mobile/chainsGroup/queryMyChainsGroupList',
+    url: '/mobile/target/chainTargetList',
     method: 'get',
     params: query,
   });
 }
-// 查询我部门的销售部经销商列表
-export function queryMyChainsGroupListByDept(query) {
-  return request({
-    url: '/mobile/chainsGroup/queryMyChainsGroupListByDept',
-    method: 'get',
-    params: query,
-  });
-}
-// 通过经销商ID获取对应经销商任务组信息
-export function getChainsGroupTask(data) {
-  return request({
-    url: '/mobile/chainsGroup/getChainsGroupTask',
-    method: 'post',
-    data,
-  });
-}
-
-export function checkChainsAddressByChainCode(query) {
-  return request({
-    url: '/mobile/chainsGroup/checkChainsAddressByChainCode',
-    method: 'get',
-    params: query,
-  });
-}
-
-// 查询主经销商
-export function getMainchains(query) {
-  return request({
-    url: '/mobile/chainsGroup/getMainChains',
-    method: 'get',
-    params: query,
-  });
-}
-
-// 查询历史拜访任务详情
-export function getVisitsDetail(query) {
-  return request({
-    url: '/mobile/chainsGroup/getVisitsDetail',
-    method: 'get',
-    params: query,
-  });
-}
-
-//根据经销商id获取拜访历史
-export function getChainsVisitsHistory(query) {
-  return request({
-    url: '/mobile/chainsGroup/getChainsVisitsHistory',
-    method: 'get',
-    params: query,
-  });
-}
-
-//异常拜访获取拜访id
-export function addVisits(data) {
-  return request({
-    url: '/mobile/chainsGroup/addVisits',
-    method: 'post',
-    data,
-  });
-}

src/components/tabBar.vue

@@ -6,9 +6,20 @@
       active-color="#0057ba"
       inactive-color="#222">
       <van-tabbar-item name="home">
+        <span>首页</span>
+        <template #icon>
+          <van-icon
+            :name="
+              tabBarActive == 'home'
+                ? require('@/assets/icon/hone-select.png')
+                : require('@/assets/icon/home.png')
+            " />
+        </template>
+      </van-tabbar-item>
+      <van-tabbar-item name="agentList">
         <span>经销商</span>
         <template #icon>
-          <van-icon :name="tabBarActive == 'home' ? activedChain : chains" />
+          <van-icon :name="tabBarActive == 'agentList' ? activedChain : chains" />
         </template>
       </van-tabbar-item>
       <van-tabbar-item name="info">

src/router/index.js

@@ -28,6 +28,21 @@ const router = new VueRouter({
           path: '/home',
           name: 'home',
           component: () => import('@/views/home/index.vue'),
+          meta: {
+            title: '首页',
+          },
+        },
+      ],
+    },
+    {
+      path: '/agentList',
+      component: layout,
+      redirect: '/agentList',
+      children: [
+        {
+          path: '/agentList',
+          name: 'agentList',
+          component: () => import('@/views/agentList/index.vue'),
           meta: {
             title: '经销商拜访',
           },
@@ -35,7 +50,7 @@ const router = new VueRouter({
         {
           path: '/visitPage',
           name: 'visitPage',
-          component: () => import('@/views/home/visitPage.vue'),
+          component: () => import('@/views/agentList/visitPage.vue'),
           meta: {
             title: '拜访详情',
           },
@@ -43,7 +58,7 @@ const router = new VueRouter({
         {
           path: '/visitTask',
           name: 'visitTask',
-          component: () => import('@/views/home/visitTask.vue'),
+          component: () => import('@/views/agentList/visitTask.vue'),
           meta: {
             title: '拜访任务',
           },
@@ -51,7 +66,7 @@ const router = new VueRouter({
         {
           path: '/visitHistory',
           name: 'visitHistory',
-          component: () => import('@/views/home/visitHistory.vue'),
+          component: () => import('@/views/agentList/visitHistory.vue'),
           meta: {
             title: '拜访历史',
           },
@@ -59,7 +74,7 @@ const router = new VueRouter({
         {
           path: '/visitHistoryDetail',
           name: 'visitHistoryDetail',
-          component: () => import('@/views/home/visitHistoryDetail.vue'),
+          component: () => import('@/views/agentList/visitHistoryDetail.vue'),
           meta: {
             title: '拜访历史详情',
           },
@@ -67,7 +82,7 @@ const router = new VueRouter({
         {
           path: '/visitAbnormal',
           name: 'visitAbnormal',
-          component: () => import('@/views/home/visitAbnormal.vue'),
+          component: () => import('@/views/agentList/visitAbnormal.vue'),
           meta: {
             title: '拜访异常',
           },
@@ -75,7 +90,7 @@ const router = new VueRouter({
         {
           path: '/visitedTaskDetail',
           name: 'visitedTaskDetail',
-          component: () => import('@/views/home/visitedTaskDetail.vue'),
+          component: () => import('@/views/agentList/visitedTaskDetail.vue'),
           meta: {
             title: '拜访任务详情',
           },

src/views/home/visitAbnormal.vue

@@ -73,7 +73,7 @@
 import uploadImg from '@/components/uploadVvisit';
 import deleteUploadImg from '@/components/deleteUploadImg1';
 import { endVisits, getPhotoTypeList1, stopVisit } from '@/api/index';
-import { addVisits } from '@/api/home';
+import { addVisits } from '@/api/agentList';
 
 export default {
   name: 'outabnormalVisit',

src/views/home/visitHistory.vue

@@ -42,7 +42,7 @@
 </template>
 
 <script>
-import { getChainsVisitsHistory } from '@/api/home';
+import { getChainsVisitsHistory } from '@/api/agentList';
 export default {
   name: 'visitHistory',
   data() {

src/views/home/visitHistoryDetail.vue

@@ -72,7 +72,7 @@
 <script>
 import deleteUploadImg from '@/components/deleteUploadImg';
 import { getPhotoTypeList1 } from '@/api/index';
-import { getVisitsDetail } from '@/api/home';
+import { getVisitsDetail } from '@/api/agentList';
 
 export default {
   components: { deleteUploadImg },

src/views/home/visitPage.vue

@@ -100,7 +100,7 @@ import {
   stopVisit,
   buryingPoint,
 } from '@/api/index';
-import { getChainsGroupTask } from '@/api/home';
+import { getChainsGroupTask } from '@/api/agentList';
 import { saveVisitsParams, getOrderUrlByStoreId } from '@/api/inventory';
 import store from '@/store';
 export default {

src/views/home/visitTask.vue

@@ -2744,7 +2744,7 @@ import jianjie from '@/assets/icon/jianjie.jpg';
 import { ImagePreview } from 'vant';
 import taskTips from '@/components/taskTips';
 import store from '@/store';
-import { getChainsGroupTask } from '@/api/home';
+import { getChainsGroupTask } from '@/api/agentList';
 export default {
   name: 'abnormalVisit',
   components: { zRadio, zCheckbox, uploadImg, storeCode, deleteUploadImg, taskTips },

src/views/home/visitedTaskDetail.vue

@@ -260,7 +260,7 @@
 <script>
 import { getCollectionShowHistory, getPhotoTypeList } from '@/api/index';
 import deleteUploadImg from '@/components/deleteUploadImg';
-import { getVisitsDetail } from '@/api/home';
+import { getVisitsDetail } from '@/api/agentList';
 
 export default {
   name: 'abnormalVisit',

src/views/home/visitCollapse.vue

@@ -0,0 +1,63 @@
+<template>
+  <div class="visitCollapse">
+    <!-- <template>
+      <span class="updateTime" v-if="visitCollapse.latestUpdateTime != ''">
+        更新时间：
+        {{ visitCollapse.latestUpdateTime }}
+      </span>
+      <template #title>
+        <div class="itemHeader">
+          <span class="itemTitle" v-if="visitCollapse.title">{{ visitCollapse.title }}</span>
+          <span @click.stop v-if="visitCollapse.tipsPopoverlabel">
+            <el-popover placement="right" trigger="click" popper-class="hintPopover">
+              <div
+                class="popoverConten"
+                v-for="(item, index) in visitCollapse.tipsPopoverlabel"
+                :key="index">
+                {{ item }}
+              </div>
+              <div slot="reference" class="hintIconBox">
+                <img class="hintIcon" :src="hintIcon" />
+              </div>
+            </el-popover>
+          </span>
+        </div> </template
+    ></template> -->
+    <!-- <visitPage
+          v-if="visitCollapse.resData"
+          fromType="noVisit"
+          :empLevel="empLevel"
+          :contentData="visitCollapse.contentData"
+          :maskShow="visitCollapse.collapseLosding"
+          :resData="visitCollapse.resData"></visitPage> -->
+  </div>
+</template>
+<script>
+import { chainTargetList } from '@/api/home';
+export default {
+  name: 'visitCollapse',
+  data() {
+    return {
+      visitCollapse: {},
+    };
+  },
+  created() {
+    this.getVisitCollapse();
+  },
+  methods: {
+    getVisitCollapse() {
+      chainTargetList().then((res) => {
+        if (res.code == 200) {
+          this.visitCollapse = res.data;
+        }
+      });
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.visitCollapse {
+  flex: 1;
+  overflow-y: auto;
+}
+</style>