|
@@ -28,6 +28,11 @@
|
|
|
margin-left: 20px;
|
|
margin-left: 20px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+.new-user-tag {
|
|
|
|
|
+ margin-left: 6px;
|
|
|
|
|
+ flex-shrink: 0;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
.el-table {
|
|
.el-table {
|
|
|
&:deep(.el-table__body-wrapper) {
|
|
&:deep(.el-table__body-wrapper) {
|
|
|
width: 100% !important;
|
|
width: 100% !important;
|
|
@@ -120,6 +125,19 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
+ <template v-else-if="field.prop==='mobilePhone'">
|
|
|
|
|
+ <div class="flex-align-items-center">
|
|
|
|
|
+ <span>{{ row.mobilePhone }}</span>
|
|
|
|
|
+ <el-tag
|
|
|
|
|
+ v-if="row.newUser"
|
|
|
|
|
+ class="new-user-tag"
|
|
|
|
|
+ type="success"
|
|
|
|
|
+ size="small"
|
|
|
|
|
+ effect="light">
|
|
|
|
|
+ 新用户
|
|
|
|
|
+ </el-tag>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </template>
|
|
|
<template v-else-if="field.prop==='discountType'">
|
|
<template v-else-if="field.prop==='discountType'">
|
|
|
<ext-d-label type="Activity.discountType" :model-value="row[field.prop]"></ext-d-label>
|
|
<ext-d-label type="Activity.discountType" :model-value="row[field.prop]"></ext-d-label>
|
|
|
</template>
|
|
</template>
|
|
@@ -230,7 +248,7 @@ const state = reactive({
|
|
|
{label: '消费站点', prop: 'stationId', width: 140, query: true, type: 'select', resizable: true, conf: {url: 'washStation/list', valueKey: 'stationId', labelKey: 'stationName'}},
|
|
{label: '消费站点', prop: 'stationId', width: 140, query: true, type: 'select', resizable: true, conf: {url: 'washStation/list', valueKey: 'stationId', labelKey: 'stationName'}},
|
|
|
{label: '归属站点', prop: 'userStationId', width: 140, query: true, type: 'select', resizable: true, conf: {url: 'washStation/list', valueKey: 'stationId', labelKey: 'stationName'}},
|
|
{label: '归属站点', prop: 'userStationId', width: 140, query: true, type: 'select', resizable: true, conf: {url: 'washStation/list', valueKey: 'stationId', labelKey: 'stationName'}},
|
|
|
{width: 220, label: '订单号', prop: 'orderId', query: true, type: 'text', resizable: true, fixed: 'left'},
|
|
{width: 220, label: '订单号', prop: 'orderId', query: true, type: 'text', resizable: true, fixed: 'left'},
|
|
|
- {width: 120, label: '用户手机号', prop: 'mobilePhone', query: true, type: 'text', fixed: 'left'},
|
|
|
|
|
|
|
+ {width: 150, label: '用户手机号', prop: 'mobilePhone', query: true, type: 'text', fixed: 'left'},
|
|
|
{width: 100, label: '设备编号', prop: 'shortId', query: false, type: 'text', resizable: true},
|
|
{width: 100, label: '设备编号', prop: 'shortId', query: false, type: 'text', resizable: true},
|
|
|
{width: 160, label: '开始时间', prop: 'startTime', query: false, sortable: 'custom', type: 'datetime', resizable: true, conf: {format: (val: any) => u.fmt.fmtDate(val)}},
|
|
{width: 160, label: '开始时间', prop: 'startTime', query: false, sortable: 'custom', type: 'datetime', resizable: true, conf: {format: (val: any) => u.fmt.fmtDate(val)}},
|
|
|
{width: 160, label: '结束时间', prop: 'endTime', query: false, sortable: 'custom', type: 'datetime', resizable: true, conf: {format: (val: any) => u.fmt.fmtDateTime(val)}},
|
|
{width: 160, label: '结束时间', prop: 'endTime', query: false, sortable: 'custom', type: 'datetime', resizable: true, conf: {format: (val: any) => u.fmt.fmtDateTime(val)}},
|