feat:个人中心mock接口+仓库开单静态

components/custom-tab-radio/index.vue

@@ -1,52 +0,0 @@
-<template>
-  <view class="tab-radio-container" :style="{ gridTemplateColumns: `repeat(${colNum}, 1fr)` }">
-    <view 
-      class="tab-item"
-      v-for="(item, index) in tabList"
-      :key="index"
-      :class="{ 'tab-item--active': activeValue === item.value }"
-      @click="handleTabClick(item)"
-    >
-      <text class="tab-item__text">{{ item.name }}</text>
-    </view>
-  </view>
-</template>
-
-<script>
-export default {
-  name: "TabRadio",
-  props: {
-    tabList: {
-      type: Array,
-      required: true,
-      default: () => []
-    },
-    defaultActive: {
-      type: [String, Number],
-      default: ""
-    },
-    colNum: {
-      type: Number,
-      default: 4
-    }
-  },
-  data() {
-    return {
-      activeValue: this.defaultActive
-    };
-  },
-  methods: {
-    handleTabClick(item) {
-      this.activeValue = item.value;
-      this.$emit("tabChange", {
-        name: item.name,
-        value: item.value
-      });
-    }
-  }
-};
-</script>
-
-<style lang="scss" scoped>
-@import "./index.scss";
-</style>

components/custom-tab-radio/index.scss

