feat: 飞牛小程序初试版本

lxf
1 parent c9a5591a
Showing 64 changed files with 6267 additions and 645 deletions Show diff stats
.gitignore
.prettierignore
.prettierrc.js
App.vue
common/api.js
components/card/payee.vue
components/field/field-copy.vue
components/keyboard/keyboard-bill.vue
components/keyboard/keyboard-waybill.vue
components/list.vue
components/popup/popup-platenumber.vue
config/request.js
main.js
package.json
pages.json
pages/common/webview.vue
pages/global/search-common.vue
pages/global/search-dict.vue
pages/global/search-payee.vue
pages/index.vue
 /unpackage
 /node_modules
-.DS_Store
 \ No newline at end of file
+.DS_Store
+.idea
@@ -0,0 +1,15 @@
+/dist/*
+.local
+.hbuilderx
+common
+components
+uni_modules
+mixins
+iconfont
+/node_modules/**
+
+**/*.svg
+**/*.sh
+
+/public/*
+stats.html
@@ -0,0 +1,25 @@
+module.exports = {
+  // 行尾换行方式
+  endOfLine: 'lf',
+  // Tab空格数
+  tabWidth: 2,
+  // 使用Tab缩进
+  useTabs: false,
+  // 换行字符数
+  printWidth: 190,
+  // 开启 eslint 支持
+  eslintIntegration: true,
+  // 字符串单引号
+  singleQuote: true,
+  // 行尾分号
+  semi: true,
+  // 尾逗号 none es5 all
+  trailingComma: 'all',
+  // 大括号空格
+  bracketSpacing: true,
+  // 箭头函数参数只有一个时省略小括号
+  arrowParens: 'avoid',
+  // 标签闭合位置对齐
+  bracketSpacing: true,
+  ignorePath: '.prettierignore'
+};
@@ -8,7 +8,7 @@ import { onAuthAppBack, openAuthMiniApp } from &#39;dingtalk-design-libs/biz/openAut
 export default {
   computed: {
-    ...mapState(['authed','userInfo']),
+    ...mapState(['authed', 'userInfo']),
   },
   onLaunch(options) {
     const systemInfo = uni.getSystemInfoSync();
@@ -19,21 +19,13 @@ export default {
     // 设置小程序来源，企业微信小程序或微信小程序
     this.$store.commit('SET_ORIGIN', origin);
     this.$store.commit('SET_SCENE', options.scene);
-    this.$u.api.dict.all().then(response => {
-      cache.put('DICT', response.result);
-      this.$store.commit('SET_DICT', response.result);
-    });
-    this.$u.api.district.all().then(response => {
-      cache.put('DISTRICT', response.result);
-      this.$store.commit('SET_DISTRICT', response.result);
-    });
     if (!this.authed) {
       if (origin === 'QY_FREGHT_MA') {
         wx.qy.login({
           suiteId: config.suiteId,
-          success: (res) => {
+          success: res => {
             if (res.code) {
-              uni.$u.api.login.loginByCode({ code: res.code }).then((response) => {
+              uni.$u.api.login.loginByCode({ code: res.code }).then(response => {
                 if (!response.result) return this.handleLogin();
                 const result = response.result || {};
                 this.$store.commit('SET_AUTHED', result.hasBind);
@@ -43,24 +35,28 @@ export default {
                   uni.$u.api.user.detail().then(res => {
                     this.$store.commit('SET_FREGHT_INFO', res.result);
                   });
+                  this.loadCache();
                 }
-              })
+              });
             }
           },
           fail: () => {
             this.handleLogin();
-          }
+          },
         });
       } else {
         this.handleLogin();
       }
+    } else {
+      this.loadCache();
     }
     // 监听刷新权限
-    uni.$on('refresh-permission', () =>{
+    uni.$on('refresh-permission', () => {
       this.getPermission();
+      this.loadCache();
     });
     // 监听检测更新
-    uni.$on('refresh-version', (params) =>{
+    uni.$on('refresh-version', params => {
       const { notifyType = 'toast' } = params || {};
       this.handleRefreshVersion(notifyType);
     });
@@ -70,7 +66,7 @@ export default {
   onShow(options) {
     // #ifdef MP-DINGTALK
     // 监听钉钉统一授权小程序返回结果的方法
-    onAuthAppBack(options, (data) => {
+    onAuthAppBack(options, data => {
       const { status, result } = data || {};
       if (status === 'ok' && result && result.authCode) {
         uni.$u.api.login.dingtalk({ authCode: result.authCode, corpId: dd.corpId }).then(response => {
@@ -90,9 +86,22 @@ export default {
     // #endif
   },
   methods: {
+    loadCache() {
+      uni.$u.api.user.detail().then(res => {
+        this.$store.commit('SET_FREGHT_INFO', res.result);
+      });
+      this.$u.api.dict.all().then(response => {
+        cache.put('DICT', response.result);
+        this.$store.commit('SET_DICT', response.result);
+      });
+      this.$u.api.district.all().then(response => {
+        cache.put('DISTRICT', response.result);
+        this.$store.commit('SET_DISTRICT', response.result);
+      });
+    },
     // 检测更新
     handleRefreshVersion(notifyType) {
-      const showToast = (options) => {
+      const showToast = options => {
         if (notifyType === 'silent') return; // 静默
         wx.showToast(options);
       };
@@ -111,31 +120,34 @@ export default {
                   if (res.confirm) {
                     updateManager.applyUpdate();
                   }
-                }
+                },
               });
             });
             updateManager.onUpdateFailed(() => {
               // 新版本下载失败
               showToast({ title: '网络状况不佳，稍后再试', icon: 'none', duration: 2000 });
-            })
+            });
           } else {
             showToast({ title: '当前已是最新版本', icon: 'none', duration: 2000 });
-          } 
-        })
+          }
+        });
       } else {
         showToast({ title: `当前${wx.getSystemInfoSync()?.environment === 'wxwork' ? '企业' : ''}微信版本过低，请升级到最新版本后重试`, icon: 'none', duration: 3000 });
       }
     },
     // 查询权限
     getPermission() {
-      return new Promise((resolve) => {
-        uni.$u.api.user.getPermission({ systemCode: 'dispatch-helper-ma', userId: this.userInfo.userId }).then((response = {}) => {
-          const { result = [] } = response;
-          this.$store.commit('SET_PERMISSION', result);
-          resolve(result);
-        }).catch(() => {
-          resolve([]);
-        });
+      return new Promise(resolve => {
+        uni.$u.api.user
+          .getPermission({ systemCode: 'freight-web', userId: this.userInfo.username })
+          .then((response = {}) => {
+            const { result = [] } = response;
+            this.$store.commit('SET_PERMISSION', result);
+            resolve(result);
+          })
+          .catch(() => {
+            resolve([]);
+          });
       });
     },
     handleLogin() {
@@ -149,40 +161,39 @@ export default {
               const result = response.result || {};
               this.$store.commit('SET_AUTHED', result.hasBind);
               this.$store.commit('SET_USER_INFO', result);
-              this.getPermission();
-              if (result.hasBind) {
-                uni.$u.api.user.detail().then(res => {
-                  this.$store.commit('SET_FREGHT_INFO', res.result);
-                });
-              }
+              uni.$emit('refresh-permission');
             });
           }
-        }
+        },
       });
       // #endif
       // #ifdef MP-DINGTALK
       // 打开钉钉统一授权小程序
       openAuthMiniApp({
-        path: 'pages/home/home',  //不要改,这里是小程序dingwlanwvdmrtjjwdmd下的一个页面地址
+        path: 'pages/home/home', //不要改,这里是小程序dingwlanwvdmrtjjwdmd下的一个页面地址
         panelHeight: 'percent50',
-        extraData:{
+        extraData: {
           clientId: config.clientId, // 应用ID(唯一标识)
           rpcScope: 'Contact.User.Read',
           fieldScope: 'Contact.User.mobile',
-          type:0,
+          type: 0,
           ext: JSON.stringify({}),
-          from:''
-        }
+          from: '',
+        },
       });
       // #endif
-    }
-  }
-}
+    },
+  },
+};
 </script>
 <style lang="scss">
-@import "@/uni_modules/uview-ui/index.scss";
+@import '@/uni_modules/uview-ui/index.scss';
 @import '~styles/common.scss';
 @import './iconfont/iconfont.css';
 @import '~styles/common.scss';
+
+.u-radio + .u-radio {
+  margin-left: 40upx !important;
+}
 </style>
 import config from '@/config/index.js';
-const bossAPI = '/boss-service-api';
-const freightAPI = '/dispatch-helper-ma-api';
+const freightAPI = '/freight-web-api';
+const freightAdmin = '/freight-service-api';
 const authAPI = '/auth-service-api';
-const dispatchMaApi = 'dispatch-ma-api';
-const tmsWebApi = 'tms-web-api';
-const driverAPI = '/driver-app-api';
+const dispatchMaApi = '/dispatch-ma-api';
+const tmsWebApi = '/tms-web-api';
 const omsServiceApi = '/oms-service-api'
 const tmsServiceApi = '/tms-service-api';
 const consignorAPI = '/consignor-app-api';
@@ -14,15 +13,15 @@ module.exports = (vm) =&gt; {
   vm.$u.api = {
     // 配置参数
     config: {
-			getVehicleConfig: params => vm.$u.http.get(freightAPI + '/vehicle/getVehicleConfig', { params }),
+      getVehicleConfig: params => vm.$u.http.get(freightAPI + '/vehicle/getVehicleConfig', { params }),
     },
     // 数据字典
     dict: {
-      all: params => vm.$u.http.get(consignorAPI + '/dict/getAll', { params, custom: { auth: false } }),
+      all: params => vm.$u.http.get(tmsWebApi + '/dataDictionary/queryAll', { params, custom: { auth: true } }),
     },
     // 行政区划
     district: {
-      all: params => vm.$u.http.get(consignorAPI + '/district/commonOption', { params, custom: { auth: false } }),
+      all: params => vm.$u.http.get(tmsWebApi + '/district/commonOption', { params, custom: { auth: true } }),
     },
     // 货主地址
     addressHistory: {
@@ -36,7 +35,7 @@ module.exports = (vm) =&gt; {
       // 发送手机验证码
       send: (params) => vm.$u.http.get(freightAPI + '/maLogin/sendVc', { params, custom: { auth: false } }),
       // 绑定手机号
-      bind: (data) => vm.$u.http.post(freightAPI + '/maLogin/wxbind', data, { custom: { auth: false } }),
+      bind: (data) => vm.$u.http.post(freightAPI + '/maLogin/vcWxbind', data, { custom: { auth: false } }),
       // 解除绑定
       unbind: (data) => vm.$u.http.post(freightAPI + '/user/consignor/unbindWx', data),
       // 微信一键登录
@@ -58,24 +57,24 @@ module.exports = (vm) =&gt; {
     user: {
       // 根据企业名称获取企业详细信息
       getCompanyDetail: (params) => vm.$u.http.get(freightAPI + '/user/getCompanyDetail', { params }),
-			detail: params => vm.$u.http.get(freightAPI + '/user/getDetail', { params }),
-			getPermission: params => vm.$u.http.get(authAPI + '/permission/getPermission', { params }),
+      detail: params => vm.$u.http.get(freightAPI + '/user/getDetail', { params }),
+      getPermission: params => vm.$u.http.get(authAPI + '/permission/getPermission', { params }),
     },
     // 联系人
     contact: {
       // 选择器数据源
-			select: params => vm.$u.http.get(freightAPI + '/consignorContact/commonSelect', { params }),
+      select: params => vm.$u.http.get(freightAPI + '/consignorContact/commonSelect', { params }),
+    },
+    // 常用地址
+    address: {
+      page: params => vm.$u.http.get(freightAPI + '/address/page', { params }),
+      detail: params => vm.$u.http.get(freightAPI + '/address/getDetail', { params }),
+      add: (data) => vm.$u.http.post(freightAPI + '/address/add', data),
+      modify: (data) => vm.$u.http.post(freightAPI + '/address/modify', data),
+      delete: (data) => vm.$u.http.post(freightAPI + '/address/delete', data),
     },
-		// 常用地址
-		address: {
-			page: params => vm.$u.http.get(freightAPI + '/address/page', { params }),
-			detail: params => vm.$u.http.get(freightAPI + '/address/getDetail', { params }),
-			add: (data) => vm.$u.http.post(freightAPI + '/address/add', data),
-			modify: (data) => vm.$u.http.post(freightAPI + '/address/modify', data),
-			delete: (data) => vm.$u.http.post(freightAPI + '/address/delete', data),
-		},
     // 查询筛选接口
-    filter: { 
+    filter: {
       org: params => vm.$u.http.get(dispatchMaApi + '/org/commonSelect', { params }),
       user: params => vm.$u.http.get(tmsWebApi + '/user/commonSelect', { params }), // 用户选择器
       getCommonSelect: params => vm.$u.http.get(dispatchMaApi + '/customer/getCommonSelect', { params }),
@@ -90,6 +89,67 @@ module.exports = (vm) =&gt; {
       getBelongCustomer: params => vm.$u.http.get(omsServiceApi + '/orderConfig/selectCustomer', { params }), // 获取专属客户
       statisticsUser: params => vm.$u.http.get(freightAPI + '/pushcartEmployee/page', { params }), // 获取推车员工
       tmsOrg: params => vm.$u.http.get(tmsWebApi + '/org/commonSelect', { params }),
+      projectCode: params => vm.$u.http.get(freightAPI + '/freightProject/commonSelect', { params }),// 项目
+      payeeCommonSelect: params => vm.$u.http.get(freightAPI + '/freightEnterpriseCollectDriver/payeeCommonSelect', { params }), // 代收人
+      driver: params => vm.$u.http.get(tmsServiceApi + '/driver/commonSelect', { params }), // 司机选择器
+      vehicle: params => vm.$u.http.get(tmsWebApi + '/vehicle/commonSelect', { params }), // 车辆选择器
+      goodsName: p => vm.$u.http.get(freightAPI + '/freightEnterpriseGoods/commonSelect', { params:{...p,goodsName:p.query }}).then(res=>{
+        return {
+          ...res,
+          result:res.result.map(i => {
+            return {
+              name:i.goodsName,
+              code:i.id,
+              id:i.id
+            }
+          })
+        }
+      }), // 货物选择器
+    },
+    // 申请支付
+    freightPayApply: {
+      page: params => vm.$u.http.post(freightAPI + '/freightPayApply/page', params),
+      getApplyDetailByIds: params => vm.$u.http.post(freightAPI  + '/freightPayApply/getApplyDetailByIds', params), // 明细
+      apply: params => vm.$u.http.post(freightAPI  + '/freightPayApply/apply', params,{custom: {toast:true}}), // 申请
+      cancelApply: params => vm.$u.http.post(freightAPI  + '/freightPayApply/cancelApply', params,{custom: {toast:true}}), // 取消申请
+      audit: params => vm.$u.http.post(freightAPI  + '/freightPayApply/audit', params,{custom: {toast:true}}), // 审核
+      getCount: params => vm.$u.http.get(freightAPI  + '/freightPayApply/getCount', {params}), // 总数
+    },
+    // 订单管理-网货货运-new
+    freightOrder: {
+      add: params => vm.$u.http.post(freightAPI + '/freightOrder/maAdd', params,{custom: {toast:true}}), // 下单
+      getDistance: params => vm.$u.http.get(freightAPI + '/freightOrder/getDistance', {params}), // 获取距离
+      page: params => vm.$u.http.post( freightAPI + '/freightOrder/page', params ), // 分页查询
+      currentFreight: params => vm.$u.http.get( freightAdmin + '/freightEnterprise/getDetailByCurrentFreight', params ), // 获取企业配置相关详情
+      getServiceAmount: params => vm.$u.http.get( freightAPI + '/freightOrder/getServiceAmount', {params}), // 订单服务费
+      enterpriseCollectDriverPage: params => vm.$u.http.get( freightAPI + '/freightEnterpriseCollectDriver/page', params), // 网货企业代收用户分页查询
+      download: params => vm.$u.http.get( freightAPI + '/freightOrder/download', params), // 模板下载
+      downloadStartCar: params => vm.$u.http.get( freightAPI + '/freightOrder/orderDepartAndArriveDownload', params), // 模板下载
+      importStartCar: params => vm.$u.http.get( freightAPI + '/freightOrder/importOrderDepartAndArrive', params), // 导入
+      import: params => vm.$u.http.get( freightAPI + '/freightOrder/import', params), // 导入
+      depart: params => vm.$u.http.post( freightAPI + '/freightOrder/depart', params), // 发车
+      arrive: params => vm.$u.http.post( freightAPI + '/freightOrder/arrive', params), // 到达
+      sign: params => vm.$u.http.get( freightAPI + '/freightOrder/sign', params), // 签收
+      cancel: params => vm.$u.http.post( freightAPI + '/freightOrder/cancel', params), // 取消
+      delete: params => vm.$u.http.post( freightAPI + '/freightOrder/delete', params), // 删除
+      assignVehicle: params => vm.$u.http.post( freightAPI + '/freightOrder/assignVehicle', params), // 充值指派
+      asyncPayee: params => vm.$u.http.get( freightAPI + '/freightOrder/syncPayee', params), // 同步收款人
+      modifyPayee: params => vm.$u.http.post( freightAPI + '/freightOrder/modifyPayee', params), // 修改收款人
+      getPayeeInfo: params => vm.$u.http.get( freightAPI + '/freightOrder/getPayeeInfo', params), // 获取收款人
+      modifyCustomerOrderCode: params => vm.$u.http.post( freightAPI + '/freightOrder/modifyCustomerOrderCode', params), // 修改内部单号
+      modifyAddress: params => vm.$u.http.get( freightAPI + '/freightOrder/modifyAddress', params), // 更改地址
+      modifyGoods: params => vm.$u.http.post( freightAPI + '/freightOrder/modifyGoods', params), // 更改货物信息
+      adjustAmount: params => vm.$u.http.post( freightAPI + '/freightOrder/adjustAmount', params), // 更改运费
+      modifyReceiptAttachment: params => vm.$u.http.post( freightAdmin + '/woss/freightOrder/modifyReceiptAttachment', params), // 修改回单附件
+      count: params => vm.$u.http.post( freightAPI + '/freightOrder/count', params), // 状态数量
+      getDetail: params => vm.$u.http.get( freightAPI + '/freightOrder/getDetail', {params}), // 订单详情
+      checkDepartureTime: params => vm.$u.http.get( freightAPI + '/freightOrder/checkDepartureTime', params), // 校验选择的运单发车时间是否一致
+      getStartLatestAddress: params => vm.$u.http.get( freightAPI + '/freightOrder/getStartLatestAddress', params), //
+      getEndLatestAddress: params => vm.$u.http.get( freightAPI + '/freightOrder/getEndLatestAddress', params), //
+      payeeBindBankCardNo: params => vm.$u.http.get( freightAPI + '/freightOrder/payeeBindBankCardNo', params), //
+      getSensitiveByOrderCode:params => vm.$u.http.get( freightAdmin + '/freightOrder/getSensitiveByOrderCode', {params}),
+      buildMaQrcode:params => vm.$u.http.get( freightAdmin + '/woss/freightOrder/buildMaQrcode', {params}),
+      supplementTrailerVehicle: params => vm.$u.http.get( freightAPI + '/freightOrder/supplementTrailerVehicle', params), // 绑定车挂
     },
   };
-}
 \ No newline at end of file
+}
@@ -0,0 +1,70 @@
+<template>
+  <view class="payee">
+    <view :class="haveAction ? '' : 'action'">
+      {{ item.dueBank ? item.dueBank +'/' : '收款信息' }}{{ item.dueBankCardNo ? item.dueBankCardNo +'/' : '' }}{{
+        item.openingBank && item.openingBankBranch ? item.openingBank + item.openingBankBranch : item.openingBank || item.openingBankBranch || ''
+      }}
+    </view>
+    <view v-if="haveAction" class="action" @tap="toSelect">
+      <u-text text="更换" suffix-icon="arrow-right"></u-text>
+    </view>
+  </view>
+</template>
+<script>
+export default {
+  name: 'payee',
+  props: {
+		value:{
+			type: Object,
+			default(){
+				return {}
+			},
+		},
+    haveAction: {
+      type: Boolean,
+      default: false,
+    },
+  },
+	watch:{
+		value: {
+			handler(val){
+				this.item = val;
+			}
+		}
+	},
+  data() {
+    return {
+      item: this.value
+    };
+  },
+  methods: {
+    toSelect() {
+	    uni.$once('select-payee', item=>{
+				this.item = item;
+				this.$emit('input',item);
+	    });
+      uni.navigateTo({ url: '/pages/global/search-payee' });
+    },
+	  setItem(item){
+			this.item = item;
+	  }
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.payee {
+  display: flex;
+  justify-content: space-between;
+  font-size: 24upx;
+  padding: $padding-sm;
+  border-radius: $radius-sm;
+  background: #f6f8fb;
+  .action {
+    color: #2673fb;
+	  min-width: 70rpx;
+	  float: right;
+  }
+  margin-bottom: $padding-sm;
+}
+</style>
@@ -0,0 +1,48 @@
+<template>
+  <view class="field-copy" @click.stop="onCopy">
+    <slot></slot>
+    <view class="img">
+      <image src="/static/copy-icon.png"></image>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+	name:'fieldCopy',
+  props: {
+    value: [String, Number]
+  },
+  methods: {
+    // 复制
+    onCopy: async function () {
+      if (this.value) {
+        uni.setClipboardData({
+          data: this.value,
+          success: function () {
+            uni.showToast({ icon: 'success', title: '已复制' });
+          },
+        });
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+.field-copy {
+  display: inline-block;
+  min-width: 40upx;
+  .img {
+    display: inline-block;
+    width: 26rpx;
+    height: 26rpx;
+    margin-left: 8rpx;
+    image {
+	    width: 100%;
+	    height: 100%;
+      vertical-align: middle;
+    }
+  }
+}
+</style>
@@ -0,0 +1,174 @@
+<template>
+  <tui-bottom-popup :show="visible" @close="onClose">
+    <view class="keyboard-bill">
+      <view class="keyboard-bill__keyboard">
+        <view v-for="word in wordText" :key="word" class="key" hover-class="active" hover-start-time="20" hover-stay-time="70" @click="onInput(word)">{{ word }}</view>
+        <view v-for="number in numberText" :key="number" class="key" hover-class="active" hover-start-time="20" hover-stay-time="70" @click="onInput(number)">{{ number }}</view>
+      </view>
+      <view class="keyboard-bill__footer">
+        <view class="left">
+          <view class="btn delete" hover-class="active" hover-start-time="20" hover-stay-time="70" @click="onDelete">删除</view>
+          <view class="btn paste" hover-class="active" hover-start-time="20" hover-stay-time="70" @click="onPaste">粘贴</view>
+        </view>
+        <view class="btn confirm" hover-class="active" hover-start-time="20" hover-stay-time="70" @click="onConfirm">{{ confirmText }}</view>
+      </view>
+    </view>
+  </tui-bottom-popup>
+</template>
+
+<script>
+export default {
+  name: 'keyboard-bill',
+  props: {
+    value: String,
+    visible: Boolean,
+    confirmText: {
+      type: String,
+      default: '确定'
+    },
+  },
+  data: function() {
+    return {
+      model: [],
+      numberText: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0'],
+      wordText: ['J', 'D'],
+    };
+  },
+  computed: {
+    modelText: function() {
+      return this.model.join('');
+    }
+  },
+  watch: {
+    value: function(val) {
+      this.model = `${val || ''}`.split('') || [];
+    },
+  },
+  methods: {
+    onClose: function() {
+      this.$emit('visible', false);
+    },
+    onInput: function(key) {
+      this.model.push(key);
+      this.$emit('input', this.modelText);
+    },
+    onDelete: function() {
+      this.model.pop();
+      this.$emit('input', this.modelText);
+    },
+    onPaste: function() {
+      uni.getClipboardData({
+        success: (res) => {
+          this.$emit('input', res.data);
+        }
+      });
+    },
+    onConfirm: function() {
+      this.$emit('confirm', this.modelText);
+    }
+  }
+};
+</script>
+
+<style lang="scss">
+.keyboard-bill {
+  background-color: $color-white;
+  &__keyboard {
+    padding: 10upx 10upx 0;
+    box-sizing: border-box;
+    transition: all .3s;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    background-color: $color-field;
+    .key {
+      width: 175upx;
+      height: 175upx;
+      border-radius: 10upx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: $color-black;
+      position: relative;
+      margin-bottom: $padding-xs;
+      background-color: $color-white;
+      font-size: $font-lg;
+      &.delete, &.confirm {
+        width: 160upx;
+      }
+      &.confirm {
+        background-color: $color-primary;
+        color: $color-white;
+      }
+      &.active {
+        background-color: darken($color-white, 15%);
+      }
+      &::after {
+        padding: 0;
+        margin: 0;
+        border: none;
+        content: "";
+        pointer-events: none; /* 防止点击触发 */
+        box-sizing: border-box;
+        position: absolute;
+        width: 200%;
+        height: 200%;
+        left: 0;
+        top: 0;
+        border: 1upx solid $color-border;
+        border-radius: 20upx;
+        transform: scale(0.5);
+        transform-origin: 0 0;
+      }
+    }
+  }
+  &__footer {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: $padding-md 10upx;
+    .left {
+      display: flex;
+      align-items: center;
+    }
+    .btn {
+      font-size: $font-md;
+      padding: $padding-md;
+      width: 200upx;
+      box-sizing: border-box;
+      border-radius: 10upx;
+      position: relative;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      &::after {
+        padding: 0;
+        margin: 0;
+        border: none;
+        content: "";
+        pointer-events: none; /* 防止点击触发 */
+        box-sizing: border-box;
+        position: absolute;
+        width: 200%;
+        height: 200%;
+        left: 0;
+        top: 0;
+        border: 1upx solid $color-border;
+        border-radius: 20upx;
+        transform: scale(0.5);
+        transform-origin: 0 0;
+      }
+      &.confirm {
+        background-color: $color-primary;
+        color: $color-white;
+      }
+      &.paste {
+        margin-left: $padding-sm;
+      }
+      &.active {
+        background-color: darken($color-white, 15%);
+      }
+    }
+  }
+}
+</style>
@@ -0,0 +1,174 @@
+<template>
+  <tui-bottom-popup :show="visible" @close="onClose">
+    <view class="keyboard-waybill">
+      <view class="keyboard-waybill__keyboard">
+        <view v-for="word in wordText" :key="word" class="key" hover-class="active" hover-start-time="20" hover-stay-time="70" @click="onInput(word)">{{ word }}</view>
+        <view v-for="number in numberText" :key="number" class="key" hover-class="active" hover-start-time="20" hover-stay-time="70" @click="onInput(number)">{{ number }}</view>
+      </view>
+      <view class="keyboard-waybill__footer">
+        <view class="left">
+          <view class="btn delete" hover-class="active" hover-start-time="20" hover-stay-time="70" @click="onDelete">删除</view>
+          <view class="btn paste" hover-class="active" hover-start-time="20" hover-stay-time="70" @click="onPaste">粘贴</view>
+        </view>
+        <view class="btn confirm" hover-class="active" hover-start-time="20" hover-stay-time="70" @click="onConfirm">{{ confirmText }}</view>
+      </view>
+    </view>
+  </tui-bottom-popup>
+</template>
+
+<script>
+export default {
+  name: 'keyboard-waybill',
+  props: {
+    value: String,
+    visible: Boolean,
+    confirmText: {
+      type: String,
+      default: '确定'
+    },
+  },
+  data: function() {
+    return {
+      model: [],
+      numberText: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0'],
+      wordText: ['Y', 'P'],
+    };
+  },
+  computed: {
+    modelText: function() {
+      return this.model.join('');
+    }
+  },
+  watch: {
+    value: function(val) {
+      this.model = `${val || ''}`.split('') || [];
+    },
+  },
+  methods: {
+    onClose: function() {
+      this.$emit('visible', false);
+    },
+    onInput: function(key) {
+      this.model.push(key);
+      this.$emit('input', this.modelText);
+    },
+    onDelete: function() {
+      this.model.pop();
+      this.$emit('input', this.modelText);
+    },
+    onPaste: function() {
+      uni.getClipboardData({
+        success: (res) => {
+          this.$emit('input', res.data);
+        }
+      });
+    },
+    onConfirm: function() {
+      this.$emit('confirm', this.modelText);
+    }
+  }
+};
+</script>
+
+<style lang="scss">
+.keyboard-waybill {
+  background-color: $color-white;
+  &__keyboard {
+    padding: 10upx 10upx 0;
+    box-sizing: border-box;
+    transition: all .3s;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    background-color: $color-field;
+    .key {
+      width: 175upx;
+      height: 175upx;
+      border-radius: 10upx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: $color-black;
+      position: relative;
+      margin-bottom: $padding-xs;
+      background-color: $color-white;
+      font-size: $font-lg;
+      &.delete, &.confirm {
+        width: 160upx;
+      }
+      &.confirm {
+        background-color: $color-primary;
+        color: $color-white;
+      }
+      &.active {
+        background-color: darken($color-white, 15%);
+      }
+      &::after {
+        padding: 0;
+        margin: 0;
+        border: none;
+        content: "";
+        pointer-events: none; /* 防止点击触发 */
+        box-sizing: border-box;
+        position: absolute;
+        width: 200%;
+        height: 200%;
+        left: 0;
+        top: 0;
+        border: 1upx solid $color-border;
+        border-radius: 20upx;
+        transform: scale(0.5);
+        transform-origin: 0 0;
+      }
+    }
+  }
+  &__footer {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: $padding-md 10upx;
+    .left {
+      display: flex;
+      align-items: center;
+    }
+    .btn {
+      font-size: $font-md;
+      padding: $padding-md;
+      width: 200upx;
+      box-sizing: border-box;
+      border-radius: 10upx;
+      position: relative;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      &::after {
+        padding: 0;
+        margin: 0;
+        border: none;
+        content: "";
+        pointer-events: none; /* 防止点击触发 */
+        box-sizing: border-box;
+        position: absolute;
+        width: 200%;
+        height: 200%;
+        left: 0;
+        top: 0;
+        border: 1upx solid $color-border;
+        border-radius: 20upx;
+        transform: scale(0.5);
+        transform-origin: 0 0;
+      }
+      &.confirm {
+        background-color: $color-primary;
+        color: $color-white;
+      }
+      &.paste {
+        margin-left: $padding-sm;
+      }
+      &.active {
+        background-color: darken($color-white, 15%);
+      }
+    }
+  }
+}
+</style>
@@ -169,4 +169,4 @@ export default {
     },
   }
 }
-</script>
 \ No newline at end of file
