cloudroam
2024-10-09 f143d2a63e00e43b461914a0660e4a91dd50a1db
pages/order/list/index.vue
@@ -37,10 +37,14 @@
      orderList: [],
      tableConfig: {
        url: 'flower/api/order/list',
        editUrl: 'flower/api/order/page/update',
        hasNew: false,
        hasEdit: false,
        hasEdit: true,
        hasDelete: false,
        persistSelection: true,
        hasExport: true,
        exportUrl: 'flower/api/order/list/export',
        exportText: '导出订单',
        onResetView: (row) => {
          this.$router.push(`${this.$route.path}/${row.id}`)
        },
@@ -57,6 +61,11 @@
              statusComp.extraQuery = { ...params, statusBackend: '' }
              statusComp.getOtherOptions()
            }
          }
        },
        beforeOpen: (row, isNew) => {
          if (!isNew) {
            row.districtStr = this.getDistrict(row)
          }
        },
        columns: [
@@ -77,8 +86,10 @@
          { label: '底价(元)', prop: 'supplierAmount', minWidth: 150 },
          { label: '订单状态', prop: 'statusBackendStr', minWidth: 120 },
          { label: '下单时间', prop: 'createTime', minWidth: 180 },
          { label: '支付时间', prop: 'paymentTime', minWidth: 180 },
          { label: '合伙人', prop: 'partnerName', minWidth: 120 },
          { label: '库位', prop: 'warehouseLocationCode', minWidth: 120 },
          { label: '特殊需求', prop: 'specialNeedsStr', minWidth: 120 },
          {
            label: '备注',
            formatter: (row) => (
@@ -157,6 +168,52 @@
              },
              { label: '收货地址:', id: 'address', type: 'input' },
              { label: '库位:', id: 'warehouseLocationCode', type: 'input' },
            ],
          },
        ],
        form: [
          {
            type: 'row',
            span: 12,
            items: [
              {
                label: '地区:',
                id: 'customerProvince',
                component: 'el-bus-select-area',
                span: 24,
                commonFormat: true,
                commonFormatProps: [
                  'customerProvince',
                  'customerCity',
                  'customerRegion',
                ],
                str: true,
                strKey: 'districtStr',
                rules: { required: true, message: '请选择地区' },
              },
              {
                label: '详细地址:',
                id: 'customerAddress',
                type: 'input',
                span: 24,
                rules: {
                  required: true,
                  message: '请输入详细地址且最大不超过50个汉字',
                  trigger: 'blur',
                  max: 50,
                },
              },
              {
                label: '联系方式:',
                id: 'customerTel',
                type: 'input',
                rules: {
                  required: true,
                  pattern: this.$elBusUtil.REG.MOBILEPHONE,
                  message: '请输入合法的手机号',
                  trigger: 'blur',
                },
              },
            ],
          },
        ],
@@ -304,6 +361,13 @@
      this.$refs.crud.search()
    },
  },
  methods: {
    getDistrict(row) {
      return `${row.customerProvince || ''}${row.customerCity || ''}${
        row.customerRegion || ''
      }`
    },
  },
}
</script>