readonly form减少表单项间距 统一详情样式

mayf

2024-09-06 9e70204584a5c675a4d0e37fff9020d242df9bdb

 pages/marketing/coupon/user/_id.vue

@@ -6,6 +6,7 @@
      label-width="auto"
      :content="formContent"
      readonly
      class="readonly-form"
    />
    <div class="base-page-wrapper__line"></div>
    <el-bus-title title="发放记录" size="small" />
@@ -34,12 +35,17 @@
          items: [
            ...couponForm(),
            {
              label: '发放时间：',
              id: 'createTime',
              type: 'input',
            },
            {
              label: '有效期：',
              id: 'usageStartDate',
              id: 'effectiveTime',
              inputFormat: (row) => {
                return row.usageStartDate
                  ? `${row.usageStartDate} ~ ${row.usageEndDate || ''}`
                  : ''
                  : `发放后${row.usageTimeNum}${row.usageTimeTypeName || ''}`
              },
              span: 24,
            },
@@ -48,7 +54,7 @@
      ],
      recordTableConfig: {
        ...recordTableConfig(this.$route.params.id),
        columns: [...couponRecordColumn()],
        columns: [...couponRecordColumn('发放时间')],
      },
    }
  },