+</script>
@@ -0,0 +1,376 @@
+<template>
+	<tui-bottom-popup :show="visible" @close="onClose">
+    <div class="popup-platenumber">
+      <div class="popup-platenumber__header">
+        <u-button v-if="limit.includes('normal')" :type="type === 'normal' ? 'primary' : undefined" @click="type = 'normal'">普通车牌</u-button>
+        <u-button v-if="limit.includes('new')" :type="type === 'new' ? 'primary' : undefined" @click="type = 'new'">新能源车牌</u-button>
+        <u-button v-if="limit.includes('trailer')" :type="type === 'trailer' ? 'primary' : undefined" @click="type = 'trailer'">挂车牌</u-button>
+      </div>
+      <div class="popup-platenumber__body">
+        <div class="input-box" :class="{ active: currentInputIndex == 0 }" @click="currentInputIndex = 0">{{ currentInputValue[0] }}</div>
+        <div class="input-box" :class="{ active: currentInputIndex == 1 }" @click="currentInputIndex = 1">{{ currentInputValue[1] }}</div>
+        <div class="split-dot"></div>
+        <div class="input-box" :class="{ active: currentInputIndex == 2 }" @click="currentInputIndex = 2">{{ currentInputValue[2] }}</div>
+        <div class="input-box" :class="{ active: currentInputIndex == 3 }" @click="currentInputIndex = 3">{{ currentInputValue[3] }}</div>
+        <div class="input-box" :class="{ active: currentInputIndex == 4 }" @click="currentInputIndex = 4">{{ currentInputValue[4] }}</div>
+        <div class="input-box" :class="{ active: currentInputIndex == 5 }" @click="currentInputIndex = 5">{{ currentInputValue[5] }}</div>
+        <div v-if="['normal', 'new'].includes(type)" class="input-box" :class="{ active: currentInputIndex == 6 }" @click="currentInputIndex = 6">{{ currentInputValue[6] }}</div>
+        <div v-if="type == 'new'" class="input-box" :class="{ active: currentInputIndex == 7 }" @click="currentInputIndex = 7">{{ currentInputValue[7] }}</div>
+        <div v-if="type == 'trailer'" class="input-box">挂</div>
+      </div>
+      <div class="popup-platenumber__keyboard">
+        <template v-if="inputType == 1">
+          <div class="key-text" v-for="key of provinceText" :key="key" @click="onChoose(key)">{{ key }}</div>
+          <div class="key-text fill-block"></div>
+        </template>
+        <template v-if="inputType >= 3">
+          <div class="key-text" v-for="key of numberText" :key="key" @click="onChoose(key)">{{ key }}</div>
+        </template>
+        <template v-if="inputType >= 2">
+          <div class="key-text" v-for="key of wordText" :key="key" @click="onChoose(key)">{{ key }}</div>
+        </template>
+        <template v-if="[2, 3, 4].includes(inputType)">
+          <span v-for="num of 6" :key="num" class="key-text fill-block"></span>
+        </template>
+        <template v-if="inputType === 2">
+          <span v-for="num of 10" :key="num" class="key-text fill-block"></span>
+        </template>
+      </div>
+      <div class="popup-platenumber__footer" v-safe-bottom>
+        <div class="popup-platenumber__footer-left">
+          <u-button @click="onClose">取消</u-button>
+          <u-button @click="onReset">清空</u-button>
+        </div>
+        <div class="popup-platenumber__footer-right">
+          <u-button @click="onDelete">删除</u-button>
+          <u-button type="primary" @click="onConfirm">完成</u-button>
+        </div>
+      </div>
+    </div>
+  </tui-bottom-popup>
+</template>
+
+<script>
+
+export default {
+  name: 'PopupPlatenumber',
+  components: {
+  },
+  props: {
+    visible: Boolean,
+    value: {
+      type: String,
+      default: '',
+    },
+    limit: {
+      type: Array,
+      default: () => ['normal', 'new', 'trailer'],
+    },
+  },
+  data() {
+    return {
+      type: this.limit[0], // 车牌类型
+      currentInputIndex: 0, // 当前编辑的输入框
+      currentInputValue: ['', '', '', '', '', '', ''],
+      provinceText: [
+        '京',
+        '冀',
+        '沪',
+        '津',
+        '晋',
+        '蒙',
+        '辽',
+        '吉',
+        '黑',
+        '苏',
+        '浙',
+        '皖',
+        '闽',
+        '赣',
+        '鲁',
+        '豫',
+        '鄂',
+        '湘',
+        '粤',
+        '桂',
+        '琼',
+        '渝',
+        '川',
+        '贵',
+        '云',
+        '青',
+        '藏',
+        '陕',
+        '甘',
+        '宁',
+        '新',
+      ],
+      numberText: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0'],
+      wordText: ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'J', 'K', 'L', 'M', 'N', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'],
+      lastWordText: ['挂'],
+    };
+  },
+  computed: {
+    // 输入框类型
+    inputType({ type, limit, currentInputIndex }) {
+      const options = {
+        0: 1,
+        1: 2,
+        2: 3,
+        3: 3,
+        4: 3,
+        5: 3,
+        6: limit.includes('trailer') && type !== 'new' ? 4 : 3,
+        7: limit.includes('trailer') ? 4 : 3,
+      };
+      return options[currentInputIndex] || 1;
+    },
+  },
+  watch: {
+    limit(value) {
+      this.type = value ? value[0] : 'normal';
+    },
+    type(value) {
+      this.onReset(value);
+    },
+    value(val) {
+      if (val) {
+        this.initPlate();
+      } else {
+        this.onReset();
+      }
+    },
+  },
+  mounted() {
+    this.initPlate();
+  },
+  methods: {
+    onReset() {
+      const type = this.type;
+      this.currentInputIndex = 0;
+      if (type === 'normal') {
+        // 普通车牌
+        this.currentInputValue = ['', '', '', '', '', '', ''];
+      } else if (type === 'new') {
+        // 新能源车牌
+        this.currentInputValue = ['', '', '', '', '', '', '', ''];
+      } else if (type === 'trailer') {
+        // 挂车牌
+        this.currentInputValue = ['', '', '', '', '', ''];
+      }
+    },
+    initPlate() {
+      const plateKey = this.value.split('');
+      const isTrailer = plateKey[plateKey.length - 1] === '挂';
+      if (plateKey.length === 7) {
+        this.type = 'normal';
+        if (isTrailer) {
+          this.type = 'trailer';
+        }
+      } else if (plateKey.length === 8) {
+        this.type = 'new';
+      }
+      this.$nextTick(() => {
+        if (isTrailer) {
+          this.type = 'trailer';
+          const trailerKeys = plateKey.filter(key => key !== '挂');
+          this.currentInputValue = trailerKeys;
+          this.currentInputIndex = trailerKeys.length === 0 ? trailerKeys.length : trailerKeys.length - 1;
+        } else {
+          this.currentInputValue = plateKey;
+          this.currentInputIndex = plateKey.length === 0 ? plateKey.length : plateKey.length - 1;
+        }
+      });
+    },
+    onClose() {
+      this.$emit('update:visible', false);
+    },
+    onChoose(value) {
+      this.$set(this.currentInputValue, this.currentInputIndex, value);
+      if (this.type == 'normal' && this.currentInputIndex < 6) {
+        this.currentInputIndex++;
+      }
+      if (this.type == 'new' && this.currentInputIndex < 7) {
+        this.currentInputIndex++;
+      }
+      if (this.type == 'trailer' && this.currentInputIndex < 5) {
+        this.currentInputIndex++;
+      }
+    },
+    onDelete() {
+      if (this.currentInputIndex === 0) {
+        // 首位
+        this.$set(this.currentInputValue, this.currentInputIndex, '');
+      } else if (this.currentInputIndex === this.currentInputValue.length - 1) {
+        // 末位
+        if (this.currentInputValue[this.currentInputIndex] !== '') {
+          this.$set(this.currentInputValue, this.currentInputIndex, '');
+        } else {
+          this.currentInputIndex--;
+          this.$set(this.currentInputValue, this.currentInputIndex, '');
+        }
+      } else {
+        // 中间位
+        this.currentInputIndex--;
+        this.$set(this.currentInputValue, this.currentInputIndex, '');
+      }
+    },
+    onConfirm() {
+      const plate = this.currentInputValue.join('');
+      let err = false;
+      if (this.type === 'normal' && plate.length !== 7) {
+        err = true;
+      } else if (this.type === 'new' && plate.length !== 8) {
+        err = true;
+      } else if (this.type === 'trailer' && plate.length !== 6) {
+        err = true;
+      }
+      if (plate.length <= 0) {
+        err = false;
+      }
+      if (err) {
+        api.toast({ msg: '请输入完整的车牌号码' });
+      } else {
+        if (this.type === 'trailer') {
+          const trailerPlate = [...this.currentInputValue, '挂'].join('');
+          this.$emit('input', trailerPlate === '挂' ? '' : trailerPlate);
+          this.$emit('confirm', trailerPlate === '挂' ? '' : trailerPlate);
+        } else {
+          this.$emit('input', plate);
+          this.$emit('confirm', plate);
+        }
+        this.onClose();
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+.popup-platenumber {
+	background-color: $color-white;
+	&__header {
+		display: flex;
+		align-items: center;
+		padding: $padding-sm;
+		padding-top: 20px;
+		.u-button {
+			box-sizing: border-box;
+			padding: 2px 8px;
+			width: 90px;
+			height: 28px;
+			border-radius: 7px;
+			white-space: nowrap;
+			word-break: break-all;
+			color: $color-text;
+			background: #eaeaea;
+			margin-right: $padding-base;
+			&--primary {
+				background: #fede47;
+				color: #604300;
+			}
+		}
+	}
+	&__body {
+		box-sizing: border-box;
+		padding: $padding-sm;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		.split-dot {
+			width: 4px;
+			height: 4px;
+			background: $color-text-minor;
+			border-radius: 50%;
+		}
+		.input-box {
+			border-radius: $radius-md;
+			height: $padding-md * 2;
+			width: $padding-md * 2;
+			min-width: $padding-md * 2;
+			box-sizing: border-box;
+			display: inline-flex;
+			align-items: center;
+			justify-content: center;
+			border: 1px solid $color-border;
+			font-weight: bold;
+			font-size: $font-lg;
+			&.active {
+				border-color: $color-blue;
+				box-shadow: 0 0 4px rgba($color-blue, 0.5);
+			}
+		}
+	}
+	&__keyboard {
+		padding: $padding-sm;
+		box-sizing: border-box;
+		transition: all 0.3s;
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: space-between;
+		background-color: $color-bg-base;
+		.key-text {
+			display: block;
+			background: $color-white;
+			border-radius: $radius-md;
+			width: $padding-md * 2;
+			height: $padding-md * 2;
+			margin: $padding-base 0;
+			font-size: $font-md;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			position: relative;
+			border: 1px solid $color-border;
+			&.fill-block {
+				width: $padding-md * 2;
+				height: $padding-md * 2;
+				background: none;
+				box-shadow: none;
+				border-color: transparent;
+			}
+		}
+	}
+	&__footer {
+		display: flex;
+		justify-content: space-between;
+		background: $color-white;
+		box-sizing: border-box;
+		padding: $padding-sm;
+		padding-bottom: 20px;
+		.u-button {
+			box-sizing: border-box;
+			padding: 2px 8px;
+			width: 70px;
+			height: 32px;
+			border-radius: 7px;
+			white-space: nowrap;
+			word-break: break-all;
+			color: $color-white;
+			background: #333333;
+			&--primary {
+				background: #fede47;
+				color: #604300;
+			}
+		}
+		&-left,
+		&-right {
+			display: flex;
+			align-items: center;
+			.u-button {
+				padding: $padding-base $padding-md;
+			}
+		}
+		&-left {
+			.u-button {
+				margin-right: $padding-xs;
+			}
+		}
+		&-right {
+			.u-button {
+				margin-left: $padding-xs;
+			}
+		}
+	}
+}
+</style>
@@ -4,9 +4,9 @@ const apiHost = config.apiHost;
 const systemInfo = wx.getSystemInfoSync();
 // 此vm参数为页面的实例，可以通过它引用vuex中的变量
-module.exports = (vm) => {
+module.exports = vm => {
   // 初始化请求配置
-  uni.$u.http.setConfig((config) => {
+  uni.$u.http.setConfig(config => {
     /* config 为默认全局配置*/
     config.baseURL = apiHost; /* 根域名 */
     config.header = {
@@ -20,63 +20,72 @@ module.exports = (vm) =&gt; {
       platform: 'mp', // 当前运行平台
     };
     return config;
-  })
+  });
   // 请求拦截
-  uni.$u.http.interceptors.request.use((config) => { // 可使用async await 做异步操作
-    if (config.custom.auth === false) {
-      delete config.header['Authorization'];
-    } else {
-      config.header['Authorization'] = `Bearer ${vm.$store.state?.userInfo?.accessToken}`;
-    }
-    return config;
-  }, config => { // 可使用async await 做异步操作
-    return Promise.reject(config)
-  })
+  uni.$u.http.interceptors.request.use(
+    config => {
+      // 可使用async await 做异步操作
+      if (config.custom.auth === false) {
+        delete config.header['Authorization'];
+      } else {
+        config.header['Authorization'] = `Bearer ${vm.$store.state?.userInfo?.accessToken}`;
+      }
+      // config.header['Authorization'] = `Bearer 814aec36-60b1-4b47-a0fa-b909501f3e48`;
+      return config;
+    },
+    config => {
+      // 可使用async await 做异步操作
+      return Promise.reject(config);
+    },
+  );
   // 响应拦截
-  uni.$u.http.interceptors.response.use((response) => {
-    const { data = {}, statusCode, config } = response;
-    const { success, message = '', businessException, errorCode } = data;
-    if (config && config.interceptors === false) {
-      // 请求配置不做返回拦截的情况
-      return response;
-    } else {
-      if (success) {
-        return data;
+  uni.$u.http.interceptors.response.use(
+    response => {
+      const { data = {}, statusCode, config } = response;
+      const { success, message = '', businessException, errorCode } = data;
+      if (config && config.interceptors === false) {
+        // 请求配置不做返回拦截的情况
+        return response;
       } else {
-        if (`${errorCode}` === '401') {
-          console.error(`【${errorCode}】登录过期`);
-          store.commit('SET_AUTHED', false);
-          setTimeout(() => {
-            uni.reLaunch({ url: '/pages/login/login' });
-          }, 1200);
-          return Promise.reject(message);
-        }
-        if (businessException && !(config && config.custom && config.custom.toast)) {
-          uni.showToast({ icon: 'none', title: message || `[${errorCode}]系统异常`, duration: 3000 });
-        } else if (!(config && config.custom && config.custom.toast)) {
-          if (config.toast !== false) {
-            if (`${errorCode}`.substr(0, 1) === '5') {
-              uni.showToast({ icon: 'none', title: `[${errorCode}]系统异常`, duration: 3000 });
-            } else {
-              uni.showToast({ icon: 'none', title: message || `[${errorCode}]系统异常`, duration: 3000 });
+        if (success) {
+          return data;
+        } else {
+          if (`${errorCode}` === '401') {
+            console.error(`【${errorCode}】登录过期`);
+            store.commit('SET_AUTHED', false);
+            setTimeout(() => {
+              uni.reLaunch({ url: '/pages/login/login' });
+            }, 200);
+            return Promise.reject(message);
+          }
+          if (businessException && !(config && config.custom && config.custom.toast)) {
+            uni.showToast({ icon: 'none', title: message || `[${errorCode}]系统异常`, duration: 3000 });
+          } else if (!(config && config.custom && config.custom.toast)) {
+            if (config.toast !== false) {
+              if (`${errorCode}`.substr(0, 1) === '5') {
+                uni.showToast({ icon: 'none', title: `[${errorCode}]系统异常`, duration: 3000 });
+              } else {
+                uni.showToast({ icon: 'none', title: message || `[${errorCode}]系统异常`, duration: 3000 });
+              }
             }
           }
+          return Promise.reject(message);
         }
-        return Promise.reject(message);
       }
-    }
-  }, (response) => {
-    // 对响应错误做点什么 （statusCode !== 200）
-    const { statusCode } = response;
-    if (statusCode === 401) {
-      console.error(`【${statusCode}】登录过期`);
-      store.commit('SET_AUTHED', false);
-      setTimeout(() => {
-        uni.reLaunch({ url: '/pages/login/login' });
-      }, 1200);
-    }
-    return Promise.reject(response);
-  });
-}
+    },
+    response => {
+      // 对响应错误做点什么 （statusCode !== 200）
+      const { statusCode } = response;
+      if (statusCode === 401) {
+        console.error(`【${statusCode}】登录过期`);
+        store.commit('SET_AUTHED', false);
+        setTimeout(() => {
+          uni.reLaunch({ url: '/pages/login/login' });
+        }, 1200);
+      }
+      return Promise.reject(response);
+    },
+  );
+};
@@ -10,11 +10,7 @@ Vue.prototype.formatImagePath = formatImagePath;
 import uView from '@/uni_modules/uview-ui';
 Vue.use(uView);
-let colorPrimary = '#2673FB';
-
-// #ifdef MP-DINGTALK
-colorPrimary = '#3296FA';
-// #endif
+let colorPrimary = '#1E7B6B';
 uni.$u.setConfig({
   config: {
@@ -28,5 +28,8 @@
         }
       }
     }
+  },
+  "devDependencies": {
+    "prettier": "3.3.2"
   }
 }
@@ -5,31 +5,97 @@
 			"style": {
 				"navigationBarTitleText": "首页"
 			}
-		},
-		{
+		},{
 			"path": "pages/login/login",
 			"style": {
 				"navigationBarTitleText": "登录"
 			}
 		},
-    {
-    	"path": "pages/login/code",
-    	"style": {
-    		"navigationBarTitleText": "验证码"
-    	}
-    },
 		{
-			"path": "pages/my/my",
+			"path": "pages/login/code",
+			"style": {
+				"navigationBarTitleText": "验证码"
+			}
+		},{
+			"path": "pages/order/index",
+			"style": {
+				"navigationBarTitleText": "订单",
+				"enablePullDownRefresh": true
+			}
+		},{
+			"path": "pages/order/detail",
+			"style": {
+				"navigationBarTitleText": "详情"
+			}
+		},{
+			"path": "pages/order/filter",
+			"style": {
+				"navigationBarTitleText": "筛选器"
+			}
+		},{
+			"path": "pages/order/add",
+			"style": {
+				"navigationBarTitleText": "创建订单"
+			}
+		},{
+			"path": "pages/order/start-car",
+			"style": {
+				"navigationBarTitleText": "确认发车"
+			}
+		},{
+			"path": "pages/order/arrival-car",
+			"style": {
+				"navigationBarTitleText": "确认到达"
+			}
+		},
+		{
+			"path": "pages/order/change-fee",
+			"style": {
+				"navigationBarTitleText": "更改运费"
+			}
+		},
+		{
+			"path": "pages/order/again-assign",
 			"style": {
-				"navigationBarTitleText": "我的",
-        "navigationStyle": "custom"
+				"navigationBarTitleText": "重新指派"
+			}
+		},
+		{
+			"path": "pages/order/upload-receipt",
+			"style": {
+				"navigationBarTitleText": "上传回单"
+			}
+		},
+		{
+			"path": "pages/order/change-goods",
+			"style": {
+				"navigationBarTitleText": "货物信息"
+			}
+		},
+		{
+			"path": "pages/settlement/index",
+			"style": {
+				"navigationBarTitleText": "支付申请",
+				"enablePullDownRefresh": true
+			}
+		},
+		{
+			"path": "pages/settlement/filter",
+			"style": {
+				"navigationBarTitleText": "筛选器"
+			}
+		},
+		{
+			"path": "pages/me/index",
+			"style": {
+				"navigationBarTitleText": "我的"
 			}
 		}
 	],
 	"subPackages": [
 		{
-      "root":"pages/common",
-      "pages":[
+			"root":"pages/common",
+			"pages":[
 				{
 					"path": "select-contact",
 					"style": {
@@ -45,12 +111,24 @@
 				{
 					"path": "webview"
 				}
-      ]
-    },
+			]
+		},
 		{
 			"root":"pages/global",
 			"pages": [
 				{
+					"path": "search-payee",
+					"style": {
+						"navigationBarTitleText": "代收人"
+					}
+				},
+				{
+					"path": "search-dict",
+					"style": {
+						"navigationBarTitleText": "数据字典"
+					}
+				},
+				{
 					"path": "search-common",
 					"style": {
 						"navigationBarTitleText": "区域"
@@ -97,54 +175,44 @@
 	],
 	"globalStyle": {
 		"navigationBarTextStyle": "white",
-		"navigationBarTitleText": "则一请车助手",
-		"navigationBarBackgroundColor": "#2673FB",
-		"backgroundColor": "#2673FB"
+		"navigationBarTitleText": "则一飞牛货主",
+		"navigationBarBackgroundColor": "#1E7B6B",
+		"backgroundColor": "#1E7B6B"
 	},
 	"condition": {
 		"current": 0,
 		"list": [
 			{
-      	"name": "首页",
-      	"path": "/pages/index"
-      },
-      {
-      	"name": "登录",
-      	"path": "/pages/login/login"
-      }
+				"name": "首页",
+				"path": "/pages/index"
+			},
+			{
+				"name": "登录",
+				"path": "/pages/login/login"
+			}
 		]
 	},
 	"tabBar": {
 		"color": "#8c8c8c",
 		"fontSize": "100upx",
-    // #ifdef MP-DINGTALK
-		"selectedColor": "#3296FA",
-    // #endif
-    // #ifndef MP-DINGTALK
-    "selectedColor": "#2673FB",
-    // #endif
+		"selectedColor": "#1E7B6B",
 		"backgroundColor": "#FFFFFF",
 		"list": [
 			{
-				"pagePath": "pages/index",
-				"iconPath": "static/tabbar/inquiry.png",
-        // #ifdef MP-DINGTALK
-				"selectedIconPath": "static/tabbar/inquiry-active-dingtalk.png",
-        // #endif
-        // #ifndef MP-DINGTALK
-        "selectedIconPath": "static/tabbar/inquiry-active.png",
-        // #endif
-				"text": "首页"
+				"pagePath": "pages/order/index",
+				"iconPath": "static/tabbar/order.png",
+				"selectedIconPath": "static/tabbar/order-active.png",
+				"text": "订单"
 			},
 			{
-				"pagePath": "pages/my/my",
-				"iconPath": "static/tabbar/my.png",
-        // #ifdef MP-DINGTALK
-				"selectedIconPath": "static/tabbar/my-active-dingtalk.png",
-        // #endif
-        // #ifndef MP-DINGTALK
-        "selectedIconPath": "static/tabbar/my-active.png",
-        // #endif
+				"pagePath": "pages/settlement/index",
+				"iconPath": "static/tabbar/settlement.png",
+				"selectedIconPath": "static/tabbar/settlement-active.png",
+				"text": "结算"
+			},{
+				"pagePath": "pages/me/index",
+				"iconPath": "static/tabbar/me.png",
+				"selectedIconPath": "static/tabbar/me-active.png",
 				"text": "我的"
 			}
 		]
@@ -156,15 +224,15 @@
 			"^List": "@/components/list.vue",
 			"^Empty": "@/components/empty.vue",
 			"^PullRefresh": "@/components/pull-refresh.vue",
-      "^Waypoints": "@/components/waypoints.vue",
+			"^Waypoints": "@/components/waypoints.vue",
 			"^u-(.*)": "@/uni_modules/uview-ui/components/u-$1/u-$1.vue",
 			"^action-(.*)": "@/components/action/action-$1.vue",
 			"^card-(.*)": "@/components/card/card-$1.vue",
 			"^keyboard-(.*)": "@/components/keyboard/keyboard-$1.vue",
 			"^chart-(.*)": "@/components/chart/chart-$1.vue",
-      "^form-(.*)": "@/components/form/form-$1.vue",
-      "^popup-(.*)": "@/components/popup/popup-$1.vue",
-      "^picker-(.*)": "@/components/picker/picker-$1.vue",
+			"^form-(.*)": "@/components/form/form-$1.vue",
+			"^popup-(.*)": "@/components/popup/popup-$1.vue",
+			"^picker-(.*)": "@/components/picker/picker-$1.vue",
 			"^render-(.*)": "@/components/render/render-$1.vue",
 			"^select-(.*)": "@/components/select/select-$1.vue",
 			"^upload-(.*)": "@/components/upload/upload-$1.vue",
@@ -175,13 +243,13 @@
 			"^search-bar": "@/components/business/search-bar.vue",
 			"^search-tabs": "@/components/business/search-tabs.vue",
 			"^z-(.*)": "@/components/zee/z-$1.vue",
-		  "^view-item": "@/components/business/view-item",
+			"^view-item": "@/components/business/view-item",
 			"^count-down": "@/components/business/count-down",
 			"^modal-input-line": "@/components/business/modal-input-line",
 			"^view-image": "@/components/viewer/view-image",
 			"^input-(.*)": "@/components/business/input/input-$1.vue",
-      "^f2": "@/components/f2/f2.vue",
-      "^l-(.*)": "@/uni_modules/lime-painter/components/l-$1/l-$1.vue"
+			"^f2": "@/components/f2/f2.vue",
+			"^l-(.*)": "@/uni_modules/lime-painter/components/l-$1/l-$1.vue"
 		}
 	}
-}
 \ No newline at end of file
+}
 <template>
-  <web-view :src="src" @message="onMessage"></web-view>
+	<view>
+		<web-view v-if="src" :src="src"  @message="onMessage"></web-view>
+	</view>
 </template>
 <script>
+import { parse, urlParam } from '@/utils/param';
+
 export default {
-  data() {
-    return {
-      src: ''
-    }
-  },
-  onLoad() {
-    const params = this.$params || {};
-    const url = params.url;
-    let query = '';
-    try {
-      query = JSON.parse(params.query);
-    } catch(e) {
-      query = '';
-    }
-    let src = url;
-    if (params.query) {
-      src += uni.$u.queryParams(query);
-    }
-    this.src = src;
-  },
-  methods: {
-    onMessage(e) {
-      uni.$emit('webview-message', e.detail.data);
-    }
-  }
+	data: function() {
+		return {
+			src: ''
+		}
+	},
+	onLoad: function(option) {
+		let query = {};
+		try {
+			query = JSON.parse(option.query || {}) || {};
+		} catch (e) {
+			query = {};
+		}
+		const url = `${option.url}${urlParam(query)}`;
+		this.src = option.encode ? encodeURI(url) : url;
+	},
+	methods: {
+		onMessage(e) {
+			const { type, data, message } = e.detail.data[0] || {};
+			if (type === 'back') {
+				uni.navigateBack();
+			} else if (type === 'select') {
+				uni.$emit('webview-select', data);
+				// uni.navigateBack();
+			} else if (type === 'toast') {
+				uni.showToast({ title: message, icon: 'none' });
+			}
+		}
+	}
 }
 </script>
@@ -4,7 +4,7 @@
       <search-bar v-model="searchForm.query" placeholder="请输入搜索关键词" auto @confirm="onSearch" />
     </template>
     <template #content>
-      <List ref="list" v-model="list" :api="searchAPI" :addOption='addOption'>
+      <List ref="list" v-model="list" :api="searchAPI" :addOption="addOption">
         <template v-for="(item, index) in list">
           <zui-cell :key="index" @click="onSelect(item, index)">
             <template #title>{{ item[label] }}</template>
@@ -24,21 +24,21 @@ export default {
   data() {
     return {
       searchForm: {
-        query: ''
+        query: '',
       },
       list: [],
       label: 'name',
       value: null,
       dict: null,
       isAdd: true,
-      url: 'org',
-    }
+      urlType: 'org',
+    };
   },
   onLoad(option) {
     if (option.label) this.label = option.label;
     if (option.value) this.value = option.value;
     if (option.dict) this.dict = option.dict;
-    if (option.url) this.url = option.url;
+    if (option.url) this.urlType = option.url;
     if (!option.url) {
       uni.navigateBack();
     }
@@ -50,11 +50,11 @@ export default {
     searchAPI(params) {
       const $params = this.$params;
       let searchParams = { ...params, ...this.searchForm };
-      if($params.params){
-        let obj = JSON.parse($params.params)
-        searchParams = { ...params, ...this.searchForm, ...obj }
+      if ($params.params) {
+        let obj = JSON.parse($params.params);
+        searchParams = { ...params, ...this.searchForm, ...obj };
       }
-      return uni.$u.api.filter[this.url](searchParams);
+      return uni.$u.api.filter[this.urlType](searchParams);
     },
     onSelect(item) {
       const $params = this.$params;
@@ -63,10 +63,10 @@ export default {
         uni.navigateBack();
       }
     },
-    addOption(list){
-      let obj = { code: '',  name: '不限', id: '', };
+    addOption(list) {
+      let obj = { code: '', name: '不限', id: '' };
       let hash = {};
-      let options = [obj, ...list].reduce((result, item) => {
+      let options = [...list].reduce((result, item) => {
         let hashKey = `${item.id || item.code || item.username}` || '_empty';
         if (!hash[hashKey]) {
           hash[hashKey] = true;
@@ -77,7 +77,7 @@ export default {
         return result; // 返回结果数组
       }, []);
       this.$emit('input', options);
-    }
-  }
-}
+    },
+  },
+};
 </script>
@@ -0,0 +1,46 @@
+<template>
+  <Page name="search">
+    <template #content>
+      <template v-for="(item, index) in list">
+        <zui-cell :key="index" @click="onSelect(item, index)">
+          <template #title>{{ item.valueName }}</template>
+        </zui-cell>
+      </template>
+    </template>
+  </Page>
+</template>
+
+<script>
+import { mapGetters } from 'vuex';
+export default {
+  data() {
+    return {
+      list: [],
+      excludes: [],
+      title: '字典',
+      dict: '',
+    };
+  },
+  onLoad(option) {
+    if (option.title) this.title = option.title;
+    if (option.dict) this.dict = option.dict;
+    if (option.excludes) this.excludes = option.excludes.split(',');
+    uni.setNavigationBarTitle({ title: option.title });
+    this.initData();
+  },
+  computed: {
+    ...mapGetters(['dictList']),
+  },
+  methods: {
+    initData() {
+      const matchDictList = this.dictList(this.dict) || [];
+      this.list = matchDictList.filter(i => i.valueCode && i.valueName && !this.excludes.includes(i.valueCode));
+      // this.list = [{ valueCode: '', valueName: '不限' }, ...need];
+    },
+    onSelect(item) {
+      uni.$emit('select-dict', item.valueName == '不限' && !item.valueCode ? { valueCode: '', valueName: '' } : item);
+      uni.navigateBack();
+    },
+  },
+};
+</script>
@@ -0,0 +1,81 @@
+<template>
+  <Page name="search-payee" flank>
+    <template #header>
+      <search-bar v-model="query" placeholder="搜索手机号或姓名" auto @confirm="onSearch" />
+    </template>
+    <template #content>
+      <List ref="list" v-model="list" :api="searchAPI">
+        <template v-for="(item, index) in list">
+          <view class="card" :key="index" @tap="choseIndex = index">
+            <view class="title">
+              <view>
+                <text style="color: #999999; margin-right: 30upx">收款人</text>
+                <text>{{ item.name }}</text>
+                <text>{{ item.mobile }}</text>
+              </view>
+              <view style="float: right" :class="{ action: choseIndex === index }">
+                <u-icon v-if="choseIndex !== index" name="checkmark-circle"></u-icon>
+                <u-icon v-else name="checkmark-circle-fill"></u-icon>
+              </view>
+            </view>
+            <payee :value="item"></payee>
+          </view>
+        </template>
+      </List>
+    </template>
+    <template #footer>
+      <u-button type="primary" @click="onSelect">确定</u-button>
+    </template>
+  </Page>
+</template>
+
+<script>
+import payee from '../../components/card/payee.vue';
+import UText from '../../uni_modules/uview-ui/components/u-text/u-text.vue';
+export default {
+  name: 'change-payee',
+  components: { UText, payee },
+  data() {
+    return {
+      choseIndex: '',
+      list: [],
+      query: '',
+    };
+  },
+  methods: {
+    searchAPI(params) {
+      return uni.$u.api.filter.payeeCommonSelect({ query: this.query, ...params });
+    },
+    onSelect() {
+      let item = this.list[this.choseIndex];
+      uni.$emit('select-payee', item);
+      uni.navigateBack();
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+.page-search-payee {
+  &__header {
+    padding: 15rpx 22rpx !important;
+  }
+  &__footer {
+    background: $color-white;
+  }
+  .title {
+    padding-bottom: $padding-md;
+    display: flex;
+    justify-content: space-between;
+  }
+  .card {
+    padding: $padding-md;
+    border-radius: $radius-md;
+    margin-bottom: $padding-md;
+    background: $color-white;
+    .action {
+      color: $color-primary;
+    }
+  }
+}
+</style>
 <template>
-  <Page ref="page" name="home">
-    <template #content>
-      这是首页
-    </template>
-  </Page>
+  <view> </view>
 </template>
 <script>
 export default {
-
-}
+  onReady() {
+    uni.switchTab({ url: '/pages/order/index' });
+  },
+};
 </script>
-<style lang="scss">
-
-</style>
 \ No newline at end of file
+<style lang="scss"></style>
 <template>
   <view class="page-code">
     <view class="page-code__logo">
-      <image :src="formatImagePath('truck-load', 'svg')" mode="aspectFit"></image>
+      <image src="/static/logo.png" mode="aspectFit"></image>
     </view>
     <view class="page-code__title">
       <view>请输入验证码</view>
@@ -19,7 +19,9 @@
       </u-cell>
     </view>
     <view class="page-code__button">
-      <u-button shape="circle" type="primary" hover-class="active" open-type="getUserInfo" lang="zh_CN" :disabled="!isValidated" :loading="submitting" @getuserinfo="onGetUserInfo">授权登录</u-button>
+      <u-button shape="circle" type="primary" hover-class="active" open-type="getUserInfo" lang="zh_CN" :disabled="!isValidated" :loading="submitting" @getuserinfo="onGetUserInfo"
+        >授权登录</u-button
+      >
     </view>
   </view>
 </template>
@@ -41,7 +43,7 @@ export default {
   computed: {
     isValidated() {
       return !!this.form.verificationCode;
-    }
+    },
   },
   onLoad() {
     this.form.mobile = this.$params.mobile;
@@ -70,7 +72,7 @@ export default {
           if (code) {
             this.code = code;
           }
-        }
+        },
       });
     },
     onCodeChange(text) {
@@ -83,12 +85,15 @@ export default {
         }
         if (!this.sendding) {
           this.sendding = true;
-          uni.$u.api.login.send({ mobile: this.form.mobile }).then(() => {
-            uni.showToast({ title: '验证码已发送', icon: 'none' });
-            this.$refs.code.start();
-          }).finally(() => {
-            this.sendding = false;
-          });
+          uni.$u.api.login
+            .send({ mobile: this.form.mobile })
+            .then(() => {
+              uni.showToast({ title: '验证码已发送', icon: 'none' });
+              this.$refs.code.start();
+            })
+            .finally(() => {
+              this.sendding = false;
+            });
         }
       } else {
         uni.showToast({ title: '倒计时结束后再发送', icon: 'none' });
@@ -103,20 +108,24 @@ export default {
       };
       if (!this.submitting) {
         this.submitting = true;
-        uni.$u.api.login.bind(data).then((response) => {
-          const result = response.result || {};
-          this.$store.commit('SET_AUTHED', result.hasBind);
-          this.$store.commit('SET_USER_INFO', result);
-          uni.showToast({ title: '登录成功', icon: 'none' });
-          uni.$emit('refresh-permission');
-          setTimeout(() => {
-            uni.switchTab({ url: '/pages/index' });
-          }, 1500);
-        }).catch(() => {
-          this.generateWeChatAuthCode();
-        }).finally(() => {
-          this.submitting = false;
-        });
+        uni.$u.api.login
+          .bind(data)
+          .then(response => {
+            const result = response.result || {};
+            this.$store.commit('SET_AUTHED', result.hasBind);
+            this.$store.commit('SET_USER_INFO', result);
+            uni.showToast({ title: '登录成功', icon: 'none' });
+            uni.$emit('refresh-permission');
+            setTimeout(() => {
+              uni.switchTab({ url: '/pages/order/index' });
+            }, 1500);
+          })
+          .catch(() => {
+            this.generateWeChatAuthCode();
+          })
+          .finally(() => {
+            this.submitting = false;
+          });
       }
     },
     // 获取授权信息
@@ -137,7 +146,7 @@ export default {
         });
       }
     },
-  }
+  },
 };
 </script>
 <template>
   <view class="page-login">
     <view class="page-login__logo">
-      <image :src="formatImagePath('truck-load', 'svg')" mode="aspectFit"></image>
+      <image src="/static/logo.png" mode="aspectFit"></image>
     </view>
     <view class="page-login__title">
       <view>您好，</view>
@@ -27,15 +27,15 @@
       </u-button>
     </view>
     <!-- #endif -->
-    <view class="page-login__check">
-      <u-checkbox-group v-model="checked" placement="column">
-        <u-checkbox name="checked" />
-      </u-checkbox-group>
-      <text>勾选即代表您同意</text>
-      <text class="link" @click="openPolicy">《用户协议》</text>
-      <text>以及</text>
-      <text class="link" @click="openPrivacy">《隐私政策》</text>
-    </view>
+    <!--    <view class="page-login__check">-->
+    <!--      <u-checkbox-group v-model="checked" placement="column">-->
+    <!--        <u-checkbox name="checked" />-->
+    <!--      </u-checkbox-group>-->
+    <!--      <text>勾选即代表您同意</text>-->
+    <!--      <text class="link" @click="openPolicy">《用户协议》</text>-->
+    <!--      <text>以及</text>-->
+    <!--      <text class="link" @click="openPrivacy">《隐私政策》</text>-->
+    <!--    </view>-->
     <!-- #ifdef MP-WEIXIN -->
     <view class="page-login__wechat">
       <u-button type="primary" plain shape="circle" open-type="getPhoneNumber" :loading="submitting" loading-text="登录中..." @getphonenumber="onGetPhoneNumber">
@@ -63,7 +63,7 @@ export default {
       code: '',
       sendding: false,
       submitting: false,
-      checked: []
+      checked: [],
     };
   },
   computed: {
@@ -72,12 +72,12 @@ export default {
     }),
     isValidated() {
       //校验手机号和位数
-      let patt = /^[1][3-9][\d]{9}/
+      let patt = /^[1][3-9][\d]{9}/;
       return patt.test(this.form.mobile);
     },
     isChecked() {
-      return this.checked.includes('checked');
-    }
+      return true; // this.checked.includes('checked');
+    },
   },
   onLoad() {
     this.generateWeChatAuthCode();
@@ -95,9 +95,9 @@ export default {
           if (code) {
             this.code = code;
           } else {
-            return uni.showToast({ icon:'none', title:'微信授权失败' });
+            return uni.showToast({ icon: 'none', title: '微信授权失败' });
           }
-        }
+        },
       });
     },
     // 用户协议
