|
|
|
|
@ -11,13 +11,18 @@ |
|
|
|
|
</el-form> |
|
|
|
|
<el-table v-loading="loading" :data="tableList"> |
|
|
|
|
<el-table-column type="index" width="55" align="center" /> |
|
|
|
|
<el-table-column label="手机号" align="center" prop="phone" min-width="140" /> |
|
|
|
|
<el-table-column label="折扣描述" align="center" prop="memberName" min-width="140" /> |
|
|
|
|
<el-table-column label="折后价格" align="center" prop="carName" min-width="100" /> |
|
|
|
|
<el-table-column label="有效期至" align="center" prop="subjects" min-width="100" /> |
|
|
|
|
<el-table-column label="截止时间" align="center" prop="endDate" min-width="100" /> |
|
|
|
|
<el-table-column label="操作人" align="center" prop="" min-width="100" /> |
|
|
|
|
<el-table-column label="操作时间" align="center" prop="" min-width="100" /> |
|
|
|
|
<el-table-column label="手机号" align="left" prop="phone" width="140" /> |
|
|
|
|
<el-table-column label="折扣描述" align="left" prop="description" min-width="140" /> |
|
|
|
|
<el-table-column label="折后价格" align="center" prop="discount" width="100" /> |
|
|
|
|
<el-table-column |
|
|
|
|
label="截止时间" |
|
|
|
|
align="left" |
|
|
|
|
prop="endTime" |
|
|
|
|
:formatter="dateFormatter" |
|
|
|
|
width="150" |
|
|
|
|
/> |
|
|
|
|
<el-table-column label="操作人" align="left" prop="operUser" width="100" /> |
|
|
|
|
<el-table-column label="操作时间" align="left" prop="operTime" width="150" /> |
|
|
|
|
</el-table> |
|
|
|
|
<pagination |
|
|
|
|
v-show="total > 0" |
|
|
|
|
@ -32,13 +37,13 @@ |
|
|
|
|
<el-form-item label="手机号" prop="phone"> |
|
|
|
|
<el-input v-model="form.phone" maxlength="11" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="会员描述" prop="vipType"> |
|
|
|
|
<el-select v-model="form.vipType" clearable filterable style="width: 100%"> |
|
|
|
|
<el-form-item label="会员描述" prop="discountId"> |
|
|
|
|
<el-select v-model="form.discountId" clearable filterable style="width: 100%"> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in vipTypeOptions" |
|
|
|
|
:key="item.value" |
|
|
|
|
:label="item.label" |
|
|
|
|
:value="item.value" |
|
|
|
|
v-for="item in discountOptions" |
|
|
|
|
:key="item.id" |
|
|
|
|
:label="item.description" |
|
|
|
|
:value="item.id" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
@ -55,7 +60,12 @@ |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script setup name="UserDiscount"> |
|
|
|
|
import { getUserDiscountList, giveUserDiscount } from '@/api/xjapplet/discount' |
|
|
|
|
import { |
|
|
|
|
getUserDiscountList, |
|
|
|
|
giveUserDiscount, |
|
|
|
|
getVipDiscountOptions |
|
|
|
|
} from '@/api/xjapplet/discount' |
|
|
|
|
import { dateFormatter } from '@/utils/formatTime' |
|
|
|
|
|
|
|
|
|
const message = useMessage() |
|
|
|
|
|
|
|
|
|
@ -69,11 +79,14 @@ const loading = ref(false) |
|
|
|
|
const tableList = ref([]) |
|
|
|
|
const total = ref(0) |
|
|
|
|
|
|
|
|
|
const vipTypeOptions = ref([ |
|
|
|
|
{ label: '普通会员', value: '1' }, |
|
|
|
|
{ label: 'VIP会员', value: '2' } |
|
|
|
|
]) |
|
|
|
|
const discountOptions = ref([]) |
|
|
|
|
|
|
|
|
|
onMounted(() => { |
|
|
|
|
searchList() |
|
|
|
|
getVipDiscountOptions().then((response) => { |
|
|
|
|
discountOptions.value = response |
|
|
|
|
}) |
|
|
|
|
}) |
|
|
|
|
function searchList() { |
|
|
|
|
searchForm.value.pageNo = 1 |
|
|
|
|
getList() |
|
|
|
|
@ -91,11 +104,11 @@ function getList() { |
|
|
|
|
const showDialog = ref(false) |
|
|
|
|
const form = ref({ |
|
|
|
|
phone: '', |
|
|
|
|
vipType: '' |
|
|
|
|
discountId: '' |
|
|
|
|
}) |
|
|
|
|
const rules = ref({ |
|
|
|
|
phone: [{ required: true, message: '请输入用户手机号', trigger: 'blur' }], |
|
|
|
|
vipType: [{ required: true, message: '请选择会员类型', trigger: 'change' }] |
|
|
|
|
discountId: [{ required: true, message: '请选择会员类型', trigger: 'change' }] |
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
function addVipUser() { |
|
|
|
|
|
qsh
2 months ago