更新
This commit is contained in:
181
src/views/marketing_center/recharge_exchange/components/add.vue
Normal file
181
src/views/marketing_center/recharge_exchange/components/add.vue
Normal file
@@ -0,0 +1,181 @@
|
||||
<template>
|
||||
<el-dialog title="添加兑换码" width="500px" v-model="visible" @closed="onClosed">
|
||||
<el-form ref="formRef" :model="form" :rules="rules" label-width="80px" label-position="right">
|
||||
<el-form-item label="名称" prop="name">
|
||||
<el-input v-model="form.name" placeholder="请输入" :maxlength="50" show-word-limit
|
||||
style="width: 350px;"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="有效期" prop="timeScope">
|
||||
<div style="width: 350px;">
|
||||
<el-date-picker v-model="form.timeScope" type="datetimerange" range-separator="至" start-placeholder="开始日期"
|
||||
end-placeholder="结束日期" value-format="YYYY-MM-DD HH:mm:ss" format="YYYY-MM-DD HH:mm:ss"
|
||||
style="width: 100%;" />
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="金额" prop="amount">
|
||||
<el-input v-model="form.amount" placeholder="请输入" :maxlength="8" show-word-limit
|
||||
style="width: 350px;"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="发行数量" prop="total">
|
||||
<el-input v-model="form.total" placeholder="请输入" :maxlength="4" show-word-limit style="width: 350px;"
|
||||
@input="e => form.total = filterNumberInput(e, true)"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="库存" prop="stock" v-if="form.id">
|
||||
<el-input v-model="form.stock" placeholder="请输入" :maxlength="4" show-word-limit style="width: 350px;"
|
||||
@input="e => form.stock = filterNumberInput(e, true)"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="visible = false;">取 消</el-button>
|
||||
<el-button type="primary" @click="handleOk" :loading="confirmLoading">确 定</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref } from "vue";
|
||||
import { filterNumberInput } from '@/utils'
|
||||
import { rechargeRedemption } from "@/api/coupon/index.js";
|
||||
|
||||
const visible = ref(false);
|
||||
const confirmLoading = ref(false);
|
||||
const formRef = ref(null);
|
||||
|
||||
const form = ref({
|
||||
id: '',
|
||||
stock: '',
|
||||
name: '',
|
||||
timeScope: [],
|
||||
amount: '',
|
||||
total: 0,
|
||||
startTime: '',
|
||||
endTime: '',
|
||||
});
|
||||
|
||||
const resetForm = () => {
|
||||
form.value = {
|
||||
id: '',
|
||||
stock: '',
|
||||
name: '',
|
||||
timeScope: [],
|
||||
amount: '',
|
||||
total: 0,
|
||||
startTime: '',
|
||||
endTime: '',
|
||||
};
|
||||
};
|
||||
|
||||
const rules = {
|
||||
name: [
|
||||
{ required: true, message: '请输入名称', trigger: 'blur' },
|
||||
],
|
||||
timeScope: [
|
||||
{ type: 'array', required: true, message: '请选择有效期', trigger: 'change' },
|
||||
],
|
||||
amount: [
|
||||
{ required: true, message: '请输入金额', trigger: 'blur' },
|
||||
],
|
||||
total: [
|
||||
{
|
||||
required: true,
|
||||
validator: (rule, value, callback) => {
|
||||
const num = Number(value);
|
||||
if (value === '' || value == null) {
|
||||
callback(new Error('请输入发行数量'));
|
||||
return;
|
||||
}
|
||||
if (isNaN(num) || !Number.isInteger(num)) {
|
||||
callback(new Error('请输入有效整数'));
|
||||
return;
|
||||
}
|
||||
if (num < 1) {
|
||||
callback(new Error('发行数量需大于1'));
|
||||
return;
|
||||
}
|
||||
if (num > 1000) {
|
||||
callback(new Error('发行数量最大1000'));
|
||||
return;
|
||||
}
|
||||
callback();
|
||||
},
|
||||
trigger: 'blur'
|
||||
},
|
||||
],
|
||||
stock: [
|
||||
{
|
||||
required: true,
|
||||
validator: (rule, value, callback) => {
|
||||
const num = Number(value);
|
||||
if (value === '' || value == null) {
|
||||
callback(new Error('请输入库存'));
|
||||
return;
|
||||
}
|
||||
if (num > stockFlagNum.value) {
|
||||
callback(new Error(`修改库存不能大于${stockFlagNum.value}`));
|
||||
return;
|
||||
}
|
||||
callback();
|
||||
},
|
||||
trigger: 'blur'
|
||||
}
|
||||
]
|
||||
};
|
||||
|
||||
// 开始提交
|
||||
const emit = defineEmits(['success']);
|
||||
const handleOk = () => {
|
||||
formRef.value.validate(async (valid) => {
|
||||
if (valid) {
|
||||
try {
|
||||
confirmLoading.value = true;
|
||||
const data = { ...form.value };
|
||||
data.startTime = form.value.timeScope[0];
|
||||
data.endTime = form.value.timeScope[1];
|
||||
await rechargeRedemption(data, form.value.id ? 'put' : 'post');
|
||||
emit('success');
|
||||
visible.value = false;
|
||||
} catch (error) {
|
||||
console.log('error', error);
|
||||
}
|
||||
setTimeout(() => {
|
||||
confirmLoading.value = false;
|
||||
}, 500);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const onClosed = () => {
|
||||
visible.value = false;
|
||||
resetForm();
|
||||
};
|
||||
|
||||
const stockFlagNum = ref(0)
|
||||
|
||||
function show(obj) {
|
||||
console.log(obj);
|
||||
if (obj && obj.id) {
|
||||
form.value = {
|
||||
id: obj.id || '',
|
||||
stock: obj.stock || '',
|
||||
name: obj.name || '',
|
||||
timeScope: obj.startTime && obj.endTime ? [obj.startTime, obj.endTime] : [],
|
||||
amount: obj.amount || '',
|
||||
total: obj.total || 0,
|
||||
startTime: '',
|
||||
endTime: '',
|
||||
};
|
||||
stockFlagNum.value = obj.stock || 0
|
||||
} else {
|
||||
resetForm();
|
||||
}
|
||||
visible.value = true;
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
show,
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
@@ -0,0 +1,224 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog title="充值兑换码" top="5vh" width="800px" v-model="visible" @closed="closedHandle">
|
||||
<el-form label-width="80px" label-position="right">
|
||||
<el-form-item label="名称">
|
||||
{{ form.name }}
|
||||
</el-form-item>
|
||||
<el-form-item label="活动日期">
|
||||
{{ form.startTime }} ~ {{ form.endTime }}
|
||||
</el-form-item>
|
||||
<el-form-item label="金额">
|
||||
{{ form.amount }}
|
||||
</el-form-item>
|
||||
<el-form-item label="总数">
|
||||
{{ form.total }}
|
||||
</el-form-item>
|
||||
<el-form-item label="库存">
|
||||
{{ form.stock }}
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="addRef.show({ ...form })">编辑</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="row mt14">
|
||||
<el-form :model="queryForm" inline>
|
||||
<el-form-item>
|
||||
<el-select v-model="queryForm.status" style="width: 200px;" placeholder="请选择状态" @change="getTableData">
|
||||
<el-option v-for="item in statusList" :key="item.value" :label="item.label" :value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-input v-model="queryForm.code" placeholder="请输入兑换码" style="width: 200px;" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="searchHandle">搜索</el-button>
|
||||
<el-button type="primary" plain @click="exportHandle">导出</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<div class="row mt14">
|
||||
<el-table :data="tableData.list" border stripe v-loading="tableData.loading" height="300px">
|
||||
<el-table-column label="兑换码" prop="code" />
|
||||
<el-table-column label="状态" prop="status" width="100">
|
||||
<template #default="scope">
|
||||
<el-tag disable-transitions :type="statusList.find(item => item.value === scope.row.status).type">
|
||||
{{statusList.find(item => item.value === scope.row.status).label}}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="兑换时间" prop="redemptionTime" />
|
||||
<el-table-column label="兑换用户" prop="nickName" />
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="row mt14">
|
||||
<el-pagination v-model:current-page="tableData.page" v-model:page-size="tableData.size"
|
||||
:page-sizes="[10, 30, 50, 100]" background layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="tableData.total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
|
||||
</div>
|
||||
</el-dialog>
|
||||
<add ref="addRef" @success="rechargeRedemptionDetailAjax" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref } from "vue";
|
||||
import add from "./add.vue";
|
||||
import { rechargeRedemptionCodeList, rechargeRedemptionDetail, rechargeRedemptionExport } from "@/api/coupon/index.js";
|
||||
import { downloadFile } from "@/utils/index";
|
||||
|
||||
const emit = defineEmits(['update']);
|
||||
|
||||
const addRef = ref(null);
|
||||
|
||||
const visible = ref(false);
|
||||
|
||||
const form = ref({
|
||||
id: '',
|
||||
name: '',
|
||||
startTime: '',
|
||||
endTime: '',
|
||||
amount: '',
|
||||
total: 0,
|
||||
stock: 0,
|
||||
});
|
||||
|
||||
const resetForm = () => {
|
||||
form.value = {
|
||||
id: '',
|
||||
name: '',
|
||||
startTime: '',
|
||||
endTime: '',
|
||||
amount: '',
|
||||
total: 0,
|
||||
stock: 0,
|
||||
};
|
||||
};
|
||||
|
||||
// 关闭
|
||||
function closedHandle() {
|
||||
resetForm();
|
||||
tableData.list = [];
|
||||
tableData.page = 1;
|
||||
tableData.size = 10;
|
||||
tableData.total = 0;
|
||||
queryForm.value = {
|
||||
status: "",
|
||||
code: '',
|
||||
};
|
||||
emit('update')
|
||||
}
|
||||
|
||||
const statusList = ref([
|
||||
{ label: "全部", value: "" },
|
||||
{ label: "已兑换", value: 1, type: 'info' },
|
||||
{ label: "未兑换", value: 0, type: 'success' },
|
||||
]);
|
||||
|
||||
const queryForm = ref({
|
||||
status: "",
|
||||
code: '', // 兑换码
|
||||
});
|
||||
|
||||
const tableData = reactive({
|
||||
list: [],
|
||||
loading: false,
|
||||
page: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
});
|
||||
|
||||
// 分页大小发生变化
|
||||
function handleSizeChange(e) {
|
||||
tableData.size = e;
|
||||
getTableData();
|
||||
}
|
||||
|
||||
// 分页发生变化
|
||||
function handleCurrentChange(e) {
|
||||
tableData.page = e;
|
||||
getTableData();
|
||||
}
|
||||
|
||||
function searchHandle() {
|
||||
tableData.page = 1;
|
||||
getTableData();
|
||||
}
|
||||
|
||||
const redemptionId = ref('')
|
||||
async function getTableData(id) {
|
||||
// 获取表格数据
|
||||
try {
|
||||
tableData.loading = true
|
||||
const res = await rechargeRedemptionCodeList({
|
||||
redemptionId: redemptionId.value,
|
||||
...queryForm.value,
|
||||
page: tableData.page,
|
||||
size: tableData.size,
|
||||
})
|
||||
tableData.totalAmount = res.totalAmount
|
||||
tableData.list = res.records
|
||||
tableData.total = +res.totalRow
|
||||
} catch (error) {
|
||||
console.log(error);
|
||||
}
|
||||
setTimeout(() => {
|
||||
tableData.loading = false
|
||||
}, 500);
|
||||
}
|
||||
|
||||
// 导出配置
|
||||
const exportLoading = ref(false)
|
||||
async function exportHandle() {
|
||||
try {
|
||||
exportLoading.value = true
|
||||
const file = await rechargeRedemptionExport({
|
||||
redemptionId: redemptionId.value,
|
||||
...queryForm.value,
|
||||
});
|
||||
downloadFile(file, "数据", "xlsx");
|
||||
} catch (error) {
|
||||
console.log(error);
|
||||
}
|
||||
setTimeout(() => {
|
||||
exportLoading.value = false
|
||||
}, 500);
|
||||
}
|
||||
|
||||
// 获取配置详情
|
||||
async function rechargeRedemptionDetailAjax() {
|
||||
try {
|
||||
const res = await rechargeRedemptionDetail({ id: redemptionId.value });
|
||||
form.value = {
|
||||
id: res.id || '',
|
||||
name: res.name || '',
|
||||
startTime: res.startTime || '',
|
||||
endTime: res.endTime || '',
|
||||
amount: res.amount || '',
|
||||
total: res.total || 0,
|
||||
stock: res.stock || 0,
|
||||
};
|
||||
} catch (error) {
|
||||
console.log(error);
|
||||
}
|
||||
}
|
||||
|
||||
function show(obj) {
|
||||
visible.value = true;
|
||||
redemptionId.value = obj.id
|
||||
getTableData()
|
||||
rechargeRedemptionDetailAjax()
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
show,
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.row {
|
||||
&.mt14 {
|
||||
margin-top: 14px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,101 @@
|
||||
<template>
|
||||
<el-dialog title="适用门店" width="400px" v-model="visible" @closed="resetForm">
|
||||
<el-form ref="formRef" :model="form" :rules="rules" label-width="80px" label-position="right">
|
||||
<el-form-item label="适用门店">
|
||||
<el-radio-group v-model="form.useType">
|
||||
<el-radio value="all" label="全部门店"></el-radio>
|
||||
<el-radio value="part" label="指定门店"></el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="选择门店" v-if="form.useType == 'part'" prop="shopIds">
|
||||
<selectBranchs all v-model="form.shopIdList" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="visible = false">取 消</el-button>
|
||||
<el-button type="primary" @click="handleOk" :loading="confirmLoading">确 定</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref } from "vue";
|
||||
import { ElNotification } from "element-plus";
|
||||
import selectBranchs from "../../components/selectBranchs.vue";
|
||||
import { rechargeRedemptionPut, rechargeRedemptionEnableStatus } from "@/api/coupon/index.js";
|
||||
|
||||
const visible = ref(false);
|
||||
const confirmLoading = ref(false);
|
||||
const formRef = ref(null);
|
||||
const form = ref({
|
||||
useType: 1,
|
||||
shopIdList: [],
|
||||
});
|
||||
|
||||
const resetForm = () => {
|
||||
form.value = {
|
||||
useType: 1,
|
||||
shopIdList: [],
|
||||
};
|
||||
};
|
||||
|
||||
const rules = {
|
||||
shopIdList: [
|
||||
{
|
||||
required: true,
|
||||
message: "请选择门店",
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
// 提交保存
|
||||
const handleOk = () => {
|
||||
formRef.value.validate(async (valid) => {
|
||||
if (valid) {
|
||||
try {
|
||||
confirmLoading.value = true;
|
||||
await rechargeRedemptionPut({
|
||||
useType: form.value.useType,
|
||||
shopIdList: form.value.shopIdList,
|
||||
});
|
||||
visible.value = false;
|
||||
ElNotification({
|
||||
type: "success",
|
||||
title: '注意',
|
||||
message: "保存成功",
|
||||
});
|
||||
} catch (error) {
|
||||
console.log(error);
|
||||
}
|
||||
setTimeout(() => {
|
||||
confirmLoading.value = false;
|
||||
}, 500);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// 获取状态
|
||||
async function rechargeRedemptionEnableStatusAjax() {
|
||||
try {
|
||||
const res = await rechargeRedemptionEnableStatus();
|
||||
form.value.useType = res.useType || 'all';
|
||||
form.value.shopIdList = res.shopIdList || [];
|
||||
} catch (error) {
|
||||
console.log(error);
|
||||
}
|
||||
}
|
||||
|
||||
function show() {
|
||||
visible.value = true;
|
||||
rechargeRedemptionEnableStatusAjax();
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
show,
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
172
src/views/marketing_center/recharge_exchange/index.vue
Normal file
172
src/views/marketing_center/recharge_exchange/index.vue
Normal file
@@ -0,0 +1,172 @@
|
||||
<!-- 充值兑换码 -->
|
||||
<template>
|
||||
<div class="gyq_container">
|
||||
<div class="gyq_content">
|
||||
<header-card name="充值兑换码" intro="兑换码直充余额，可当作礼品赠送" icon="czdhm" showSwitch v-model:isOpen="queryForm.isEnable" />
|
||||
<div class="row mt14">
|
||||
<el-form inline>
|
||||
<el-form-item>
|
||||
<el-select v-model="queryForm.status" @change="getTableData" style="width: 200px;">
|
||||
<el-option v-for="item in statusList" :key="item.value" :label="item.label" :value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="addRef.show()">添加</el-button>
|
||||
<el-button type="primary" plain @click="useShopsRef.show()">适用门店</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<div class="row">
|
||||
<el-table :data="tableData.list" border stripe v-loading="tableData.loading">
|
||||
<el-table-column label="ID" prop="id" width="80" />
|
||||
<el-table-column label="名称" prop="name" />
|
||||
<el-table-column label="金额" prop="amount" />
|
||||
<el-table-column label="库存" prop="stock" />
|
||||
<el-table-column label="总数" prop="total" />
|
||||
<el-table-column label="有效期" width="320">
|
||||
<template #default="scope">
|
||||
<div>{{ scope.row.startTime }} ~ {{ scope.row.endTime }}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" prop="operateTime">
|
||||
<template #default="scope">
|
||||
<el-tag disable-transitions :type="statusList.find(item => item.value === scope.row.status).type">
|
||||
{{statusList.find(item => item.value === scope.row.status).label}}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="120">
|
||||
<template #default="scope">
|
||||
<el-button link type="primary" @click="addRef.show(scope.row)">编辑</el-button>
|
||||
<el-button link type="primary" @click="recordRef.show(scope.row)">查看</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="row mt14">
|
||||
<el-pagination v-model:current-page="tableData.page" v-model:page-size="tableData.size"
|
||||
:page-sizes="[10, 30, 50, 100]" background layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="tableData.total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
|
||||
</div>
|
||||
</div>
|
||||
<useShops ref="useShopsRef" />
|
||||
<add ref="addRef" @success="getTableData" />
|
||||
<record ref="recordRef" @update="getTableData" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import HeaderCard from "../components/headerCard.vue";
|
||||
import useShops from "./components/useShops.vue";
|
||||
import add from "./components/add.vue";
|
||||
import record from "./components/record.vue";
|
||||
import { ref, reactive, onMounted } from "vue";
|
||||
import { rechargeRedemptionPut, rechargeRedemptionList, rechargeRedemptionEnableStatus } from "@/api/coupon/index.js";
|
||||
|
||||
const useShopsRef = ref(null);
|
||||
const addRef = ref(null);
|
||||
const recordRef = ref(null);
|
||||
|
||||
const statusList = ref([
|
||||
{ label: "全部", value: "" },
|
||||
{ label: "有效", value: 0, type: 'success' },
|
||||
{ label: "无效", value: 1, type: 'info' },
|
||||
]);
|
||||
|
||||
const queryForm = ref({
|
||||
status: "",
|
||||
isEnable: 0,
|
||||
});
|
||||
|
||||
watch(
|
||||
() => queryForm.value.isEnable,
|
||||
(newVal) => {
|
||||
if (!tableData.loading) {
|
||||
updateStatus();
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
const tableData = reactive({
|
||||
loading: true,
|
||||
list: [],
|
||||
total: 0,
|
||||
page: 1,
|
||||
size: 10,
|
||||
});
|
||||
|
||||
// 更新状态
|
||||
async function updateStatus() {
|
||||
try {
|
||||
await rechargeRedemptionPut({
|
||||
isEnable: queryForm.value.isEnable,
|
||||
});
|
||||
} catch (error) {
|
||||
console.log(error);
|
||||
}
|
||||
}
|
||||
|
||||
// 分页大小发生变化
|
||||
function handleSizeChange(e) {
|
||||
tableData.pageSize = e;
|
||||
consumeCashbackRecordAjax();
|
||||
}
|
||||
|
||||
// 分页发生变化
|
||||
function handleCurrentChange(e) {
|
||||
tableData.page = e;
|
||||
consumeCashbackRecordAjax();
|
||||
}
|
||||
|
||||
// 配置信息获取 列表
|
||||
async function getTableData() {
|
||||
try {
|
||||
tableData.loading = true;
|
||||
const res = await rechargeRedemptionList({
|
||||
status: queryForm.value.status,
|
||||
page: tableData.page,
|
||||
size: tableData.size,
|
||||
});
|
||||
tableData.list = res.records;
|
||||
tableData.total = res.totalRow;
|
||||
} catch (error) {
|
||||
console.log(error);
|
||||
}
|
||||
setTimeout(() => {
|
||||
tableData.loading = false;
|
||||
}, 500);
|
||||
}
|
||||
|
||||
// 开关状态
|
||||
async function rechargeRedemptionEnableStatusAjax() {
|
||||
try {
|
||||
const res = await rechargeRedemptionEnableStatus();
|
||||
queryForm.value.isEnable = res.isEnable;
|
||||
} catch (error) {
|
||||
console.log(error);
|
||||
}
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
getTableData();
|
||||
rechargeRedemptionEnableStatusAjax()
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.gyq_container {
|
||||
padding: 14px;
|
||||
|
||||
.gyq_content {
|
||||
padding: 14px;
|
||||
background-color: #fff;
|
||||
border-radius: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.row {
|
||||
&.mt14 {
|
||||
margin-top: 14px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user