@@ -116,62 +116,69 @@ export default {
     },
     // 发送验证码并打开验证码页面
     sendCode() {
-      if (!this.isChecked) {
-        return uni.showToast({ icon:'none', title:'请您阅读并勾选《用户协议》和《隐私政策》' });
-      }
+      // if (!this.isChecked) {
+      //   return uni.showToast({ icon: 'none', title: '请您阅读并勾选《用户协议》和《隐私政策》' });
+      // }
       if (!this.sendding) {
         this.sendding = true;
-        uni.$u.api.login.send({ mobile: this.form.mobile,  origin: this.origin}).then(() => {
-          uni.$u.route({ url: '/pages/login/code', params: { mobile: this.form.mobile } });
-        }).finally(() => {
-          this.sendding = false;
-        });
+        uni.$u.api.login
+          .send({ mobile: this.form.mobile, origin: this.origin })
+          .then(() => {
+            uni.$u.route({ url: '/pages/login/code', params: { mobile: this.form.mobile } });
+          })
+          .finally(() => {
+            this.sendding = false;
+          });
       }
     },
     // 获取当前登录用户手机号成功后自动登录
     onGetPhoneNumber(e) {
       if (!this.isChecked) {
-        return uni.showToast({ icon:'none', title:'请您阅读并勾选《用户协议》和《隐私政策》' });
+        return uni.showToast({ icon: 'none', title: '请您阅读并勾选《用户协议》和《隐私政策》' });
       }
       if (!this.submitting) {
         this.submitting = true;
-        uni.$u.api.login.wxbind({ code: this.code, mobileCode: e.detail.code, encryptedData: e.detail.encryptedData, iv: e.detail.iv, origin: this.origin }).then((response) => {
-          const result = response.result || {};
-          this.$store.commit('SET_AUTHED', result.hasBind);
-          this.$store.commit('SET_USER_INFO', result);
-          uni.showToast({ title: '登录成功', icon: 'none' });
-          uni.$emit('refresh-permission');
-          setTimeout(() => {
-            uni.switchTab({ url: '/pages/index' });
-          }, 1500);
-        }).catch(() => {
-          this.generateWeChatAuthCode();
-        }).finally(() => {
-          this.submitting = false;
-        });
+        uni.$u.api.login
+          .wxbind({ code: this.code, mobileCode: e.detail.code, encryptedData: e.detail.encryptedData, iv: e.detail.iv, origin: this.origin })
+          .then(response => {
+            const result = response.result || {};
+            this.$store.commit('SET_AUTHED', result.hasBind);
+            this.$store.commit('SET_USER_INFO', result);
+            uni.showToast({ title: '登录成功', icon: 'none' });
+            uni.$emit('refresh-permission');
+            setTimeout(() => {
+              uni.switchTab({ url: '/pages/index' });
+            }, 1500);
+          })
+          .catch(() => {
+            this.generateWeChatAuthCode();
+          })
+          .finally(() => {
+            this.submitting = false;
+          });
       }
     },
     // 处理钉钉授权登录
     handleDingTalkLogin() {
-      if (!this.isChecked) {
-        return uni.showToast({ icon:'none', title:'请您阅读并勾选《用户协议》和《隐私政策》' });
-      }
+      // if (!this.isChecked) {
+      //   return uni.showToast({ icon: 'none', title: '请您阅读并勾选《用户协议》和《隐私政策》' });
+      // }
       // #ifdef MP-DINGTALK
       openAuthMiniApp({
-        path: 'pages/home/home',  //不要改,这里是小程序dingwlanwvdmrtjjwdmd下的一个页面地址
+        path: 'pages/home/home', //不要改,这里是小程序dingwlanwvdmrtjjwdmd下的一个页面地址
         panelHeight: 'percent50',
-        extraData:{
+        extraData: {
           clientId: 'suiteyaqgg5vsf9ktnhec', // 应用ID(唯一标识)
           rpcScope: 'Contact.User.Read',
           fieldScope: 'Contact.User.mobile',
-          type:0,
+          type: 0,
           ext: JSON.stringify({}),
-          from:''
-        }
+          from: '',
+        },
       });
       // #endif
-    }
-  }
+    },
+  },
 };
 </script>