@@ -32,7 +32,7 @@
 
 .tab-item--active {
   border:1px solid #2563eb;
-  background-color: transparent;
+  background-color: rgba(37, 99, 235, 0.1);
   .tab-item__text {
     color: #2563eb;
     font-weight: 500;

components/custom-tab-select/index.vue

@@ -0,0 +1,94 @@
+<template>
+  <view class="tab-radio-container" :style="{ gridTemplateColumns: `repeat(${colNum}, 1fr)` }">
+    <view 
+      class="tab-item"
+      :class="{ 
+        'tab-item--active': isMultiple ? activeValues.includes(item.value) : activeValue === item.value,
+        'tab-item--multiple': isMultiple
+      }"
+      v-for="(item, index) in tabList"
+      :key="index"
+      @click="handleTabClick(item)"
+    >
+      <text class="tab-item__text">{{ item.name }}</text>
+      <!-- <view v-if="isMultiple" class="tab-item__checkbox" :class="{ 'tab-item__checkbox--checked': activeValues.includes(item.value) }">
+        <view v-if="activeValues.includes(item.value)" class="tab-item__checkbox-inner"></view>
+      </view> -->
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: "TabRadio",
+  props: {
+    tabList: {
+      type: Array,
+      required: true,
+      default: () => []
+    },
+    defaultActive: {
+      type: [String, Number, Array],
+      default: ""
+    },
+    colNum: {
+      type: Number,
+      default: 4
+    },
+    mode: {
+      type: String,
+      default: "single",
+      validator: (value) => ["single", "multiple"].includes(value)
+    }
+  },
+  computed: {
+    isMultiple() {
+      return this.mode === "multiple";
+    }
+  },
+  data() {
+    return {
+      activeValue: this.defaultActive,
+      activeValues: Array.isArray(this.defaultActive) ? this.defaultActive : []
+    };
+  },
+  watch: {
+    defaultActive: {
+      handler(val) {
+        if (this.isMultiple) {
+          this.activeValues = Array.isArray(val) ? val : [];
+        } else {
+          this.activeValue = val;
+        }
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    handleTabClick(item) {
+      if (this.isMultiple) {
+        this.handleMultipleSelect(item);
+      } else {
+        this.handleSingleSelect(item);
+      }
+    },
+    handleSingleSelect(item) {
+      this.activeValue = item.value;
+      this.$emit("tabChange", item.value);
+    },
+    handleMultipleSelect(item) {
+      const index = this.activeValues.indexOf(item.value);
+      if (index > -1) {
+        this.activeValues.splice(index, 1);
+      } else {
+        this.activeValues.push(item.value);
+      }
+      this.$emit("tabChange", [...this.activeValues]);
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+@import "./index.scss";
+</style>

main.js

@@ -5,6 +5,12 @@ import store from './store'
 import uView from '@/uni_modules/uview-ui'
 Vue.use(uView)
 
+if (process.env.NODE_ENV === 'development') {
+  console.log('%c[Mock] 开发模式已启用', 'color: green; font-weight: bold;');
+  console.log('%c[Mock] 请启动Mock服务器: node mock-server.js', 'color: blue;');
+  console.log('%c[Mock] 服务器地址: http://localhost:3001', 'color: blue;');
+}
+
 
 
 // 如此配置即可

mock-server.js

@@ -0,0 +1,91 @@
+const http = require('http');
+const url = require('url');
+const mockConfig = require('./mock/mockData.js');
+
+const PORT = 3001;
+const BASE_PATH = '/mock-api';
+
+function getMockData(requestUrl, method) {
+  const mockDataList = mockConfig.getMockDataList();
+  for (const key in mockDataList) {
+    const item = mockDataList[key];
+    if (item.url === requestUrl && item.method.toLowerCase() === method.toLowerCase()) {
+      return item;
+    }
+  }
+  return null;
+}
+
+function sendJson(res, statusCode, data) {
+  res.writeHead(statusCode, {
+    'Content-Type': 'application/json',
+    'Access-Control-Allow-Origin': '*',
+    'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, OPTIONS',
+    'Access-Control-Allow-Headers': 'Content-Type, Authorization, belongSystemId, belongSystemName'
+  });
+  res.end(JSON.stringify(data));
+}
+
+const server = http.createServer((req, res) => {
+  if (req.method === 'OPTIONS') {
+    sendJson(res, 204, null);
+    return;
+  }
+
+  const parsedUrl = url.parse(req.url, true);
+  const pathname = parsedUrl.pathname;
+  const method = req.method;
+
+  if (!pathname.startsWith(BASE_PATH)) {
+    sendJson(res, 404, { code: 404, msg: 'Not Found', data: null });
+    return;
+  }
+
+  const apiPath = pathname.replace(BASE_PATH, '');
+
+  console.log(`[Mock Server] 收到请求: ${method} ${apiPath}`);
+  if (Object.keys(parsedUrl.query).length > 0) {
+    console.log(`[Mock Server] Query参数:`, parsedUrl.query);
+  }
+
+  const mockData = getMockData(apiPath, method);
+  if (mockData) {
+    let body = '';
+    req.on('data', chunk => {
+      body += chunk.toString();
+    });
+    req.on('end', () => {
+      if (body) {
+        try {
+          console.log(`[Mock Server] Body参数:`, JSON.parse(body));
+        } catch (e) {
+          console.log(`[Mock Server] Body参数:`, body);
+        }
+      }
+
+      setTimeout(() => {
+        sendJson(res, 200, mockData.response);
+        console.log(`[Mock Server] 返回Mock数据\n`);
+      }, mockData.delay || 300);
+    });
+  } else {
+    console.log(`[Mock Server] 未找到Mock配置: ${method} ${apiPath}\n`);
+    sendJson(res, 404, { code: 404, msg: 'Mock接口不存在', data: null });
+  }
+});
+
+server.listen(PORT, () => {
+  console.log('==========================================');
+  console.log('🟢 Mock服务器已启动');
+  console.log(`📡 监听地址: http://localhost:${PORT}`);
+  console.log(`🔗 接口前缀: ${BASE_PATH}`);
+  console.log('==========================================');
+
+  const mockList = mockConfig.getMockDataList();
+  console.log('\n已注册的Mock接口:');
+  Object.keys(mockList).forEach(key => {
+    const item = mockList[key];
+    console.log(`  ${item.method.toUpperCase().padEnd(6)} ${item.url}`);
+  });
+  console.log('==========================================\n');
+});

mock/index.js

@@ -0,0 +1,29 @@
+const mockConfig = require('./mockData.js');
+
+const mockObj = {
+  getList: function() {
+    return mockConfig.getMockDataList();
+  },
+
+  getData: function(key) {
+    return mockConfig.getMockData(key);
+  },
+
+  add: function(key, config) {
+    return mockConfig.addMockData(key, config);
+  },
+
+  remove: function(key) {
+    return mockConfig.removeMockData(key);
+  },
+
+  isDev: function() {
+    return process.env.NODE_ENV === 'development';
+  },
+
+  getServerUrl: function() {
+    return 'http://localhost:3001';
+  }
+};
+
+module.exports = mockObj;

mock/mockData.js

@@ -0,0 +1,140 @@
+const mockDataList = {
+  // 获取个人中心数据
+  'getPersonCards': {
+    method: 'get',
+    url: '/prod-api/crm/getPersonCards',
+    delay: 300,
+    response: {
+      code: 200,
+      msg: 'success',
+      data: {
+        todayConsume: 1234.56,//今日消耗
+        todayPerformance: 56789.01,//今日业绩
+        countTypeA: 25,//条数统计A类
+        countTypeB: 12,//条数统计B类
+        countTypeC: 8,//条数统计C类
+        visitCount: 15,//上门
+        visitRate: 85.5,//上门率
+        dealRate: 42.3,//成交率
+        roi: 3.25,//投产比
+        beatRate: 78.9,//击败率
+        level: '高级',//等级
+        score: 'A'//评分
+      }
+    }
+  },
+  // 个人中心-获取最新线索
+  'getPersonLatestClue': {
+    method: 'get',
+    url: '/prod-api/crm/getPersonLatestClue',
+    delay: 300,
+    response: {
+      code: 200,
+      msg: 'success',
+      data: [
+        {
+          id:1,
+          name:'张三',//客户名称
+          star:3,//客户等级
+          prodTitle:'LV 发财桶',//产品名称
+          desc:'客户说价格有点低'//客户描述
+        },
+        {
+          id:2,
+          name:'李四',//客户名称
+          star:3,//客户等级
+          prodTitle:'LV 发财桶',//产品名称
+          desc:'客户说价格有点低'//客户描述
+        },
+        {
+          id:3,
+          name:'张三',//客户名称
+          star:3,//客户等级
+          prodTitle:'LV 发财桶',//产品名称
+          desc:'客户说价格有点低'//客户描述
+        },
+        
+      ]
+    }
+  },
+  // 个人中心-近七天排名折线图
+  'getPersonRanking': {
+    method: 'get',
+    url: '/prod-api/crm/getPersonRanking',
+    delay: 300,
+    response: {
+      code: 200,
+      msg: 'success',
+      data: [
+        {
+          x: '2026-1-1',//x轴日期
+          y: 80,//y轴value
+        },
+        {
+          x: '2026-1-2',
+          y: 12,
+        },
+        {
+          x: '2026-1-3',
+          y: 33,
+        },
+        {
+          x: '2026-1-4',//日期
+          y: 94,
+        },
+        {
+          x: '2026-1-5',//日期
+          y: 45,
+        },
+      ]
+    }
+  },
+  // 个人中心-仓库卡片数据
+  'getWareHouseCard': {
+    method: 'get',
+    url: '/prod-api/crm/getWareHouseCard',
+    delay: 300,
+    response: {
+      code: 200,
+      msg: 'success',
+      data: {
+        totalCost: 12456.5,//总资产成本
+        uploadCostToday: 5678,//今日上传
+        outStockToday: 12,//今日出库
+        totalNum: 1235,//总条数
+      }
+    }
+  },
+  
+};
+
+function getMockDataList() {
+  return mockDataList;
+}
+
+function addMockData(key, config) {
+  mockDataList[key] = config;
+  console.log(`[Mock] 新增Mock接口: ${key}`);
+  return true;
+}
+
+function removeMockData(key) {
+  if (mockDataList[key]) {
+    delete mockDataList[key];
+    console.log(`[Mock] 删除Mock接口: ${key}`);
+    return true;
+  }
+  return false;
+}
+
+function getMockData(key) {
+  return mockDataList[key] || null;
+}
+
+module.exports = {
+  getMockDataList,
+  addMockData,
+  removeMockData,
+  getMockData,
+  mockDataList
+};

package.json

@@ -23,6 +23,7 @@
 		"eslint": "^8.42.0",
 		"eslint-plugin-prettier": "^4.2.1",
 		"eslint-plugin-vue": "^9.14.1",
+		"mockjs": "^1.1.0",
 		"prettier": "^2.8.8",
 		"vue-inset-loader": "^1.2.6"
 	},

pages.json

@@ -196,6 +196,15 @@
 			}
 		},
 		{
+			"path" : "pages/wareHouse/openOrder",	
+			"style" : 
+			{
+				"navigationBarTitleText" : "销售业务开单",
+				"enablePullDownRefresh": true,
+				"navigationStyle": "custom"
+			}
+		},
+		{
 			"path" : "pages/privateClue/index",
 			"style" : 
 			{

pages/person/cards/index.vue

@@ -78,7 +78,7 @@
                             </view>
                             <view class="ranking_info_text">
                                 <text class="card_title">当前排名</text>
-                                <text class="ranking_text">击败了{{ cardData.beatRate }}的同事</text>
+                                <text class="ranking_text">击败了{{ cardData.beatRate }}%的同事</text>
                             </view>
                         </view>
                         <view class="ranking_details">
@@ -108,7 +108,7 @@
             </view>
         </view>
         <!-- 最新线索 -->
-        <view class="latest_clue">
+        <view class="latest_clue"  v-if="clueList.length > 0">
             <view class="clue_header">
                 <text class="card_title">最新线索</text>
                 <view class="more_btn" @click="toPrivateClue">
@@ -122,9 +122,9 @@
                         <u-icon name="star-fill" size="20" color="#facc15"></u-icon>
                         <text class="clue_name">{{ item.star }}</text>
                     </view>
-                    <text class="clue_name">{{ item.clueName }}</text>
+                    <text class="clue_name">{{ item.name }}</text>
                     <view class="clue_info">
-                        <text class="clue_title">{{ item.title }}</text>
+                        <text class="clue_title">{{ item.prodTitle }}</text>
                         <text class="clue_desc">{{ item.desc }}</text>
                     </view>
                 </view>
@@ -139,25 +139,25 @@ export default {
         return {
             // 卡片数据
             cardData: {
-                todayConsume: '0',
-                todayPerformance: '12,500',
-                countTypeA: '0',
-                countTypeB: '2',
-                countTypeC: '5',
-                visitCount: '1',
-                visitRate: '50%',
-                dealRate: '25%',
-                roi: '1.2',
-                beatRate: '60%',
-                level: '中',
-                score: 'A'
+                todayConsume: '-',
+                todayPerformance: '-',
+                countTypeA: '-',
+                countTypeB: '-',
+                countTypeC: '-',
+                visitCount: '-',
+                visitRate: '-',
+                dealRate: '-',
+                roi: '-',
+                beatRate: '-',
+                level: '-',
+                score: '-'
             },
             chartData: {
-                categories: ["1", "2", "3", "4", "5", "6", "7"],
+                categories: [],
                 series: [
                     {
                         name: "核心数据",
-                        data: [80, 120, 90, 150, 130, 180, 160],
+                        data: [],
                         color: "#1890ff"
                     }
                 ]
@@ -227,39 +227,32 @@ export default {
                     margin: [0, 0, 15, 0]
                 }
             },
-            clueList: [
-                {
-                    star: '1',
-                    clueName: '张先生',
-                    title: 'LV 发财桶',
-                    desc: '已经电话沟通，待预约上门'
-                },
-                {
-                    star: '1',
-                    clueName: '李女士',
-                    title: 'LV 发财桶',
-                    desc: '客户说价格有点低...'
-                },
-                {
-                    star: '1',
-                    clueName: '王女士',
-                    title: 'Hermes Birkin',
-                    desc: '暂时没有时间接待'
-                },
-            ],
+            clueList: [],
         };
     },
 
     methods: {
-        // 获取卡片数据
         getCardData() {
-            // 预留数据获取逻辑
-            // 示例：
-            // uni.$u.api.getPersonCards().then(res => {
-            //   if (res.code === 0) {
-            //     this.cardData = res.data;
-            //   }
-            // });
+            uni.$u.api.getPersonCards().then(res => {
+              if (res.code === 200) {
+                this.cardData = res.data;
+              }
+            });
+        },
+        getClueList() {
+            uni.$u.api.getPersonLatestClue().then(res => {
+                if (res.code === 200) {
+                    this.clueList = res.data;
+                }
+            });
+        },
+        getChartData() {
+            uni.$u.api.getPersonRanking().then(res => {
+                if (res.code === 200) {
+                    this.chartData.categories = res.data.map(item => item.x);
+                    this.chartData.series[0].data = res.data.map(item => item.y);
+                }
+            });
         },
         // 跳转私有线索页面
         toPrivateClue() {
@@ -268,7 +261,10 @@ export default {
     },
     mounted() {
         this.getCardData();
-    }
+        this.getClueList();
+        this.getChartData();
+    },
+    
 };
 </script>
 

pages/wareHouse/add.vue

@@ -9,19 +9,34 @@
                 </view>
             </u-navbar>
             <view class="form_list">
-                <u--form labelPosition="left" :model="formData" :rules="rules" ref="uForm" labelWidth="100%">
-                    <u-form-item label="商品图片" required prop="formData.imgs" borderBottom>
+                <u--form labelPosition="top" :model="formData" :rules="rules" ref="addForm" labelWidth="100%">
+                    <u-form-item borderBottom class="u-form-item-col">
+                        <u--textarea v-model="recognitionContent" placeholder='品牌：浪琴
+来源：【麒麟】私信-杰3-3
+实价：6500
+型号：L2.257.5.89.7
+编码：52356065
+日期：2021.11.09
+备注：全套
+付款方式：线上' confirmType="done" height="170" :maxlength="-1" @blur='handleRecognition'>
+                        </u--textarea>
+                        <u-button text="粘贴识别" @click="handleRecognition"></u-button>
+                    </u-form-item>
+                    <u-form-item label="商品图片" required prop="imgs" borderBottom>
                         <u-upload :fileList="goodPicFileList" @afterRead="afterReadGoodPic" @delete="deleteGoodPic"
                             name="3" multiple :maxCount="9" :previewFullImage="true"></u-upload>
                     </u-form-item>
-                    <u-form-item label="商品描述（详细的描述让用户更好的了解您的产品）" required prop="formData.desc" borderBottom>
-                        <u--textarea v-model="formData.desc" clearable :placeholder="descPlaceholder" count autoHeight
-                            maxlength="250" height="100" confirmType="done"></u--textarea>
+                    <u-form-item label="商品描述（详细的描述让用户更好的了解您的产品）" required prop="desc" borderBottom>
+                        <u--textarea v-model="formData.desc" clearable placeholder="95新 WHZ19219H
+                        CHANEL香奈儿链条单肩包
+                        21开 牛皮 尺寸25 4 15
+                        配件中溯卡" count autoHeight maxlength="250" height="100" confirmType="done"></u--textarea>
                     </u-form-item>
-                    <u-form-item label="商品分类" required prop="formData.type" borderBottom>
-                        <TabRadio :tabList="typeList" defaultActive="1" @tabChange="handleTabChangeType"></TabRadio>
+                    <u-form-item label="商品分类" required prop="type" borderBottom>
+                        <TabSelect :tabList="typeList" @tabChange="handleTabChangeType" :colNum="4" mode="single">
+                        </TabSelect>
                     </u-form-item>
-                    <u-form-item label="品牌" required prop="formData.brand" class="u-form-item-row" borderBottom>
+                    <u-form-item label="品牌" required prop="brand" class="u-form-item-row" borderBottom>
                         <FormSelectToPage :val="formData.brand" :url="brandToUrl" @handleClear="clear('brand')">
                         </FormSelectToPage>
                     </u-form-item>
@@ -52,9 +67,9 @@
                     <u-form-item label="官方指导价" class="u-form-item-row" borderBottom>
                         <u--input v-model="formData.price" placeholder="请输入" clearable border="none"></u--input>
                     </u-form-item>
-                    <u-form-item label="商品成色" required prop="formData.productCondition" borderBottom>
-                        <TabRadio :tabList="productConditionList" defaultActive="2" :colNum="2"
-                            @tabChange="handleTabChangeProductCondition"></TabRadio>
+                    <u-form-item label="商品成色" required prop="productCondition" borderBottom>
+                        <TabSelect :tabList="productConditionList" :colNum="2" mode="single"
+                            @tabChange="handleTabChangeProductCondition"></TabSelect>
                     </u-form-item>
                     <u-form-item label="细节图" borderBottom>
                         <u-upload :fileList="detailVideoFileList" @afterRead="afterReadDeatilVideo"
@@ -69,11 +84,11 @@
                     <u-form-item label="商品货号" class="u-form-item-row" borderBottom>
                         <u--input v-model="formData.productNo" placeholder="请输入" clearable border="none"></u--input>
                     </u-form-item>
-                    <u-form-item label="商品属性" required prop="formData.productAttribute" borderBottom>
-                        <TabRadio :tabList="productAttributeList" defaultActive="2"
-                            @tabChange="handleTabChangeProductAttribute"></TabRadio>
+                    <u-form-item label="商品属性" required prop="productAttribute" borderBottom>
+                        <TabSelect :tabList="productAttributeList" :colNum="4" mode="single"
+                            @tabChange="handleTabChangeProductAttribute"></TabSelect>
                     </u-form-item>
-                    <u-form-item label="库存数量" required prop="formData.stock" class="u-form-item-row" borderBottom>
+                    <u-form-item label="库存数量" required prop="stock" class="u-form-item-row" borderBottom>
                         <u--input v-model="formData.stock" placeholder="请输入" clearable border="none"></u--input>
                     </u-form-item>
                     <u-form-item label="总成本价" class="u-form-item-row" borderBottom>
@@ -92,13 +107,17 @@
                         <u--input v-model="formData.productPosition" placeholder="请输入" clearable
                             border="none"></u--input>
                     </u-form-item>
+                    <u-form-item label="手表年份" class="u-form-item-row" borderBottom>
+                        <u--input v-model="formData.watchYear" placeholder="请输入" clearable border="none"></u--input>
+                    </u-form-item>
                     <u-form-item label="鉴定人员" class="u-form-item-row" borderBottom>
                         <u--input v-model="formData.identifyingPerson" placeholder="请输入" clearable
                             border="none"></u--input>
                     </u-form-item>
                     <u-form-item label="回收类型" borderBottom>
-                        <TabRadio :tabList="recycleTypeList" defaultActive="2" @tabChange="handleTabChangeRecycleType">
-                        </TabRadio>
+                        <TabSelect :tabList="recycleTypeList" :colNum="4" mode="single"
+                            @tabChange="handleTabChangeRecycleType">
+                        </TabSelect>
                     </u-form-item>
                     <u-form-item label="回收人员" class="u-form-item-row" borderBottom>
                         <u--input v-model="formData.recyclePerson" disabled clearable border="none"></u--input>
@@ -111,7 +130,7 @@
                                 @delete="deleteRecycleBottom" name="1" multiple :maxCount="1" accept="image"></u-upload>
                         </view>
                     </u-form-item>
-                    <u-form-item label="回收时间" required prop="formData.recycleTime" class="u-form-item-row" borderBottom
+                    <u-form-item label="回收时间" required prop="recycleTime" class="u-form-item-row" borderBottom
                         @click="clickRecycleTimeRow">
                         <FormSelectToPage :val="formData.recycleTime" @deleteItem.stop="clear('recycleTime')">
                         </FormSelectToPage>
@@ -160,6 +179,11 @@
                                 @delete="deleteProductCard" name="1" multiple :maxCount="1" accept="image"></u-upload>
                         </view>
                     </u-form-item>
+                    <u-form-item label="付款方式" borderBottom>
+                        <TabSelect :tabList="paymentTabList" :colNum="4" mode="single"
+                            @tabChange="handlePaymentTabChange">
+                        </TabSelect>
+                    </u-form-item>
                 </u--form>
             </view>
 
@@ -171,17 +195,17 @@
     </view>
 </template>
 <script>
-import TabRadio from '@/components/custom-tab-radio/index.vue'
+import TabSelect from '@/components/custom-tab-select/index.vue'
 import FormSelectToPage from '@/components/form-select-to-page/index.vue'
 export default {
     components: {
-        TabRadio,
+        TabSelect,
         FormSelectToPage,
     },
     data() {
         return {
             checkboxValue: [],
-
+            recognitionContent: '',
             formData: {
                 imgs: [],
                 desc: '',
@@ -197,12 +221,13 @@ export default {
                 price: '',
                 productCondition: '',
                 productNo: '',
-                stock: 1,
+                stock: null,
                 costPrice: '',
                 samePrice: '',
                 agentPrice: '',
                 salePrice: '',
                 productPosition: '',
+                watchYear: '',
                 identifyingPerson: '',
                 recycleType: '',
                 recyclePerson: '',
@@ -215,6 +240,7 @@ export default {
                 productTag: '',
                 productAttachment: '',
                 productDesc: '',
+                paymentType: '',
             },
             rules: {
                 imgs: [
@@ -244,7 +270,6 @@ export default {
 
             },
             recycleTimeShow: false,
-            descPlaceholder: '95新 WHZ19219H CHANEL香奈儿链条单肩包 21开 牛皮 尺寸25 4 15 配件中溯卡',
             titlePlaceholder: '如不填，自动截取商品描述前50字',
             typeList: [
                 {
@@ -322,6 +347,32 @@ export default {
                     value: '4',
                 },
             ],
+            paymentTabList: [
+                {
+                    name: '微信',
+                    value: 1,
+                },
+                {
+                    name: '支付宝',
+                    value: 2,
+                },
+                {
+                    name: '银行卡',
+                    value: 3,
+                },
+                {
+                    name: '现金',
+                    value: 4,
+                },
+                {
+                    name: '数字货币',
+                    value: 5,
+                },
+                {
+                    name: '挂账',
+                    value: 6,
+                },
+            ],
             brandToUrl: '/pages/wareHouse/brandList',
             // 上传
             goodPicFileList: [{ url: 'https://uviewui.com/swiper/1.jpg' }],//商品图片
@@ -333,25 +384,45 @@ export default {
         }
     },
     methods: {
+        submitForm() {
+            this.$refs.addForm.validate().then((valid) => {
+                if (valid) {
+                    console.log('表单校验通过');
+                } else {
+                    console.log('表单校验不通过');
+                }
+            });
+        },
         handleTabChange(e) {
             console.log(e);
         },
         clear(key) {
             this.formData[key] = '';
         },
+        // 商品分类
+        handleTabChangeType(e) {
+            this.formData.type = e;
+            console.log(e, this.formData.type);
+            this.$refs.addForm.validateField('type')
+        },
         // 商品成色
         handleTabChangeProductCondition(e) {
-            console.log(e);
+            this.formData.productCondition = e;
+            this.$refs.addForm.validateField('productCondition')
         },
         // 商品属性
         handleTabChangeProductAttribute(e) {
-            console.log(e);
+            this.formData.productAttribute = e;
+            this.$refs.addForm.validateField('productAttribute')
         },
         // 回收类型
         handleTabChangeRecycleType(e) {
+            this.formData.recycleType = e;
+        },
+        // 付款方式
+        handlePaymentTabChange(e) {
             console.log(e);
         },
-
         clickRecycleTimeRow() {
             this.recycleTimeShow = true;
         },
@@ -435,6 +506,24 @@ export default {
             console.log(event);
             // this.fileList5 = [...this.fileList5, ...event.fileList];
         },
+        async handleRecognition() {
+            // 品牌：浪琴
+            // 来源：【麒麟】私信-杰3-3
+            // 实价：6500
+            // 型号：L2.257.5.89.7
+            // 编码：52356065
+            // 日期：2021.11.09
+            // 备注：全套
+            // 付款方式：线上
+            if (!this.recognitionContent) {
+                return;
+            }
+            try {
+                uni.$u.toast("识别成功");
+            } catch (e) {
+                uni.$u.toast("文本识别异常");
+            }
+        },
     }
 }
 </script>

pages/wareHouse/brandList.vue

@@ -10,7 +10,8 @@
             <u-search placeholder="搜索" v-model="keyword"></u-search>
             <view class="suggest_list">
                 <view class="brand_item" v-for="item in brandList" :key="item.id">
-                    <img class="brand_img" :src="item.url" alt="">
+                    <img class="brand_img" v-if="item.url" :src="item.url" alt="">
+                    <img class="brand_img" v-else src="/static/no-img.png"></img>
                     <view class="brand_name">{{ item.name }}</view>
                 </view>
             </view>
@@ -25,7 +26,8 @@
                     <u-index-anchor :text="indexList[index]"></u-index-anchor>
                     <!-- #endif -->
                     <view class="list-cell" v-for="(cell, index) in item">
-                        <img :src="cell.url" alt="">
+                        <img v-if="cell.url" :src="cell.url" alt="">
+                        <img v-else src="/static/no-img.png"></img>
                         {{ cell.name }}
                     </view>
                 </u-index-item>
@@ -49,311 +51,311 @@ export default {
             brandList: [
                 {
                     id: 1,
-                    name: '品牌1',
+                    name: 'LOUIS VUITTON',
                     code: '001',
-                    url: './imgs/1.jpg',
+                    url: require('./imgs/lv.jpg'),
                 },
                 {
                     id: 2,
                     name: '品牌2',
                     code: '002',
-                    url: './imgs/1.jpg',
+                    url: null,
                 },
                 {
                     id: 1,
                     name: '品牌1',
                     code: '001',
-                    url: './imgs/1.jpg',
+                    url: null,
                 },
                 {
                     id: 2,
                     name: '品牌2',
                     code: '002',
-                    url: './imgs/1.jpg',
+                    url: null,
                 },
                 {
                     id: 1,
                     name: '品牌1',
                     code: '001',
-                    url: './imgs/1.jpg',
+                    url: null,
                 },
                 {
                     id: 1,
                     name: '品牌1',
                     code: '001',
-                    url: './imgs/1.jpg',
+                    url: null,
                 },
             ],
             indexList: ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z","#"],
             itemArr: [
                 [
                     {
-                        name:'品牌1',
-                        url:require('./imgs/1.jpg'),
+                        name:'LOUIS VUITTON',
+                        url:require('./imgs/lv.jpg'),
                     },
                     {
                         name:'品牌2',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                 ],
                 [
                     {
                         name:'品牌3',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                     {
                         name:'品牌4',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                 ],
                 [
                     {
                         name:'品牌5',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                     {
                         name:'品牌6',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                 ],
                 [
                     {
                         name:'品牌7',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                     {
                         name:'品牌8',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                 ],
                 [
                     {
                         name:'品牌9',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                     {
                         name:'品牌10',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                 ],
                 [
                     {
                         name:'品牌11',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                     {
                         name:'品牌12',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                 ],
                 [
                     {
                         name:'品牌13',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                     {
                         name:'品牌14',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                 ],
                 [
                     {
                         name:'品牌15',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                     {
                         name:'品牌16',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                 ],
                 [
                     {
                         name:'品牌17',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                     {
                         name:'品牌18',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                 ],
                 [
                     {
                         name:'品牌19',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                     {
                         name:'品牌20',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                 ],
                 [
                     {
                         name:'品牌21',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                     {
                         name:'品牌22',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                 ],
                 [
                     {
                         name:'品牌23',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                     {
                         name:'品牌24',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                 ],
                 [
                     {
                         name:'品牌25',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                     {
                         name:'品牌26',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                 ],
                 [
                     {
                         name:'品牌27',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                     {
                         name:'品牌28',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                 ],
                 [
                     {
                         name:'品牌25',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                     {
                         name:'品牌26',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                 ],
                 [
                     {
                         name:'品牌27',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                     {
                         name:'品牌28',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                 ],
                 [
                     {
                         name:'品牌25',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                     {
                         name:'品牌26',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                 ],
                 [
                     {
                         name:'品牌27',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                     {
                         name:'品牌28',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                 ],
                 [
                     {
                         name:'品牌25',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                     {
                         name:'品牌26',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                 ],
                 [
                     {
                         name:'品牌27',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                     {
                         name:'品牌28',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                 ],
                 [
                     {
                         name:'品牌25',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                     {
                         name:'品牌26',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                 ],
                 [
                     {
                         name:'品牌27',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                     {
                         name:'品牌28',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                 ],
                 [
                     {
                         name:'品牌25',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                     {
                         name:'品牌26',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                 ],
                 [
                     {
                         name:'品牌27',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                     {
                         name:'品牌28',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                 ],
                 [
                     {
                         name:'品牌25',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                     {
                         name:'品牌26',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                 ],
                 [
                     {
                         name:'品牌27',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                     {
                         name:'品牌28',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                 ],
                 [
                     {
                         name:'##品牌27',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                     {
                         name:'#品牌28',
-                        url:'./imgs/1.jpg',
+                        url:null,
                     },
                 ]
             ]

pages/wareHouse/detail.vue

@@ -158,7 +158,7 @@
                 <i class="iconfont icon-crm-dayin" style="font-size:46rpx;color: #9ca3af;"></i>
                 <text class="bar-text">打印</text>
             </view>
-            <view class="bar-item">
+            <view class="bar-item" @click="handleOpenOrder">
                 <view class="primary">
                     <u-icon name="bag" size="44rpx" color="#fff"></u-icon>
                     <text class="bar-text">开单</text>
@@ -229,6 +229,12 @@
             }
         },
         methods: {
+            // 打开销售业务开单页面
+            handleOpenOrder() {
+                uni.navigateTo({
+                    url: '/pages/wareHouse/openOrder'
+                });
+            },
             // 查看操作日志的方法
             viewLog() {
                 // 查看操作日志的方法

pages/wareHouse/index.vue

@@ -9,31 +9,28 @@
 						<view class="asset-title">总资产成本（元）</view>
 						<u-icon name="question-circle" size="14" color="#999999"></u-icon>
 					</view>
-					<text class="asset-value">3,869,014</text>
+					<text class="asset-value">{{ wareHouseCard.totalCost }}</text>
 				</view>
 				<u-button class="view-btn" type="text" size="mini">查看财务报表</u-button>
 			</view>
 			<view class="data-cards">
 				<view class="card-item">
 					<text class="card-label">今日上传</text>
-					<text class="card-value">12</text>
+					<text class="card-value">{{ wareHouseCard.uploadCostToday }}</text>
 				</view>
 				<view class="card-item">
 					<text class="card-label">今日下架</text>
-					<text class="card-value green">8</text>
+					<text class="card-value green">{{ wareHouseCard.outStockToday }}</text>
 				</view>
 				<view class="card-item">
 					<text class="card-label">商品总数</text>
-					<text class="card-value">2</text>
+					<text class="card-value">{{ wareHouseCard.totalNum }}</text>
 				</view>
 			</view>
 
 			<view class="search-wrapper">
 				<u-search placeholder="搜索编号、名称、品牌..." bg-color="#f9fafb" border-radius="4rpx"
 					:show-action="false" class="search-input-wrap"></u-search>
-				<view class="search-filter-btn">
-					<u-icon name="list" size="22" color="#666666"></u-icon>
-				</view>
 			</view>
 
 			<view class="category-tabs-wrap">
@@ -55,6 +52,7 @@
 
 					<view class="layout-btn" type="text" size="mini">
 						<u-icon name="grid" size="20" color="#666666"></u-icon>
+						<!-- 筛选列 品牌、价格范围、位置、回收时间、回收人员、鉴定人员、商品属性 -->
 					</view>
 				</view>
 			</view>
@@ -122,6 +120,7 @@
 export default {
 	data() {
 		return {
+			wareHouseCard:{},
 			tabList: [
 				{ name: "全部" },
 				{ name: "腕表" },
@@ -202,6 +201,17 @@ export default {
 				url: `/pages/wareHouse/add`
 			});
 		},
+		// 获取仓库卡片数据
+		getCard() {
+			uni.$u.api.getWareHouseCard().then(res => {
+				if (res.code === 200) {
+					this.wareHouseCard = res.data;
+				}
+			});
+		},
+	},
+	mounted() {
+		this.getCard();
 	}
 };
 </script>

pages/wareHouse/openOrder.vue

@@ -0,0 +1,246 @@
+<template>
+   <view class="open_order" @click="handleClickOutside">
+      <u-navbar class="nav-bar" title="销售业务开单" :autoBack="true" :placeholder="true" v-hideNav></u-navbar>
+      <view class="open_order_content">
+         <view class="header">
+            <img :src="openOrderForm.url" alt="">
+            <view class="header_box">
+               <view class="title">
+                  {{ openOrderForm.title }} | {{ openOrderForm.desc }}
+               </view>
+               <view class="header_detail_box">
+                  <view class="total_cost">
+                     <view class="total_cost_title">系统总成本</view>
+                     <view class="total_cost_price">￥{{ openOrderForm.totalCost }}</view>
+                  </view>
+                  <view class="advice_price">
+                     <view class="advice_price_title">建议标价</view>
+                     <view class="advice_price_price">￥{{ openOrderForm.advicePrice }}</view>
+                  </view>
+               </view>
+            </view>
+         </view>
+         <u--form labelPosition="top" :model="openOrderForm" :rules="rules" ref="openOrderForm" label-width="200rpx">
+            <view class="card_item">
+               <u-form-item label="成交金额" required prop="price">
+                  ￥<u--input v-model="openOrderForm.price" border="none" type="number"></u--input>
+               </u-form-item>
+            </view>
+            <view class="card_item">
+               <u-form-item label="开单数量">
+                  <u-number-box v-model="openOrderForm.quantity"></u-number-box>
+               </u-form-item>
+            </view>
+            <view class="card_item">
+               <u-form-item label="订单类型">
+                  <TabSelect :tabList="tabList" mode="multiple" :colNum="4" :defaultIndex="1"
+                     @tabChange="changeOrderType">
+                  </tabSelect>
+               </u-form-item>
+            </view>
+            <view class="card_item">
+               <u-form-item label="销售人员与时间" class="sales_person_box_form">
+                  <view class="sales_person_box" @click="personShow = true">
+                     <u-icon name="man-add" size="36rpx" color="#374151"></u-icon>
+                     <view class="text">{{ openOrderForm.salesPerson }}</view>
+                  </view>
+                  <view class="sales_person_box" @click="dateShow = true">
+                     <u-icon name="calendar" size="36rpx" color="#374151"></u-icon>
+                     <view class="text">{{ openOrderForm.date }}</view>
+                  </view>
+
+               </u-form-item>
+            </view>
+            <view class="card_item">
+               <u-form-item label="收款方式">
+                  <TabSelect :tabList="paymentTabList" mode="single" :colNum="4" :defaultIndex="1"
+                     @tabChange="changePaymentTab">
+                  </tabSelect>
+               </u-form-item>
+            </view>
+            <view class="card_item">
+               <u-form-item label="售后保障配置">
+                  <TabSelect :tabList="afterSaleTabList" mode="multiple" :colNum="3" :defaultIndex="1"
+                     @tabChange="changeAfterSaleTab">
+                  </tabSelect>
+               </u-form-item>
+            </view>
+            <view class="card_item">
+               <u-form-item label="支付凭证上传">
+                  <u-upload :fileList="paymentProof" @afterRead="afterReadPaymentProof" @delete="deletePaymentProof"
+                     name="1" multiple :maxCount="10"></u-upload>
+               </u-form-item>
+            </view>
+            <view class="card_item">
+               <u-form-item label="订单备注">
+                  <u--textarea v-model="openOrderForm.remark" placeholder="请输入订单备注" confirmType="done"></u--textarea>
+               </u-form-item>
+            </view>
+            <view class="card_item">
+               <u-form-item label="收货地址">
+                  <u--textarea v-model="openOrderForm.address" placeholder="请输入收货地址" confirmType="done"></u--textarea>
+               </u-form-item>
+            </view>
+         </u--form>
+      </view>
+      <view class="bottom_box">
+         <view class="bottom_box_item">
+            <view class="bottom_box_item_title">实收总计</view>
+            <view class="bottom_box_item_price">￥{{ openOrderForm.amountReceived }}</view>
+         </view>
+         <u-button color="#3c9cff" type="primary" @click="submitForm"  icon="checkmark">确认开单</u-button>
+      </view>
+      <u-popup :show="personShow" @close="close" @open="open">
+         人员选择
+      </u-popup>
+      <u-datetime-picker :show="dateShow" v-model="openOrderForm.date" mode="date" @confirm="confirmDate"
+         @close="closeDate" @cancel="closeDate"></u-datetime-picker>
+   </view>
+</template>
+<script>
+import TabSelect from '@/components/custom-tab-select/index.vue'
+export default {
+   components: {
+      TabSelect,
+   },
+   data() {
+      return {
+         openOrderForm: {
+            url: require('./imgs/1.jpg'),
+            title: 'ROLEX',
+            desc: 'SUBMSRINER DATE 126610LN',
+            totalCost: '82500',
+            advicePrice: '890000',
+            price: null,
+            quantity: 1,
+            salesPerson: 'IT秦',
+            orderType: [],
+            date: '2026-1-1',
+            paymentTab: 1,
+            afterSaleTab: [],
+            remark: '',
+            address: '',
+            amountReceived: 89000,
+         },
+         paymentProof: [],
+         tabList: [
+            {
+               name: '零售',
+               value: 1,
+            },
+            {
+               name: '寄卖',
+               value: 2,
+            },
+            {
+               name: '同行',
+               value: 3,
+            },
+            {
+               name: '退货',
+               value: 4,
+            },
+            {
+               name: '质押',
+               value: 5,
+            },
+         ],
+         paymentTabList: [
+            {
+               name: '微信',
+               value: 1,
+            },
+            {
+               name: '支付宝',
+               value: 2,
+            },
+            {
+               name: '银行卡',
+               value: 3,
+            },
+            {
+               name: '现金',
+               value: 4,
+            },
+            {
+               name: '数字货币',
+               value: 5,
+            },
+            {
+               name: '挂账',
+               value: 6,
+            },
+         ],
+         afterSaleTabList: [
+            {
+               name: '假一赔三',
+               value: 1,
+            },
+            {
+               name: '一年质保',
+               value: 2,
+            },
+            {
+               name: '一年内八折回收',
+               value: 3,
+            },
+            {
+               name: '送保养一次',
+               value: 4,
+            },
+            {
+               name: '原厂配件保证',
+               value: 5,
+            },
+         ],
+         rules: {
+            price: [
+               { required: true, message: '请输入成交金额', trigger: ['blur'] },
+            ],
+         },
+         personShow: false,
+         dateShow: false,
+      }
+   },
+   methods: {
+      changeOrderType(val) {
+         this.openOrderForm.orderType = val
+      },
+      changePaymentTab(val) {
+         this.openOrderForm.paymentTab = val
+      },
+      changeAfterSaleTab(val) {
+         this.openOrderForm.afterSaleTab = val
+      },
+      handleClickOutside() {
+         this.personShow = false
+      },
+      confirmDate(val) {
+         this.openOrderForm.date = this.$dayjs(val.value).format('YYYY-MM-DD');
+         console.log(this.openOrderForm.date);
+
+         this.dateShow = false
+      },
+      closeDate() {
+         this.dateShow = false
+      },
+      afterReadPaymentProof(file) {
+         // this.paymentProof.push(file)
+      },
+      deletePaymentProof(index) {
+         // this.paymentProof.splice(index, 1)
+      },
+      submitForm() {
+         this.$refs.openOrderForm.validate().then(res => {
+            if (res) {
+               console.log('提交成功', this.openOrderForm);
+               
+            }
+         })
+      },
+   }
+}
+</script>
+<style lang="scss" scoped>
+@import './styles/openOrder.scss';
+</style>

pages/wareHouse/styles/add.scss

@@ -47,4 +47,10 @@
             }
         }
     }
+    &.u-form-item-col {
+        .u-form-item__body__right__content__slot {
+            flex-direction: column !important;
+            align-items: normal !important;
+        }
+    }
 }

pages/wareHouse/styles/openOrder.scss

@@ -0,0 +1,174 @@
+.open_order {
+    .open_order_content {
+        margin-bottom:150rpx;
+        .header {
+            display: flex;
+            justify-content: flex-start;
+            align-items: flex-start;
+            padding: 20rpx;
+            background-color: #1f2937;
+            border-radius: 20rpx;
+            margin: 20rpx;
+
+            img {
+                width: 150rpx;
+                height: 150rpx;
+                border-radius: 20rpx;
+                flex-shrink: 0;
+            }
+
+            .header_box {
+                display: flex;
+                flex-direction: column;
+                align-items: flex-start;
+                padding: 0 20rpx;
+                flex: 1;
+                min-width: 0;
+
+                .title {
+                    font-size: 32rpx;
+                    font-weight: 600;
+                    color: #ffffff;
+                    display: -webkit-box;
+                    -webkit-line-clamp: 1;
+                    -webkit-box-orient: vertical;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    line-height: 1.4;
+                    word-break: break-word;
+                    width: 100%;
+                }
+
+                .header_detail_box {
+                    display: flex;
+                    justify-content: space-between;
+                    align-items: center;
+                    padding: 20rpx 0;
+                    width: 100%;
+
+                    .total_cost {
+                        display: flex;
+                        flex-direction: column;
+                        align-items: flex-start;
+                        padding: 20rpx 0;
+                        color: #ffffff;
+                        font-size: 24rpx;
+
+                        .total_cost_title {
+                            color: #838a97;
+                            font-size: 24rpx;
+                        }
+
+                        .total_cost_price {
+                            color: #ffffff;
+                            font-size: 30rpx;
+                        }
+                    }
+
+                    .advice_price {
+                        display: flex;
+                        flex-direction: column;
+                        align-items: flex-end;
+                        padding: 20rpx 0;
+                        color: #ffffff;
+                        font-size: 24rpx;
+
+                        .advice_price_title {
+                            color: #838a97;
+                            font-size: 24rpx;
+                        }
+
+                        .advice_price_price {
+                            color: #d0a10d;
+                            font-size: 30rpx;
+                            font-weight: 600;
+                        }
+                    }
+                }
+            }
+
+        }
+
+        .card_item {
+            display: flex;
+            flex-direction: column;
+            align-items: flex-start;
+            background-color: #ffffff;
+            border-radius: 20rpx;
+            padding: 20rpx;
+            margin:10rpx 20rpx;
+
+            font-weight: 600;
+
+
+
+            ::v-deep .u-form-item {
+                width: 100%;
+
+                .u-form-item__body__left__content__label {
+                    color: #9ca3af;
+                    font-size: 24rpx;
+                }
+
+                .u-form-item__body__right {
+                    color: #000;
+                    font-size: 40rpx;
+
+                    .uni-input-wrapper {
+                        font-size: 40rpx;
+                    }
+                }
+            }
+
+            ::v-deep .sales_person_box_form {
+                .u-form-item__body__right__content__slot {
+                    display: grid;
+                    grid-template-columns: 1fr 2fr;
+                    gap: 20rpx;
+
+                    .sales_person_box {
+                        display: flex;
+                        gap: 10rpx;
+                        justify-content: flex-start;
+                        align-items: center;
+                        padding: 10rpx 20rpx;
+                        border-radius: 10rpx;
+                        background-color: #f3f4f6;
+
+                        .text {
+                            font-size: 26rpx;
+                            font-weight: 600;
+                            color: #374151;
+                        }
+                    }
+                }
+            }
+        }
+    }
+    .bottom_box{
+        position:fixed;
+        bottom:0;
+        left:0;
+        right:0;
+        display: grid;
+        grid-template-columns: 1fr 2fr;
+        gap: 20rpx;
+        padding: 20rpx;
+        background-color: #ffffff;
+        .bottom_box_item{
+            display: flex;
+            flex-direction: column;
+            align-items: flex-start;
+            font-weight: 600;
+            color: #9ca3af;
+            .bottom_box_item_title{
+                font-size: 24rpx;
+            }
+            .bottom_box_item_price{
+                font-size: 40rpx;
+                font-weight: 600;
+                color: #dc2626;
+            }
+        }
+    }
+}

utils/api.js

@@ -114,6 +114,15 @@ const install = (Vue, vm) => {
 
 		// 支付相关接口
 		saveOrderFileAndTransfer:(data={})=>http.post(store.state.user.path + '/storeInfo/saveOrderFileAndTransfer',data),
+
+		// ========== Mock接口（开发环境使用，本地Mock服务器）==========
+		// 服务器地址: http://192.168.0.243:3001
+		// 手机预览时需要使用电脑局域网IP，不能用localhost
+		// 切换真实接口时，将 baseUrl 改为真实接口地址即可
+		getPersonCards:()=>http.get('http://192.168.0.243:3001/mock-api/prod-api/crm/getPersonCards'),
+		getPersonLatestClue:()=>http.get('http://192.168.0.243:3001/mock-api/prod-api/crm/getPersonLatestClue'),
+		getPersonRanking:()=>http.get('http://192.168.0.243:3001/mock-api/prod-api/crm/getPersonRanking'),
+		getWareHouseCard:()=>http.get('http://192.168.0.243:3001/mock-api/prod-api/crm/getWareHouseCard'),
 	}
 }
 

utils/request.js

@@ -28,7 +28,12 @@ const install = (Vue, vm) => {
 		const { ip, port, folder } = store.state.user.netConfig;
 		const baseURL = ip + (port ? ":" + port : "") + folder; /* 根域名 */
 		// 处理请求url的逻辑
-		config.url = baseURL + config.url;
+		// 如果是完整的URL（包含http://或https://）或者是本地Mock服务器请求，则不拼接baseURL
+ 		const isFullUrl = /^https?:\/\//i.test(config.url);
+ 		const isMockRequest = config.url.includes('localhost:3001') || config.url.includes('192.168.0.243:3001');
+ 		if (!isFullUrl && !isMockRequest) {
+ 			config.url = baseURL + config.url;
+ 		}
 		
 		if(config.custom.loading){
 			const { loadingText } = config.custom;