diff --git a/pages.json b/pages.json
index 42020d8..607031d 100644
--- a/pages.json
+++ b/pages.json
@@ -17,6 +17,17 @@
 				"navigationBarTitleText": "验证码"
 			}
 		},{
+			"path": "pages/goodSource/index",
+			"style": {
+				"navigationBarTitleText": "货源",
+				"enablePullDownRefresh": true
+			}
+		},{
+			"path": "pages/goodSource/add",
+			"style": {
+				"navigationBarTitleText": "创建货源"
+			}
+		},{
 			"path": "pages/order/index",
 			"style": {
 				"navigationBarTitleText": "订单",
@@ -224,6 +235,12 @@
 		"backgroundColor": "#FFFFFF",
 		"list": [
 			{
+				"pagePath": "pages/goodSource/index",
+				"iconPath": "static/tabbar/good.png",
+				"selectedIconPath": "static/tabbar/good-active.png",
+				"text": "货源"
+			},
+			{
 				"pagePath": "pages/order/index",
 				"iconPath": "static/tabbar/order.png",
 				"selectedIconPath": "static/tabbar/order-active.png",
diff --git a/pages/goodSource/add.vue b/pages/goodSource/add.vue
new file mode 100644
index 0000000..14c1819
--- /dev/null
+++ b/pages/goodSource/add.vue
@@ -0,0 +1,464 @@
+<template>
+  <Page name="good-source-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="showLoadTime1 = true" required>
+            <u-datetime-picker :show="showLoadTime1" :value="loadTimeDef1" @cancel="showLoadTime1 = false" @close="showLoadTime2 = false" @confirm="loadTimeFormat1"></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="结束时间" @click="showLoadTime2 = true" required>
+            <u-datetime-picker :show="showLoadTime2" :value="loadTimeDef2" @cancel="showLoadTime2 = false" @close="showLoadTime2 = false" @confirm="loadTimeFormat2"></u-datetime-picker>
+            <u-input v-model="form.loadTime" border="none" suffix-icon="arrow-right" placeholder="请选择时间" disabledColor="#ffffff" disabled />
+          </u-form-item>
+        </view>
+        <view class="card">
+          <u-form-item label="装货地址" required @click="() => selectAddress(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="() => selectAddress(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="choseGoodsType">
+            <u-input :value="form.goodsTypeName" border="none" suffix-icon="arrow-right" placeholder="请选择" disabledColor="#ffffff" disabled />
+          </u-form-item>
+          <u-form-item label="需求车型" required @click="specificationVisible = true">
+            <u-input :value="formatSpecification" border="none" suffix-icon="arrow-right" placeholder="请选择" disabledColor="#ffffff" disabled />
+          </u-form-item>
+          <u-form-item label="需求箱型" required @click="vanTypeVisible = true">
+            <u-input :value="formatVanType" border="none" suffix-icon="arrow-right" placeholder="请选择" disabledColor="#ffffff" disabled />
+          </u-form-item>
+        </view>
+        <view class="card">
+          <u-form-item label="计价方式" @click="chosePriceType">
+            <u-input v-model="form.priceType" border="none" suffix-icon="arrow-right" placeholder="请选择" disabledColor="#ffffff" disabled />
+          </u-form-item>
+          <u-form-item label="货物总量" required>
+            <u-input v-model="form.goodsValue" border="none" type="digit" placeholder="请输入">
+              <template slot="suffix">吨</template>
+            </u-input>
+          </u-form-item>
+          <u-form-item label="运输单价">
+            <u-input v-model="form.goodsValue" border="none" type="digit" placeholder="请输入">
+              <template slot="suffix">元/吨</template>
+            </u-input>
+          </u-form-item>
+          <u-form-item label="需求车数" required>
+            <u-input v-model="form.goodsValue" border="none" type="digit" placeholder="请输入">
+              <template slot="suffix">吨</template>
+            </u-input>
+          </u-form-item>
+          <u-form-item label="总运费">
+            <u-input v-model="form.goodsValue" border="none" type="digit" placeholder="请输入">
+              <template slot="suffix">元/吨</template>
+            </u-input>
+          </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="订单备注" @click="selectRemark">
+              <u-input v-model="form.remark" border="none" suffix-icon="arrow-right" placeholder="请输入，选填" disabledColor="#ffffff" disabled />
+            </u-form-item>
+          </view>
+          <view class="card">
+            <u-form-item label="报价联系人">
+              <u-input v-model="form.contactName" border="none" placeholder="请输入，选填" />
+            </u-form-item>
+            <u-form-item label="报价联系电话">
+              <u-input v-model="form.contactMobile" border="none" placeholder="请输入，选填" />
+            </u-form-item>
+          </view>
+        </template>
+      </u-form>
+    </template>
+    <template #footer>
+      <u-button :loading="loading" type="primary" @tap="submitAddFun">确定</u-button>
+    </template>
+    <tui-bottom-popup :show="vanTypeVisible" @close="vanTypeVisible = false">
+      <view class="popup-more">
+        <view class="pm-title">选择箱型</view>
+        <view class="pm-list">
+          <view v-for="(item, index) in vanTypeList" :key="index" @click="choseVanType(item.valueCode)" class="pm-btn">
+            <text :class="choseVanTypeList.includes(item.valueCode) ? 'action' : ''">{{ item.valueName }}</text>
+          </view>
+        </view>
+      </view>
+    </tui-bottom-popup>
+    <tui-bottom-popup :show="specificationVisible" @close="specificationVisible = false">
+      <view class="popup-more">
+        <view class="pm-title">选择车型</view>
+        <view class="pm-list">
+          <view v-for="(item, index) in specificationList" :key="index" @click="choseSpecification(item.valueCode)" class="pm-btn">
+            <text :class="choseSpecificationList.includes(item.valueCode) ? 'action' : ''">{{ item.valueName }}</text>
+          </view>
+        </view>
+      </view>
+    </tui-bottom-popup>
+    <u-toast ref="uToast"></u-toast>
+  </Page>
+</template>
+<script>
+import { urlParam } from '@/utils/param';
+import { mapGetters } from 'vuex';
+import dayjs from 'dayjs';
+export default {
+  name: 'good-source-add',
+  data() {
+    return {
+      loading: false,
+      showModal: '',
+      showModal2: '',
+      content: '',
+      content2: '',
+      carNumber: '',
+      showLoadTime1: false,
+      showLoadTime2: false,
+      loadTimeDef1: new Date(),
+      loadTimeDef2: 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: [{}, {}],
+        remark: '',
+      },
+      payeeModel: {},
+      driverObj: {}, //司机信息
+      currentFreight: {},
+      vanTypeVisible: false,
+      choseVanTypeList: [],
+      specificationVisible: false,
+      choseSpecificationList: [],
+    };
+  },
+  computed: {
+    ...mapGetters(['dictList', 'dictValue']),
+    // 箱型
+    vanTypeList() {
+      return [...this.dictList('VEHICLE_COMPARTMENT_TYPE'), { valueCode: 'ALL', valueName: '不限' }];
+    },
+    formatVanType() {
+      let res = [];
+      for (let v of this.choseVanTypeList) {
+        if (v === 'ALL') {
+          res.push('不限');
+        } else {
+          res.push(this.dictValue('VEHICLE_COMPARTMENT_TYPE', v));
+        }
+      }
+      return res.join('/');
+    },
+    // 箱型
+    specificationList() {
+      return [...this.dictList('VEHICLE_SPECIFICATION'), { valueCode: 'ALL', valueName: '不限' }];
+    },
+    formatSpecification() {
+      let res = [];
+      for (let v of this.choseSpecificationList) {
+        if (v === 'ALL') {
+          res.push('不限');
+        } else {
+          res.push(this.dictValue('VEHICLE_SPECIFICATION', v));
+        }
+      }
+      return res.join('/');
+    },
+  },
+  onLoad(option) {
+    if (option.code) {
+      uni.setNavigationBarTitle({ title: '修改货源' });
+    }
+  },
+  methods: {
+    initData(code) {
+      uni.$u.api.freightOrder.getDetail({ code }).then(res => {
+        let detail = res.result || {};
+        ['goodsName', 'waypoints', 'allowDriverSeeFreightAmountNode', 'projectCode', 'projectName', 'remark', 'goodsPiece', 'goodsWeight', 'goodsVolume'].forEach(key => {
+          this.form[key] = detail[key];
+        });
+        if (detail.vehicleLicenseNum) {
+          this.typeCar = 'licenseNumber';
+          this.form.licenseNumber = detail.vehicleLicenseNum;
+          this.vehicleChange(detail.vehicleLicenseNum);
+        }
+        if (detail.trailerLicenseNum) {
+          setTimeout(() => {
+            this.typeCar = 'trailerNumber';
+            this.form.trailerNumber = detail.trailerLicenseNum;
+            this.vehicleChange(detail.trailerLicenseNum);
+          }, 500);
+        }
+        this.form.mobile = detail.driverMobile;
+        this.form.driverId = detail.driverId;
+        this.form.driverName = detail.driverName;
+        this.form.driverMobile = detail.driverMobile;
+        this.payeeModel = {
+          driverId: detail.payeeId,
+          dueBank: detail.dueBank,
+          openingBank: detail.openingBank,
+          dueBankCardNo: detail.dueBankCardNo,
+        };
+        this.$refs.payee.setItem(this.payeeModel);
+        this.computedDistance();
+      });
+    },
+    selectRemark() {
+      uni.$once('select-remark', remark => {
+        this.form.remark = remark || '';
+      });
+      uni.navigateTo({
+        url: `/pages/order/select-remark`,
+      });
+    },
+    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"}',
+        })}`,
+      });
+    },
+    // 选择箱型
+    choseVanType(code) {
+      if (this.choseVanTypeList.includes(code)) {
+        this.choseVanTypeList = this.choseVanTypeList.filter(i => i !== code);
+      } else {
+        if (code === 'ALL') {
+          this.choseVanTypeList = [code];
+        } else {
+          this.choseVanTypeList = this.choseVanTypeList.filter(i => i !== 'ALL');
+          this.choseVanTypeList.push(code);
+        }
+      }
+      this.form.vanType = this.choseVanTypeList.join('/');
+    },
+    // 选择车型
+    choseSpecification(code) {
+      if (this.choseSpecificationList.includes(code)) {
+        this.choseSpecificationList = this.choseSpecificationList.filter(i => i !== code);
+      } else {
+        if (code === 'ALL') {
+          this.choseSpecificationList = [code];
+        } else {
+          this.choseSpecificationList = this.choseSpecificationList.filter(i => i !== 'ALL');
+          this.choseSpecificationList.push(code);
+        }
+      }
+      this.form.specification = this.choseSpecificationList.join('/');
+    },
+    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: '',
+        })}`,
+      });
+    },
+    selectAddress(index) {
+      uni.$once('select-detail', 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();
+      });
+      let type = index === 0 ? 'getStartLatestAddress' : 'getEndLatestAddress';
+      let lat = this.form.waypoints[index].lat ? Number(this.form.waypoints[index].lat) : '';
+      let lng = this.form.waypoints[index].lng ? Number(this.form.waypoints[index].lng) : '';
+      uni.navigateTo({ url: `/pages/global/search-address?type=${type}&lng=${lng}&lat=${lat}` });
+    },
+
+    loadTimeFormat1({ value }) {
+      this.form.loadTime = dayjs(value).format('YYYY-MM-DD HH:mm:ss');
+      this.showLoadTime1 = false;
+    },
+    loadTimeFormat2({ value }) {
+      this.form.loadTime = dayjs(value).format('YYYY-MM-DD HH:mm:ss');
+      this.showLoadTime2 = false;
+    },
+    choseGoodsType() {
+      uni.$once('select-dict', option => {
+        this.searchForm.goodsType = option.valueCode;
+        this.searchForm.goodsTypeName = option.valueName;
+      });
+      uni.navigateTo({
+        url: `/pages/global/search-dict${urlParam({
+          title: '货物类型',
+          dict: 'ONLINE_FREIGHT_ORDER_PAY_STATUS',
+        })}`,
+      });
+    },
+    chosePriceType() {
+      uni.$once('select-dict', option => {
+        this.searchForm.goodsType = option.valueCode;
+        this.searchForm.goodsTypeName = option.valueName;
+      });
+      uni.navigateTo({
+        url: `/pages/global/search-dict${urlParam({
+          title: '计价方式',
+          dict: 'ONLINE_FREIGHT_ORDER_PAY_STATUS',
+        })}`,
+      });
+    },
+    submitAddFun() {
+      if (this.loading) return;
+      this.loading = true;
+      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) {
+            this.form = {};
+            uni.showToast({ title: '下单成功', icon: 'none' });
+            this.getOpenerEventChannel().emit('refreshData');
+            setTimeout(() => uni.navigateBack(), 500);
+          }
+          this.loading = false;
+        })
+        .catch(e => {
+          this.loading = false;
+          this.$refs.uToast.show({
+            type: 'default',
+            message: e,
+          });
+        });
+    },
+  },
+};
+</script>
+<style lang="scss">
+.page-good-source-add {
+  &__footer {
+    background: $color-white;
+  }
+  .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);
+        }
+      }
+    }
+  }
+  .popup-more {
+    background: #fff;
+    border-radius: 20rpx;
+    .pm-title {
+      display: flex;
+      justify-content: center;
+      color: #999999;
+      font-size: 32rpx;
+      padding: 32rpx 0;
+    }
+    .pm-list {
+      display: grid;
+      grid-template-columns: 1fr 1fr 1fr;
+      grid-gap: 10px;
+      padding-bottom: 70rpx;
+      .pm-btn {
+        padding: 20rpx;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        color: #2b2a27;
+        font-size: 30rpx;
+        font-weight: 700;
+        .action {
+          color: #2673fb;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/pages/goodSource/card.vue b/pages/goodSource/card.vue
new file mode 100644
index 0000000..3634219
--- /dev/null
+++ b/pages/goodSource/card.vue
@@ -0,0 +1,358 @@
+<template>
+  <view class="card" @click="toDetail">
+    <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 class="image" @click.stop="qrShow">
+            <image style="height: 30upx; width: 30upx" src="/static/qr.png"></image>
+          </view>
+        </view>
+        <view style="display: flex; align-items: center">
+          <render-dict v-if="item.status" class="status" :style="{ color: colorMap[item.status] }" dict="FREIGHT_ORDER_STATUS" :value="item.status"></render-dict>
+          <u-icon name="arrow-right" size="14"></u-icon>
+        </view>
+      </view>
+    </view>
+    <view class="card-content">
+      <view class="cc-info">
+        <view class="info-v">
+          <view class="v-t">
+            <view class="v-t-img">
+              <image src="@/static/svgs/user.svg" />
+            </view>
+            <text>{{ item.customerName }}</text>
+          </view>
+          <view class="v-t">
+            <text style="white-space: nowrap; overflow: hidden; color: #999; max-width: 50vw; text-overflow: ellipsis">
+              {{ item.lineName }}
+            </text>
+          </view>
+        </view>
+        <view class="info-line">
+          <view class="address">
+            <view class="text">{{ item.startProvinceShortName || '' }}-{{ item.startCityShortName || '' }}</view>
+          </view>
+          <view class="way">
+            <view class="w-text">{{ item.distance || 0 }}km</view>
+            <view class="img">
+              <image src="@/static/xl.png" />
+            </view>
+          </view>
+          <view class="address">
+            <view class="text">{{ item.endProvinceShortName || '' }}-{{ item.endCityShortName || '' }}</view>
+          </view>
+        </view>
+        <view class="info-task">
+          <view class="task">
+            <text v-if="item.startTime">{{ item.startTime.slice(0, -3) }} 开始</text>
+          </view>
+          <view class="task">
+            <text v-if="item.endTime">{{ item.endTime.slice(0, -3) }} 结束</text>
+          </view>
+        </view>
+        <view v-if="!onlyShow" class="info-operate">
+          <view class="task">
+            <text>
+              已抢单<text class="color-blue">{{ item.assignVehicleNumber }}</text> /待确认<text class="color-red">{{ item.waitConfirmNumber }}</text> /待指派<text class="color-red">{{
+                item.waitAssignNumber
+              }}</text>
+            </text>
+          </view>
+          <view class="task-2"> 剩余{{ item.remainTonnage }}吨 </view>
+        </view>
+      </view>
+      <view v-if="!onlyShow" class="cc-operate">
+        <view class="price-box">
+          <text class="com-price">{{ item.unitPrice || 200 }}</text
+          ><text>元/吨</text>
+        </view>
+        <view class="but-box">
+          <zb-tooltip placement="bottom" :visible="visible" @update:visible="e => (visible = e)">
+            <template #content>
+              <view class="more-action">
+                <view @click="modifyGoodSource"> 修改货源 </view>
+                <view @click="cancelGoodSource"> 取消货源 </view>
+                <view @click="endGoodSource"> 结束找车 </view>
+                <view @click="deleteGoodSource"> 删除货源 </view>
+              </view>
+            </template>
+            <view class="button">
+              更多操作
+              <view class="sx-img">
+                <image class="sx-image" :src="formatImagePath('down')"></image>
+              </view>
+            </view>
+          </zb-tooltip>
+          <view class="button primary" @click.stop="toGrabPage">抢单管理</view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+<script>
+import FieldCopy from '@/components/field/field-copy.vue';
+import ZbTooltip from '../../uni_modules/zb-tooltip/components/zb-tooltip/zb-tooltip.vue';
+import page from '@/mixins/page';
+export default {
+  name: 'bulk-order-card',
+  mixins: [page],
+  components: { ZbTooltip, FieldCopy },
+  props: {
+    onlyShow: Boolean,
+    item: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+  },
+  data() {
+    return {
+      quoteMap: {
+        FINDING: '#2673fb',
+        ENDED: '#2b2a27',
+        CANCEL: '#999999',
+      },
+    };
+  },
+  methods: {
+    qrShow() {
+      this.$emit('qrShow', this.item.code, this.item);
+    },
+    // 详情
+    toDetail() {
+      if (this.onlyShow) return;
+      uni.navigateTo({ url: `/pages/bulkOrder/bulk-order-detail?code=${this.item.code}` });
+    },
+    // 抢单记录
+    toGrabPage() {
+      uni.navigateTo({ url: `/pages/bulkOrder/bulk-order-grab-record?orderCode=${this.item.code}` });
+    },
+    modifyGoodSource() {
+      this.visible = false;
+      this.$emit('modify', this.item.code);
+    },
+    cancelGoodSource() {
+      this.visible = false;
+      this.$emit('cancel', this.item.code);
+    },
+    endGoodSource() {
+      this.visible = false;
+      this.$emit('end', this.item.code);
+    },
+    deleteGoodSource() {
+      this.visible = false;
+      this.$emit('delete', this.item.code);
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.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;
+  .card-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;
+      }
+    }
+  }
+  .card-content {
+    padding: 0;
+    .cc-info {
+      padding: 0 16rpx;
+      .info-v {
+        display: flex;
+        justify-content: space-between;
+        margin-bottom: 20rpx;
+        margin-top: 20rpx;
+        .v-t {
+          color: #575c69;
+          font-size: 26rpx;
+          display: flex;
+          overflow: hidden;
+          .v-t-img {
+            width: 27rpx;
+            height: 26rpx;
+            margin-right: 10rpx;
+            image {
+              width: 100%;
+              height: 100%;
+            }
+          }
+          text {
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: nowrap;
+          }
+        }
+      }
+      .info-line {
+        display: flex;
+        justify-content: space-between;
+        .address {
+          display: flex;
+          flex-direction: column;
+          align-items: flex-end;
+          .text {
+            font-size: 30rpx;
+            color: #2b2a27;
+            font-weight: 600;
+            margin-bottom: 10rpx;
+          }
+          .time {
+            font-size: 22rpx;
+            color: #575c69;
+          }
+        }
+        .address:nth-child(1) {
+          align-items: flex-start;
+        }
+        .way {
+          width: 122rpx;
+          margin-top: -10rpx;
+          .img {
+            width: 122rpx;
+            height: 15rpx;
+            margin-top: -20rpx;
+            image {
+              width: 100%;
+              height: 100%;
+            }
+          }
+          .w-text {
+            color: #575c69;
+            font-size: 24rpx;
+            text-align: center;
+            margin-right: 5rpx;
+          }
+          .w-point {
+            color: #2673fb;
+            font-size: 22rpx;
+            margin-top: 22rpx;
+            margin-left: 2rpx;
+            text-align: center;
+          }
+          .wp-none {
+            color: #575c69;
+          }
+        }
+      }
+      .info-task {
+        display: flex;
+        justify-content: space-between;
+        font-size: 26rpx;
+        color: #2b2a27;
+        margin-top: 10rpx;
+      }
+      .info-operate {
+        display: flex;
+        justify-content: space-between;
+        font-size: 26rpx;
+        margin-top: 20rpx;
+        color: #999999;
+        .task {
+          flex: 2;
+          text {
+            margin-right: 5rpx;
+          }
+        }
+        .task-2 {
+          flex: 1;
+          text-align: right;
+          color: $color-red;
+        }
+      }
+    }
+    .cc-operate {
+      padding: 0 16rpx;
+      margin-top: 26rpx;
+      display: flex;
+      justify-content: space-between;
+      .price-box {
+        flex: 1;
+        display: flex;
+        align-items: baseline;
+        .com-price {
+          font-size: 50rpx;
+          font-weight: 500;
+          color: red;
+        }
+      }
+      .but-box {
+        flex: 2;
+        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-base;
+          .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;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/pages/goodSource/index.vue b/pages/goodSource/index.vue
new file mode 100644
index 0000000..49c9022
--- /dev/null
+++ b/pages/goodSource/index.vue
@@ -0,0 +1,451 @@
+<template>
+  <Page name="good-source" 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)" :verify="true">
+        <template v-for="(item, index) in list">
+          <card @modify="more" @cancel="cancelOrder" @end="deleteOrder" @delete="deleteOrder" @qrShow="qrCodeShow" :key="index" :item="item" @tap="toDetail(item.code)"></card>
+        </template>
+        <template #empty>
+          <Empty tips="暂无数据" />
+        </template>
+      </List>
+      <view class="add-order" @tap="toAddPage('')">
+        <zui-icon name="add" color="#fff" size="30px"></zui-icon>
+        <!--        <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';
+export default {
+  name: 'goodSource',
+  mixins: [page, qrPainter],
+  components: { 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: '',
+        receiptFlag: '', // 是否已签单
+        payStatus: '', // 支付状态
+        payStatusName: '', //
+      },
+      activeTab: 0,
+      count: {},
+      list: [],
+    };
+  },
+  onPullDownRefresh() {
+    this.onSearch();
+  },
+  computed: {
+    tabList() {
+      let list = [
+        { 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/goodSource/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-good-source {
+  &__content {
+    padding-bottom: 100px !important;
+  }
+  &__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 {
+    left: 34upx;
+    bottom: 34upx;
+    height: 90upx;
+    width: 90upx;
+    background: $color-primary;
+    border-radius: 100upx;
+    position: fixed;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .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>
diff --git a/pages/goodSource/qr-painter.js b/pages/goodSource/qr-painter.js
new file mode 100644
index 0000000..ce32bd2
--- /dev/null
+++ b/pages/goodSource/qr-painter.js
@@ -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,
+              },
+            ],
+          },
+        ],
+      };
+    },
+  },
+};
diff --git a/pages/order/card.vue b/pages/order/card.vue
index 8b0eeed..3296d31 100644
--- a/pages/order/card.vue
+++ b/pages/order/card.vue
@@ -187,19 +187,6 @@ export default {
         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-title {
     margin-top: $padding-xs;
diff --git a/pages/settlement/index.vue b/pages/settlement/index.vue
index f73f837..bd6f94f 100644
--- a/pages/settlement/index.vue
+++ b/pages/settlement/index.vue
@@ -391,20 +391,6 @@ export default {
       }
     }
   }
-  .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;
diff --git a/static/svgs/user.svg b/static/svgs/user.svg
new file mode 100644
index 0000000..dac3fd0
--- /dev/null
+++ b/static/svgs/user.svg
@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4380" height="128" width="128"><path d="M512 464c88 0 160-72 160-160s-72-160-160-160-160 72-160 160 72 160 160 160z m-19.2 153.6c-8-6.4-12.8-14.4-12.8-25.6 0-17.6 14.4-32 32-32s32 14.4 32 32c0 11.2-4.8 19.2-12.8 25.6l43.2 152c3.2 11.2 0 22.4-8 30.4l-43.2 43.2c-6.4 6.4-16 6.4-22.4 0L457.6 800c-8-8-11.2-19.2-8-30.4l43.2-152zM372.8 480C321.6 438.4 288 376 288 304c0-123.2 100.8-224 224-224s224 100.8 224 224c0 70.4-33.6 134.4-84.8 176C811.2 526.4 928 673.6 928 848c0 52.8-43.2 96-96 96H192c-52.8 0-96-43.2-96-96 0-174.4 116.8-321.6 276.8-368zM832 880c17.6 0 32-14.4 32-32 0-176-144-320-320-320h-64c-176 0-320 144-320 320 0 17.6 14.4 32 32 32h640z" fill="#333333" p-id="4381"></path></svg>
\ No newline at end of file
diff --git a/static/tabbar/good-active.png b/static/tabbar/good-active.png
new file mode 100644
index 0000000..9ee2624
Binary files /dev/null and b/static/tabbar/good-active.png differ
diff --git a/static/tabbar/good.png b/static/tabbar/good.png
new file mode 100644
index 0000000..2699912
Binary files /dev/null and b/static/tabbar/good.png differ
diff --git a/static/tabbar/order-active.png b/static/tabbar/order-active.png
index 9ee2624..7c64e20 100644
Binary files a/static/tabbar/order-active.png and b/static/tabbar/order-active.png differ
diff --git a/static/tabbar/order.png b/static/tabbar/order.png
index 2699912..f047147 100644
Binary files a/static/tabbar/order.png and b/static/tabbar/order.png differ
diff --git a/static/xl.png b/static/xl.png
new file mode 100644
index 0000000..19f3094
Binary files /dev/null and b/static/xl.png differ
--
libgit2 0.21.0