@@ -0,0 +1,301 @@
+<template>
+  <Page name="my" flank>
+    <template #content>
+      <view class="page-my__background"></view>
+      <view class="page-my__info">
+        <view class="page-my__info-avatar">
+          <view class="avatar">
+            <image v-if="freightInfo.headImgUrl" class="image" :src="freightInfo.headImgUrl" mode="aspectFill" />
+            <!-- #ifdef MP-WEIXIN -->
+            <open-data v-else type="userAvatarUrl"></open-data>
+            <!-- #endif -->
+            <!-- #ifndef MP-WEIXIN -->
+            <!-- #ifdef MP-DINGTALK -->
+            <image class="image" :src="formatImagePath('dingtalk', 'svg')" mode="aspectFill"></image>
+            <!-- #endif -->
+            <!-- #ifndef MP-DINGTALK -->
+            <image class="image" :src="formatImagePath('avatar-none', 'svg')" mode="aspectFill"></image>
+            <!-- #endif -->
+            <!-- #endif -->
+          </view>
+        </view>
+        <view class="page-my__info-content">
+          <view class="name">
+            <text v-if="freightInfo.name">{{ freightInfo.name }}{{ mobileFilter(freightInfo.mobile) }}</text>
+            <!-- #ifdef MP-WEIXIN -->
+            <open-data v-else type="userNickName"></open-data>
+            <!-- #endif -->
+            <!-- #ifndef MP-WEIXIN -->
+            <text>钉钉用户</text>
+            <!-- #endif -->
+          </view>
+          <view class="mobile">
+            {{ freightInfo.enterpriseName }}
+          </view>
+          <view class="mobile">
+            <render-dict v-if="freightInfo.job" v-else dict="FREIGHT_ENTERPRISE_EMPLOYEE_JOB" :value="freightInfo.job"></render-dict>
+            <text v-else-if="freightInfo.enterpriseAdmin">管理员</text>
+          </view>
+          <!-- #ifdef MP-WEIXIN -->
+          <view class="refresh-version" @click.stop="handleRefreshVersion">
+            <view :class="[loading && 'loading']"><u-icon name="reload" size="20" /></view>
+            <text>检测更新</text>
+          </view>
+          <!-- #endif -->
+        </view>
+      </view>
+      <view class="page-my__login">
+        <template v-if="authed">
+          <u-button shape="circle" @click="handleLogout">退出登录</u-button>
+        </template>
+        <template v-else>
+          <u-button shape="circle" @click="handleLogin">立即登录</u-button>
+        </template>
+      </view>
+      <view class="card-version">
+        <text class="cell-version">SDK: {{ versionInfo.SDKVersion }}</text>
+        <text class="cell-version">wechat: {{ versionInfo.version }}</text>
+        <text class="cell-version" v-if="version">version: {{ version }}</text>
+      </view>
+    </template>
+  </Page>
+</template>
+
+<script>
+import cache from '@/utils/cache';
+import { mapState, mapGetters } from 'vuex';
+import { version } from '@/config';
+
+export default {
+  data() {
+    return {
+      loading: false,
+      versionInfo: uni.getSystemInfoSync(),
+    };
+  },
+  computed: {
+    ...mapState(['authed']),
+    ...mapGetters(['userInfo', 'freightInfo']),
+    version() {
+      return version;
+    },
+  },
+  methods: {
+    mobileFilter(value = '') {
+      if (!value) return '';
+      let reg = /^(\d{3})\d*(\d{4})$/;
+      return value.replace(/^(\d{3})\d*(\d{4})$/, '$1****$2');
+    },
+    // 登录
+    handleLogin() {
+      uni.navigateTo({ url: '/pages/login/login' });
+    },
+    // 退出登录
+    handleLogout() {
+      if (this.authed) {
+        uni.showModal({
+          title: '提示',
+          content: '确定退出登录吗？',
+          confirmColor: '#f5222d',
+          // #ifdef MP-DINGTALK
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          // #endif
+          success: res => {
+            if (res.confirm) {
+              // uni.$u.api.login.unbind().then(success => {
+              // if (success) {
+              uni.showToast({ title: '退出成功', icon: 'none' });
+              this.$store.commit('LOGOUT');
+              uni.reLaunch({ url: '/pages/login/login' });
+              // }
+              // });
+            }
+          },
+        });
+      } else {
+        uni.showToast({ title: '您还未登录', icon: 'none' });
+      }
+    },
+    // 检测更新
+    handleRefreshVersion() {
+      uni.$emit('refresh-version');
+      this.loading = true;
+      setTimeout(() => {
+        this.loading = false;
+      }, 2000);
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+.page-my {
+  box-sizing: border-box;
+  overflow-x: hidden;
+  &__info {
+    padding-top: $padding-md * 6;
+    padding-bottom: $padding-md * 3;
+    display: flex;
+    text-align: center;
+    align-items: center;
+    justify-content: space-between;
+    .avatar {
+      width: 128upx;
+      height: 128upx;
+      border-radius: 50%;
+      overflow: hidden;
+      font-size: 0;
+      filter: blur(0);
+      .image {
+        height: 100%;
+        width: 100%;
+        font-size: 0;
+      }
+    }
+    &-content {
+      padding-left: $padding-md;
+      flex: auto;
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      position: relative;
+      .refresh-version {
+        position: absolute;
+        right: 0;
+        top: 16px;
+        display: flex;
+        align-items: center;
+        font-size: $font-md;
+        color: $color-text-minor;
+      }
+    }
+    .name {
+      font-weight: bold;
+      font-size: $font-lg;
+    }
+    .mobile {
+      color: $color-text-minor;
+    }
+  }
+  &__background {
+    position: absolute;
+    top: 0;
+    left: 0;
+    filter: blur(300upx);
+    height: 100vh;
+    width: 100vw;
+    overflow-x: hidden;
+    &::before {
+      position: absolute;
+      content: '';
+      top: 600upx;
+      left: -100upx;
+      height: 300upx;
+      width: 300upx;
+      transform: rotate(45deg);
+      background-color: rgba($color-zy-orange, 0.3);
+    }
+    &::after {
+      position: absolute;
+      content: '';
+      top: 0upx;
+      left: 300upx;
+      height: 600upx;
+      width: 600upx;
+      transform: rotate(45deg);
+      background-color: rgba($color-primary, 0.3);
+    }
+  }
+  &__login {
+    margin-top: $padding-md * 24;
+    .u-button {
+      box-shadow: $shadow-normal;
+    }
+  }
+  .button-cell {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    border: none;
+    background-color: inherit;
+    line-height: inherit;
+    padding: $padding-sm $padding-md;
+    border-radius: 0;
+    border-top-left-radius: $radius-md;
+    border-top-right-radius: $radius-md;
+    box-sizing: border-box;
+    &::after {
+      display: none;
+    }
+    &__left-icon {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      color: $color-primary;
+      margin-right: $padding-base;
+      .u-icon {
+        margin-right: $padding-md;
+        &__icon {
+          font-size: $font-lg !important;
+        }
+      }
+    }
+    &__title {
+      color: $color-text;
+      font-size: $font-md;
+      flex: auto;
+      text-align: left;
+    }
+    &__right-icon {
+      color: $color-text-caption;
+    }
+    &__line {
+      margin: 0;
+      border-bottom-width: 1px;
+      border-bottom-style: solid;
+      width: 100%;
+      transform: scaleY(0.5);
+      border-color: rgba(151, 151, 151, 0.2);
+      position: absolute;
+      bottom: 0;
+      right: 0;
+      margin-left: $padding-md;
+      width: calc(100% - 24rpx);
+    }
+    &--hover {
+      background-color: #f3f4f6;
+    }
+  }
+
+  .loading {
+    animation: _loading 1s ease 2;
+  }
+  @keyframes _loading {
+    from {
+      transform: rotateZ(0deg);
+    }
+    to {
+      transform: rotateZ(360deg);
+    }
+  }
+  .card-version {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 40rpx;
+    font-family:
+      PingFangSC,
+      PingFang SC;
+    font-weight: 400;
+    font-size: 22rpx;
+    color: #999999;
+    line-height: 30rpx;
+    text-align: left;
+    font-style: normal;
+    .cell-version {
+      margin: 0 8rpx;
+    }
+  }
+}
+</style>
@@ -1,290 +0,0 @@
-<template>
-  <Page name="my" flank>
-    <template #content>   
-      <view class="page-my__background"></view>
-      <view class="page-my__info">
-        <view class="page-my__info-avatar">
-          <view class="avatar">
-            <image v-if="freightInfo.headImgUrl" class="image" :src="freightInfo.headImgUrl" mode="aspectFill" />
-            <!-- #ifdef MP-WEIXIN -->
-            <open-data v-else type="userAvatarUrl"></open-data>
-            <!-- #endif -->
-            <!-- #ifndef MP-WEIXIN -->
-              <!-- #ifdef MP-DINGTALK -->
-              <image class="image" :src="formatImagePath('dingtalk', 'svg')" mode="aspectFill"></image>
-              <!-- #endif -->
-              <!-- #ifndef MP-DINGTALK -->
-              <image class="image" :src="formatImagePath('avatar-none', 'svg')" mode="aspectFill"></image>
-              <!-- #endif -->
-            <!-- #endif -->
-          </view>
-        </view>
-        <view class="page-my__info-content">
-          <view class="name">
-            <text v-if="freightInfo.name">{{ freightInfo.name }}</text>
-            <!-- #ifdef MP-WEIXIN -->
-            <open-data v-else type="userNickName"></open-data>
-            <!-- #endif -->
-            <!-- #ifndef MP-WEIXIN -->
-            <text>钉钉用户</text>
-            <!-- #endif -->
-          </view>
-          <view class="mobile">
-            <render-mobile :value="userInfo.mobile" />
-          </view>
-          <!-- #ifdef MP-WEIXIN -->
-          <view class="refresh-version" @click.stop="handleRefreshVersion">
-            <view :class="[loading && 'loading']"><u-icon name="reload" size="20" /></view>
-            <text>检测更新</text>
-          </view>
-          <!-- #endif -->
-        </view>
-      </view>
-      <view class="page-my__login">
-        <template v-if="authed">
-          <u-button shape="circle" @click="handleLogout">退出登录</u-button>
-        </template>
-        <template v-else>
-          <u-button shape="circle" @click="handleLogin">立即登录</u-button>
-        </template>
-      </view>
-      <view class="card-version">
-        <text class="cell-version">SDK: {{versionInfo.SDKVersion}}</text>
-        <text class="cell-version">wechat: {{versionInfo.version}}</text>
-        <text class="cell-version" v-if="version">version: {{version}}</text>
-      </view>
-    </template>
-  </Page>
-</template>
-
-<script>
-import cache from '@/utils/cache';
-import { mapState, mapGetters } from 'vuex';
-import { version } from '@/config';
-
-export default {
-  data() {
-    return {
-      loading: false,
-      versionInfo: uni.getSystemInfoSync(),
-    }
-  },
-  computed: {
-    ...mapState(['authed']),
-    ...mapGetters(['userInfo', 'freightInfo']),
-    version() {
-      return version;
-    }
-  },
-  methods: {
-    // 登录
-    handleLogin() {
-      uni.navigateTo({ url: '/pages/login/login' });
-    },
-    // 退出登录
-    handleLogout() {
-      if (this.authed) {
-        uni.showModal({
-          title: '提示',
-          content: '确定退出登录吗？',
-          confirmColor: '#f5222d',
-          // #ifdef MP-DINGTALK
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          // #endif
-          success: res => {
-            if (res.confirm) {
-              // uni.$u.api.login.unbind().then(success => {
-                // if (success) {
-                  uni.showToast({ title: '退出成功', icon: 'none' });
-                  this.$store.commit('LOGOUT');
-                  uni.reLaunch({ url: '/pages/login/login' });
-                // }
-              // });
-            }
-          }
-        });
-      } else {
-        uni.showToast({ title: '您还未登录', icon: 'none' });
-      }
-    },
-    // 检测更新
-    handleRefreshVersion() {
-      uni.$emit('refresh-version');
-      this.loading = true;
-      setTimeout(() =>{
-        this.loading = false;
-      }, 2000);
-    }
-  }
-}
-</script>
-
-<style lang="scss">
-.page-my {
-  box-sizing: border-box;
-  overflow-x: hidden;
-  &__info {
-    padding-top: $padding-md * 6;
-    padding-bottom: $padding-md * 3;
-    display: flex;
-    text-align: center;
-    align-items: center;
-    justify-content: space-between;
-    .avatar {
-      width: 128upx;
-      height: 128upx;
-      border-radius: 50%;
-      overflow: hidden;
-      font-size: 0;
-      filter: blur(0);
-      .image {
-        height: 100%;
-        width: 100%;
-        font-size: 0;
-      }
-    }
-    &-content {
-      padding-left: $padding-md;
-      flex: auto;
-      display: flex;
-      flex-direction: column;
-      align-items: flex-start;
-      position: relative;
-      .refresh-version {
-        position: absolute;
-        right: 0;
-        top: 16px;
-        display: flex;
-        align-items: center;
-        font-size: $font-md;
-        color: $color-text-minor;
-      }
-    }
-    .name {
-      font-weight: bold;
-      font-size: $font-lg;
-    }
-    .mobile {
-      color: $color-text-minor;
-    }
-  }
-  &__background {
-    position: absolute;
-    top: 0;
-    left: 0;
-    filter: blur(300upx);
-    height: 100vh;
-    width: 100vw;
-    overflow-x: hidden;
-    &::before {
-      position: absolute;
-      content: '';
-      top: 600upx;
-      left: -100upx;
-      height: 300upx;
-      width: 300upx;
-      transform: rotate(45deg);
-      background-color: rgba($color-zy-orange, 0.3);
-    }
-    &::after {
-      position: absolute;
-      content: '';
-      top: 0upx;
-      left: 300upx;
-      height: 600upx;
-      width: 600upx;
-      transform: rotate(45deg);
-      background-color: rgba($color-primary, 0.3);
-    }
-  }
-  &__login {
-    margin-top: $padding-md * 24;
-    .u-button {
-      box-shadow: $shadow-normal;
-    }
-  }
-  .button-cell {
-    display: flex;
-    align-items: center;
-    width: 100%;
-    border: none;
-    background-color: inherit;
-    line-height: inherit;
-    padding: $padding-sm $padding-md;
-    border-radius: 0;
-    border-top-left-radius: $radius-md;
-    border-top-right-radius: $radius-md;
-    box-sizing: border-box;
-    &::after {
-      display: none;
-    }
-    &__left-icon {
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      color: $color-primary;
-      margin-right: $padding-base;
-      .u-icon {
-        margin-right: $padding-md;
-        &__icon {
-          font-size: $font-lg !important;
-        }
-      }
-    }
-    &__title {
-      color: $color-text;
-      font-size: $font-md;
-      flex: auto;
-      text-align: left;
-    }
-    &__right-icon {
-      color: $color-text-caption;
-    }
-    &__line {
-      margin: 0;
-      border-bottom-width: 1px;
-      border-bottom-style: solid;
-      width: 100%;
-      transform: scaleY(0.5);
-      border-color: rgba(151, 151, 151, 0.2);
-      position: absolute;
-      bottom: 0;
-      right: 0;
-      margin-left: $padding-md;
-      width: calc(100% - 24rpx);
-    }
-    &--hover {
-      background-color: #f3f4f6;
-    }
-  }
-
-  .loading {
-    animation: _loading 1s ease 2;
-  }
-  @keyframes _loading {
-    from {
-      transform: rotateZ(0deg);
-    }
-    to {
-      transform: rotateZ(360deg);
-    }
-  }
-  .card-version {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-top: 40rpx;
-    font-family: PingFangSC, PingFang SC;
-    font-weight: 400;
-    font-size: 22rpx;
-    color: #999999;
-    line-height: 30rpx;
-    text-align: left;
-    font-style: normal;
-    .cell-version {
-      margin: 0 8rpx;
-    }
-  }
-}
-</style>
 \ No newline at end of file
@@ -0,0 +1,455 @@
+<template>
+  <Page name="order-add" flank>
+    <template #content>
+      <u-form :model="form" ref="uForm" labelWidth="100">
+        <view class="card">
+          <u-form-item label="所属项目" required @click="choseProjectCode">
+            <u-input v-model="form.projectName" border="none" suffix-icon="arrow-right" placeholder="请选择项目" disabledColor="#ffffff" disabled />
+          </u-form-item>
+          <u-form-item label="装货时间" @click="showLoadTime = true" required>
+            <u-datetime-picker :show="showLoadTime" :value="loadTimeDef" @cancel="showLoadTime = false" @close="showLoadTime = false" @confirm="loadTimeFormat"></u-datetime-picker>
+            <u-input v-model="form.loadTime" border="none" suffix-icon="arrow-right" placeholder="请选择时间" disabledColor="#ffffff" disabled />
+          </u-form-item>
+          <u-form-item label="内部单号">
+            <u-input v-model="form.customerOrderCode" border="none" placeholder="请输入，选填" />
+          </u-form-item>
+        </view>
+        <view class="card">
+          <u-form-item label="装货地址" required @click="() => selectLocation(0)">
+            <u-input :value="form.waypoints[0].address" border="none" suffix-icon="arrow-right" placeholder="请选择" disabledColor="#ffffff" disabled />
+          </u-form-item>
+          <u-form-item label="卸货地址" required @click="() => selectLocation(1)">
+            <u-input v-model="form.waypoints[1].address" border="none" suffix-icon="arrow-right" placeholder="请选择" disabledColor="#ffffff" disabled />
+          </u-form-item>
+        </view>
+        <view class="card">
+          <u-form-item label="货物名称" required @click="choseGoodsName">
+            <u-input v-model="form.goodsName" border="none" suffix-icon="arrow-right" placeholder="请选择" disabledColor="#ffffff" disabled />
+          </u-form-item>
+          <u-form-item v-if="showGoodsValue" label="货物价值" required>
+            <u-input v-model="form.goodsValue" border="none" type="digit" placeholder="请输入" />
+          </u-form-item>
+          <u-form-item label="货物件数">
+            <u-input v-model="form.goodsPiece" border="none" type="digit" placeholder="请输入，选填" />
+          </u-form-item>
+          <u-form-item label="货物吨数" required>
+            <u-input v-model="form.goodsWeight" border="none" type="digit" placeholder="请输入" />
+          </u-form-item>
+          <u-form-item label="货物方数">
+            <u-input v-model="form.goodsVolume" border="none" type="digit" placeholder="请输入，选填" />
+          </u-form-item>
+        </view>
+        <view class="card">
+          <u-form-item label="司机手机" required>
+            <u-input v-model="form.mobile" border="none" type="number" placeholder="请输入" @blur="mobileChange" />
+          </u-form-item>
+          <u-form-item label="司机姓名" required>
+            <u-input v-model="form.driverName" border="none" placeholder="请输入" :disabled="!!form.driverId" />
+          </u-form-item>
+          <view class="payee">
+            <payee ref="payee" v-model="payeeModel" :have-action="isCollect" />
+          </view>
+          <u-form-item label="车牌号" required @click="choseCar('licenseNumber')">
+            <u-input v-model="form.licenseNumber" border="none" placeholder="请输入" disabledColor="#ffffff" disabled />
+          </u-form-item>
+          <u-form-item label="车挂号" @click="choseCar('trailerNumber')">
+            <u-input v-model="form.trailerNumber" border="none" placeholder="请输入" disabledColor="#ffffff" disabled />
+          </u-form-item>
+        </view>
+        <view class="card">
+          <u-form-item label="应付司机运费">
+            <u-input v-model="form.paidAmount" border="none" type="digit" prefix-icon="rmb" placeholder="请输入" @change="computedService" />
+          </u-form-item>
+          <u-form-item label="油卡" v-if="currentFreight.oilPayFlag">
+            <u-input v-model="form.oilAmount" border="none" type="digit" prefix-icon="rmb" placeholder="请输入" @change="computedService" />
+          </u-form-item>
+          <u-form-item label="预付款" v-if="currentFreight.prePayFlag">
+            <u-input v-model="form.prepaidAmount" border="none" type="digit" prefix-icon="rmb" placeholder="请输入" @change="computedService" />
+          </u-form-item>
+          <u-form-item label="货到款" v-if="currentFreight.arrivalPayFlag">
+            <u-input
+              v-model="form.deliveryAmount"
+              border="none"
+              type="digit"
+              prefix-icon="rmb"
+              :disabled="autoComputedArrival"
+              :placeholder="autoComputedArrival ? '自动计算' : '请输入'"
+              @change="computedService"
+            />
+          </u-form-item>
+          <u-form-item label="尾款/回单付">
+            <u-input
+              v-model="form.balancePaymentAmount"
+              border="none"
+              type="digit"
+              prefix-icon="rmb"
+              @change="computedService"
+              :disabled="!autoComputedArrival"
+              :placeholder="!autoComputedArrival ? '自动计算' : '请输入'"
+            />
+          </u-form-item>
+        </view>
+        <view class="card" @tap="more = !more">
+          <view class="more-action">
+            {{ !more ? '展开更多信息' : '收起更多信息' }}
+            <view class="sx-img">
+              <image v-if="more" class="sx-image up" :src="formatImagePath('down')"></image>
+              <image v-else class="sx-image" :src="formatImagePath('down')"></image>
+            </view>
+          </view>
+        </view>
+        <template v-if="more">
+          <view class="card">
+            <u-form-item label="装货联系人">
+              <u-input v-model="form.waypoints[0].contactName" border="none" placeholder="请输入，选填" />
+            </u-form-item>
+            <u-form-item label="装货联系电话">
+              <u-input v-model="form.waypoints[0].contactMobile" border="none" placeholder="请输入，选填" />
+            </u-form-item>
+          </view>
+          <view class="card">
+            <u-form-item label="卸货联系人">
+              <u-input v-model="form.waypoints[1].contactName" border="none" placeholder="请输入，选填" />
+            </u-form-item>
+            <u-form-item label="卸货联系电话">
+              <u-input v-model="form.waypoints[1].contactMobile" border="none" placeholder="请输入，选填" />
+            </u-form-item>
+          </view>
+          <view class="card">
+            <u-form-item label="订单备注">
+              <u-input v-model="form.remark" border="none" placeholder="请输入，选填" />
+            </u-form-item>
+          </view>
+        </template>
+      </u-form>
+    </template>
+    <template #footer>
+      <u-button type="primary" @tap="submitAddFun">下单并指派</u-button>
+    </template>
+    <u-toast ref="uToast"></u-toast>
+    <popup-platenumber :visible="showCar" @update:visible="e => (showCar = e)" @confirm="carConfirm" v-model="carNumber"></popup-platenumber>
+  </Page>
+</template>
+<script>
+import { urlParam } from '@/utils/param';
+import dayjs from 'dayjs';
+import payee from '../../components/card/payee.vue';
+import PopupPlatenumber from '../../components/popup/popup-platenumber.vue';
+export default {
+  name: 'order-add',
+  components: { PopupPlatenumber, payee },
+  data() {
+    return {
+      carNumber: '',
+      showLoadTime: false,
+      loadTimeDef: new Date(),
+      showCar: false,
+      typeCar: '',
+      more: false,
+      radioList: [],
+      form: {
+        projectCode: '',
+        loadTime: '',
+        projectName: '',
+        customerOrderCode: '',
+        goodsName: '',
+        goodsValue: '',
+        goodsPiece: '',
+        goodsWeight: '',
+        goodsVolume: '',
+        mobile: '',
+        driverId: '',
+        driverName: '',
+        licenseNumber: '',
+        trailerNumber: '',
+        paidAmount: '',
+        oilAmount: '',
+        prepaidAmount: '',
+        deliveryAmount: '',
+        balancePaymentAmount: '',
+        distance: '',
+        allowDriverSeeFreightAmountNode: '',
+        waypoints: [{}, {}],
+      },
+      payeeModel: {},
+      currentFreight: {},
+    };
+  },
+  computed: {
+    isCollect() {
+      return this.currentFreight.collectByOtherFlag || false;
+    },
+    autoComputedArrival() {
+      // 自动计算货到
+      return 'OUT_INVITE_ARRIVAL' === this.currentFreight?.autoComputeFeeType;
+    },
+    // 获取价值
+    showGoodsValue() {
+      return this.currentFreight ? this.currentFreight.driverSecurityServiceFlag || this.currentFreight.securityServiceFlag : false;
+    },
+  },
+  onLoad(option) {
+    if (option.code) {
+      this.initData(option.code);
+    }
+    this.initConfig();
+  },
+  methods: {
+    initConfig() {
+      uni.$u.api.freightOrder.currentFreight({}).then(en => {
+        this.currentFreight = en?.result || {};
+        this.form.allowDriverSeeFreightAmountNode = this.currentFreight.allowDriverSeeFreightAmountNode;
+      });
+      uni.$u.api.filter.projectCode({}).then(res => {
+        if (res.success && res.result && res.result.length === 1) {
+          this.form.projectCode = res.result[0].code;
+          this.form.projectName = res.result[0].name;
+        }
+      });
+    },
+    initData(code) {
+      uni.$u.api.freightOrder.getDetail({ code }).then(res => {
+        let detail = res.result || {};
+        ['goodsName', 'waypoints', 'allowDriverSeeFreightAmountNode', 'projectCode', 'projectName'].forEach(key => {
+          this.form[key] = detail[key];
+        });
+        this.computedDistance();
+      });
+    },
+    choseProjectCode() {
+      uni.$once('select-common', option => {
+        this.form.projectCode = option.code;
+        this.form.projectName = option.name;
+      });
+      uni.navigateTo({
+        url: `/pages/global/search-common${urlParam({
+          mode: 'select',
+          url: 'projectCode',
+          title: '项目',
+          label: 'name',
+          value: '',
+          params: '{"status":"ENABLE"}',
+        })}`,
+      });
+    },
+    choseGoodsName() {
+      uni.$once('select-common', option => {
+        this.form.goodsName = option.name;
+      });
+      uni.navigateTo({
+        url: `/pages/global/search-common${urlParam({
+          mode: 'select',
+          url: 'goodsName',
+          title: '货物名称',
+          label: 'name',
+          value: '',
+        })}`,
+      });
+    },
+    // 地图选点
+    selectLocation(index) {
+      uni.$once('webview-select', location => {
+        let station = {
+          lng: location.lng,
+          lat: location.lat,
+          provinceCode: location.provinceCode,
+          provinceName: location.provinceName,
+          cityCode: location.cityCode,
+          cityName: location.cityName,
+          areaCode: location.areaCode,
+          areaName: location.areaName,
+          address: (location.provinceName || '') + (location.cityName || '') + (location.areaName || '') + (location.address || ''),
+        };
+        let waypoints = index === 0 ? [station, this.form.waypoints[1]] : [this.form.waypoints[0], station];
+        this.form = {
+          ...this.form,
+          waypoints,
+        };
+        this.computedDistance();
+      });
+      const url = 'https://zeyi-tms-product.oss-cn-hangzhou.aliyuncs.com/webview/location-wx.html';
+      const params = {
+        lat: this.form.waypoints[index].lat ? Number(this.form.waypoints[index].lat) : '',
+        lng: this.form.waypoints[index].lng ? Number(this.form.waypoints[index].lng) : '',
+      };
+      uni.navigateTo({ url: `/pages/common/webview?url=${url}&query=${JSON.stringify(params)}` });
+    },
+    computedDistance() {
+      if (this.form.waypoints[0].lng && this.form.waypoints[1].lng) {
+        uni.$u.api.freightOrder
+          .getDistance({
+            startLat: this.form.waypoints[0].lat,
+            startLng: this.form.waypoints[0].lng,
+            endLat: this.form.waypoints[1].lat,
+            endLng: this.form.waypoints[1].lng,
+          })
+          .then(res => {
+            this.form.distance = res.result;
+          });
+      }
+    },
+    loadTimeFormat({ value }) {
+      this.form.loadTime = dayjs(value).format('YYYY-MM-DD HH:mm:ss');
+      this.showLoadTime = false;
+    },
+    mobileChange() {
+      if (this.form.mobile && this.form.mobile.length === 11) {
+        uni.$u.api.filter.driver({ query: this.form.mobile }).then(res => {
+          if (res.success && res.result && res.result.length === 1) {
+            this.form.driverId = res.result[0].id;
+            this.form.driverName = res.result[0].name;
+            this.form.driverMobile = res.result[0].mobile;
+            this.payeeModel = res.result[0];
+            this.$refs.payee.setItem(this.payeeModel);
+          } else {
+            this.form.driverId = '';
+            this.form.driverName = '';
+            this.form.driverMobile = this.form.mobile;
+            this.payeeModel = {};
+            this.$refs.payee.setItem(this.payeeModel);
+          }
+        });
+      }
+    },
+    vehicleChange(v) {
+      if (this.typeCar === 'licenseNumber') {
+        // 车头
+        uni.$u.api.filter.vehicle({ query: v, operationModeList: 'OUT_INVITE' }).then(res => {
+          if (res.success && res.result && res.result.length === 1) {
+            let item = res.result[0];
+            this.form.vehicleCode = item.code;
+            this.form.specification = item.specification;
+            if (item && item.type === 'TRACTOR' && item.vehicleList && item.vehicleList.length > 0) {
+              this.form.trailerNumber = item.vehicleList[0].licenseNumber;
+              this.form.trailerCode = item.vehicleList[0].code;
+              this.form.specification = item.vehicleList[0].specification;
+            }
+          } else {
+            this.form.vehicleCode = '';
+            this.form.specification = '';
+            this.form.trailerCode = '';
+            this.form.trailerNumber = '';
+          }
+        });
+      } else {
+        uni.$u.api.filter.vehicle({ query: v, operationModeList: 'OUT_INVITE' }).then(res => {
+          if (res.success && res.result && res.result.length === 1) {
+            let item = res.result[0];
+            this.form.trailerCode = item.code;
+            this.form.specification = item.specification;
+          } else {
+            this.form.trailerCode = '';
+            this.form.specification = '';
+          }
+        });
+      }
+    },
+    choseCar(type) {
+      this.typeCar = type;
+      this.carNumber = '';
+      this.showCar = true;
+    },
+    carConfirm(v) {
+      this.form[this.typeCar] = v;
+      this.showCar = false;
+      this.vehicleChange(v);
+    },
+    computedService() {
+      uni.$u.debounce(this.getServiceAmountInfo, 500);
+    },
+    getServiceAmountInfo() {
+      const { paidAmount = '', oilAmount = '', deliveryAmount = '', prepaidAmount = '', balancePaymentAmount = '', goodsName = '', goodsValue = '' } = this.form;
+      let params = {
+        paidAmount,
+        deliveryAmount,
+        prepaidAmount,
+        oilAmount,
+        balancePaymentAmount,
+        goodsName,
+        goodsValue,
+      };
+      uni.$u.api.freightOrder.getServiceAmount(params).then(res => {
+        if (res.success) {
+          this.form.paidAmount = res.result.paidAmount || paidAmount;
+          this.form.deliveryAmount = res.result.deliveryAmount || deliveryAmount;
+          this.form.prepaidAmount = res.result.prepaidAmount || prepaidAmount;
+          this.form.oilAmount = res.result.oilAmount || oilAmount;
+          this.form.balancePaymentAmount = res.result.balancePaymentAmount || balancePaymentAmount;
+          this.form.oilPayRebateRate = res.result.oilPayRebateRate || '';
+          this.form.driverSecurityServiceAmount = res.result.driverSecurityServiceAmount || '';
+          this.form.securityServiceAmount = res.result.securityServiceAmount || '';
+          this.form.serviceAmount = res.result.serviceAmount || '';
+          this.form.serviceRate = res.result.serviceRate || '';
+        }
+      });
+    },
+    submitAddFun() {
+      let totalAmount = Number(this.form.paidAmount || 0) + Number(this.form.serviceAmount || 0) + Number(this.form.securityServiceAmount || 0);
+      uni.$u.api.freightOrder
+        .add({ ...this.form, totalAmount, payeeId: this.payeeModel.driverId })
+        .then(res => {
+          if (res.success) {
+            uni.showToast({ title: '下单成功', icon: 'none' });
+            this.getOpenerEventChannel().emit('refreshData');
+            setTimeout(() => uni.navigateBack(), 500);
+          }
+        })
+        .catch(e => {
+          this.$refs.uToast.show({
+            type: 'default',
+            message: e,
+          });
+        });
+    },
+  },
+};
+</script>
+<style lang="scss">
+.page-order-add {
+  &__footer {
+    background: $color-white;
+  }
+  .payee {
+    margin-right: $padding-xs;
+    margin-left: $padding-xs;
+  }
+  .card {
+    color: #999999;
+    margin-bottom: $padding-md;
+    background-color: $color-white;
+    border-radius: $radius-md;
+    box-shadow: $shadow-normal;
+    .u-form-item {
+      padding-left: $padding-md !important;
+      padding-right: $padding-sm !important;
+    }
+    .u-form-item + .u-form-item {
+      border-top: 1px solid #f6f6f6;
+    }
+    .more-action {
+      display: flex;
+      padding: $padding-sm;
+      justify-content: center;
+      align-content: center;
+      align-items: center;
+      .sx-img {
+        height: 12upx;
+        width: 14upx;
+        position: relative;
+        margin-left: 12upx;
+
+        .sx-image {
+          width: 100%;
+          height: 100%;
+          position: absolute;
+          top: 0;
+          left: 0;
+        }
+        .up {
+          transform: rotate(180deg);
+        }
+      }
+    }
+  }
+}
+</style>
@@ -0,0 +1,268 @@
+<template>
+  <Page name="again-assign" flank>
+    <template #content>
+      <view class="card">
+        <view class="label">原指派信息</view>
+        <view class="line-solid"></view>
+        <view class="item">
+          <view class="item_field">承运司机</view>
+          <view class="item_content">
+            <text>{{ item.driverName }}</text>
+            <text>{{ item.driverMobile }}</text>
+          </view>
+        </view>
+        <view class="item">
+          <view class="item_field">收款人</view>
+          <view class="item_content">
+            <text>{{ item.payee }}</text>
+            <text>{{ item.payeeMobile }}</text>
+          </view>
+        </view>
+        <payee :value="oldPayeeModel"></payee>
+        <view class="item">
+          <view class="item_field">车牌号</view>
+          <view class="item_content">{{ item.vehicleLicenseNum ? item.vehicleLicenseNum : '' }}</view>
+        </view>
+        <view class="item">
+          <view class="item_field">车挂号</view>
+          <view class="item_content">{{ item.trailerLicenseNum ? item.trailerLicenseNum : '' }}</view>
+        </view>
+      </view>
+      <view class="card border-action">
+        <view class="label text-action">新指派信息</view>
+        <view class="line-solid"></view>
+        <u-form :model="form" ref="uForm" labelWidth="100">
+          <view class="line">
+            <u-form-item label="司机手机">
+              <u-input v-model="form.mobile" border="none" type="number" placeholder="请输入司机手机号" @blur="mobileChange" />
+            </u-form-item>
+          </view>
+          <view class="line">
+            <u-form-item label="司机姓名">
+              <u-input v-model="form.driverName" border="none" placeholder="请输入司机姓名" />
+            </u-form-item>
+            <view class="payee">
+              <payee :value="payeeModel" :have-action="isCollect"></payee>
+            </view>
+          </view>
+          <view class="line">
+            <u-form-item label="车牌号" @click="choseCar('licenseNumber')">
+              <u-input v-model="form.licenseNumber" border="none" placeholder="请输入车牌号" disabledColor="#ffffff" disabled />
+            </u-form-item>
+          </view>
+          <view class="line">
+            <u-form-item label="车挂号" @click="choseCar('trailerNumber')">
+              <u-input v-model="form.trailerNumber" border="none" placeholder="请输入车挂号" disabledColor="#ffffff" disabled />
+            </u-form-item>
+          </view>
+        </u-form>
+      </view>
+    </template>
+    <template #footer>
+      <u-button type="primary" @tap="submit">确认更改</u-button>
+    </template>
+    <popup-platenumber :visible="showCar" @update:visible="e => (showCar = e)" @confirm="carConfirm" v-model="carNumber"></popup-platenumber>
+  </Page>
+</template>
+
+<script>
+import Payee from '../../components/card/payee.vue';
+import PopupPlatenumber from '../../components/popup/popup-platenumber.vue';
+
+export default {
+  name: 'again-assign',
+  components: { PopupPlatenumber, Payee },
+  data() {
+    return {
+      typeCar: '',
+      carNumber: '',
+      showCar: false,
+      payeeModel: {},
+      form: {
+        mobile: '',
+        driverName: '',
+        driverMobile: '',
+        driverId: '',
+        vehicleCode: '', // 车辆ID
+        licenseNumber: '', // 车牌号
+        trailerCode: '', // 车挂ID
+        trailerNumber: '', // 车挂号
+        updatePayeeFlag: true,
+      },
+      item: {},
+      currentFreight: {},
+    };
+  },
+  computed: {
+    isCollect() {
+      return this.currentFreight.collectByOtherFlag || false;
+    },
+    oldPayeeModel() {
+      return this.item.payee
+        ? {
+            dueBank: this.item.payee,
+            dueBankCardNo: this.item.dueBankCardNo,
+            openingBank: this.item.openingBank,
+          }
+        : {};
+    },
+  },
+  onLoad(options) {
+    if (options.code) {
+      this.initData(options.code);
+    }
+  },
+  methods: {
+    initData(code) {
+      uni.$u.api.freightOrder.currentFreight({}).then(en => {
+        this.currentFreight = en?.result || {};
+      });
+      uni.$u.api.freightOrder.getDetail({ code }).then(res => {
+        this.item = res.result || {};
+      });
+    },
+    mobileChange() {
+      if (this.form.mobile && this.form.mobile.length === 11) {
+        uni.$u.api.filter.driver({ query: this.form.mobile }).then(res => {
+          if (res.success && res.result && res.result.length === 1) {
+            this.form.driverId = res.result[0].id;
+            this.form.driverName = res.result[0].name;
+            this.form.driverMobile = res.result[0].mobile;
+            this.payeeModel = res.result[0];
+          } else {
+            this.form.driverId = '';
+            this.form.driverName = '';
+            this.payeeModel = {};
+          }
+        });
+      }
+    },
+    vehicleChange(v) {
+      if (this.typeCar === 'licenseNumber') {
+        // 车头
+        uni.$u.api.filter.vehicle({ query: v, operationModeList: 'OUT_INVITE' }).then(res => {
+          if (res.success && res.result && res.result.length === 1) {
+            let item = res.result[0];
+            this.form.vehicleCode = item.code;
+            this.form.specification = item.specification;
+            if (item && item.type === 'TRACTOR' && item.vehicleList && item.vehicleList.length > 0) {
+              this.form.trailerNumber = item.vehicleList[0].licenseNumber;
+              this.form.trailerCode = item.vehicleList[0].code;
+              this.form.specification = item.vehicleList[0].specification;
+            }
+          } else {
+            this.form.vehicleCode = '';
+            this.form.specification = '';
+            this.form.trailerCode = '';
+            this.form.trailerNumber = '';
+          }
+        });
+      } else {
+        uni.$u.api.filter.vehicle({ query: v, operationModeList: 'OUT_INVITE' }).then(res => {
+          if (res.success && res.result && res.result.length === 1) {
+            let item = res.result[0];
+            this.form.trailerCode = item.code;
+            this.form.specification = item.specification;
+          } else {
+            this.form.trailerCode = '';
+            this.form.specification = '';
+          }
+        });
+      }
+    },
+    choseCar(type) {
+      this.typeCar = type;
+      this.carNumber = '';
+      this.showCar = true;
+    },
+    carConfirm(v) {
+      this.form[this.typeCar] = v;
+      this.showCar = false;
+      this.vehicleChange(v);
+    },
+    submit() {
+      uni.$u.api.freightOrder.assignVehicle({ ...this.form, code: this.item.code, payeeId: this.payeeModel.driverId }).then(res => {
+        if (res.success) {
+          uni.showToast({ title: '操作成功', icon: 'none' });
+          this.getOpenerEventChannel().emit('refreshData');
+          setTimeout(() => uni.navigateBack(), 500);
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+.page-again-assign {
+  &__footer {
+    background: $color-white;
+  }
+
+  .card {
+    color: #999999;
+    margin-bottom: $padding-md;
+    padding: $padding-md;
+    background-color: $color-white;
+    border-radius: $radius-md;
+    box-shadow: $shadow-normal;
+
+    .label {
+      padding-bottom: $padding-sm;
+      font-weight: 500;
+      font-size: 30upx;
+      color: #2b2a27;
+      line-height: 34upx;
+      text-align: left;
+      font-style: normal;
+    }
+
+    .line-solid {
+      border-bottom: 1px solid #dddddd;
+    }
+
+    .text-action {
+      padding-left: $padding-md;
+      color: $color-primary;
+    }
+    .item {
+      margin-top: $padding-md;
+      display: flex;
+      &_field {
+        font-weight: 400;
+        font-size: 28upx;
+        line-height: 28upx;
+        color: #999999;
+        width: 170upx;
+        text-align: left;
+      }
+
+      &_content {
+        flex: 1;
+        font-weight: 400;
+        font-size: 28upx;
+        line-height: 28upx;
+        color: #2b2a27;
+        text-align: left;
+        font-style: normal;
+      }
+    }
+    .line {
+      border-bottom: 1px solid #dddddd;
+      .u-form-item {
+        padding-left: $padding-md !important;
+        padding-right: $padding-sm !important;
+      }
+      .payee {
+        padding-left: $padding-md;
+        padding-right: $padding-md;
+      }
+    }
+  }
+  .border-action {
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+    border: 1px solid $color-primary;
+  }
+}
+</style>
@@ -0,0 +1,133 @@
+<template>
+  <Page name="start-car">
+    <template #content>
+      <view class="address">
+        <view class="icon-waypoint icon-end">卸</view>
+        <text>{{ item.waypoints[1].address }}</text>
+      </view>
+      <u-form :model="form" ref="uForm" labelWidth="100">
+        <view class="card">
+          <u-form-item label="实际发车时间" required @click="(timeType = 'departTime'), (showLoadTime = true)">
+            <u-input v-model="form.departTime" border="none" suffix-icon="arrow-right" placeholder="请选择时间" disabledColor="#ffffff" disabled />
+          </u-form-item>
+        </view>
+        <view class="card">
+          <u-form-item label="实际到达时间" required @click="(timeType = 'arrivalTime'), (showLoadTime = true)">
+            <u-input v-model="form.arrivalTime" border="none" suffix-icon="arrow-right" placeholder="请选择时间" disabledColor="#ffffff" disabled />
+          </u-form-item>
+        </view>
+        <view class="card">
+          <u-form-item label="上传回单">
+            <z-upload v-model="form.receiptAttachment" :limit="20"></z-upload>
+          </u-form-item>
+        </view>
+      </u-form>
+    </template>
+    <template #footer>
+      <u-button type="primary" @tap="submit">确认到达</u-button>
+    </template>
+    <u-datetime-picker :show="showLoadTime" :value="loadTimeDef" @cancel="showLoadTime = false" @close="showLoadTime = false" @confirm="loadTimeFormat"></u-datetime-picker>
+  </Page>
+</template>
+
+<script>
+import ZUpload from '../../components/zee/z-upload.vue';
+import dayjs from 'dayjs';
+
+export default {
+  name: 'arrivalCar',
+  components: { ZUpload },
+  data() {
+    return {
+      timeType: '',
+      showLoadTime: false,
+      loadTimeDef: new Date(),
+      form: {
+        departTime: '',
+        arrivalTime: '',
+        receiptAttachment: '',
+      },
+      item: {},
+    };
+  },
+  onLoad(options) {
+    if (options.code) {
+      this.initData(options.code);
+    }
+  },
+  methods: {
+    initData(code) {
+      uni.$u.api.freightOrder.getDetail({ code }).then(res => {
+        this.item = res.result || {};
+        this.form = {
+          departTime: this.item.confirmDepartureTime,
+          arrivalTime: this.item.confirmArrivalTime,
+          receiptAttachment: this.item.receiptAttachment,
+        };
+      });
+    },
+    loadTimeFormat({ value }) {
+      this.form[this.timeType] = dayjs(value).format('YYYY-MM-DD HH:mm:ss');
+      this.showLoadTime = false;
+    },
+    submit() {
+      if (!this.form.departTime || !this.form.departTime) {
+        uni.showToast({ title: '发车时间和到达时间不能为空', icon: 'none' });
+        return;
+      }
+      if (new Date(this.form.departTime).getTime() > new Date().getTime()) {
+        uni.showToast({ title: '发车时间不能大于当前时间', icon: 'none' });
+        return;
+      }
+      if (new Date(this.form.arrivalTime).getTime() > new Date().getTime()) {
+        uni.showToast({ title: '到达时间不能大于当前时间', icon: 'none' });
+        return;
+      }
+      if (new Date(this.form.departTime).getTime() > new Date(this.form.arrivalTime).getTime()) {
+        uni.showToast({ title: '到达时间不能小于发车时间', icon: 'none' });
+        return;
+      }
+      uni.$u.api.freightOrder.arrive({ codeList: [this.item.code], ...this.form }).then(res => {
+        if (res.success) {
+          uni.showToast({ title: '操作成功', icon: 'none' });
+          this.getOpenerEventChannel().emit('refreshData');
+          setTimeout(() => uni.navigateBack(), 500);
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+.page-start-car {
+  &__content {
+    padding-top: 0 !important;
+  }
+  &__footer {
+    background: $color-white;
+  }
+  .address {
+    background-color: $color-white;
+    padding: $padding-md;
+    .icon-waypoint {
+      font-size: $font-sm;
+      margin-right: $padding-sm;
+      height: $padding-md * 1.2;
+      width: $padding-md * 1.2;
+      min-width: $padding-md * 1.2;
+    }
+  }
+  .card {
+    color: #999999;
+    margin: $padding-md;
+    background-color: $color-white;
+    border-radius: $radius-md;
+    box-shadow: $shadow-normal;
+    .u-form-item {
+      padding-left: $padding-md !important;
+      padding-right: $padding-sm !important;
+    }
+  }
+}
+</style>
@@ -0,0 +1,320 @@
+<template>
+  <view class="card-order">
+    <view class="card-order__header">
+      <view class="title">
+        <view class="order-no">
+          <field-copy :value="item.code" v-if="item.code">{{ item.code }} </field-copy>
+          <view class="image" @click.stop="qrShow">
+            <image style="height: 30upx; width: 30upx" src="/static/qr.png"></image>
+          </view>
+        </view>
+        <render-dict v-if="item.status" class="status" :style="{ color: colorMap[item.status] }" dict="FREIGHT_ORDER_STATUS" :value="item.status"></render-dict>
+      </view>
+    </view>
+    <view class="card-order__item"> {{ item.projectName }} | {{ item.loadTime }}装货 </view>
+    <view class="card-order__steps">
+      <view class="step">
+        <view class="step-item">
+          <view class="icon-waypoint icon-start">装</view>
+          <view>
+            <view class="city">{{ item.startCityName }}-{{ item.startAreaName }}</view>
+            <view class="address">{{ item.startAddress }}</view>
+          </view>
+        </view>
+        <view class="step-item">
+          <view class="icon-waypoint icon-end">卸</view>
+          <view>
+            <view class="city">{{ item.endCityName }}-{{ item.endAreaName }}</view>
+            <view class="address">{{ item.endAddress }}</view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class="card-order__tags">
+      <view class="tag--warning" v-if="item.driverCertifiedStatus === 'NOT_CERTIFIED'">司机未认证</view>
+      <view class="tag--paying" v-if="item.driverCertifiedStatus === 'CERTIFYING'">司机认证中</view>
+      <view class="tag--warning" v-if="item.payeeMobile && item.bindBankCardNoFlag === false">收款人未绑卡</view>
+      <view class="tag--warning" v-if="item.vehicleLicenseNum && item.vehicleCertifiedStatus === 'NOT_CERTIFIED' && !item.trailerLicenseNum">车辆未认证</view>
+      <view class="tag--paying" v-if="item.vehicleLicenseNum && item.vehicleCertifiedStatus === 'CERTIFYING' && !item.trailerLicenseNum">车辆认证中</view>
+      <view class="tag--warning" v-if="item.vehicleLicenseNum && item.vehicleCertifiedStatus === 'NOT_CERTIFIED' && item.trailerLicenseNum">车头未认证</view>
+      <view class="tag--paying" v-if="item.vehicleLicenseNum && item.vehicleCertifiedStatus === 'CERTIFYING' && item.trailerLicenseNum">车头认证中</view>
+      <view class="tag--warning" v-if="item.trailerLicenseNum && !item.extraTrailerFlag && item.trailerVehicleCertifiedStatus === 'NOT_CERTIFIED'">车挂未认证</view>
+      <view class="tag--paying" v-if="item.trailerLicenseNum && !item.extraTrailerFlag && item.trailerVehicleCertifiedStatus === 'CERTIFYING'">车挂认证中</view>
+      <text class="tag--warning" v-if="item.extraTrailerFlag">多车挂</text>
+      <text class="tag--warning" v-if="item.missTrailerFlag">缺车挂</text>
+    </view>
+    <view class="card-order__item">
+      {{ item.driverName ? item.driverName : '' }} {{ item.driverMobile ? item.driverMobile : '' }} | {{ item.vehicleLicenseNum ? item.vehicleLicenseNum : '' }}
+      {{ item.trailerLicenseNum ? item.trailerLicenseNum : '' }}
+    </view>
+    <view class="card-order__footer">
+      <view class="amount">
+        运费<text class="red">￥{{ item.freightAmount }}</text>
+      </view>
+      <view class="action">
+        <zb-tooltip placement="bottom" :visible="visible" @update:visible="e => (visible = e)">
+          <template #content>
+            <view class="more-action">
+              <view v-if="$permission('/freightOrder/add')" @tap="againOne"> 再来一单 </view>
+              <view v-if="$permission('/freightOrder/delete') && ['CANCEL'].includes(item.status)" @tap="deleteOrder"> 删除订单 </view>
+              <view v-if="$permission('/freightOrder/cancel') && ['WAIT_CONFIRM', 'WAIT_ACCEPT', 'WAIT_DEPART'].includes(item.status)" @tap="cancelOrder"> 取消订单 </view>
+            </view>
+          </template>
+          <view class="button">
+            更多操作
+            <view class="sx-img">
+              <image class="sx-image" :src="formatImagePath('down')"></image>
+            </view>
+          </view>
+        </zb-tooltip>
+        <view v-if="['WAIT_ACCEPT', 'WAIT_DEPART'].includes(item.status) && $permission('/freightOrder/depart')" class="button primary" @click.stop="start">确认发车</view>
+        <view v-if="['TRANSFER'].includes(item.status) && $permission('/freightOrder/arrive')" class="button primary" @click.stop="arrival">确认到达</view>
+        <view v-if="item.status === 'COMPLETED' && !item.receiptAttachment && $permission('/freightOrder/modifyReceiptAttachment')" class="button primary" @click.stop="uploadReceipt"
+          >上传回单</view
+        >
+      </view>
+    </view>
+  </view>
+</template>
+<script>
+import ZbTooltip from '../../uni_modules/zb-tooltip/components/zb-tooltip/zb-tooltip.vue';
+import FieldCopy from '../../components/field/field-copy.vue';
+import page from '../../mixins/page';
+
+export default {
+  name: 'order-card',
+  mixins: [page],
+  components: { ZbTooltip, FieldCopy },
+  props: {
+    item: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+  },
+  data() {
+    return {
+      visible: false,
+      colorMap: {
+        WAIT_CONFIRM: '#F52723',
+        WAIT_ACCEPT: '#FF9339',
+        WAIT_DEPART: '#666666',
+        TRANSFER: '#2673FB',
+        COMPLETED: '#00B87A',
+        CANCEL: '#999999',
+      },
+    };
+  },
+  methods: {
+    againOne() {
+      this.visible = false;
+      this.$emit('more', this.item.code);
+    },
+    cancelOrder() {
+      this.visible = false;
+      this.$emit('cancel', this.item.code);
+    },
+    deleteOrder() {
+      this.visible = false;
+      this.$emit('delete', this.item.code);
+    },
+    start() {
+      this.$emit('start', this.item.code);
+    },
+    arrival() {
+      this.$emit('arrival', this.item.code);
+    },
+    uploadReceipt() {
+      this.$emit('uploadReceipt', this.item.code);
+    },
+    qrShow() {
+      this.$emit('qrShow', this.item.code, this.item);
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.card-order {
+  background-color: $color-white;
+  color: $color-text;
+  padding: $padding-sm;
+  margin-bottom: $padding-sm;
+  border-radius: $radius-md;
+  box-shadow: $shadow-normal;
+  font-size: $font-md;
+  &__header {
+    display: flex;
+    align-items: center;
+    border-bottom: 1px solid $color-border;
+    padding-bottom: $padding-sm;
+    margin-bottom: $padding-sm;
+    .title {
+      width: 100%;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: space-between;
+      .order-no {
+        display: flex;
+        align-items: center;
+        .image {
+          width: 30upx;
+          height: 30upx;
+          margin-left: 20upx;
+        }
+      }
+      .status {
+        color: $color-primary;
+        font-weight: bold;
+      }
+    }
+    .title-notice {
+      display: flex;
+      align-items: center;
+      color: $color-red;
+      .u-icon {
+        margin-right: $padding-xs;
+        font-size: $font-lg;
+      }
+    }
+    .tip {
+      font-size: $font-md;
+      color: $color-red;
+    }
+  }
+  &__item {
+    display: flex;
+    font-size: 26upx;
+    color: #999999;
+  }
+  &__tags {
+    margin-bottom: $padding-sm;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    .tag {
+      margin-right: $padding-xs;
+      margin-bottom: $padding-xs;
+      border-radius: 4upx;
+      padding: 4upx 8upx;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      color: $color-primary;
+      font-size: $font-sm;
+      background-color: rgba($color-primary, 0.1);
+      &--warning {
+        color: #f52723;
+        font-size: 20rpx;
+        padding-left: 10rpx;
+        padding-right: 10rpx;
+        border-radius: 8rpx;
+        border: 2rpx solid #f52723;
+      }
+      &--paying {
+        color: #ff9339;
+        font-size: 20rpx;
+        padding-left: 10upx;
+        padding-right: 10upx;
+        border-radius: 8upx;
+        border: 2rpx solid #ff9339;
+      }
+    }
+  }
+  &__steps {
+    margin-top: $padding-md;
+    .step {
+      &-item {
+        display: flex;
+        align-content: space-around;
+        font-size: $font-md;
+        .icon-waypoint {
+          font-size: $font-sm;
+          margin-right: $padding-sm;
+          height: $padding-md * 1.2;
+          width: $padding-md * 1.2;
+          min-width: $padding-md * 1.2;
+        }
+        .city {
+          font-weight: 500;
+          font-size: 32upx;
+          color: #2b2a27;
+          line-height: 32upx;
+          text-align: left;
+          font-style: normal;
+        }
+        .address {
+          font-weight: 400;
+          font-size: 24upx;
+          color: #999999;
+          line-height: 33upx;
+          text-align: left;
+          font-style: normal;
+        }
+        &:not(:first-child) {
+          margin-top: $padding-md;
+        }
+      }
+    }
+  }
+  &__footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    .amount {
+      font-size: 26upx;
+      .red {
+        color: #ff4f3b;
+      }
+    }
+    .action {
+      flex: 1;
+      display: flex;
+      justify-content: flex-end;
+      .more-action {
+        text-align: center;
+        color: #666666;
+        box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.22);
+        view {
+          padding: $padding-sm;
+        }
+        view + view {
+          border-top: 1px solid #eaeaea;
+        }
+      }
+      .button {
+        width: 164rpx;
+        height: 56rpx;
+        background: #ffffff;
+        border-radius: 12rpx;
+        border: 2rpx solid #e2e2e3;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-left: $padding-sm;
+        .sx-img {
+          height: 12upx;
+          width: 14upx;
+          position: relative;
+          margin-left: 12upx;
+          .sx-image {
+            width: 100%;
+            height: 100%;
+            position: absolute;
+            top: 0;
+            left: 0;
+          }
+        }
+      }
+      .primary {
+        border: 2rpx solid $color-primary !important;
+        background: $color-primary;
+        color: #ffffff;
+      }
+    }
+    margin-top: $padding-sm;
+  }
+}
+</style>
@@ -0,0 +1,341 @@
+<template>
+  <Page name="change-fee">
+    <template #content>
+      <u-alert type="warning" description="注意：只支持修改总运费，未支付或支付失败的款项"></u-alert>
+      <view class="card">
+        <view class="item">
+          <view class="th">费用项</view>
+          <view class="th">原运费</view>
+          <view class="th">修改后运费</view>
+        </view>
+        <view class="item line-solid"> </view>
+        <view class="item">
+          <view class="td">应付司机运费</view>
+          <view class="amount">￥{{ item.paidAmount }}</view>
+          <view class="amount">
+            <text>￥</text>
+            <u-input type="digit" @change="computedService" v-model="form.paidAmount" suffix-icon="arrow-right" border="none" placeholder="请输入"> </u-input>
+          </view>
+        </view>
+        <view class="item">
+          <view class="td">安全服务费</view>
+          <view class="amount">￥{{ item.securityServiceAmount ? item.securityServiceAmount : '0' }}</view>
+          <view class="amount">
+            <text>￥</text>
+            <u-input v-model="form.securityServiceAmount" border="none" disabled placeholder="自动计算"></u-input>
+          </view>
+        </view>
+        <view class="item line-dashed"> </view>
+        <view class="item" v-if="oilAmount.show">
+          <view class="td">
+            <text>油卡</text>
+            <text v-if="oilAmount.payStatus === 'PAY_SUCCESS'" class="td--success">已支付</text>
+            <text v-if="oilAmount.payStatus === 'PAY_FAILED'" class="td--warning">支付失败</text>
+            <text v-if="oilAmount.payStatus === 'NOT_PAY'" class="td--info">未支付</text>
+            <text v-if="oilAmount.payStatus === 'PAYING'" class="td--paying">支付中</text>
+          </view>
+          <view class="amount">￥{{ oilAmount.amount }}</view>
+          <view class="amount">
+            <text>￥</text>
+            <u-input type="digit" @change="computedService" v-model="form.oilAmount" border="none" suffix-icon="arrow-right" placeholder="请输入" :disabled="oilAmount.disabled"></u-input>
+          </view>
+        </view>
+        <view class="item" v-if="prePay.show">
+          <view class="td">
+            <text>预付款</text>
+            <text v-if="prePay.payStatus === 'PAY_SUCCESS'" class="td--success">已支付</text>
+            <text v-if="prePay.payStatus === 'PAY_FAILED'" class="td--warning">支付失败</text>
+            <text v-if="prePay.payStatus === 'NOT_PAY'" class="td--info">未支付</text>
+            <text v-if="prePay.payStatus === 'PAYING'" class="td--paying">支付中</text>
+          </view>
+          <view class="amount">￥{{ prePay.amount ? prePay.amount : '0' }}</view>
+          <view class="amount">
+            <text>￥</text>
+            <u-input type="digit" @change="computedService" v-model="form.prepaidAmount" border="none" suffix-icon="arrow-right" :disabled="prePay.disabled" placeholder="请输入"></u-input>
+          </view>
+        </view>
+        <view class="item" v-if="arrivalPay.show">
+          <view class="td">
+            <text>货到款</text>
+            <text v-if="arrivalPay.payStatus === 'PAY_SUCCESS'" class="td--success">已支付</text>
+            <text v-if="arrivalPay.payStatus === 'PAY_FAILED'" class="td--warning">支付失败</text>
+            <text v-if="arrivalPay.payStatus === 'NOT_PAY'" class="td--info">未支付</text>
+            <text v-if="arrivalPay.payStatus === 'PAYING'" class="td--paying">支付中</text>
+          </view>
+          <view class="amount">￥{{ arrivalPay.amount ? arrivalPay.amount : '0' }}</view>
+          <view class="amount">
+            <text>￥</text>
+            <u-input
+              border="none"
+              type="digit"
+              @change="computedService"
+              v-model="form.deliveryAmount"
+              :suffix-icon="autoComputedArrival ? '' : 'arrow-right'"
+              :placeholder="autoComputedArrival ? '自动计算' : '请输入'"
+              :disabled="autoComputedArrival || arrivalPay.disabled"
+            ></u-input>
+          </view>
+        </view>
+        <view class="item">
+          <view class="td">
+            <text>尾款</text>
+            <text v-if="final.payStatus === 'PAY_SUCCESS'" class="td--success">已支付</text>
+            <text v-if="final.payStatus === 'PAY_FAILED'" class="td--warning">支付失败</text>
+            <text v-if="final.payStatus === 'NOT_PAY'" class="td--info">未支付</text>
+            <text v-if="final.payStatus === 'PAYING'" class="td--paying">支付中</text>
+          </view>
+          <view class="amount">￥{{ final.amount ? final.amount : '0' }}</view>
+          <view class="amount">
+            <text>￥</text>
+            <u-input
+              border="none"
+              type="digit"
+              @change="computedService"
+              v-model="form.balancePaymentAmount"
+              :suffix-icon="!autoComputedArrival ? '' : 'arrow-right'"
+              :placeholder="!autoComputedArrival ? '自动计算' : '请输入'"
+              :disabled="!autoComputedArrival || final.disabled"
+            ></u-input>
+          </view>
+        </view>
+      </view>
+    </template>
+    <template #footer>
+      <u-button type="primary" @tap="submit">确定更改</u-button>
+    </template>
+  </Page>
+</template>
+<script>
+export default {
+  name: 'change-fee',
+  data() {
+    return {
+      currentFreight: {},
+      item: {
+        orderFeePayPlanList: [],
+      },
+      form: {
+        paidAmount: '',
+        oilAmount: '',
+        deliveryAmount: '',
+        prepaidAmount: '',
+        balancePaymentAmount: '',
+      },
+    };
+  },
+  computed: {
+    oilAmount() {
+      let resList = this.item.orderFeePayPlanList ? this.item.orderFeePayPlanList.filter(i => i.type === 'OIL_COST') : [];
+      let res = resList.length === 1 ? resList[0] : {};
+      return {
+        ...res,
+        show: this.item.oilPayFlag,
+        disabled: !['NOT_PAY', 'PAY_FAILED', '', null, undefined].includes(res.payStatus),
+      };
+    },
+    prePay() {
+      let resList = this.item.orderFeePayPlanList.filter(i => i.type === 'OUT_INVITE_PRE');
+      let res = resList.length === 1 ? resList[0] : {};
+      return {
+        ...res,
+        show: this.item.prePayFlag,
+        disabled: !['NOT_PAY', 'PAY_FAILED', '', null, undefined].includes(res.payStatus),
+      };
+    },
+    arrivalPay() {
+      let resList = this.item.orderFeePayPlanList.filter(i => i.type === 'OUT_INVITE_ARRIVAL');
+      let res = resList.length === 1 ? resList[0] : {};
+      return {
+        ...res,
+        show: this.item.arrivalPayFlag,
+        disabled: !['NOT_PAY', 'PAY_FAILED', '', null, undefined].includes(res.payStatus),
+      };
+    },
+    final() {
+      let resList = this.item.orderFeePayPlanList.filter(i => i.type === 'OUT_INVITE_FINAL');
+      let res = resList.length === 1 ? resList[0] : {};
+      return {
+        ...res,
+        show: true,
+        disabled: !['NOT_PAY', 'PAY_FAILED', '', null, undefined].includes(res.payStatus),
+      };
+    },
+    autoComputedArrival() {
+      // 自动计算货到
+      return 'OUT_INVITE_ARRIVAL' === this.currentFreight?.autoComputeFeeType;
+    },
+  },
+  onLoad(options) {
+    if (options.code) {
+      this.initData(options.code);
+    }
+  },
+  methods: {
+    initData(code) {
+      uni.$u.api.freightOrder.currentFreight({}).then(en => {
+        this.currentFreight = en?.result || {};
+      });
+      uni.$u.api.freightOrder.getDetail({ code }).then(res => {
+        this.item = res.result || {};
+        this.form.paidAmount = this.item.paidAmount;
+        this.updateAfterAmount(this.item.orderFeePayPlanList);
+      });
+    },
+    updateAfterAmount(list) {
+      let oilPay = list.filter(i => i.type === 'OIL_COST')[0];
+      let prePay = list.filter(i => i.type === 'OUT_INVITE_PRE')[0];
+      let arrivalPay = list.filter(i => i.type === 'OUT_INVITE_ARRIVAL')[0];
+      let finalPay = list.filter(i => i.type === 'OUT_INVITE_FINAL')[0];
+      this.form = {
+        ...this.form,
+        oilAmount: oilPay.amount,
+        prepaidAmount: prePay.amount,
+        deliveryAmount: arrivalPay.amount,
+        balancePaymentAmount: finalPay.amount || 0,
+      };
+    },
+    computedService() {
+      uni.$u.debounce(this.getServiceAmountInfo, 500);
+    },
+    getServiceAmountInfo() {
+      const { paidAmount = '0', oilAmount = '0', deliveryAmount = '0', prepaidAmount = '0', balancePaymentAmount = '0' } = this.form;
+      const { goodsName = '', goodsValue = '' } = this.item;
+      let params = {
+        paidAmount,
+        deliveryAmount,
+        prepaidAmount,
+        oilAmount,
+        balancePaymentAmount,
+        goodsName,
+        goodsValue,
+        enterpriseId: this.item.enterpriseId,
+        code: this.item.code,
+      };
+      uni.$u.api.freightOrder.getServiceAmount(params).then(res => {
+        if (res.success) {
+          this.form.paidAmount = res.result.paidAmount || paidAmount;
+          this.form.prepaidAmount = res.result.prepaidAmount || prepaidAmount;
+          this.form.oilAmount = res.result.oilAmount || oilAmount;
+          this.form.deliveryAmount = res.result.deliveryAmount || '0';
+          this.form.balancePaymentAmount = res.result.balancePaymentAmount || '0';
+          this.form.driverSecurityServiceAmount = res.result.driverSecurityServiceAmount || '0';
+          this.form.securityServiceAmount = res.result.securityServiceAmount || '0';
+          this.form.serviceAmount = res.result.serviceAmount || '0';
+        }
+      });
+    },
+    submit() {
+      let params = [
+        { ...this.oilAmount, afterAmount: this.form.oilAmount },
+        { ...this.prePay, afterAmount: this.form.prepaidAmount },
+        { ...this.arrivalPay, afterAmount: this.form.deliveryAmount },
+        { ...this.final, afterAmount: this.form.balancePaymentAmount },
+      ];
+      uni.$u.api.freightOrder.adjustAmount({ feeList: params, code: this.item.code, paidAmount: this.form.paidAmount }).then(res => {
+        if (res.success) {
+          uni.showToast({ title: '操作成功', icon: 'none' });
+          this.getOpenerEventChannel().emit('refreshData');
+          setTimeout(() => uni.navigateBack(), 500);
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+.page-change-fee {
+  &__content {
+    padding-top: 0 !important;
+  }
+  &__footer {
+    background: $color-white;
+  }
+  .card {
+    background-color: $color-white;
+    color: $color-text;
+    padding: $padding-sm;
+    margin: $padding-sm;
+    border-radius: $radius-md;
+    box-shadow: $shadow-normal;
+    font-size: $font-md;
+    .line-solid {
+      border-bottom: 1px solid #dddddd;
+    }
+    .line-dashed {
+      border-bottom: 1px dashed #dddddd;
+    }
+    .item + .item {
+      margin-top: $padding-md;
+    }
+    .item {
+      display: flex;
+      view {
+        flex: 1;
+      }
+      .th {
+        font-weight: 500;
+        font-size: 30upx;
+        color: #2b2a27;
+        line-height: 30upx;
+        text-align: left;
+        font-style: normal;
+      }
+      .td {
+        font-weight: 400;
+        font-size: 28upx;
+        color: #999999;
+        line-height: 28upx;
+        text-align: left;
+        font-style: normal;
+        &--warning {
+          color: #f52723;
+          font-size: 20rpx;
+          margin-left: 20upx;
+          padding-left: 10upx;
+          padding-right: 10upx;
+          border-radius: 8upx;
+          border: 2rpx solid #f52723;
+        }
+        &--info {
+          color: #999999;
+          font-size: 20upx;
+          margin-left: 20upx;
+          padding-left: 10upx;
+          padding-right: 10upx;
+          border-radius: 8upx;
+          border: 2rpx solid #999999;
+        }
+        &--paying {
+          color: #ff9339;
+          font-size: 20upx;
+          margin-left: 20upx;
+          padding-left: 10upx;
+          padding-right: 10upx;
+          border-radius: 8upx;
+          border: 2rpx solid #ff9339;
+        }
+        &--success {
+          color: #00b87a;
+          font-size: 20upx;
+          margin-left: 20upx;
+          padding-left: 10upx;
+          padding-right: 10upx;
+          border-radius: 8upx;
+          border: 2rpx solid #00b87a;
+        }
+      }
+      .amount {
+        font-weight: 400;
+        font-size: 28upx;
+        color: #2b2a27;
+        line-height: 28upx;
+        text-align: left;
+        font-style: normal;
+        display: flex;
+        align-items: center;
+      }
+    }
+  }
+}
+</style>
@@ -0,0 +1,116 @@
+<template>
+  <Page name="change-goods" flank>
+    <template #content>
+      <u-form :model="form" ref="uForm" labelWidth="100">
+        <view class="card">
+          <u-form-item label="货物名称" required @click="choseGoodsName">
+            <u-input v-model="form.goodsName" border="none" suffix-icon="arrow-right" placeholder="请选择" disabledColor="#ffffff" disabled />
+          </u-form-item>
+          <u-form-item v-if="showGoodsValue" label="货物价值" required>
+            <u-input v-model="form.goodsValue" border="none" type="number" placeholder="请输入" />
+          </u-form-item>
+          <u-form-item label="货物件数">
+            <u-input v-model="form.goodsPiece" border="none" type="number" placeholder="请输入，选填" />
+          </u-form-item>
+          <u-form-item label="货物吨数" required>
+            <u-input v-model="form.goodsWeight" border="none" type="number" placeholder="请输入" />
+          </u-form-item>
+          <u-form-item label="货物方数">
+            <u-input v-model="form.goodsVolume" border="none" type="number" placeholder="请输入，选填" />
+          </u-form-item>
+        </view>
+      </u-form>
+    </template>
+    <template #footer>
+      <u-button type="primary" @tap="submit">确认修改</u-button>
+    </template>
+  </Page>
+</template>
+
+<script>
+import { urlParam } from '@/utils/param';
+export default {
+  name: 'change-goods',
+  data() {
+    return {
+      form: {
+        goodsName: '',
+        goodsValue: '',
+        goodsPiece: '',
+        goodsWeight: '',
+        goodsVolume: '',
+      },
+      item: {},
+      currentFreight: {},
+    };
+  },
+  onLoad(options) {
+    if (options.code) {
+      this.initData(options.code);
+    }
+  },
+  computed: {
+    showGoodsValue() {
+      return this.currentFreight ? this.currentFreight.driverSecurityServiceFlag || this.currentFreight.securityServiceFlag : false;
+    },
+  },
+  methods: {
+    initData(code) {
+      uni.$u.api.freightOrder.currentFreight({}).then(en => {
+        this.currentFreight = en?.result || {};
+      });
+      uni.$u.api.freightOrder.getDetail({ code }).then(res => {
+        this.item = res.result || {};
+        this.form = {
+          goodsName: this.item.goodsName,
+          goodsValue: this.item.goodsValue,
+          goodsPiece: this.item.goodsPiece,
+          goodsWeight: this.item.goodsWeight,
+          goodsVolume: this.item.goodsVolume,
+        };
+      });
+    },
+    choseGoodsName() {
+      uni.$once('select-common', option => {
+        this.form.goodsName = option.name;
+      });
+      uni.navigateTo({
+        url: `/pages/global/search-common${urlParam({
+          mode: 'select',
+          url: 'goodsName',
+          title: '货物名称',
+          label: 'name',
+          value: '',
+        })}`,
+      });
+    },
+    submit() {
+      uni.$u.api.freightOrder.modifyGoods({ code: this.item.code, ...this.form }).then(res => {
+        if (res.success) {
+          uni.showToast({ title: '操作成功', icon: 'none' });
+          this.getOpenerEventChannel().emit('refreshData');
+          setTimeout(() => uni.navigateBack(), 500);
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+.page-change-goods {
+  &__footer {
+    background: $color-white;
+  }
+  .card {
+    color: #999999;
+    background-color: $color-white;
+    border-radius: $radius-md;
+    box-shadow: $shadow-normal;
+    .u-form-item {
+      padding-left: $padding-md !important;
+      padding-right: $padding-sm !important;
+    }
+  }
+}
+</style>
@@ -0,0 +1,611 @@
+<template>
+  <Page name="order-detail" flank>
+    <template #content>
+      <view class="card">
+        <view class="card__header">
+          <view class="title">
+            <view class="order-no">
+              <field-copy :value="item.code" v-if="item.code">{{ item.code }} </field-copy>
+            </view>
+            <render-dict class="status" :style="{ color: colorMap[item.status] }" dict="FREIGHT_ORDER_STATUS" :value="item.status"></render-dict>
+          </view>
+        </view>
+        <view class="card__item">
+          {{ item.loadTime }}装货
+          <text v-if="item.waitHandleExceptionNumber" class="card__item--warning">{{ item.waitHandleExceptionNumber || '0' }}个异常待处理</text>
+        </view>
+        <view class="card__steps">
+          <view class="step">
+            <view class="step-item">
+              <view class="icon-waypoint icon-start">装</view>
+              <view style="flex: 1">
+                <view class="city">{{ item.waypoints[0].cityName }}-{{ item.waypoints[0].areaName }}</view>
+                <view class="address">{{ item.waypoints[0].address }}</view>
+                <view class="address">
+                  <text>{{ item.waypoints[0].contactName ? item.waypoints[0].contactName : '' }}</text>
+                  <text>{{ item.waypoints[0].contactMobile ? item.waypoints[0].contactMobile : '' }}</text>
+                </view>
+                <view class="address_action">
+                  <view> {{ item.confirmDepartureTime ? item.confirmDepartureTime + '发车' : '' }} </view>
+                  <view v-if="['TRANSFER'].includes(item.status) && $permission('/freightOrder/depart')" @tap="toStartCar">
+                    <u--text text="修改发车时间" suffixIcon="arrow-right"></u--text>
+                  </view>
+                </view>
+              </view>
+            </view>
+            <view class="step-item">
+              <view class="icon-waypoint icon-end">卸</view>
+              <view style="flex: 1">
+                <view class="city">{{ item.waypoints[1].cityName }}-{{ item.waypoints[1].areaName }}</view>
+                <view class="address">{{ item.waypoints[1].address }}</view>
+                <view class="address">
+                  <text>{{ item.waypoints[1].contactName ? item.waypoints[1].contactName : '' }}</text>
+                  <text>{{ item.waypoints[1].contactMobile ? item.waypoints[1].contactMobile : '' }}</text>
+                </view>
+                <view class="address_action">
+                  <view> {{ item.confirmArrivalTime ? item.confirmArrivalTime + '到车' : '' }} </view>
+                  <view
+                    v-if="['COMPLETED'].includes(item.status) && !['ALREADY_SETTLEMENT'].includes(item.paymentSettlementStatus) && $permission('/freightOrder/arrive')"
+                    @tap="toArrivalCar"
+                  >
+                    <u--text text="修改到车时间" suffixIcon="arrow-right"></u--text>
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view class="card">
+        <view class="card__item">
+          <view class="card__item_field">所属项目</view>
+          <view class="card__item_content">{{ item.projectName }}</view>
+        </view>
+        <view class="card__item">
+          <view class="card__item_field">内部单号</view>
+          <view class="card__item_content">
+            <view class="text">
+              <field-copy :value="item.customerOrderCode" v-if="item.customerOrderCode">{{ item.customerOrderCode }}</field-copy>
+            </view>
+            <view class="action" @tap="(customerOrderCode = ''), (popShow = true)"> <u--text text="修改" suffixIcon="arrow-right"></u--text> </view>
+          </view>
+        </view>
+        <view class="card__item">
+          <view class="card__item_field">货物信息</view>
+          <view class="card__item_content">
+            <view class="text">
+              <text v-if="!!item.goodsName">{{ item.goodsName }}</text>
+              <text v-if="!!item.goodsPiece">{{ item.goodsPiece }}件</text>
+              <text v-if="!!item.goodsWeight">{{ item.goodsWeight }}吨</text>
+              <text v-if="!!item.goodsVolume">{{ item.goodsVolume }}方</text>
+            </view>
+            <view v-if="$permission('/freightOrder/modifyGoods')" class="action" @tap="toChangeGoods"> <u--text text="修改" suffixIcon="arrow-right"></u--text> </view>
+          </view>
+        </view>
+        <view class="card__item">
+          <view class="card__item_field">订单备注</view>
+          <view class="card__item_content">{{ item.remark ? item.remark : '' }}</view>
+        </view>
+        <view class="card__item">
+          <view class="card__item_field">回单照片</view>
+          <view class="card__item_content">
+            <z-upload v-if="item.receiptAttachment" v-model="item.receiptAttachment" :limit="20" readonly disabled></z-upload>
+          </view>
+          <view v-if="['COMPLETED'].includes(item.status) && $permission('/freightOrder/modifyReceiptAttachment')" class="action" @tap="toUploadReceipt">
+            <u--text text="修改" suffixIcon="arrow-right"></u--text>
+          </view>
+        </view>
+      </view>
+      <view class="card">
+        <view class="card__header">
+          <view class="label"> 司机车辆 </view>
+          <view
+            v-if="
+              $permission('/freightOrder/assignVehicle') &&
+              !['ALREADY_SETTLEMENT'].includes(item.paymentSettlementStatus) &&
+              ['WAIT_CONFIRM', 'WAIT_ACCEPT', 'WAIT_DEPART', 'TRANSFER', 'COMPLETED'].includes(item.status)
+            "
+            class="action"
+            @tap="toAgainAssign"
+          >
+            <u--text text="重新指派" suffixIcon="arrow-right"></u--text>
+          </view>
+        </view>
+        <view class="card__item">
+          <view class="card__item_field">司机</view>
+          <view class="card__item_content">
+            <view>
+              <text v-if="!!item.driverName">{{ item.driverName }}</text>
+              <text v-if="!!item.driverMobile">{{ item.driverMobile }}</text>
+              <text v-if="item.driverMobile && item.driverCertifiedStatus === 'NOT_CERTIFIED'" class="card__item--warning">未认证</text>
+              <text v-if="item.driverMobile && item.driverCertifiedStatus === 'CERTIFYING'" class="card__item--paying">认证中</text>
+            </view>
+          </view>
+        </view>
+        <view class="card__item">
+          <view class="card__item_field">收款人</view>
+          <view class="card__item_content">
+            <view class="text">
+              <text>{{ item.payee ? item.payee : '' }}</text>
+              <text>
+                {{ item.payeeMobile ? item.payeeMobile : '' }}
+                <text v-if="item.payeeMobile && item.bindBankCardNoFlag === false" class="card__item--warning">未绑卡</text>
+              </text>
+            </view>
+            <view
+              v-if="
+                $permission('/freightOrder/modifyPayee') &&
+                !['ALREADY_SETTLEMENT'].includes(item.paymentSettlementStatus) &&
+                ['WAIT_CONFIRM', 'WAIT_ACCEPT', 'WAIT_DEPART', 'TRANSFER', 'COMPLETED'].includes(item.status)
+              "
+              class="action"
+              @tap="changePayee"
+            >
+              <u--text text="更换收款人" suffixIcon="arrow-right"></u--text>
+            </view>
+          </view>
+        </view>
+        <payee :value="payeeModel"></payee>
+        <view class="card__item">
+          <view class="card__item_field">车型</view>
+          <view class="card__item_content">
+            <view>
+              <text>{{ item.specification ? item.specification : '' }}</text>
+              <render-dict dict="VEHICLE_COMPARTMENT_TYPE" :value="item.vanType"></render-dict>
+            </view>
+          </view>
+        </view>
+        <view class="card__item">
+          <view class="card__item_field">车牌号</view>
+          <view class="card__item_content">
+            <text>
+              {{ item.vehicleLicenseNum ? item.vehicleLicenseNum : '' }}
+              <text v-if="item.vehicleLicenseNum && item.vehicleCertifiedStatus === 'NOT_CERTIFIED'" class="card__item--warning">未认证</text>
+              <text v-if="item.vehicleLicenseNum && item.vehicleCertifiedStatus === 'CERTIFYING'" class="card__item--paying">认证中</text>
+            </text>
+          </view>
+        </view>
+        <view class="card__item">
+          <view class="card__item_field">车挂号</view>
+          <view class="card__item_content">
+            <text>
+              {{ item.trailerLicenseNum ? item.trailerLicenseNum : '' }}
+              <text v-if="item.extraTrailerFlag" class="card__item--warning">多车挂</text>
+              <text v-if="item.missTrailerFlag" class="card__item--warning">缺车挂</text>
+              <text v-if="item.trailerLicenseNum && !item.extraTrailerFlag && item.trailerVehicleCertifiedStatus === 'NOT_CERTIFIED'" class="card__item--warning">未认证</text>
+              <text v-if="item.trailerLicenseNum && !item.extraTrailerFlag && item.trailerVehicleCertifiedStatus === 'CERTIFYING'" class="card__item--paying">认证中</text>
+            </text>
+          </view>
+        </view>
+      </view>
+      <view class="card">
+        <view class="card__header">
+          <view class="label"> 订单费用 </view>
+          <view
+            v-if="
+              $permission('/freightOrder/adjustAmount') &&
+              !['ALREADY_SETTLEMENT'].includes(item.paymentSettlementStatus) &&
+              ['WAIT_CONFIRM', 'WAIT_ACCEPT', 'WAIT_DEPART', 'TRANSFER', 'COMPLETED'].includes(item.status)
+            "
+            class="action"
+            @tap="toChangeFee"
+          >
+            <u--text text="更改运费" suffixIcon="arrow-right"></u--text>
+          </view>
+        </view>
+        <view class="card__item" v-if="!!item.paidAmount">
+          <view class="card__item_field">应付司机运费</view>
+          <view class="card__item_content">￥{{ item.paidAmount }}</view>
+        </view>
+        <view class="card__item" v-if="!!item.securityServiceAmount">
+          <view class="card__item_field">安全服务费</view>
+          <view class="card__item_content">￥{{ item.securityServiceAmount }}</view>
+        </view>
+        <view class="card__item">
+          <view class="card__item_field">综合服务费</view>
+          <view class="card__item_content">￥{{ item.serviceAmount ? item.serviceAmount : '' }}</view>
+        </view>
+        <view class="count-line">
+          <view class="field">订单总额</view>
+          <view class="number">￥{{ item.totalAmount ? item.totalAmount : '' }}</view>
+        </view>
+      </view>
+      <view class="card">
+        <view class="card__header">
+          <view class="label"> 司机运费 </view>
+        </view>
+        <view class="card__item" v-for="(it, i) in amountList" :key="i">
+          <view class="card__item_field">
+            <render-dict dict="ONLINE_FREIGHT_ORDER_FEE_TYPE" :value="it.type"></render-dict>
+          </view>
+          <view class="card__item_content">￥{{ it.amount }}</view>
+          <view v-if="it.payStatus === 'PAY_FAILED'" class="card__item--warning">支付失败:{{ it.remark }}</view>
+          <view v-if="it.payStatus === 'PAYING'" class="card__item--paying">支付中</view>
+          <view v-if="it.payStatus === 'PAY_SUCCESS'" class="card__item--success">已支付</view>
+        </view>
+        <view class="count-line">
+          <view class="field">实付司机运费</view>
+          <view class="number">￥{{ item.freightAmount }}</view>
+        </view>
+      </view>
+      <view class="card">
+        <u-steps current="0" direction="column" dot>
+          <u-steps-item v-for="(it, i) in item.operateRecords" :key="i" :title="it.type" :desc="it.operateTime"> </u-steps-item>
+        </u-steps>
+      </view>
+    </template>
+    <u-popup :show="popShow" type="center" @close="popShow = false" closeable>
+      <view class="modify-customer">
+        <view class="title">修改内部单号</view>
+        <u-input v-model="customerOrderCode"></u-input>
+        <view class="but">
+          <u-button type="primary" @click="modifyCustomerFun">确定</u-button>
+        </view>
+      </view>
+    </u-popup>
+  </Page>
+</template>
+<script>
+import FieldCopy from '../../components/field/field-copy.vue';
+import Payee from '../../components/card/payee.vue';
+import USteps from '../../uni_modules/uview-ui/components/u-steps/u-steps.vue';
+import UStepsItem from '../../uni_modules/uview-ui/components/u-steps-item/u-steps-item.vue';
+import ZUpload from '../../components/zee/z-upload.vue';
+import UPopup from '../../uni_modules/uview-ui/components/u-popup/u-popup.vue';
+import UInput from '../../uni_modules/uview-ui/components/u--input/u--input.vue';
+import UButton from '../../uni_modules/uview-ui/components/u-button/u-button.vue';
+import page from '../../mixins/page';
+
+export default {
+  name: 'order-detail',
+  mixins: [page],
+  components: { UButton, UInput, UPopup, ZUpload, UStepsItem, USteps, Payee, FieldCopy },
+  data() {
+    return {
+      popShow: false,
+      customerOrderCode: '',
+      colorMap: {
+        WAIT_CONFIRM: '#F52723',
+        WAIT_ACCEPT: '#FF9339',
+        WAIT_DEPART: '#666666',
+        TRANSFER: '#2673FB',
+        COMPLETED: '#00B87A',
+        CANCEL: '#999999',
+      },
+      item: {
+        code: '',
+        status: 'TRANSFER',
+        projectName: '',
+        loadTime: '',
+        customerOrderCode: '',
+        remark: '',
+        receiptAttachment: '',
+        waypoints: [
+          { cityName: '', areaName: '', address: '' },
+          { cityName: '', areaName: '', address: '' },
+        ],
+      },
+    };
+  },
+  computed: {
+    amountList() {
+      return this.item.orderFeePayPlanList ? this.item.orderFeePayPlanList.filter(i => i.amount && i.amount > 0) : [];
+    },
+    payeeModel() {
+      return this.item.payee
+        ? {
+            dueBank: this.item.payee,
+            dueBankCardNo: this.item.dueBankCardNo,
+            openingBank: this.item.openingBank,
+          }
+        : {};
+    },
+  },
+  onLoad(options) {
+    if (options.code) {
+      this.initData(options.code);
+    }
+  },
+  methods: {
+    initData(code) {
+      uni.$u.api.freightOrder.getDetail({ code }).then(res => {
+        this.item = res.result || {};
+      });
+    },
+    toStartCar() {
+      uni.navigateTo({
+        url: '/pages/order/start-car?code=' + this.item.code,
+        events: {
+          refreshData: () => {
+            this.initData(this.item.code);
+          },
+        },
+      });
+    },
+    toArrivalCar() {
+      uni.navigateTo({
+        url: '/pages/order/arrival-car?code=' + this.item.code,
+        events: {
+          refreshData: () => {
+            this.initData(this.item.code);
+          },
+        },
+      });
+    },
+    toChangeFee() {
+      uni.navigateTo({
+        url: '/pages/order/change-fee?code=' + this.item.code,
+        events: {
+          refreshData: () => {
+            this.initData(this.item.code);
+          },
+        },
+      });
+    },
+    toAgainAssign() {
+      uni.navigateTo({
+        url: '/pages/order/again-assign?code=' + this.item.code,
+        events: {
+          refreshData: () => {
+            this.initData(this.item.code);
+          },
+        },
+      });
+    },
+    toUploadReceipt() {
+      uni.navigateTo({
+        url: '/pages/order/upload-receipt?code=' + this.item.code,
+        events: {
+          refreshData: () => {
+            this.initData(this.item.code);
+          },
+        },
+      });
+    },
+    toChangeGoods() {
+      uni.navigateTo({
+        url: '/pages/order/change-goods?code=' + this.item.code,
+        events: {
+          refreshData: () => {
+            this.initData(this.item.code);
+          },
+        },
+      });
+    },
+    changePayee() {
+      uni.$once('select-payee', obj => {
+        uni.$u.api.freightOrder.modifyPayee({ payeeId: obj.driverId, code: this.item.code }).then(res => {
+          if (res.success) {
+            this.initData(this.item.code);
+          }
+        });
+      });
+      uni.navigateTo({
+        url: '/pages/global/search-payee',
+      });
+    },
+    modifyCustomerFun() {
+      uni.$u.api.freightOrder.modifyCustomerOrderCode({ customerOrderCode: this.customerOrderCode, code: this.item.code }).then(res => {
+        if (res.success) {
+          this.popShow = false;
+          this.initData(this.item.code);
+        }
+      });
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+.page-order-detail {
+  .modify-customer {
+    padding: $padding-md;
+    .title {
+      font-weight: 400;
+      font-size: 32rpx;
+      color: #2b2a27;
+      line-height: 45px;
+      text-align: left;
+      font-style: normal;
+    }
+    .but {
+      margin-top: $padding-md;
+    }
+  }
+  .card {
+    background-color: $color-white;
+    color: $color-text;
+    padding: $padding-sm;
+    margin-bottom: $padding-sm;
+    border-radius: $radius-md;
+    box-shadow: $shadow-normal;
+    font-size: $font-md;
+    &__header {
+      display: flex;
+      align-items: center;
+      border-bottom: 1px solid $color-border;
+      padding-bottom: $padding-sm;
+      margin-bottom: $padding-sm;
+      justify-content: space-between;
+      .title {
+        width: 100%;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: space-between;
+        .order-no {
+          display: flex;
+          align-items: center;
+        }
+        .status {
+          font-weight: bold;
+        }
+      }
+    }
+    .count-line {
+      padding-top: $padding-sm;
+      margin-top: $padding-sm;
+      border-top: 1px solid $color-border;
+      display: flex;
+      justify-content: space-between;
+      .field {
+        font-weight: 400;
+        font-size: 28upx;
+        color: #999999;
+        line-height: 28upx;
+        text-align: left;
+      }
+      .number {
+        font-weight: 600;
+        font-size: 28upx;
+        color: #2b2a27;
+        line-height: 28upx;
+        text-align: center;
+        font-style: normal;
+      }
+    }
+    &__item {
+      display: flex;
+      font-size: 26upx;
+      color: #999999;
+      align-content: baseline;
+      &--warning {
+        color: #f52723;
+        font-size: 20rpx;
+        margin-left: 20upx;
+        padding-left: 10upx;
+        padding-right: 10upx;
+        border-radius: 8upx;
+        border: 2rpx solid #f52723;
+      }
+      &--paying {
+        color: #ff9339;
+        font-size: 20rpx;
+        margin-left: 20upx;
+        padding-left: 10upx;
+        padding-right: 10upx;
+        border-radius: 8upx;
+        border: 2rpx solid #ff9339;
+      }
+      &--success {
+        color: #00b87a;
+        font-size: 20rpx;
+        margin-left: 20upx;
+        padding-left: 10upx;
+        padding-right: 10upx;
+        border-radius: 8upx;
+        border: 2rpx solid #00b87a;
+      }
+      &_field {
+        font-weight: 400;
+        font-size: 28upx;
+        line-height: 28upx;
+        color: #999999;
+        width: 170upx;
+        text-align: left;
+      }
+      &_content {
+        flex: 1;
+        font-weight: 400;
+        font-size: 28upx;
+        line-height: 28upx;
+        color: #2b2a27;
+        text-align: left;
+        font-style: normal;
+        display: flex;
+        justify-content: space-between;
+        &_text {
+          font-weight: 400;
+          font-size: 28upx;
+          line-height: 28upx;
+          text-align: left;
+          font-style: normal;
+        }
+        &_action {
+          font-weight: 400;
+          font-size: 28upx;
+          line-height: 28upx;
+          color: #2673fb;
+          text-align: right;
+          font-style: normal;
+        }
+        text + text {
+          margin-left: 10rpx;
+        }
+      }
+    }
+    .card__item + .card__item {
+      margin-top: $padding-sm;
+    }
+    &__steps {
+      margin-top: $padding-md;
+      .step {
+        &-item {
+          display: flex;
+          align-content: space-around;
+          font-size: $font-md;
+          .icon-waypoint {
+            font-size: $font-sm;
+            margin-right: $padding-sm;
+            height: $padding-md * 1.2;
+            width: $padding-md * 1.2;
+            min-width: $padding-md * 1.2;
+          }
+          .city {
+            font-weight: 500;
+            font-size: 32upx;
+            color: #2b2a27;
+            line-height: 32upx;
+            text-align: left;
+            font-style: normal;
+          }
+          .address {
+            font-weight: 400;
+            font-size: 24upx;
+            color: #999999;
+            line-height: 33upx;
+            text-align: left;
+            font-style: normal;
+            text + text {
+              margin-left: 10rpx;
+            }
+          }
+          .address_action {
+            font-weight: 400;
+            font-size: 24upx;
+            color: #2673fb;
+            line-height: 33upx;
+            text-align: left;
+            font-style: normal;
+            display: flex;
+            justify-content: space-between;
+            .u-icon {
+              display: inline-block !important;
+            }
+          }
+          &:not(:first-child) {
+            margin-top: $padding-md;
+          }
+        }
+      }
+    }
+    &_label {
+    }
+    .label {
+      font-weight: 500;
+      font-size: 32rpx;
+      color: #2b2a27;
+    }
+    .action {
+      font-weight: 400;
+      font-size: 28rpx;
+      color: #007aff;
+    }
+  }
+  .aux-color {
+    color: #999999;
+  }
+  .main-color {
+    color: #2b2a27;
+  }
+}
+</style>
@@ -0,0 +1,117 @@
+<template>
+  <Page name="order-filter" flank>
+    <template #content>
+      <u-form :model="searchForm" ref="uForm" labelWidth="100">
+        <u-form-item label="订单号"><u-input v-model="searchForm.code" /></u-form-item>
+        <u-form-item label="司机姓名"><u-input v-model="searchForm.driverName" /></u-form-item>
+        <u-form-item label="司机手机号"><u-input v-model="searchForm.driverMobile" /></u-form-item>
+        <u-form-item label="车牌号"><u-input v-model="searchForm.vehicleLicenseNum" /></u-form-item>
+        <u-form-item label="存在未处理异常" labelWidth="130">
+          <u-radio-group v-model="searchForm.unHandledExceptionFlag">
+            <u-radio v-for="(item, index) in radioList" :key="index" :name="item.value">
+              {{ item.text }}
+            </u-radio>
+          </u-radio-group>
+        </u-form-item>
+      </u-form>
+    </template>
+    <template #footer>
+      <view class="footer">
+        <view class="reset" @click="resetChange">重置</view>
+        <view class="inquiry" @click="inquiryChange">查询</view>
+      </view>
+    </template>
+  </Page>
+</template>
+
+<script>
+export default {
+  name: 'order-filter',
+  props: {
+    searchModel: {
+      type: Object,
+      default: () => {
+        return {};
+      },
+    },
+  },
+  data() {
+    return {
+      searchForm: {
+        code: '', //
+        driverName: '',
+        driverMobile: '', // 客户
+        vehicleLicenseNum: '',
+        unHandledExceptionFlag: '', // 存在异常
+      },
+      radioList: [
+        { text: '是', value: 'true' },
+        { text: '否', value: 'false' },
+      ],
+    };
+  },
+  onLoad(option) {
+    Object.keys(option).forEach(i => {
+      this.searchForm[i] = option[i];
+    });
+  },
+  methods: {
+    // 重置
+    resetChange() {
+      this.searchForm = {
+        code: '', //
+        driverName: '',
+        driverMobile: '', // 客户
+        vehicleLicenseNum: '',
+        unHandledExceptionFlag: '', // 存在异常
+        startCityCode: '',
+        startCityName: '',
+        endCityCode: '',
+        endCityName: '',
+        projectCode: '',
+        projectName: '',
+      };
+    },
+    // 查询
+    inquiryChange() {
+      this.getOpenerEventChannel().emit('refreshData', this.searchForm);
+      setTimeout(() => uni.navigateBack(), 500);
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+.page-order-filter {
+  &__footer {
+    background: $color-white;
+    .footer {
+      display: flex;
+      justify-content: space-between;
+      .reset {
+        text-align: center;
+        width: 236upx;
+        height: 82upx;
+        line-height: 82upx;
+        margin-right: 20upx;
+        background: #dfebff;
+        border-radius: 14upx;
+        font-size: 30upx;
+        font-weight: 500;
+        color: $color-primary;
+      }
+      .inquiry {
+        text-align: center;
+        width: 450upx;
+        height: 82upx;
+        line-height: 82upx;
+        background: $color-primary;
+        border-radius: 14upx;
+        font-size: 30upx;
+        font-weight: 500;
+        color: #ffffff;
+      }
+    }
+  }
+}
+</style>
@@ -0,0 +1,462 @@
+<template>
+  <Page name="freight-order" flank>
+    <template #header>
+      <u-tabs :current="activeTab" :list="tabList" @click="onTabChange" :scrollable="true" :disabled="loading" :activeStyle="{ color: '#1E7B6B' }"> </u-tabs>
+      <view class="line"></view>
+      <view class="quick-tag">
+        <view class="quick-tag-group">
+          <view class="quick-tag-item" :class="searchForm.projectCode ? 'active' : ''" @click="selectQuickTag({ key: 'projectCode', value: searchForm.projectCode })">
+            <text>{{ searchForm.projectName || '所属项目' }}</text>
+            <view class="sx-img">
+              <image v-if="searchForm.projectCode" class="sx-image" :src="formatImagePath('active-down')"></image>
+              <image v-else class="sx-image" :src="formatImagePath('down')"></image>
+            </view>
+          </view>
+          <view class="quick-tag-item" :class="searchForm.startCityCode ? 'active' : ''" @click="selectQuickTag({ key: 'startCityCode', value: searchForm.startCityCode })">
+            <text>{{ searchForm.startCityName || '始发地' }}</text>
+            <view class="sx-img">
+              <image v-if="searchForm.startCityCode" class="sx-image" :src="formatImagePath('active-down')"></image>
+              <image v-else class="sx-image" :src="formatImagePath('down')"></image>
+            </view>
+          </view>
+          <view class="quick-tag-item" :class="searchForm.endCityCode ? 'active' : ''" @click="selectQuickTag({ key: 'endCityCode', value: searchForm.endCityCode })">
+            <text>{{ searchForm.endCityName || '目的地' }}</text>
+            <view class="sx-img">
+              <image v-if="searchForm.endCityCode" class="sx-image" :src="formatImagePath('active-down')"></image>
+              <image v-else class="sx-image" :src="formatImagePath('down')"></image>
+            </view>
+          </view>
+        </view>
+        <view class="quick-screen" @click="openFilter">
+          <image class="search-image" :src="formatImagePath('search')"></image>
+        </view>
+      </view>
+    </template>
+    <template #content>
+      <List ref="list" v-model="list" :api="orderAPI" @update:loading="e => (loading = e)">
+        <template v-for="(item, index) in list">
+          <card
+            @more="more"
+            @cancel="cancelOrder"
+            @delete="deleteOrder"
+            @uploadReceipt="toUploadReceipt"
+            @start="toStartCar"
+            @arrival="toArrivalCar"
+            @qrShow="qrCodeShow"
+            :key="index"
+            :item="item"
+            @tap="toDetail(item.code)"
+          ></card>
+        </template>
+        <template #empty>
+          <Empty tips="暂无数据" />
+        </template>
+      </List>
+      <view v-if="$permission('/freightOrder/add')" class="add-order" @tap="toAddPage('')">
+        <image class="sx-image" src="/static/addOrder.png"></image>
+      </view>
+    </template>
+    <u-popup :show="popShow" @close="closePop" closeable>
+      <view class="popup">
+        <view class="title">{{ popConfig[popType].title }}</view>
+        <u--textarea v-model="popValue" :placeholder="popConfig[popType].placeholder" placeholderStyle="background:#f6f6f6" :cursorSpacing="60"></u--textarea>
+        <view class="but">
+          <u-button type="primary" @tap="popSubmit">确定</u-button>
+        </view>
+      </view>
+    </u-popup>
+    <u-popup :show="qrShow" @close="qrShow = false" mode="center" closeable>
+      <l-painter ref="painter" :board="poster"></l-painter>
+      <view style="margin-top: 30upx">
+        <u-button type="primary" @click="saveQrImage">保存</u-button>
+      </view>
+    </u-popup>
+  </Page>
+</template>
+<script>
+import { urlParam } from '@/utils/param';
+import card from './card.vue';
+import page from '../../mixins/page';
+import qrPainter from './qr-painter';
+import UButton from '../../uni_modules/uview-ui/components/u-button/u-button.vue';
+export default {
+  name: 'order',
+  mixins: [page, qrPainter],
+  components: { UButton, card },
+  data() {
+    return {
+      poster: {},
+      qrShow: false,
+      popType: 'cancel',
+      popValue: '',
+      popConfig: {
+        cancel: { fun: '', title: '取消原因', placeholder: '请输入取消原因，必填' },
+        delete: { fun: '', title: '删除原因', placeholder: '请输入删除原因，必填' },
+      },
+      loading: false,
+      popShow: false,
+      currentCode: '',
+      searchForm: {
+        projectCode: '',
+        projectName: '',
+        code: '', //
+        driverName: '',
+        driverMobile: '', // 客户
+        vehicleLicenseNum: '',
+        unHandledExceptionFlag: '', // 存在异常
+        startCityCode: '',
+        endCityCode: '',
+        status: '',
+      },
+      activeTab: 0,
+      count: {},
+      list: [],
+    };
+  },
+  onPullDownRefresh() {
+    this.onSearch();
+  },
+  computed: {
+    tabList() {
+      let list = [
+        { name: '全部', value: '', key: 'allCount' },
+        { name: '待确认', value: 'WAIT_CONFIRM', key: 'waitConfirm' },
+        { name: '待接单', value: 'WAIT_ACCEPT', key: 'waitAccept' },
+        { name: '待发车', value: 'WAIT_DEPART', key: 'waitDepart' },
+        { name: '运输中', value: 'TRANSFER', key: 'transfer' },
+        { name: '已完成', value: 'COMPLETED', key: 'completed' },
+        { name: '已取消', value: 'CANCEL', key: 'cancel' },
+      ];
+      return Object.keys(this.count).length > 0
+        ? list.map(item => {
+            return { ...item, name: `${item.name}(${this.count[item.key] || 0})`, disabled: this.loading };
+          })
+        : list;
+    },
+  },
+  methods: {
+    onTabChange({ index }) {
+      if (this.loading) {
+        return;
+      }
+      this.activeTab = index;
+      this.list = [];
+      this.onSearch();
+    },
+    selectQuickTag({ key, value }) {
+      this.searchForm = Object.assign(this.searchForm, { [key]: value });
+      if (key == 'startCityCode') {
+        uni.$once('select-city', option => {
+          this.searchForm.startCityCode = option.code;
+          this.searchForm.startCityName = option.shortName;
+          this.onSearch();
+        });
+        uni.navigateTo({ url: '/pages/global/search-city' });
+      } else if (key == 'endCityCode') {
+        uni.$once('select-city', option => {
+          this.searchForm.endCityCode = option.code;
+          this.searchForm.endCityName = option.shortName;
+          this.onSearch();
+        });
+        uni.navigateTo({ url: '/pages/global/search-city' });
+      } else if (key == 'projectCode') {
+        uni.$once('select-common', option => {
+          this.searchForm.projectCode = option.code;
+          this.searchForm.projectName = option.name;
+          this.onSearch();
+        });
+        uni.navigateTo({
+          url: `/pages/global/search-common${urlParam({
+            mode: 'select',
+            url: 'projectCode',
+            title: '项目',
+            label: 'name',
+            value: '',
+          })}`,
+        });
+      }
+    },
+    // 再来一单
+    more(code) {
+      this.currentCode = code;
+      this.toAddPage('?code=' + code);
+    },
+    // 取消订单
+    cancelOrder(code) {
+      this.currentCode = code;
+      this.popType = 'cancel';
+      this.popValue = '';
+      this.popShow = true;
+      uni.hideTabBar();
+    },
+    closePop() {
+      setTimeout(() => uni.showTabBar(), 300);
+      this.popShow = false;
+    },
+    popSubmit() {
+      if (!this.popValue) {
+        uni.showToast({ title: '请输入原因', icon: 'none' });
+        return;
+      }
+      uni.$u.api.freightOrder[this.popType]({
+        codeList: [this.currentCode],
+        reason: this.popValue,
+      }).then(res => {
+        if (res.success) {
+          this.closePop();
+          this.onSearch();
+        }
+      });
+    },
+    // 删除订单
+    deleteOrder(code) {
+      this.currentCode = code;
+      this.popType = 'delete';
+      this.popValue = '';
+      this.popShow = true;
+      uni.hideTabBar();
+    },
+    toUploadReceipt(code) {
+      uni.navigateTo({
+        url: '/pages/order/upload-receipt?code=' + code,
+        events: {
+          refreshData: () => {
+            this.onSearch();
+          },
+        },
+      });
+    },
+    toAddPage(param) {
+      uni.navigateTo({
+        url: '/pages/order/add' + param,
+        events: {
+          refreshData: option => {
+            this.onSearch();
+          },
+        },
+      });
+    },
+    // 筛选
+    openFilter() {
+      uni.navigateTo({
+        url: `/pages/order/filter${urlParam(this.searchForm)}`,
+        events: {
+          refreshData: option => {
+            this.searchForm = { ...this.searchForm, ...option };
+            this.onSearch();
+          },
+        },
+      });
+    },
+    orderAPI(params) {
+      let format = {
+        ...this.searchForm,
+        status: this.tabList[this.activeTab].value,
+      };
+      this.getAggregateType(format);
+      return uni.$u.api.freightOrder.page({
+        ...format,
+        ...params,
+      });
+    },
+    // 获取聚合数量
+    getAggregateType(params) {
+      uni.$u.api.freightOrder.count({ ...params, status: '' }).then(res => {
+        this.count = res?.result || {};
+      });
+    },
+    toDetail(code) {
+      uni.navigateTo({ url: '/pages/order/detail?code=' + code });
+    },
+    toStartCar(code) {
+      uni.navigateTo({
+        url: '/pages/order/start-car?code=' + code,
+        events: {
+          refreshData: () => {
+            this.onSearch();
+          },
+        },
+      });
+    },
+    toArrivalCar(code) {
+      uni.navigateTo({
+        url: '/pages/order/arrival-car?code=' + code,
+        events: {
+          refreshData: () => {
+            this.onSearch();
+          },
+        },
+      });
+    },
+    qrCodeShow(code, data) {
+      if (this.loading) return;
+      this.loading = true;
+      this.qrShow = true;
+      uni.$u.api.freightOrder
+        .getSensitiveByOrderCode({ orderCode: code })
+        .then(res => {
+          if (res.success) {
+            uni.$u.api.freightOrder
+              .buildMaQrcode({ orderCode: code })
+              .then(res2 => {
+                this.loading = false;
+                if (res2.success) {
+                  this.poster = this.getPoster(res.result, data, res2.result);
+                  console.info(this.poster);
+                }
+              })
+              .catch(e => {
+                this.loading = false;
+              });
+          }
+        })
+        .catch(e => {
+          this.loading = false;
+        });
+    },
+  },
+};
+</script>
+<style lang="scss">
+.page-freight-order {
+  &__header {
+    padding: 0 !important;
+
+    .line {
+      height: 1rpx;
+      background: #f6f6f6;
+      position: relative;
+      top: -5rpx;
+    }
+
+    .quick-tag {
+      display: flex;
+      padding: 15upx 22upx;
+      box-sizing: border-box;
+      position: relative;
+
+      .quick-cover {
+        width: 25upx;
+        height: 90upx;
+        position: absolute;
+        right: 122upx;
+        top: 0;
+
+        .cover-image {
+          width: 100%;
+          height: 100%;
+        }
+      }
+
+      .quick-screen {
+        width: 100upx;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        .search-image {
+          width: 42upx;
+          height: 42upx;
+        }
+      }
+
+      .quick-tag-group {
+        flex: 1;
+        display: flex;
+        align-items: center;
+        background-color: #fff;
+        padding-left: $padding-xs !important;
+        padding-right: $padding-xs !important;
+        overflow-y: auto;
+
+        .quick-tag-item {
+          flex-shrink: 0;
+          min-width: 158upx;
+          height: 58upx;
+          background: #f6f6f6;
+          border-radius: 8upx;
+          font-size: 28upx;
+          font-weight: 400;
+          color: #2b2a27;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          padding: 0 10upx;
+          box-sizing: border-box;
+
+          &:not(:last-child) {
+            margin-right: 18upx;
+          }
+
+          &.active {
+            background: #ffffff;
+            border-radius: 8upx;
+            border: 2upx solid #2673fb;
+            font-size: 28upx;
+            font-family:
+              PingFangSC,
+              PingFang SC;
+            font-weight: 400;
+            color: #2673fb;
+          }
+
+          .sx-img {
+            height: 12upx;
+            width: 14upx;
+            position: relative;
+            margin-left: 12upx;
+
+            .sx-image {
+              width: 100%;
+              height: 100%;
+              position: absolute;
+              top: 0;
+              left: 0;
+            }
+          }
+        }
+
+        .z-dropdown__text .text {
+          word-break: keep-all;
+        }
+      }
+    }
+  }
+  .add-order {
+    right: 34upx;
+    bottom: 34upx;
+    height: 106upx;
+    width: 106upx;
+    position: fixed;
+    .sx-image {
+      width: 100%;
+      height: 100%;
+      position: absolute;
+      top: 0;
+      left: 0;
+    }
+  }
+  .popup {
+    padding-left: $padding-md;
+    padding-right: $padding-md;
+    border-top-left-radius: $radius-md;
+    border-top-right-radius: $radius-md;
+    .title {
+      padding-top: $padding-xs;
+      padding-bottom: $padding-xs;
+      display: flex;
+      align-content: center;
+      justify-content: center;
+      font-weight: 400;
+      font-size: 32rpx;
+      color: #2b2a27;
+      line-height: 45px;
+      text-align: left;
+      font-style: normal;
+    }
+    .but {
+      margin-top: $padding-md;
+    }
+  }
+}
+</style>
@@ -0,0 +1,288 @@
+import dayjs from 'dayjs';
+export default {
+  data() {
+    return {
+      posterCss: { width: '150rpx', height: '150rpx', padding: '11rpx', backgroundColor: '#FFFFFF', borderRadius: '50%', objectFit: 'cover' }, // 二维码大小样式
+      QRcss: { position: 'fixed', left: '52rpx', bottom: '24rpx', display: 'flex' }, // 二维码定位样式
+    };
+  },
+  methods: {
+    saveQrImage() {
+      this.$refs.painter.canvasToTempFilePathSync({
+        fileType: 'jpg',
+        // 如果返回的是base64是无法使用 saveImageToPhotosAlbum，需要设置 pathType为url
+        pathType: 'url',
+        quality: 1,
+        success: res => {
+          uni.saveImageToPhotosAlbum({
+            filePath: res.tempFilePath,
+            success: () => {
+              this.qrShow = false;
+              uni.showToast({ title: '保存成功', icon: 'none' });
+            },
+          });
+        },
+      });
+    },
+    getPoster(item, params, wxcode) {
+      let driverInfo = item.driverName ? item.driverName : '';
+      driverInfo += item.driverMobile ? item.driverMobile : '';
+      let vehicle = item.vehicleLicenseNum;
+      if (item.trailerLicenseNum) {
+        vehicle += '·' + item.trailerLicenseNum;
+      }
+      return {
+        css: {
+          width: '640rpx',
+          height: '880rpx',
+          backgroundImage: 'url(https://zeyi-tms-product.oss-cn-hangzhou.aliyuncs.com/image/freight/b6988d70-26db-490c-9ddf-e59c554fa2ff.png)',
+          objectFit: 'cover',
+        },
+        views: [
+          {
+            type: 'view',
+            views: [
+              {
+                type: 'text',
+                text: '订  单 号：',
+                css: {
+                  width: '300rpx',
+                  height: '33rpx',
+                  fontSize: '24rpx',
+                  fontSamily: 'PingFangSC-Regular',
+                  color: '#999999',
+                  lineHeight: '33rpx',
+                  display: 'block',
+                  boxOrient: 'vertical',
+                  lineClamp: 1 /* 这里是超出几行省略 */,
+                  position: 'fixed',
+                  top: '169rpx',
+                  left: '75rpx',
+                },
+              },
+              {
+                type: 'text',
+                text: params.code,
+                css: {
+                  width: '400rpx',
+                  height: '33rpx',
+                  fontSize: '24rpx',
+                  fontSamily: 'PingFangSC-Regular',
+                  color: '#121212',
+                  lineHeight: '33rpx',
+                  overflow: 'hidden',
+                  textOverflow: 'ellipsis',
+                  display: 'block',
+                  boxOrient: 'vertical',
+                  lineClamp: 1 /* 这里是超出几行省略 */,
+                  position: 'fixed',
+                  top: '169rpx',
+                  left: '195rpx',
+                },
+              },
+              {
+                type: 'text',
+                text: '任务日期：',
+                css: {
+                  width: '400rpx',
+                  height: '33rpx',
+                  fontSize: '24rpx',
+                  fontSamily: 'PingFangSC-Regular',
+                  color: '#999999',
+                  lineHeight: '33rpx',
+                  display: 'block',
+                  boxOrient: 'vertical',
+                  lineClamp: 1 /* 这里是超出几行省略 */,
+                  position: 'fixed',
+                  top: '204rpx',
+                  left: '75rpx',
+                },
+              },
+              {
+                type: 'text',
+                text: dayjs(params.loadTime).format('YYYY-MM-DD'),
+                css: {
+                  width: '400rpx',
+                  height: '33rpx',
+                  fontSize: '24rpx',
+                  fontSamily: 'PingFangSC-Regular',
+                  color: '#121212',
+                  lineHeight: '33rpx',
+                  overflow: 'hidden',
+                  textOverflow: 'ellipsis',
+                  display: 'block',
+                  boxOrient: 'vertical',
+                  lineClamp: 1 /* 这里是超出几行省略 */,
+                  position: 'fixed',
+                  top: '204rpx',
+                  left: '195rpx',
+                },
+              },
+              {
+                type: 'text',
+                text: params.startCityName + '-' + params.startAreaName,
+                css: {
+                  width: '400rpx',
+                  height: '40rpx',
+                  fontSize: '36rpx',
+                  fontSamily: 'PingFangSC-Semibold, PingFang SC',
+                  fontWeight: '600',
+                  color: '#051B33',
+                  lineHeight: '40rpx',
+                  overflow: 'hidden',
+                  textOverflow: 'ellipsis',
+                  display: 'block',
+                  boxOrient: 'vertical',
+                  lineClamp: 1 /* 这里是超出几行省略 */,
+                  position: 'fixed',
+                  top: '270rpx',
+                  left: '129rpx',
+                },
+              },
+              {
+                type: 'text',
+                text: params.endCityName + '-' + params.endAreaName,
+                css: {
+                  width: '400rpx',
+                  height: '40rpx',
+                  fontSize: '36rpx',
+                  fontSamily: 'PingFangSC-Semibold, PingFang SC',
+                  fontWeight: '600',
+                  color: '#051B33',
+                  lineHeight: '40rpx',
+                  overflow: 'hidden',
+                  textOverflow: 'ellipsis',
+                  display: 'block',
+                  boxOrient: 'vertical',
+                  lineClamp: 1 /* 这里是超出几行省略 */,
+                  position: 'fixed',
+                  top: '405rpx',
+                  left: '129rpx',
+                },
+              },
+              {
+                type: 'text',
+                text: '总里程：' + item.distance + 'KM',
+                css: {
+                  width: '400rpx',
+                  height: '33rpx',
+                  fontSize: '24rpx',
+                  fontWeight: '400',
+                  fontSamily: 'PingFangSC-Medium, PingFang SC',
+                  color: '#999999',
+                  lineHeight: '33rpx',
+                  position: 'fixed',
+                  top: '345rpx',
+                  left: '129rpx',
+                },
+              },
+              {
+                type: 'text',
+                text: '订单备注：',
+                css: {
+                  width: '400rpx',
+                  height: '33rpx',
+                  fontSize: '24rpx',
+                  fontSamily: 'PingFangSC-Regular',
+                  color: '#999999',
+                  lineHeight: '33rpx',
+                  display: 'block',
+                  boxOrient: 'vertical',
+                  lineClamp: 1 /* 这里是超出几行省略 */,
+                  position: 'fixed',
+                  top: '477rpx',
+                  left: '75rpx',
+                },
+              },
+              {
+                type: 'text',
+                text: params.remark,
+                css: {
+                  width: '350rpx',
+                  height: '33rpx',
+                  fontSize: '24rpx',
+                  fontSamily: 'PingFangSC-Regular',
+                  color: '#121212',
+                  lineHeight: '33rpx',
+                  overflow: 'hidden',
+                  textOverflow: 'ellipsis',
+                  display: 'block',
+                  boxOrient: 'vertical',
+                  lineClamp: 1 /* 这里是超出几行省略 */,
+                  position: 'fixed',
+                  top: '477rpx',
+                  left: '195rpx',
+                },
+              },
+              {
+                type: 'text',
+                text: '司 机：',
+                css: {
+                  width: '400rpx',
+                  height: '33rpx',
+                  fontSize: '26rpx',
+                  fontSamily: 'PingFangSC-Regular',
+                  color: '#FFFFFF',
+                  lineHeight: '33rpx',
+                  display: 'block',
+                  boxOrient: 'vertical',
+                  lineClamp: 1 /* 这里是超出几行省略 */,
+                  position: 'fixed',
+                  top: '564rpx',
+                  left: '75rpx',
+                },
+              },
+              {
+                type: 'text',
+                text: driverInfo,
+                css: {
+                  width: '400rpx',
+                  height: '33rpx',
+                  fontSize: '26rpx',
+                  fontSamily: 'PingFangSC-Regular',
+                  color: '#FFFFFF',
+                  lineHeight: '33rpx',
+                  display: 'block',
+                  boxOrient: 'vertical',
+                  lineClamp: 1 /* 这里是超出几行省略 */,
+                  position: 'fixed',
+                  top: '564rpx',
+                  left: '180rpx',
+                },
+              },
+              {
+                type: 'text',
+                text: '车牌号：' + vehicle,
+                css: {
+                  width: '400rpx',
+                  height: '33rpx',
+                  fontSize: '26rpx',
+                  fontSamily: 'PingFangSC-Regular',
+                  color: '#FFFFFF',
+                  lineHeight: '33rpx',
+                  display: 'block',
+                  boxOrient: 'vertical',
+                  lineClamp: 1 /* 这里是超出几行省略 */,
+                  position: 'fixed',
+                  top: '613rpx',
+                  left: '75rpx',
+                },
+              },
+            ],
+          },
+          {
+            type: 'view',
+            css: this.QRcss,
+            views: [
+              {
+                src: wxcode,
+                type: 'image',
+                css: this.posterCss,
+              },
+            ],
+          },
+        ],
+      };
+    },
+  },
+};
@@ -0,0 +1,117 @@
+<template>
+  <Page name="start-car">
+    <template #content>
+      <view class="address">
+        <view class="icon-waypoint icon-start">装</view>
+        <text>{{ item.waypoints[0].address }}</text>
+      </view>
+      <u-form :model="form" ref="uForm" labelWidth="100">
+        <view class="card">
+          <u-form-item label="实际发车时间" @click="showLoadTime = true" required>
+            <u-input v-model="form.departTime" border="none" suffix-icon="arrow-right" placeholder="请选择时间" disabledColor="#ffffff" disabled />
+          </u-form-item>
+        </view>
+        <view class="card">
+          <u-form-item label="上传照片">
+            <z-upload v-model="item.receiptAttachment" :limit="20"></z-upload>
+          </u-form-item>
+        </view>
+      </u-form>
+    </template>
+    <u-datetime-picker :show="showLoadTime" :value="loadTimeDef" @cancel="showLoadTime = false" @close="showLoadTime = false" @confirm="loadTimeFormat"></u-datetime-picker>
+    <template #footer>
+      <u-button type="primary" @tap="submit">确认发车</u-button>
+    </template>
+  </Page>
+</template>
+
+<script>
+import ZUpload from '../../components/zee/z-upload.vue';
+import dayjs from 'dayjs';
+
+export default {
+  name: 'startCar',
+  components: { ZUpload },
+  data() {
+    return {
+      showLoadTime: false,
+      loadTimeDef: new Date(),
+      form: {
+        departTime: '',
+        receiptAttachment: '',
+      },
+      item: {},
+    };
+  },
+  onLoad(options) {
+    if (options.code) {
+      this.initData(options.code);
+    }
+  },
+  methods: {
+    initData(code) {
+      uni.$u.api.freightOrder.getDetail({ code }).then(res => {
+        this.item = res.result || {};
+        this.form = {
+          departTime: this.item.confirmDepartureTime,
+          receiptAttachment: this.item.receiptAttachment,
+        };
+      });
+    },
+    loadTimeFormat({ value }) {
+      this.form.departTime = dayjs(value).format('YYYY-MM-DD HH:mm:ss');
+      this.showLoadTime = false;
+    },
+    submit() {
+      if (!this.form.departTime) {
+        uni.showToast({ title: '发车时间不能为空', icon: 'none' });
+        return;
+      }
+      if (new Date(this.form.departTime).getTime() > new Date().getTime()) {
+        uni.showToast({ title: '发车时间不能大于当前时间', icon: 'none' });
+        return;
+      }
+      uni.$u.api.freightOrder.depart({ codeList: [this.item.code], ...this.form }).then(res => {
+        if (res.success) {
+          uni.showToast({ title: '操作成功', icon: 'none' });
+          this.getOpenerEventChannel().emit('refreshData');
+          setTimeout(() => uni.navigateBack(), 500);
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+.page-start-car {
+  &__content {
+    padding-top: 0 !important;
+  }
+  &__footer {
+    background: $color-white;
+  }
+  .address {
+    background-color: $color-white;
+    padding: $padding-md;
+    .icon-waypoint {
+      font-size: $font-sm;
+      margin-right: $padding-sm;
+      height: $padding-md * 1.2;
+      width: $padding-md * 1.2;
+      min-width: $padding-md * 1.2;
+    }
+  }
+  .card {
+    color: #999999;
+    margin: $padding-md;
+    background-color: $color-white;
+    border-radius: $radius-md;
+    box-shadow: $shadow-normal;
+    .u-form-item {
+      padding-left: $padding-md !important;
+      padding-right: $padding-sm !important;
+    }
+  }
+}
+</style>
@@ -0,0 +1,74 @@
+<template>
+  <Page name="upload-receipt" flank>
+    <template #content>
+      <u-form :model="form" ref="uForm" labelWidth="100">
+        <view class="card">
+          <u-form-item label="上传回单">
+            <z-upload v-model="form.receiptAttachment" :limit="20"></z-upload>
+          </u-form-item>
+        </view>
+      </u-form>
+    </template>
+    <template #footer>
+      <u-button type="primary" @tap="submit">确认上传</u-button>
+    </template>
+  </Page>
+</template>
+
+<script>
+import ZUpload from '../../components/zee/z-upload.vue';
+import dayjs from 'dayjs';
+
+export default {
+  name: 'upload-receipt',
+  components: { ZUpload },
+  data() {
+    return {
+      form: {
+        receiptAttachment: '',
+      },
+      item: {},
+    };
+  },
+  onLoad(options) {
+    if (options.code) {
+      this.initData(options.code);
+    }
+  },
+  methods: {
+    initData(code) {
+      uni.$u.api.freightOrder.getDetail({ code }).then(res => {
+        this.item = res.result || {};
+        this.form.receiptAttachment = this.item.receiptAttachment;
+      });
+    },
+    submit() {
+      uni.$u.api.freightOrder.modifyReceiptAttachment({ code: this.item.code, ...this.form }).then(res => {
+        if (res.success) {
+          uni.showToast({ title: '操作成功', icon: 'none' });
+          this.getOpenerEventChannel().emit('refreshData');
+          setTimeout(() => uni.navigateBack(), 500);
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+.page-upload-receipt {
+  &__footer {
+    background: $color-white;
+  }
+  .card {
+    color: #999999;
+    background-color: $color-white;
+    border-radius: $radius-md;
+    box-shadow: $shadow-normal;
+    .u-form-item {
+      padding-left: $padding-md !important;
+      padding-right: $padding-sm !important;
+    }
+  }
+}
+</style>
@@ -0,0 +1,166 @@
+<template>
+  <view class="settlement-card">
+    <view class="title">
+      <view class="code">
+        <field-copy :value="item.payCode" v-if="item.payCode">{{ item.payCode }} </field-copy>
+      </view>
+      <render-dict v-if="item.applyStatus" class="status" :style="{ color: colorMap[item.applyStatus] }" dict="PAY_APPLY_STATUS" :value="item.applyStatus"></render-dict>
+    </view>
+    <view class="title-sub">{{ item.projectName ? item.projectName : '' }}{{ item.loadTime ? '|' + item.loadTime + '装货' : '' }}</view>
+    <view class="item">
+      <view class="label">
+        <render-dict v-if="item.feeType" dict="ONLINE_FREIGHT_ORDER_FEE_TYPE" :value="item.feeType"></render-dict>
+      </view>
+      <view class="content">
+        <text class="amount">￥{{ item.feeAmount ? item.feeAmount : '' }}</text>
+      </view>
+    </view>
+    <view class="item">
+      <view class="label">承运司机</view>
+      <view class="content">
+        <text>{{ item.driverName ? item.driverName : '' }}</text>
+        <text>{{ item.driverMobile ? item.driverMobile : '' }}</text>
+      </view>
+    </view>
+    <view class="item">
+      <view class="label">收款人</view>
+      <view class="content">
+        <text>{{ item.recAccountName ? item.recAccountName : '' }}</text>
+        <text>{{ item.recMobile ? item.recMobile : '' }}</text>
+      </view>
+    </view>
+    <view class="item">
+      <view class="label">承运车辆</view>
+      <view class="content">{{ item.vehicleLicenseNum ? item.vehicleLicenseNum : '' }}{{ item.trailerLicenseNum ? '·' + item.trailerLicenseNum : '' }}</view>
+    </view>
+    <view class="item">
+      <view class="label">订单号</view>
+      <view class="content">
+        <text>{{ item.orderCode }}</text>
+        <text v-if="!!item.waitHandleExceptionNumber" class="content--warning">{{ item.waitHandleExceptionNumber || '0' }}个异常待处理</text>
+      </view>
+    </view>
+    <view class="item">
+      <view class="label">线路名称</view>
+      <view class="content">{{ item.lineName ? item.lineName : '' }}</view>
+    </view>
+    <view class="item" v-if="'WAIT_APPLY' === item.applyStatus">
+      <u-button v-if="$permission('/paymentApply/apply')" type="primary" @tap.stop="applyFun">申请支付</u-button>
+    </view>
+    <view class="item" v-else>
+      <u-button v-if="'WAIT_AUDIT' === item.applyStatus && $permission('/paymentApply/apply')" @tap.stop="cancelApplyFun">撤回申请</u-button>
+      <u-button v-if="$permission('/paymentApply/audit')" type="primary" @tap.stop="auditFun">审核申请</u-button>
+    </view>
+  </view>
+</template>
+<script>
+import FieldCopy from '../../components/field/field-copy.vue';
+import UButton from '../../uni_modules/uview-ui/components/u-button/u-button.vue';
+import page from '../../mixins/page';
+
+export default {
+  name: 'settlement-card',
+  mixins: [page],
+  components: { UButton, FieldCopy },
+  props: {
+    item: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+  },
+  data() {
+    return {
+      visible: false,
+      colorMap: {
+        WAIT_APPLY: '#F52723',
+        WAIT_AUDIT: '#FF9339',
+        AUDITED: '#00B87A',
+      },
+    };
+  },
+  methods: {
+    applyFun() {
+      this.$emit('apply', this.item);
+    },
+    cancelApplyFun() {
+      this.$emit('cancelApply', this.item);
+    },
+    auditFun() {
+      this.$emit('audit', this.item);
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.settlement-card {
+  background-color: $color-white;
+  color: $color-text;
+  padding: $padding-sm;
+  margin-bottom: $padding-sm;
+  border-radius: $radius-md;
+  box-shadow: $shadow-normal;
+  font-size: $font-md;
+  .title {
+    padding-bottom: $padding-sm;
+    display: flex;
+    justify-content: space-between;
+    .code {
+      font-weight: 500;
+      font-size: 30upx;
+      color: #2b2a27;
+      line-height: 34upx;
+      text-align: left;
+      font-style: normal;
+    }
+    border-bottom: 1px solid $color-border;
+  }
+  .title-sub {
+    margin-top: $padding-sm;
+    font-weight: 400;
+    font-size: 26upx;
+    color: #5d5d5d;
+    line-height: 37upx;
+    text-align: left;
+    font-style: normal;
+  }
+  .item {
+    margin-top: $padding-sm;
+    display: flex;
+    .label {
+      width: 170upx;
+      font-weight: 400;
+      font-size: 28upx;
+      color: #999999;
+      line-height: 28upx;
+      text-align: left;
+      font-style: normal;
+    }
+    .content {
+      font-weight: 400;
+      font-size: 28upx;
+      color: #2b2a27;
+      line-height: 28upx;
+      text-align: left;
+      font-style: normal;
+      text + text {
+        margin-left: $padding-sm;
+      }
+      .amount {
+        color: #ff4f3b;
+      }
+      &--warning {
+        color: #f52723;
+        font-size: 20rpx;
+        margin-left: 20upx;
+        padding-left: 10upx;
+        padding-right: 10upx;
+        border-radius: 8upx;
+        border: 2rpx solid #f52723;
+      }
+    }
+  }
+}
+</style>
@@ -0,0 +1,100 @@
+<template>
+  <Page name="order-filter" flank>
+    <template #content>
+      <u-form :model="searchForm" ref="uForm" labelWidth="100">
+        <u-form-item label="订单号"><u-input v-model="searchForm.orderCode" /></u-form-item>
+        <u-form-item label="内部单号"><u-input v-model="searchForm.customerOrderCodes" /></u-form-item>
+      </u-form>
+    </template>
+    <template #footer>
+      <view class="footer">
+        <view class="reset" @click="resetChange">重置</view>
+        <view class="inquiry" @click="inquiryChange">查询</view>
+      </view>
+    </template>
+  </Page>
+</template>
+
+<script>
+export default {
+  name: 'settlement-filter',
+  props: {
+    searchModel: {
+      type: Object,
+      default: () => {
+        return {};
+      },
+    },
+  },
+  data() {
+    return {
+      searchForm: {
+        orderCode: '', // 订单号
+        customerOrderCodes: '', // 内部订单编号
+      },
+    };
+  },
+  onLoad(option) {
+    Object.keys(option).forEach(i => {
+      this.searchForm[i] = option[i];
+    });
+  },
+  methods: {
+    // 重置
+    resetChange() {
+      this.searchForm = {
+        orderCode: '', // 订单号
+        customerOrderCodes: '', // 内部订单编号
+        startCityCode: '',
+        startCityName: '',
+        endCityCode: '',
+        endCityName: '',
+        projectCode: '',
+        projectName: '',
+        feeType: '',
+        feeTypeName: '',
+      };
+    },
+    // 查询
+    inquiryChange() {
+      this.getOpenerEventChannel().emit('refreshData', this.searchForm);
+      setTimeout(() => uni.navigateBack(), 500);
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+.page-order-filter {
+  &__footer {
+    background: $color-white;
+    .footer {
+      display: flex;
+      justify-content: space-between;
+      .reset {
+        text-align: center;
+        width: 236upx;
+        height: 82upx;
+        line-height: 82upx;
+        margin-right: 20upx;
+        background: #dfebff;
+        border-radius: 14upx;
+        font-size: 30upx;
+        font-weight: 500;
+        color: $color-primary;
+      }
+      .inquiry {
+        text-align: center;
+        width: 450upx;
+        height: 82upx;
+        line-height: 82upx;
+        background: $color-primary;
+        border-radius: 14upx;
+        font-size: 30upx;
+        font-weight: 500;
+        color: #ffffff;
+      }
+    }
+  }
+}
+</style>
@@ -0,0 +1,424 @@
+<template>
+  <Page name="freight-order" flank>
+    <template #header>
+      <u-tabs :current="activeTab" :list="tabList" @click="onTabChange" :scrollable="false" :activeStyle="{ color: '#1E7B6B' }"> </u-tabs>
+      <view class="line"></view>
+      <view class="quick-tag">
+        <view class="quick-tag-group">
+          <view class="quick-tag-item" :class="searchForm.feeType ? 'active' : ''" @click="selectQuickTag({ key: 'feeType', value: searchForm.feeType })">
+            <text>{{ searchForm.feeTypeName || '款项类型' }}</text>
+            <view class="sx-img">
+              <image v-if="searchForm.feeType" class="sx-image" :src="formatImagePath('active-down')"></image>
+              <image v-else class="sx-image" :src="formatImagePath('down')"></image>
+            </view>
+          </view>
+          <view class="quick-tag-item" :class="searchForm.projectCode ? 'active' : ''" @click="selectQuickTag({ key: 'projectCode', value: searchForm.projectCode })">
+            <text>{{ searchForm.projectName || '所属项目' }}</text>
+            <view class="sx-img">
+              <image v-if="searchForm.projectCode" class="sx-image" :src="formatImagePath('active-down')"></image>
+              <image v-else class="sx-image" :src="formatImagePath('down')"></image>
+            </view>
+          </view>
+          <view class="quick-tag-item" :class="searchForm.startCityCode ? 'active' : ''" @click="selectQuickTag({ key: 'startCityCode', value: searchForm.startCityCode })">
+            <text>{{ searchForm.startCityName || '始发地' }}</text>
+            <view class="sx-img">
+              <image v-if="searchForm.startCityCode" class="sx-image" :src="formatImagePath('active-down')"></image>
+              <image v-else class="sx-image" :src="formatImagePath('down')"></image>
+            </view>
+          </view>
+          <view class="quick-tag-item" :class="searchForm.endCityCode ? 'active' : ''" @click="selectQuickTag({ key: 'endCityCode', value: searchForm.endCityCode })">
+            <text>{{ searchForm.endCityName || '目的地' }}</text>
+            <view class="sx-img">
+              <image v-if="searchForm.startCityCode" class="sx-image" :src="formatImagePath('active-down')"></image>
+              <image v-else class="sx-image" :src="formatImagePath('down')"></image>
+            </view>
+          </view>
+        </view>
+        <view class="quick-screen" @click="openFilter">
+          <image class="search-image" :src="formatImagePath('search')"></image>
+        </view>
+      </view>
+    </template>
+    <template #content>
+      <List ref="list" v-model="list" :api="orderAPI" @update:loading="e => (loading = e)">
+        <template v-for="(item, index) in list">
+          <card @apply="applySub" @audit="auditFun" @cancelApply="cancelApplySub" @tap="toDetail(item.orderCode)" :key="index" :item="item"></card>
+        </template>
+        <template #empty>
+          <Empty tips="暂无数据" />
+        </template>
+      </List>
+    </template>
+    <u-popup :show="popShow" @close="closePop" closeable>
+      <view class="popup">
+        <view class="title">确定审核</view>
+        <u-form label-width="90">
+          <u-form-item label="审核结果" required>
+            <u-radio-group v-model="auditForm.auditResultFlag">
+              <u-radio name="true"> 审核通过 </u-radio>
+              <u-radio name="false"> 审核不通过 </u-radio>
+            </u-radio-group>
+          </u-form-item>
+          <u-form-item label="驳回原因" :required="auditForm.auditResultFlag === 'false'">
+            <u--textarea v-model="auditForm.auditRejectMsg" placeholder="200字以内描述" :count="true" :maxlength="200" :cursorSpacing="60"></u--textarea>
+          </u-form-item>
+        </u-form>
+        <view class="but">
+          <u-button type="primary" @tap="auditSub">确定</u-button>
+        </view>
+      </view>
+    </u-popup>
+    <u-toast ref="uToast"></u-toast>
+  </Page>
+</template>
+<script>
+import { urlParam } from '@/utils/param';
+import card from './card.vue';
+import UFormItem from '../../uni_modules/uview-ui/components/u-form-item/u-form-item.vue';
+export default {
+  name: 'settlement',
+  components: { UFormItem, card },
+  data() {
+    return {
+      loading: false,
+      popShow: false,
+      auditForm: {
+        ids: [],
+        auditResultFlag: '',
+        auditRejectMsg: '',
+      },
+      searchForm: {
+        feeType: '', // 费用类型
+        feeTypeName: '', // 费用类型
+        projectCode: '',
+        projectName: '',
+        startCityCode: '',
+        startCityName: '',
+        applyStatus: '',
+        orderCode: '', // 订单号
+        customerOrderCodes: '', // 内部订单编号
+      },
+      activeTab: 0,
+      count: {},
+      list: [],
+    };
+  },
+  onPullDownRefresh() {
+    this.onSearch();
+  },
+  computed: {
+    tabList() {
+      let res = [
+        { name: '待申请', value: 'WAIT_APPLY', key: 'waitApplyCount' },
+        { name: '待审核', value: 'WAIT_AUDIT', key: 'waitAuditCount' },
+        { name: '已审核', value: 'AUDITED', key: 'auditedCount' },
+      ];
+      return Object.keys(this.count).length > 0
+        ? res.map(item => {
+            return { ...item, name: `${item.name}(${this.count[item.key] || 0})`, disabled: this.loading };
+          })
+        : res;
+    },
+  },
+  methods: {
+    toDetail(code) {
+      uni.navigateTo({ url: '/pages/order/detail?code=' + code });
+    },
+    onTabChange({ index }) {
+      if (this.loading) {
+        return;
+      }
+      this.activeTab = index;
+      this.list = [];
+      this.onSearch();
+    },
+    orderAPI(params) {
+      let format = {
+        ...this.searchForm,
+        applyStatus: this.tabList[this.activeTab].value,
+      };
+      this.getAggregateType(format);
+      return uni.$u.api.freightPayApply.page({
+        ...format,
+        ...params,
+      });
+    },
+    // 获取聚合数量
+    getAggregateType(params) {
+      uni.$u.api.freightPayApply.getCount({ ...params, applyStatus: '' }).then(res => {
+        this.count = res?.result || {};
+      });
+    },
+    selectQuickTag({ key, value }) {
+      this.searchForm = Object.assign(this.searchForm, { [key]: value });
+      if (key == 'feeType') {
+        uni.$once('select-dict', option => {
+          this.searchForm.feeType = option.valueCode;
+          this.searchForm.feeTypeName = option.valueName;
+          this.onSearch();
+        });
+        uni.navigateTo({
+          url: `/pages/global/search-dict${urlParam({
+            title: '款项类型',
+            dict: 'ONLINE_FREIGHT_ORDER_FEE_TYPE',
+          })}`,
+        });
+      } else if (key == 'startCityCode') {
+        uni.$once('select-city', option => {
+          this.searchForm.startCityCode = option.code;
+          this.searchForm.startCityName = option.shortName;
+          this.onSearch();
+        });
+        uni.navigateTo({ url: '/pages/global/search-city' });
+      } else if (key == 'endCityCode') {
+        uni.$once('select-city', option => {
+          this.searchForm.endCityCode = option.code;
+          this.searchForm.endCityName = option.shortName;
+          this.onSearch();
+        });
+        uni.navigateTo({ url: '/pages/global/search-city' });
+      } else if (key == 'projectCode') {
+        uni.$once('select-common', option => {
+          this.searchForm.projectCode = option.code;
+          this.searchForm.projectName = option.name;
+          this.onSearch();
+        });
+        uni.navigateTo({
+          url: `/pages/global/search-common${urlParam({
+            mode: 'select',
+            url: 'projectCode',
+            title: '项目',
+            label: 'name',
+            value: '',
+          })}`,
+        });
+      }
+    },
+    // 筛选
+    openFilter() {
+      uni.navigateTo({
+        url: `/pages/settlement/filter${urlParam(this.searchForm)}`,
+        events: {
+          refreshData: option => {
+            this.searchForm = { ...this.searchForm, ...option };
+            this.onSearch();
+          },
+        },
+      });
+    },
+    applySub(item) {
+      uni.$u.api.freightPayApply
+        .apply([item.id])
+        .then(res => {
+          if (res.success) {
+            uni.showToast({ title: '申请成功', icon: 'none' });
+            this.onSearch();
+          }
+        })
+        .catch(e => {
+          this.$refs.uToast.show({
+            type: 'default',
+            message: e,
+          });
+        });
+    },
+    cancelApplySub(item) {
+      uni.$u.api.freightPayApply
+        .cancelApply([item.id])
+        .then(res => {
+          if (res.success) {
+            uni.showToast({ title: '取消成功', icon: 'none' });
+            this.onSearch();
+          }
+        })
+        .catch(e => {
+          this.$refs.uToast.show({
+            type: 'default',
+            message: e,
+          });
+        });
+    },
+    auditFun(item) {
+      this.popShow = true;
+      this.auditForm = {
+        ids: [item.id],
+        auditResultFlag: '',
+        auditRejectMsg: '',
+      };
+      uni.hideTabBar();
+    },
+    closePop() {
+      setTimeout(() => uni.showTabBar(), 300);
+      this.popShow = false;
+    },
+    auditSub() {
+      if (!this.auditForm.auditResultFlag) {
+        uni.showToast({ title: '审核结果不能为空', icon: 'none' });
+        return;
+      }
+      if (this.auditForm.auditResultFlag === 'false' && !this.auditForm.auditRejectMsg) {
+        uni.showToast({ title: '驳回原因不能为空', icon: 'none' });
+        return;
+      }
+      uni.$u.api.freightPayApply
+        .audit(this.auditForm)
+        .then(res => {
+          if (res.success) {
+            uni.showToast({ title: '审核成功', icon: 'none' });
+            this.closePop();
+            this.onSearch();
+          }
+        })
+        .catch(e => {
+          this.$refs.uToast.show({
+            type: 'default',
+            message: e,
+          });
+        });
+    },
+  },
+};
+</script>
+<style lang="scss">
+.page-freight-order {
+  &__header {
+    padding: 0 !important;
+
+    .line {
+      height: 1rpx;
+      background: #f6f6f6;
+      position: relative;
+      top: -5rpx;
+    }
+
+    .quick-tag {
+      display: flex;
+      padding: 15upx 22upx;
+      box-sizing: border-box;
+      position: relative;
+
+      .quick-cover {
+        width: 25upx;
+        height: 90upx;
+        position: absolute;
+        right: 122upx;
+        top: 0;
+
+        .cover-image {
+          width: 100%;
+          height: 100%;
+        }
+      }
+
+      .quick-screen {
+        width: 100upx;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        .search-image {
+          width: 42upx;
+          height: 42upx;
+        }
+      }
+
+      .quick-tag-group {
+        flex: 1;
+        display: flex;
+        align-items: center;
+        background-color: #fff;
+        padding-left: $padding-xs !important;
+        padding-right: $padding-xs !important;
+        overflow-y: auto;
+
+        .quick-tag-item {
+          flex-shrink: 0;
+          min-width: 158upx;
+          height: 58upx;
+          background: #f6f6f6;
+          border-radius: 8upx;
+          font-size: 28upx;
+          font-weight: 400;
+          color: #2b2a27;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          padding: 0 10upx;
+          box-sizing: border-box;
+
+          &:not(:last-child) {
+            margin-right: 18upx;
+          }
+
+          &.active {
+            background: #ffffff;
+            border-radius: 8upx;
+            border: 2upx solid #2673fb;
+            font-size: 28upx;
+            font-family:
+              PingFangSC,
+              PingFang SC;
+            font-weight: 400;
+            color: #2673fb;
+          }
+
+          .sx-img {
+            height: 12upx;
+            width: 14upx;
+            position: relative;
+            margin-left: 12upx;
+
+            .sx-image {
+              width: 100%;
+              height: 100%;
+              position: absolute;
+              top: 0;
+              left: 0;
+            }
+          }
+        }
+
+        .z-dropdown__text .text {
+          word-break: keep-all;
+        }
+      }
+    }
+  }
+  .add-order {
+    right: 34upx;
+    bottom: 34upx;
+    height: 106upx;
+    width: 106upx;
+    position: fixed;
+    .sx-image {
+      width: 100%;
+      height: 100%;
+      position: absolute;
+      top: 0;
+      left: 0;
+    }
+  }
+  .popup {
+    padding-left: $padding-md;
+    padding-right: $padding-md;
+    border-top-left-radius: $radius-md;
+    border-top-right-radius: $radius-md;
+    .title {
+      padding-top: $padding-xs;
+      padding-bottom: $padding-xs;
+      display: flex;
+      align-content: center;
+      justify-content: center;
+      font-weight: 400;
+      font-size: 32rpx;
+      color: #2b2a27;
+      line-height: 45px;
+      text-align: left;
+      font-style: normal;
+    }
+    .but {
+      margin-top: $padding-md;
+    }
+  }
+}
+</style>
@@ -33,7 +33,7 @@ const store = new Vuex.Store({
     districtValue: state => code => {
       const list = state.district || cache.get('DISTRICT') || [];
       let flattenList = [];
-      function flatten(array) {  
+      function flatten(array) {
         array.forEach(item => {
           flattenList.push({ code: item.code, name: item.name });
           if (item.children) {
@@ -149,9 +149,9 @@ const store = new Vuex.Store({
       state.orderTab = orderTab;
     },
   },
-  modules:{
-		invoice
-  }
-})
+  modules: {
+    invoice,
+  },
+});
 export default store;
 /* uni.scss */
 @import '@/uni_modules/uview-ui/theme.scss';
-$color-primary: #2673FB;
+$color-primary: #1E7B6B;
 $color-secondary: #F39800;
 /* #ifdef MP-DINGTALK */
-$color-primary: #3296FA;
+$color-primary: #1E7B6B;
 /* #endif */
 $color-zy-green: #074137;
@@ -65,4 +65,4 @@ $font-md: 28upx;
 $font-sm: 24upx;
 $font-xs: 20upx;
-$shadow-normal: 0 18upx 24upx -18upx rgba($color-text, 0.02);
 \ No newline at end of file
+$shadow-normal: 0 18upx 24upx -18upx rgba($color-text, 0.02);
@@ -8,41 +8,41 @@
  * @FilePath     : /u-view2.0/uview-ui/libs/config/props/input.js
  */
 export default {
-	// index 组件
-	input: {
-		value: '',
-		type: 'text',
-		fixed: false,
-		disabled: false,
-		disabledColor: '#f5f7fa',
-		clearable: false,
-		password: false,
-		maxlength: -1,
-		placeholder: null,
-		placeholderClass: 'input-placeholder',
-		placeholderStyle: 'color: #c0c4cc',
-		showWordLimit: false,
-		confirmType: 'done',
-		confirmHold: false,
-		holdKeyboard: false,
-		focus: false,
-		autoBlur: false,
-		disableDefaultPadding: false,
-		cursor: -1,
-		cursorSpacing: 30,
-		selectionStart: -1,
-		selectionEnd: -1,
-		adjustPosition: true,
-		inputAlign: 'left',
-		fontSize: '15px',
-		color: '#303133',
-		prefixIcon: '',
-		prefixIconStyle: '',
-		suffixIcon: '',
-		suffixIconStyle: '',
-		border: 'surround',
-		readonly: false,
-		shape: 'square',
-		formatter: null
-	}
-}
+  // index 组件
+  input: {
+    value: '',
+    type: 'text',
+    fixed: false,
+    disabled: false,
+    disabledColor: '#f5f7fa',
+    clearable: false,
+    password: false,
+    maxlength: -1,
+    placeholder: null,
+    placeholderClass: 'input-placeholder',
+    placeholderStyle: 'color: #c0c4cc',
+    showWordLimit: false,
+    confirmType: 'done',
+    confirmHold: false,
+    holdKeyboard: false,
+    focus: false,
+    autoBlur: false,
+    disableDefaultPadding: false,
+    cursor: -1,
+    cursorSpacing: 30,
+    selectionStart: -1,
+    selectionEnd: -1,
+    adjustPosition: true,
+    inputAlign: 'left',
+    fontSize: '15px',
+    color: '#2B2A27',
+    prefixIcon: '',
+    prefixIconStyle: '',
+    suffixIcon: '',
+    suffixIconStyle: '',
+    border: 'surround',
+    readonly: false,
+    shape: 'square',
+    formatter: null,
+  },
+};
@@ -2,7 +2,7 @@
 // uni.scss中引入的样式会同时混入到全局样式文件和单独每一个页面的样式中，造成微信程序包太大，
 // 故uni.scss只建议放scss变量名相关样式，其他的样式可以通过main.js或者App.vue引入
-$u-main-color: #303133;
+$u-main-color: #999999;
 $u-content-color: #606266;
 $u-tips-color: #909193;
 $u-light-color: #c0c4cc;
@@ -0,0 +1,24 @@
+## 1.0.11（2023-01-29）
+优化点击，加入点击自己再次点击也会关闭
+## 1.0.10（2023-01-17）
+优化
+## 1.0.9（2023-01-17）
+增加注释
+## 1.0.8（2022-08-18）
+优化细节
+## 1.0.67（2022-05-09）
+修复安卓报错
+## 1.0.6（2022-05-07）
+修改默认展示
+## 1.0.5（2022-04-28）
+进行优化
+## 1.0.4（2022-04-27）
+进行优化
+## 1.0.3（2022-04-25）
+去掉多余得注释
+## 1.0.2（2022-04-25）
+增加自定义主题颜色
+## 1.0.1（2022-04-25）
+进行优化显示
+## 1.0.0（2022-04-24）
+初始化
@@ -0,0 +1,301 @@
+<template>
+  <view
+    class="zb-tooltip"
+    :style="{
+      '--theme-bg-color': color,
+    }"
+  >
+    <view class="zb_tooltip_content" @click.stop="handleClick">
+      <slot></slot>
+      <view
+        class="zb_tooltip__popper"
+        @click.stop="() => {}"
+        :style="[
+          style,
+          {
+            visibility: isShow ? 'visible' : 'hidden',
+            color: color === 'white' ? '' : '#fff',
+            boxShadow: color === 'white' ? '0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d' : '',
+          },
+        ]"
+      >
+        <slot name="content">{{ content }}</slot>
+        <view
+          class="zb_popper__icon"
+          :style="[arrowStyle]"
+          :class="[
+            {
+              zb_popper__up: placement.indexOf('bottom') === 0,
+              zb_popper__arrow: placement.indexOf('top') === 0,
+              zb_popper__right: placement.indexOf('right') === 0,
+              zb_popper__left: placement.indexOf('left') === 0,
+            },
+          ]"
+        >
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  props: {
+    visible: Boolean,
+    color: {
+      type: String,
+      default: '#FFFFFF',
+    },
+    placement: {
+      type: String,
+      default: 'top',
+    },
+    content: {
+      type: String,
+      default: '',
+    },
+    show: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  data() {
+    return {
+      isShow: this.visible,
+      title: 'Hello',
+      arrowLeft: 0,
+      query: null,
+      style: {},
+      arrowStyle: {},
+    };
+  },
+  onLoad() {},
+  watch: {
+    isShow: {
+      handler(val) {
+        this.$emit('update:visible', val);
+      },
+      immediate: true,
+    },
+    visible: {
+      handler(val) {
+        if (val) {
+          this.$nextTick(() => {
+            this.getPosition();
+          });
+        }
+        this.isShow = val;
+      },
+      immediate: true,
+    },
+  },
+  mounted() {
+    // #ifdef H5
+    window.addEventListener('click', () => {
+      this.isShow = false;
+    });
+    // #endif
+    this.getPosition();
+  },
+  methods: {
+    close() {
+      this.isShow = false;
+    },
+    fixedWrap() {
+      this.isShow = false;
+    },
+    async handleClick() {
+      if (this.isShow) {
+        return (this.isShow = false);
+      }
+      await this.getPosition();
+      this.isShow = true;
+    },
+    getPosition() {
+      return new Promise(resolve => {
+        uni
+          .createSelectorQuery()
+          .in(this)
+          .selectAll('.zb_tooltip_content,.zb_tooltip__popper')
+          .boundingClientRect(async data => {
+            let { left, bottom, right, top, width, height } = data[0];
+            let obj1 = data[1];
+            let objStyle = {};
+            let objStyle1 = {};
+            switch (this.placement) {
+              case 'top':
+                if (obj1.width > width) {
+                  objStyle.left = `-${(obj1.width - width) / 2}px`;
+                } else {
+                  objStyle.left = `${Math.abs(obj1.width - width) / 2}px`;
+                }
+
+                objStyle.bottom = `${height + 8}px`;
+                objStyle1.left = obj1.width / 2 - 6 + 'px';
+                break;
+              case 'top-start':
+                objStyle.left = `0px`;
+                objStyle.bottom = `${height + 8}px`;
+                break;
+              case 'top-end':
+                objStyle.right = `0px`;
+                objStyle.bottom = `${height + 8}px`;
+                objStyle1.right = `8px`;
+                break;
+              case 'bottom':
+                if (obj1.width > width) {
+                  objStyle.left = `-${(obj1.width - width) / 2}px`;
+                } else {
+                  objStyle.left = `${Math.abs(obj1.width - width) / 2}px`;
+                }
+                objStyle.top = `${height + 8}px`;
+                objStyle1.left = obj1.width / 2 - 6 + 'px';
+                break;
+              case 'bottom-start':
+                objStyle.left = `0px`;
+                objStyle.top = `${height + 8}px`;
+                objStyle1.left = `8px`;
+                break;
+
+              case 'bottom-end':
+                objStyle.right = `0px`;
+                objStyle.top = `${height + 8}px`;
+                objStyle1.right = `8px`;
+                break;
+
+              case 'right':
+                objStyle.left = `${width + 8}px`;
+                if (obj1.height > height) {
+                  objStyle.top = `-${(obj1.height - height) / 2}px`;
+                } else {
+                  objStyle.top = `${Math.abs((obj1.height - height) / 2)}px`;
+                }
+
+                objStyle1.top = `${obj1.height / 2 - 6}px`;
+                break;
+              case 'right-start':
+                objStyle.left = `${width + 8}px`;
+                objStyle.top = `0px`;
+                objStyle1.top = `8px`;
+                break;
+
+              case 'right-end':
+                objStyle.left = `${width + 8}px`;
+                objStyle.bottom = `0px`;
+                objStyle1.bottom = `8px`;
+                break;
+
+              case 'left':
+                objStyle.right = `${width + 8}px`;
+
+                if (obj1.height > height) {
+                  objStyle.top = `-${(obj1.height - height) / 2}px`;
+                } else {
+                  objStyle.top = `${Math.abs((obj1.height - height) / 2)}px`;
+                }
+
+                objStyle1.top = `${obj1.height / 2 - 6}px`;
+                break;
+
+              case 'left-start':
+                objStyle.right = `${width + 8}px`;
+                objStyle.top = `0px`;
+                objStyle1.top = `8px`;
+                break;
+
+              case 'left-end':
+                objStyle.right = `${width + 8}px`;
+                objStyle.bottom = `0px`;
+                objStyle1.bottom = `8px`;
+                break;
+            }
+            this.style = objStyle;
+            // 三角形箭头
+            this.arrowStyle = objStyle1;
+            resolve();
+          })
+          .exec();
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+$theme-bg-color: var(--theme-bg-color);
+
+.zb-tooltip {
+  position: relative;
+}
+.zb_tooltip_content {
+  height: 100%;
+  /* float: left; */
+  position: relative;
+  display: inline-block;
+
+  // display: flex;
+  // flex-direction: row;
+  // align-items: center;
+  /* overflow: hidden; */
+}
+.zb_tooltip__popper {
+  /* transform-origin: center top; */
+  background: $theme-bg-color;
+
+  visibility: hidden;
+  // color:'#fff';
+  position: absolute;
+  border-radius: 4px;
+  font-size: 12px;
+  min-width: 10px;
+  word-wrap: break-word;
+  display: inline-block;
+  white-space: nowrap;
+  z-index: 9;
+}
+.zb_popper__icon {
+  width: 0;
+  height: 0;
+  z-index: 9;
+  position: absolute;
+}
+.zb_popper__arrow {
+  bottom: -5px;
+  /* transform-origin: center top; */
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-top: 6px solid $theme-bg-color;
+}
+.zb_popper__right {
+  border-top: 6px solid transparent;
+  border-bottom: 6px solid transparent;
+  border-right: 6px solid $theme-bg-color;
+  left: -5px;
+}
+
+.zb_popper__left {
+  border-top: 6px solid transparent;
+  border-bottom: 6px solid transparent;
+  border-left: 6px solid $theme-bg-color;
+  right: -5px;
+}
+
+.zb_popper__up {
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid $theme-bg-color;
+  top: -5px;
+}
+.fixed {
+  position: absolute;
+  width: 100vw;
+  height: 100vh;
+  position: fixed;
+  left: 0;
+  top: 0;
+  pointer-events: auto;
+  background: red;
+  z-index: -1;
+}
+</style>
@@ -0,0 +1,83 @@
+{
+  "id": "zb-tooltip",
+  "displayName": "zb-tooltip （文字提示气泡框）",
+  "version": "1.0.11",
+  "description": "简单的文字提示气泡框,可以自定义皮肤颜色",
+  "keywords": [
+    "tooltip",
+    "tip",
+    "文字提示",
+    "气泡框",
+    "自定义皮肤颜色、Popover"
+],
+  "repository": "",
+"engines": {
+  },
+  "dcloudext": {
+    "category": [
+        "前端组件",
+        "通用组件"
+    ],
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "无",
+      "permissions": "无"
+    },
+    "npmurl": ""
+  },
+  "uni_modules": {
+    "dependencies": [],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "y",
+        "aliyun": "y"
+      },
+      "client": {
+        "Vue": {
+          "vue2": "y",
+          "vue3": "y"
+        },
+        "App": {
+          "app-vue": "y",
+          "app-nvue": "u"
+        },
+        "H5-mobile": {
+          "Safari": "y",
+          "Android Browser": "y",
+          "微信浏览器(Android)": "y",
+          "QQ浏览器(Android)": "y"
+        },
+        "H5-pc": {
+          "Chrome": "y",
+          "IE": "y",
+          "Edge": "y",
+          "Firefox": "y",
+          "Safari": "y"
+        },
+        "小程序": {
+          "微信": "y",
+          "阿里": "y",
+          "百度": "y",
+          "字节跳动": "y",
+          "QQ": "y"
+        },
+        "快应用": {
+          "华为": "y",
+          "联盟": "y"
+        }
+      }
+    }
+  }
+}
 \ No newline at end of file
@@ -0,0 +1,30 @@
+## 介绍
+基于uni-app开发的一个普通的提示组件，功能点击提示
+
+
+## 友情链接
+#### vue-admin-perfect —— [企业级、通用型中后台前端解决方案 预览地址](http://182.61.5.190:8889/)
+#### vue-admin-perfect —— [企业级、通用型中后台前端解决方案（基于vue3.0+TS+Element-Plus  最新版，同时支持电脑，手机，平板)](https://github.com/zouzhibin/vue-admin-perfect)
+
+
+## Tooltip 属性
+| 参数 | 说明 | 类型 | 可选值 | 默认值 |
+| ------ | ------ | ------ | ------ | ------ |
+| visible | 是否显示 tooltip，支持 .sync 修饰符 | Boolean |visible.sync | false |
+| content | 显示的内容，也可以通过 slot#content | String |-- | ' ' |
+| color | 自定义主题颜色| String |'#303133' | '#303133' |
+| placement | Tooltip 的出现位置 | String |top/top-start/top-end/bottom/bottom-start/bottom-end/left/left-start/left-end/right/right-start/right-end | top |
+
+
+## Slot 插槽
+| 参数 | 说明 |
+| ------ | ------ |
+| content | 显示提示框得内容 |
+
+
+```
+因为uniapp 中小程序中没有window对象，需手动调用 关闭
+ 第一种办法关闭：this.$refs.tooltip.close()
+ 第二种办法关闭：visible.sync = false
+
+```
@@ -144,6 +144,11 @@ object-assign@^4.1.0:
   resolved "https://registry.npmmirror.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
   integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
+prettier@3.3.2:
+  version "3.3.2"
+  resolved "https://registry.npmmirror.com/prettier/-/prettier-3.3.2.tgz#03ff86dc7c835f2d2559ee76876a3914cec4a90a"
+  integrity sha512-rAVeHYMcv8ATV5d508CFdn+8/pHPpXeIid1DdrPwXnaAdH7cqjVbpJaT5eq4yRAFU/lsbwYwSF/n5iNrdJHPQA==
+
 promise-polyfill@^7.1.0:
   version "7.1.2"
   resolved "https://registry.npmmirror.com/promise-polyfill/-/promise-polyfill-7.1.2.tgz#ab05301d8c28536301622d69227632269a70ca3b"
1	/unpackage	1	/unpackage
2	/node_modules	2	/node_modules
3	-.DS_Store
4	\ No newline at end of file	3	\ No newline at end of file
		4	+.DS_Store
		5	+.idea
@@ -0,0 +1,15 @@		@@ -0,0 +1,15 @@
	1	+/dist/*
	2	+.local
	3	+.hbuilderx
	4	+common
	5	+components
	6	+uni_modules
	7	+mixins
	8	+iconfont
	9	+/node_modules/**
	10	+
	11	+*/.svg
	12	+*/.sh
	13	+
	14	+/public/*
	15	+stats.html
@@ -0,0 +1,25 @@		@@ -0,0 +1,25 @@
	1	+module.exports = {
	2	+ // 行尾换行方式
	3	+ endOfLine: 'lf',
	4	+ // Tab空格数
	5	+ tabWidth: 2,
	6	+ // 使用Tab缩进
	7	+ useTabs: false,
	8	+ // 换行字符数
	9	+ printWidth: 190,
	10	+ // 开启 eslint 支持
	11	+ eslintIntegration: true,
	12	+ // 字符串单引号
	13	+ singleQuote: true,
	14	+ // 行尾分号
	15	+ semi: true,
	16	+ // 尾逗号 none es5 all
	17	+ trailingComma: 'all',
	18	+ // 大括号空格
	19	+ bracketSpacing: true,
	20	+ // 箭头函数参数只有一个时省略小括号
	21	+ arrowParens: 'avoid',
	22	+ // 标签闭合位置对齐
	23	+ bracketSpacing: true,
	24	+ ignorePath: '.prettierignore'
	25	+};
1	import config from '@/config/index.js';	1	import config from '@/config/index.js';
2		2
3	-const bossAPI = '/boss-service-api';
4	-const freightAPI = '/dispatch-helper-ma-api';	3	+const freightAPI = '/freight-web-api';
		4	+const freightAdmin = '/freight-service-api';
5	const authAPI = '/auth-service-api';	5	const authAPI = '/auth-service-api';
6	-const dispatchMaApi = 'dispatch-ma-api';
7	-const tmsWebApi = 'tms-web-api';
8	-const driverAPI = '/driver-app-api';	6	+const dispatchMaApi = '/dispatch-ma-api';
		7	+const tmsWebApi = '/tms-web-api';
9	const omsServiceApi = '/oms-service-api'	8	const omsServiceApi = '/oms-service-api'
10	const tmsServiceApi = '/tms-service-api';	9	const tmsServiceApi = '/tms-service-api';
11	const consignorAPI = '/consignor-app-api';	10	const consignorAPI = '/consignor-app-api';
	@@ -14,15 +13,15 @@ module.exports = (vm) => {		@@ -14,15 +13,15 @@ module.exports = (vm) => {
14	vm.$u.api = {	13	vm.$u.api = {
15	// 配置参数	14	// 配置参数
16	config: {	15	config: {
17	- getVehicleConfig: params => vm.$u.http.get(freightAPI + '/vehicle/getVehicleConfig', { params }),	16	+ getVehicleConfig: params => vm.$u.http.get(freightAPI + '/vehicle/getVehicleConfig', { params }),
18	},	17	},
19	// 数据字典	18	// 数据字典
20	dict: {	19	dict: {
21	- all: params => vm.$u.http.get(consignorAPI + '/dict/getAll', { params, custom: { auth: false } }),	20	+ all: params => vm.$u.http.get(tmsWebApi + '/dataDictionary/queryAll', { params, custom: { auth: true } }),
22	},	21	},
23	// 行政区划	22	// 行政区划
24	district: {	23	district: {
25	- all: params => vm.$u.http.get(consignorAPI + '/district/commonOption', { params, custom: { auth: false } }),	24	+ all: params => vm.$u.http.get(tmsWebApi + '/district/commonOption', { params, custom: { auth: true } }),
26	},	25	},
27	// 货主地址	26	// 货主地址
28	addressHistory: {	27	addressHistory: {
	@@ -36,7 +35,7 @@ module.exports = (vm) => {		@@ -36,7 +35,7 @@ module.exports = (vm) => {
36	// 发送手机验证码	35	// 发送手机验证码
37	send: (params) => vm.$u.http.get(freightAPI + '/maLogin/sendVc', { params, custom: { auth: false } }),	36	send: (params) => vm.$u.http.get(freightAPI + '/maLogin/sendVc', { params, custom: { auth: false } }),
38	// 绑定手机号	37	// 绑定手机号
39	- bind: (data) => vm.$u.http.post(freightAPI + '/maLogin/wxbind', data, { custom: { auth: false } }),	38	+ bind: (data) => vm.$u.http.post(freightAPI + '/maLogin/vcWxbind', data, { custom: { auth: false } }),
40	// 解除绑定	39	// 解除绑定
41	unbind: (data) => vm.$u.http.post(freightAPI + '/user/consignor/unbindWx', data),	40	unbind: (data) => vm.$u.http.post(freightAPI + '/user/consignor/unbindWx', data),
42	// 微信一键登录	41	// 微信一键登录
	@@ -58,24 +57,24 @@ module.exports = (vm) => {		@@ -58,24 +57,24 @@ module.exports = (vm) => {
58	user: {	57	user: {
59	// 根据企业名称获取企业详细信息	58	// 根据企业名称获取企业详细信息
60	getCompanyDetail: (params) => vm.$u.http.get(freightAPI + '/user/getCompanyDetail', { params }),	59	getCompanyDetail: (params) => vm.$u.http.get(freightAPI + '/user/getCompanyDetail', { params }),
61	- detail: params => vm.$u.http.get(freightAPI + '/user/getDetail', { params }),
62	- getPermission: params => vm.$u.http.get(authAPI + '/permission/getPermission', { params }),	60	+ detail: params => vm.$u.http.get(freightAPI + '/user/getDetail', { params }),
		61	+ getPermission: params => vm.$u.http.get(authAPI + '/permission/getPermission', { params }),
63	},	62	},
64	// 联系人	63	// 联系人
65	contact: {	64	contact: {
66	// 选择器数据源	65	// 选择器数据源
67	- select: params => vm.$u.http.get(freightAPI + '/consignorContact/commonSelect', { params }),	66	+ select: params => vm.$u.http.get(freightAPI + '/consignorContact/commonSelect', { params }),
		67	+ },
		68	+ // 常用地址
		69	+ address: {
		70	+ page: params => vm.$u.http.get(freightAPI + '/address/page', { params }),
		71	+ detail: params => vm.$u.http.get(freightAPI + '/address/getDetail', { params }),
		72	+ add: (data) => vm.$u.http.post(freightAPI + '/address/add', data),
		73	+ modify: (data) => vm.$u.http.post(freightAPI + '/address/modify', data),
		74	+ delete: (data) => vm.$u.http.post(freightAPI + '/address/delete', data),
68	},	75	},
69	- // 常用地址
70	- address: {
71	- page: params => vm.$u.http.get(freightAPI + '/address/page', { params }),
72	- detail: params => vm.$u.http.get(freightAPI + '/address/getDetail', { params }),
73	- add: (data) => vm.$u.http.post(freightAPI + '/address/add', data),
74	- modify: (data) => vm.$u.http.post(freightAPI + '/address/modify', data),
75	- delete: (data) => vm.$u.http.post(freightAPI + '/address/delete', data),
76	- },
77	// 查询筛选接口	76	// 查询筛选接口
78	- filter: {	77	+ filter: {
79	org: params => vm.$u.http.get(dispatchMaApi + '/org/commonSelect', { params }),	78	org: params => vm.$u.http.get(dispatchMaApi + '/org/commonSelect', { params }),
80	user: params => vm.$u.http.get(tmsWebApi + '/user/commonSelect', { params }), // 用户选择器	79	user: params => vm.$u.http.get(tmsWebApi + '/user/commonSelect', { params }), // 用户选择器
81	getCommonSelect: params => vm.$u.http.get(dispatchMaApi + '/customer/getCommonSelect', { params }),	80	getCommonSelect: params => vm.$u.http.get(dispatchMaApi + '/customer/getCommonSelect', { params }),
	@@ -90,6 +89,67 @@ module.exports = (vm) => {		@@ -90,6 +89,67 @@ module.exports = (vm) => {
90	getBelongCustomer: params => vm.$u.http.get(omsServiceApi + '/orderConfig/selectCustomer', { params }), // 获取专属客户	89	getBelongCustomer: params => vm.$u.http.get(omsServiceApi + '/orderConfig/selectCustomer', { params }), // 获取专属客户
91	statisticsUser: params => vm.$u.http.get(freightAPI + '/pushcartEmployee/page', { params }), // 获取推车员工	90	statisticsUser: params => vm.$u.http.get(freightAPI + '/pushcartEmployee/page', { params }), // 获取推车员工
92	tmsOrg: params => vm.$u.http.get(tmsWebApi + '/org/commonSelect', { params }),	91	tmsOrg: params => vm.$u.http.get(tmsWebApi + '/org/commonSelect', { params }),
		92	+ projectCode: params => vm.$u.http.get(freightAPI + '/freightProject/commonSelect', { params }),// 项目
		93	+ payeeCommonSelect: params => vm.$u.http.get(freightAPI + '/freightEnterpriseCollectDriver/payeeCommonSelect', { params }), // 代收人
		94	+ driver: params => vm.$u.http.get(tmsServiceApi + '/driver/commonSelect', { params }), // 司机选择器
		95	+ vehicle: params => vm.$u.http.get(tmsWebApi + '/vehicle/commonSelect', { params }), // 车辆选择器
		96	+ goodsName: p => vm.$u.http.get(freightAPI + '/freightEnterpriseGoods/commonSelect', { params:{...p,goodsName:p.query }}).then(res=>{
		97	+ return {
		98	+ ...res,
		99	+ result:res.result.map(i => {
		100	+ return {
		101	+ name:i.goodsName,
		102	+ code:i.id,
		103	+ id:i.id
		104	+ }
		105	+ })
		106	+ }
		107	+ }), // 货物选择器
		108	+ },
		109	+ // 申请支付
		110	+ freightPayApply: {
		111	+ page: params => vm.$u.http.post(freightAPI + '/freightPayApply/page', params),
		112	+ getApplyDetailByIds: params => vm.$u.http.post(freightAPI + '/freightPayApply/getApplyDetailByIds', params), // 明细
		113	+ apply: params => vm.$u.http.post(freightAPI + '/freightPayApply/apply', params,{custom: {toast:true}}), // 申请
		114	+ cancelApply: params => vm.$u.http.post(freightAPI + '/freightPayApply/cancelApply', params,{custom: {toast:true}}), // 取消申请
		115	+ audit: params => vm.$u.http.post(freightAPI + '/freightPayApply/audit', params,{custom: {toast:true}}), // 审核
		116	+ getCount: params => vm.$u.http.get(freightAPI + '/freightPayApply/getCount', {params}), // 总数
		117	+ },
		118	+ // 订单管理-网货货运-new
		119	+ freightOrder: {
		120	+ add: params => vm.$u.http.post(freightAPI + '/freightOrder/maAdd', params,{custom: {toast:true}}), // 下单
		121	+ getDistance: params => vm.$u.http.get(freightAPI + '/freightOrder/getDistance', {params}), // 获取距离
		122	+ page: params => vm.$u.http.post( freightAPI + '/freightOrder/page', params ), // 分页查询
		123	+ currentFreight: params => vm.$u.http.get( freightAdmin + '/freightEnterprise/getDetailByCurrentFreight', params ), // 获取企业配置相关详情
		124	+ getServiceAmount: params => vm.$u.http.get( freightAPI + '/freightOrder/getServiceAmount', {params}), // 订单服务费
		125	+ enterpriseCollectDriverPage: params => vm.$u.http.get( freightAPI + '/freightEnterpriseCollectDriver/page', params), // 网货企业代收用户分页查询
		126	+ download: params => vm.$u.http.get( freightAPI + '/freightOrder/download', params), // 模板下载
		127	+ downloadStartCar: params => vm.$u.http.get( freightAPI + '/freightOrder/orderDepartAndArriveDownload', params), // 模板下载
		128	+ importStartCar: params => vm.$u.http.get( freightAPI + '/freightOrder/importOrderDepartAndArrive', params), // 导入
		129	+ import: params => vm.$u.http.get( freightAPI + '/freightOrder/import', params), // 导入
		130	+ depart: params => vm.$u.http.post( freightAPI + '/freightOrder/depart', params), // 发车
		131	+ arrive: params => vm.$u.http.post( freightAPI + '/freightOrder/arrive', params), // 到达
		132	+ sign: params => vm.$u.http.get( freightAPI + '/freightOrder/sign', params), // 签收
		133	+ cancel: params => vm.$u.http.post( freightAPI + '/freightOrder/cancel', params), // 取消
		134	+ delete: params => vm.$u.http.post( freightAPI + '/freightOrder/delete', params), // 删除
		135	+ assignVehicle: params => vm.$u.http.post( freightAPI + '/freightOrder/assignVehicle', params), // 充值指派
		136	+ asyncPayee: params => vm.$u.http.get( freightAPI + '/freightOrder/syncPayee', params), // 同步收款人
		137	+ modifyPayee: params => vm.$u.http.post( freightAPI + '/freightOrder/modifyPayee', params), // 修改收款人
		138	+ getPayeeInfo: params => vm.$u.http.get( freightAPI + '/freightOrder/getPayeeInfo', params), // 获取收款人
		139	+ modifyCustomerOrderCode: params => vm.$u.http.post( freightAPI + '/freightOrder/modifyCustomerOrderCode', params), // 修改内部单号
		140	+ modifyAddress: params => vm.$u.http.get( freightAPI + '/freightOrder/modifyAddress', params), // 更改地址
		141	+ modifyGoods: params => vm.$u.http.post( freightAPI + '/freightOrder/modifyGoods', params), // 更改货物信息
		142	+ adjustAmount: params => vm.$u.http.post( freightAPI + '/freightOrder/adjustAmount', params), // 更改运费
		143	+ modifyReceiptAttachment: params => vm.$u.http.post( freightAdmin + '/woss/freightOrder/modifyReceiptAttachment', params), // 修改回单附件
		144	+ count: params => vm.$u.http.post( freightAPI + '/freightOrder/count', params), // 状态数量
		145	+ getDetail: params => vm.$u.http.get( freightAPI + '/freightOrder/getDetail', {params}), // 订单详情
		146	+ checkDepartureTime: params => vm.$u.http.get( freightAPI + '/freightOrder/checkDepartureTime', params), // 校验选择的运单发车时间是否一致
		147	+ getStartLatestAddress: params => vm.$u.http.get( freightAPI + '/freightOrder/getStartLatestAddress', params), //
		148	+ getEndLatestAddress: params => vm.$u.http.get( freightAPI + '/freightOrder/getEndLatestAddress', params), //
		149	+ payeeBindBankCardNo: params => vm.$u.http.get( freightAPI + '/freightOrder/payeeBindBankCardNo', params), //
		150	+ getSensitiveByOrderCode:params => vm.$u.http.get( freightAdmin + '/freightOrder/getSensitiveByOrderCode', {params}),
		151	+ buildMaQrcode:params => vm.$u.http.get( freightAdmin + '/woss/freightOrder/buildMaQrcode', {params}),
		152	+ supplementTrailerVehicle: params => vm.$u.http.get( freightAPI + '/freightOrder/supplementTrailerVehicle', params), // 绑定车挂
93	},	153	},
94	};	154	};
95	-}
96	\ No newline at end of file	155	\ No newline at end of file
		156	+}
@@ -0,0 +1,70 @@		@@ -0,0 +1,70 @@
	1	+<template>
	2	+ <view class="payee">
	3	+ <view :class="haveAction ? '' : 'action'">
	4	+ {{ item.dueBank ? item.dueBank +'/' : '收款信息' }}{{ item.dueBankCardNo ? item.dueBankCardNo +'/' : '' }}{{
	5	+ item.openingBank && item.openingBankBranch ? item.openingBank + item.openingBankBranch : item.openingBank \|\| item.openingBankBranch \|\| ''
	6	+ }}
	7	+ </view>
	8	+ <view v-if="haveAction" class="action" @tap="toSelect">
	9	+ <u-text text="更换" suffix-icon="arrow-right"></u-text>
	10	+ </view>
	11	+ </view>
	12	+</template>
	13	+<script>
	14	+export default {
	15	+ name: 'payee',
	16	+ props: {
	17	+ value:{
	18	+ type: Object,
	19	+ default(){
	20	+ return {}
	21	+ },
	22	+ },
	23	+ haveAction: {
	24	+ type: Boolean,
	25	+ default: false,
	26	+ },
	27	+ },
	28	+ watch:{
	29	+ value: {
	30	+ handler(val){
	31	+ this.item = val;
	32	+ }
	33	+ }
	34	+ },
	35	+ data() {
	36	+ return {
	37	+ item: this.value
	38	+ };
	39	+ },
	40	+ methods: {
	41	+ toSelect() {
	42	+ uni.$once('select-payee', item=>{
	43	+ this.item = item;
	44	+ this.$emit('input',item);
	45	+ });
	46	+ uni.navigateTo({ url: '/pages/global/search-payee' });
	47	+ },
	48	+ setItem(item){
	49	+ this.item = item;
	50	+ }
	51	+ },
	52	+};
	53	+</script>
	54	+
	55	+<style scoped lang="scss">
	56	+.payee {
	57	+ display: flex;
	58	+ justify-content: space-between;
	59	+ font-size: 24upx;
	60	+ padding: $padding-sm;
	61	+ border-radius: $radius-sm;
	62	+ background: #f6f8fb;
	63	+ .action {
	64	+ color: #2673fb;
	65	+ min-width: 70rpx;
	66	+ float: right;
	67	+ }
	68	+ margin-bottom: $padding-sm;
	69	+}
	70	+</style>
@@ -0,0 +1,48 @@		@@ -0,0 +1,48 @@
	1	+<template>
	2	+ <view class="field-copy" @click.stop="onCopy">
	3	+ <slot></slot>
	4	+ <view class="img">
	5	+ <image src="/static/copy-icon.png"></image>
	6	+ </view>
	7	+ </view>
	8	+</template>
	9	+
	10	+<script>
	11	+export default {
	12	+ name:'fieldCopy',
	13	+ props: {
	14	+ value: [String, Number]
	15	+ },
	16	+ methods: {
	17	+ // 复制
	18	+ onCopy: async function () {
	19	+ if (this.value) {
	20	+ uni.setClipboardData({
	21	+ data: this.value,
	22	+ success: function () {
	23	+ uni.showToast({ icon: 'success', title: '已复制' });
	24	+ },
	25	+ });
	26	+ }
	27	+ },
	28	+ },
	29	+};
	30	+</script>
	31	+
	32	+<style lang="scss">
	33	+.field-copy {
	34	+ display: inline-block;
	35	+ min-width: 40upx;
	36	+ .img {
	37	+ display: inline-block;
	38	+ width: 26rpx;
	39	+ height: 26rpx;
	40	+ margin-left: 8rpx;
	41	+ image {
	42	+ width: 100%;
	43	+ height: 100%;
	44	+ vertical-align: middle;
	45	+ }
	46	+ }
	47	+}
	48	+</style>
@@ -0,0 +1,174 @@		@@ -0,0 +1,174 @@
	1	+<template>
	2	+ <tui-bottom-popup :show="visible" @close="onClose">
	3	+ <view class="keyboard-bill">
	4	+ <view class="keyboard-bill__keyboard">
	5	+ <view v-for="word in wordText" :key="word" class="key" hover-class="active" hover-start-time="20" hover-stay-time="70" @click="onInput(word)">{{ word }}</view>
	6	+ <view v-for="number in numberText" :key="number" class="key" hover-class="active" hover-start-time="20" hover-stay-time="70" @click="onInput(number)">{{ number }}</view>
	7	+ </view>
	8	+ <view class="keyboard-bill__footer">
	9	+ <view class="left">
	10	+ <view class="btn delete" hover-class="active" hover-start-time="20" hover-stay-time="70" @click="onDelete">删除</view>
	11	+ <view class="btn paste" hover-class="active" hover-start-time="20" hover-stay-time="70" @click="onPaste">粘贴</view>
	12	+ </view>
	13	+ <view class="btn confirm" hover-class="active" hover-start-time="20" hover-stay-time="70" @click="onConfirm">{{ confirmText }}</view>
	14	+ </view>
	15	+ </view>
	16	+ </tui-bottom-popup>
	17	+</template>
	18	+
	19	+<script>
	20	+export default {
	21	+ name: 'keyboard-bill',
	22	+ props: {
	23	+ value: String,
	24	+ visible: Boolean,
	25	+ confirmText: {
	26	+ type: String,
	27	+ default: '确定'
	28	+ },
	29	+ },
	30	+ data: function() {
	31	+ return {
	32	+ model: [],
	33	+ numberText: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0'],
	34	+ wordText: ['J', 'D'],
	35	+ };
	36	+ },
	37	+ computed: {
	38	+ modelText: function() {
	39	+ return this.model.join('');
	40	+ }
	41	+ },
	42	+ watch: {
	43	+ value: function(val) {
	44	+ this.model = `${val \|\| ''}`.split('') \|\| [];
	45	+ },
	46	+ },
	47	+ methods: {
	48	+ onClose: function() {
	49	+ this.$emit('visible', false);
	50	+ },
	51	+ onInput: function(key) {
	52	+ this.model.push(key);
	53	+ this.$emit('input', this.modelText);
	54	+ },
	55	+ onDelete: function() {
	56	+ this.model.pop();
	57	+ this.$emit('input', this.modelText);
	58	+ },
	59	+ onPaste: function() {
	60	+ uni.getClipboardData({
	61	+ success: (res) => {
	62	+ this.$emit('input', res.data);
	63	+ }
	64	+ });
	65	+ },
	66	+ onConfirm: function() {
	67	+ this.$emit('confirm', this.modelText);
	68	+ }
	69	+ }
	70	+};
	71	+</script>
	72	+
	73	+<style lang="scss">
	74	+.keyboard-bill {
	75	+ background-color: $color-white;
	76	+ &__keyboard {
	77	+ padding: 10upx 10upx 0;
	78	+ box-sizing: border-box;
	79	+ transition: all .3s;
	80	+ display: flex;
	81	+ flex-wrap: wrap;
	82	+ justify-content: space-between;
	83	+ background-color: $color-field;
	84	+ .key {
	85	+ width: 175upx;
	86	+ height: 175upx;
	87	+ border-radius: 10upx;
	88	+ display: flex;
	89	+ align-items: center;
	90	+ justify-content: center;
	91	+ color: $color-black;
	92	+ position: relative;
	93	+ margin-bottom: $padding-xs;
	94	+ background-color: $color-white;
	95	+ font-size: $font-lg;
	96	+ &.delete, &.confirm {
	97	+ width: 160upx;
	98	+ }
	99	+ &.confirm {
	100	+ background-color: $color-primary;
	101	+ color: $color-white;
	102	+ }
	103	+ &.active {
	104	+ background-color: darken($color-white, 15%);
	105	+ }
	106	+ &::after {
	107	+ padding: 0;
	108	+ margin: 0;
	109	+ border: none;
	110	+ content: "";
	111	+ pointer-events: none; /* 防止点击触发 */
	112	+ box-sizing: border-box;
	113	+ position: absolute;
	114	+ width: 200%;
	115	+ height: 200%;
	116	+ left: 0;
	117	+ top: 0;
	118	+ border: 1upx solid $color-border;
	119	+ border-radius: 20upx;
	120	+ transform: scale(0.5);
	121	+ transform-origin: 0 0;
	122	+ }
	123	+ }
	124	+ }
	125	+ &__footer {
	126	+ display: flex;
	127	+ align-items: center;
	128	+ justify-content: space-between;
	129	+ padding: $padding-md 10upx;
	130	+ .left {
	131	+ display: flex;
	132	+ align-items: center;
	133	+ }
	134	+ .btn {
	135	+ font-size: $font-md;
	136	+ padding: $padding-md;
	137	+ width: 200upx;
	138	+ box-sizing: border-box;
	139	+ border-radius: 10upx;
	140	+ position: relative;
	141	+ display: flex;
	142	+ align-items: center;
	143	+ justify-content: center;
	144	+ &::after {
	145	+ padding: 0;
	146	+ margin: 0;
	147	+ border: none;
	148	+ content: "";
	149	+ pointer-events: none; /* 防止点击触发 */
	150	+ box-sizing: border-box;
	151	+ position: absolute;
	152	+ width: 200%;
	153	+ height: 200%;
	154	+ left: 0;
	155	+ top: 0;
	156	+ border: 1upx solid $color-border;
	157	+ border-radius: 20upx;
	158	+ transform: scale(0.5);
	159	+ transform-origin: 0 0;
	160	+ }
	161	+ &.confirm {
	162	+ background-color: $color-primary;
	163	+ color: $color-white;
	164	+ }
	165	+ &.paste {
	166	+ margin-left: $padding-sm;
	167	+ }
	168	+ &.active {
	169	+ background-color: darken($color-white, 15%);
	170	+ }
	171	+ }
	172	+ }
	173	+}
	174	+</style>
	@@ -169,4 +169,4 @@ export default {		@@ -169,4 +169,4 @@ export default {
169	},	169	},
170	}	170	}
171	}	171	}
172	-</script>
173	\ No newline at end of file	172	\ No newline at end of file
		173	+</script>
@@ -0,0 +1,376 @@		@@ -0,0 +1,376 @@
	1	+<template>
	2	+ <tui-bottom-popup :show="visible" @close="onClose">
	3	+ <div class="popup-platenumber">
	4	+ <div class="popup-platenumber__header">
	5	+ <u-button v-if="limit.includes('normal')" :type="type === 'normal' ? 'primary' : undefined" @click="type = 'normal'">普通车牌</u-button>
	6	+ <u-button v-if="limit.includes('new')" :type="type === 'new' ? 'primary' : undefined" @click="type = 'new'">新能源车牌</u-button>
	7	+ <u-button v-if="limit.includes('trailer')" :type="type === 'trailer' ? 'primary' : undefined" @click="type = 'trailer'">挂车牌</u-button>
	8	+ </div>
	9	+ <div class="popup-platenumber__body">
	10	+ <div class="input-box" :class="{ active: currentInputIndex == 0 }" @click="currentInputIndex = 0">{{ currentInputValue[0] }}</div>
	11	+ <div class="input-box" :class="{ active: currentInputIndex == 1 }" @click="currentInputIndex = 1">{{ currentInputValue[1] }}</div>
	12	+ <div class="split-dot"></div>
	13	+ <div class="input-box" :class="{ active: currentInputIndex == 2 }" @click="currentInputIndex = 2">{{ currentInputValue[2] }}</div>
	14	+ <div class="input-box" :class="{ active: currentInputIndex == 3 }" @click="currentInputIndex = 3">{{ currentInputValue[3] }}</div>
	15	+ <div class="input-box" :class="{ active: currentInputIndex == 4 }" @click="currentInputIndex = 4">{{ currentInputValue[4] }}</div>
	16	+ <div class="input-box" :class="{ active: currentInputIndex == 5 }" @click="currentInputIndex = 5">{{ currentInputValue[5] }}</div>
	17	+ <div v-if="['normal', 'new'].includes(type)" class="input-box" :class="{ active: currentInputIndex == 6 }" @click="currentInputIndex = 6">{{ currentInputValue[6] }}</div>
	18	+ <div v-if="type == 'new'" class="input-box" :class="{ active: currentInputIndex == 7 }" @click="currentInputIndex = 7">{{ currentInputValue[7] }}</div>
	19	+ <div v-if="type == 'trailer'" class="input-box">挂</div>
	20	+ </div>
	21	+ <div class="popup-platenumber__keyboard">
	22	+ <template v-if="inputType == 1">
	23	+ <div class="key-text" v-for="key of provinceText" :key="key" @click="onChoose(key)">{{ key }}</div>
	24	+ <div class="key-text fill-block"></div>
	25	+ </template>
	26	+ <template v-if="inputType >= 3">
	27	+ <div class="key-text" v-for="key of numberText" :key="key" @click="onChoose(key)">{{ key }}</div>
	28	+ </template>
	29	+ <template v-if="inputType >= 2">
	30	+ <div class="key-text" v-for="key of wordText" :key="key" @click="onChoose(key)">{{ key }}</div>
	31	+ </template>
	32	+ <template v-if="[2, 3, 4].includes(inputType)">
	33	+ <span v-for="num of 6" :key="num" class="key-text fill-block"></span>
	34	+ </template>
	35	+ <template v-if="inputType === 2">
	36	+ <span v-for="num of 10" :key="num" class="key-text fill-block"></span>
	37	+ </template>
	38	+ </div>
	39	+ <div class="popup-platenumber__footer" v-safe-bottom>
	40	+ <div class="popup-platenumber__footer-left">
	41	+ <u-button @click="onClose">取消</u-button>
	42	+ <u-button @click="onReset">清空</u-button>
	43	+ </div>
	44	+ <div class="popup-platenumber__footer-right">
	45	+ <u-button @click="onDelete">删除</u-button>
	46	+ <u-button type="primary" @click="onConfirm">完成</u-button>
	47	+ </div>
	48	+ </div>
	49	+ </div>
	50	+ </tui-bottom-popup>
	51	+</template>
	52	+
	53	+<script>
	54	+
	55	+export default {
	56	+ name: 'PopupPlatenumber',
	57	+ components: {
	58	+ },
	59	+ props: {
	60	+ visible: Boolean,
	61	+ value: {
	62	+ type: String,
	63	+ default: '',
	64	+ },
	65	+ limit: {
	66	+ type: Array,
	67	+ default: () => ['normal', 'new', 'trailer'],
	68	+ },
	69	+ },
	70	+ data() {
	71	+ return {
	72	+ type: this.limit[0], // 车牌类型
	73	+ currentInputIndex: 0, // 当前编辑的输入框
	74	+ currentInputValue: ['', '', '', '', '', '', ''],
	75	+ provinceText: [
	76	+ '京',
	77	+ '冀',
	78	+ '沪',
	79	+ '津',
	80	+ '晋',
	81	+ '蒙',
	82	+ '辽',
	83	+ '吉',
	84	+ '黑',
	85	+ '苏',
	86	+ '浙',
	87	+ '皖',
	88	+ '闽',
	89	+ '赣',
	90	+ '鲁',
	91	+ '豫',
	92	+ '鄂',
	93	+ '湘',
	94	+ '粤',
	95	+ '桂',
	96	+ '琼',
	97	+ '渝',
	98	+ '川',
	99	+ '贵',
	100	+ '云',
	101	+ '青',
	102	+ '藏',
	103	+ '陕',
	104	+ '甘',
	105	+ '宁',
	106	+ '新',
	107	+ ],
	108	+ numberText: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0'],
	109	+ wordText: ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'J', 'K', 'L', 'M', 'N', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'],
	110	+ lastWordText: ['挂'],
	111	+ };
	112	+ },
	113	+ computed: {
	114	+ // 输入框类型
	115	+ inputType({ type, limit, currentInputIndex }) {
	116	+ const options = {
	117	+ 0: 1,
	118	+ 1: 2,
	119	+ 2: 3,
	120	+ 3: 3,
	121	+ 4: 3,
	122	+ 5: 3,
	123	+ 6: limit.includes('trailer') && type !== 'new' ? 4 : 3,
	124	+ 7: limit.includes('trailer') ? 4 : 3,
	125	+ };
	126	+ return options[currentInputIndex] \|\| 1;
	127	+ },
	128	+ },
	129	+ watch: {
	130	+ limit(value) {
	131	+ this.type = value ? value[0] : 'normal';
	132	+ },
	133	+ type(value) {
	134	+ this.onReset(value);
	135	+ },
	136	+ value(val) {
	137	+ if (val) {
	138	+ this.initPlate();
	139	+ } else {
	140	+ this.onReset();
	141	+ }
	142	+ },
	143	+ },
	144	+ mounted() {
	145	+ this.initPlate();
	146	+ },
	147	+ methods: {
	148	+ onReset() {
	149	+ const type = this.type;
	150	+ this.currentInputIndex = 0;
	151	+ if (type === 'normal') {
	152	+ // 普通车牌
	153	+ this.currentInputValue = ['', '', '', '', '', '', ''];
	154	+ } else if (type === 'new') {
	155	+ // 新能源车牌
	156	+ this.currentInputValue = ['', '', '', '', '', '', '', ''];
	157	+ } else if (type === 'trailer') {
	158	+ // 挂车牌
	159	+ this.currentInputValue = ['', '', '', '', '', ''];
	160	+ }
	161	+ },
	162	+ initPlate() {
	163	+ const plateKey = this.value.split('');
	164	+ const isTrailer = plateKey[plateKey.length - 1] === '挂';
	165	+ if (plateKey.length === 7) {
	166	+ this.type = 'normal';
	167	+ if (isTrailer) {
	168	+ this.type = 'trailer';
	169	+ }
	170	+ } else if (plateKey.length === 8) {
	171	+ this.type = 'new';
	172	+ }
	173	+ this.$nextTick(() => {
	174	+ if (isTrailer) {
	175	+ this.type = 'trailer';
	176	+ const trailerKeys = plateKey.filter(key => key !== '挂');
	177	+ this.currentInputValue = trailerKeys;
	178	+ this.currentInputIndex = trailerKeys.length === 0 ? trailerKeys.length : trailerKeys.length - 1;
	179	+ } else {
	180	+ this.currentInputValue = plateKey;
	181	+ this.currentInputIndex = plateKey.length === 0 ? plateKey.length : plateKey.length - 1;
	182	+ }
	183	+ });
	184	+ },
	185	+ onClose() {
	186	+ this.$emit('update:visible', false);
	187	+ },
	188	+ onChoose(value) {
	189	+ this.$set(this.currentInputValue, this.currentInputIndex, value);
	190	+ if (this.type == 'normal' && this.currentInputIndex < 6) {
	191	+ this.currentInputIndex++;
	192	+ }
	193	+ if (this.type == 'new' && this.currentInputIndex < 7) {
	194	+ this.currentInputIndex++;
	195	+ }
	196	+ if (this.type == 'trailer' && this.currentInputIndex < 5) {
	197	+ this.currentInputIndex++;
	198	+ }
	199	+ },
	200	+ onDelete() {
	201	+ if (this.currentInputIndex === 0) {
	202	+ // 首位
	203	+ this.$set(this.currentInputValue, this.currentInputIndex, '');
	204	+ } else if (this.currentInputIndex === this.currentInputValue.length - 1) {
	205	+ // 末位
	206	+ if (this.currentInputValue[this.currentInputIndex] !== '') {
	207	+ this.$set(this.currentInputValue, this.currentInputIndex, '');
	208	+ } else {
	209	+ this.currentInputIndex--;
	210	+ this.$set(this.currentInputValue, this.currentInputIndex, '');
	211	+ }
	212	+ } else {
	213	+ // 中间位
	214	+ this.currentInputIndex--;
	215	+ this.$set(this.currentInputValue, this.currentInputIndex, '');
	216	+ }
	217	+ },
	218	+ onConfirm() {
	219	+ const plate = this.currentInputValue.join('');
	220	+ let err = false;
	221	+ if (this.type === 'normal' && plate.length !== 7) {
	222	+ err = true;
	223	+ } else if (this.type === 'new' && plate.length !== 8) {
	224	+ err = true;
	225	+ } else if (this.type === 'trailer' && plate.length !== 6) {
	226	+ err = true;
	227	+ }
	228	+ if (plate.length <= 0) {
	229	+ err = false;
	230	+ }
	231	+ if (err) {
	232	+ api.toast({ msg: '请输入完整的车牌号码' });
	233	+ } else {
	234	+ if (this.type === 'trailer') {
	235	+ const trailerPlate = [...this.currentInputValue, '挂'].join('');
	236	+ this.$emit('input', trailerPlate === '挂' ? '' : trailerPlate);
	237	+ this.$emit('confirm', trailerPlate === '挂' ? '' : trailerPlate);
	238	+ } else {
	239	+ this.$emit('input', plate);
	240	+ this.$emit('confirm', plate);
	241	+ }
	242	+ this.onClose();
	243	+ }
	244	+ },
	245	+ },
	246	+};
	247	+</script>
	248	+
	249	+<style lang="scss">
	250	+.popup-platenumber {
	251	+ background-color: $color-white;
	252	+ &__header {
	253	+ display: flex;
	254	+ align-items: center;
	255	+ padding: $padding-sm;
	256	+ padding-top: 20px;
	257	+ .u-button {
	258	+ box-sizing: border-box;
	259	+ padding: 2px 8px;
	260	+ width: 90px;
	261	+ height: 28px;
	262	+ border-radius: 7px;
	263	+ white-space: nowrap;
	264	+ word-break: break-all;
	265	+ color: $color-text;
	266	+ background: #eaeaea;
	267	+ margin-right: $padding-base;
	268	+ &--primary {
	269	+ background: #fede47;
	270	+ color: #604300;
	271	+ }
	272	+ }
	273	+ }
	274	+ &__body {
	275	+ box-sizing: border-box;
	276	+ padding: $padding-sm;
	277	+ display: flex;
	278	+ justify-content: space-between;
	279	+ align-items: center;
	280	+ .split-dot {
	281	+ width: 4px;
	282	+ height: 4px;
	283	+ background: $color-text-minor;
	284	+ border-radius: 50%;
	285	+ }
	286	+ .input-box {
	287	+ border-radius: $radius-md;
	288	+ height: $padding-md * 2;
	289	+ width: $padding-md * 2;
	290	+ min-width: $padding-md * 2;
	291	+ box-sizing: border-box;
	292	+ display: inline-flex;
	293	+ align-items: center;
	294	+ justify-content: center;
	295	+ border: 1px solid $color-border;
	296	+ font-weight: bold;
	297	+ font-size: $font-lg;
	298	+ &.active {
	299	+ border-color: $color-blue;
	300	+ box-shadow: 0 0 4px rgba($color-blue, 0.5);
	301	+ }
	302	+ }
	303	+ }
	304	+ &__keyboard {
	305	+ padding: $padding-sm;
	306	+ box-sizing: border-box;
	307	+ transition: all 0.3s;
	308	+ display: flex;
	309	+ flex-wrap: wrap;
	310	+ justify-content: space-between;
	311	+ background-color: $color-bg-base;
	312	+ .key-text {
	313	+ display: block;
	314	+ background: $color-white;
	315	+ border-radius: $radius-md;
	316	+ width: $padding-md * 2;
	317	+ height: $padding-md * 2;
	318	+ margin: $padding-base 0;
	319	+ font-size: $font-md;
	320	+ display: flex;
	321	+ align-items: center;
	322	+ justify-content: center;
	323	+ position: relative;
	324	+ border: 1px solid $color-border;
	325	+ &.fill-block {
	326	+ width: $padding-md * 2;
	327	+ height: $padding-md * 2;
	328	+ background: none;
	329	+ box-shadow: none;
	330	+ border-color: transparent;
	331	+ }
	332	+ }
	333	+ }
	334	+ &__footer {
	335	+ display: flex;
	336	+ justify-content: space-between;
	337	+ background: $color-white;
	338	+ box-sizing: border-box;
	339	+ padding: $padding-sm;
	340	+ padding-bottom: 20px;
	341	+ .u-button {
	342	+ box-sizing: border-box;
	343	+ padding: 2px 8px;
	344	+ width: 70px;
	345	+ height: 32px;
	346	+ border-radius: 7px;
	347	+ white-space: nowrap;
	348	+ word-break: break-all;
	349	+ color: $color-white;
	350	+ background: #333333;
	351	+ &--primary {
	352	+ background: #fede47;
	353	+ color: #604300;
	354	+ }
	355	+ }
	356	+ &-left,
	357	+ &-right {
	358	+ display: flex;
	359	+ align-items: center;
	360	+ .u-button {
	361	+ padding: $padding-base $padding-md;
	362	+ }
	363	+ }
	364	+ &-left {
	365	+ .u-button {
	366	+ margin-right: $padding-xs;
	367	+ }
	368	+ }
	369	+ &-right {
	370	+ .u-button {
	371	+ margin-left: $padding-xs;
	372	+ }
	373	+ }
	374	+ }
	375	+}
	376	+</style>
@@ -0,0 +1,46 @@		@@ -0,0 +1,46 @@
	1	+<template>
	2	+ <Page name="search">
	3	+ <template #content>
	4	+ <template v-for="(item, index) in list">
	5	+ <zui-cell :key="index" @click="onSelect(item, index)">
	6	+ <template #title>{{ item.valueName }}</template>
	7	+ </zui-cell>
	8	+ </template>
	9	+ </template>
	10	+ </Page>
	11	+</template>
	12	+
	13	+<script>
	14	+import { mapGetters } from 'vuex';
	15	+export default {
	16	+ data() {
	17	+ return {
	18	+ list: [],
	19	+ excludes: [],
	20	+ title: '字典',
	21	+ dict: '',
	22	+ };
	23	+ },
	24	+ onLoad(option) {
	25	+ if (option.title) this.title = option.title;
	26	+ if (option.dict) this.dict = option.dict;
	27	+ if (option.excludes) this.excludes = option.excludes.split(',');
	28	+ uni.setNavigationBarTitle({ title: option.title });
	29	+ this.initData();
	30	+ },
	31	+ computed: {
	32	+ ...mapGetters(['dictList']),
	33	+ },
	34	+ methods: {
	35	+ initData() {
	36	+ const matchDictList = this.dictList(this.dict) \|\| [];
	37	+ this.list = matchDictList.filter(i => i.valueCode && i.valueName && !this.excludes.includes(i.valueCode));
	38	+ // this.list = [{ valueCode: '', valueName: '不限' }, ...need];
	39	+ },
	40	+ onSelect(item) {
	41	+ uni.$emit('select-dict', item.valueName == '不限' && !item.valueCode ? { valueCode: '', valueName: '' } : item);
	42	+ uni.navigateBack();
	43	+ },
	44	+ },
	45	+};
	46	+</script>