|
|
|
|
@ -1,45 +1,79 @@
|
|
|
|
|
<template>
|
|
|
|
|
<template>
|
|
|
|
|
<!-- 整体的外层容器，用于布局包裹内部各部分内容 -->
|
|
|
|
|
<div class="app-container">
|
|
|
|
|
<!-- 用于表格布局的容器 -->
|
|
|
|
|
<div class="table-layout">
|
|
|
|
|
<!-- el-row行组件，里面放置多个列用于显示表格标题 -->
|
|
|
|
|
<el-row>
|
|
|
|
|
<!-- el-col列组件，设置占4格宽度，显示名称标题 -->
|
|
|
|
|
<el-col :span="4" class="table-cell-title">名称</el-col>
|
|
|
|
|
<!-- el-col列组件，设置占4格宽度，显示优惠券类型标题 -->
|
|
|
|
|
<el-col :span="4" class="table-cell-title">优惠券类型</el-col>
|
|
|
|
|
<!-- el-col列组件，设置占4格宽度，显示可使用商品标题 -->
|
|
|
|
|
<el-col :span="4" class="table-cell-title">可使用商品</el-col>
|
|
|
|
|
<!-- el-col列组件，设置占4格宽度，显示使用门槛标题 -->
|
|
|
|
|
<el-col :span="4" class="table-cell-title">使用门槛</el-col>
|
|
|
|
|
<!-- el-col列组件，设置占4格宽度，显示面值标题 -->
|
|
|
|
|
<el-col :span="4" class="table-cell-title">面值</el-col>
|
|
|
|
|
<!-- el-col列组件，设置占4格宽度，显示状态标题 -->
|
|
|
|
|
<el-col :span="4" class="table-cell-title">状态</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
<!-- el-row行组件，里面放置多个列用于显示对应优惠券的具体信息，使用了过滤器来格式化显示内容 -->
|
|
|
|
|
<el-row>
|
|
|
|
|
<!-- el-col列组件，设置占4格宽度，显示优惠券名称 -->
|
|
|
|
|
<el-col :span="4" class="table-cell">{{coupon.name}}</el-col>
|
|
|
|
|
<!-- el-col列组件，设置占4格宽度，显示格式化后的优惠券类型 -->
|
|
|
|
|
<el-col :span="4" class="table-cell">{{coupon.type | formatType}}</el-col>
|
|
|
|
|
<!-- el-col列组件，设置占4格宽度，显示格式化后的可使用商品类型 -->
|
|
|
|
|
<el-col :span="4" class="table-cell">{{coupon.useType | formatUseType}}</el-col>
|
|
|
|
|
<!-- el-col列组件，设置占4格宽度，按格式显示使用门槛 -->
|
|
|
|
|
<el-col :span="4" class="table-cell">满{{coupon.minPoint}}元可用</el-col>
|
|
|
|
|
<!-- el-col列组件，设置占4格宽度，显示优惠券面值 -->
|
|
|
|
|
<el-col :span="4" class="table-cell">{{coupon.amount}}元</el-col>
|
|
|
|
|
<!-- el-col列组件，设置占4格宽度，显示格式化后的状态 -->
|
|
|
|
|
<el-col :span="4" class="table-cell">{{coupon.endTime | formatStatus}}</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
<!-- el-row行组件，里面放置多个列用于显示表格另一部分标题 -->
|
|
|
|
|
<el-row>
|
|
|
|
|
<!-- el-col列组件，设置占4格宽度，显示有效期标题 -->
|
|
|
|
|
<el-col :span="4" class="table-cell-title">有效期</el-col>
|
|
|
|
|
<!-- el-col列组件，设置占4格宽度，显示总发行量标题 -->
|
|
|
|
|
<el-col :span="4" class="table-cell-title">总发行量</el-col>
|
|
|
|
|
<!-- el-col列组件，设置占4格宽度，显示已领取标题 -->
|
|
|
|
|
<el-col :span="4" class="table-cell-title">已领取</el-col>
|
|
|
|
|
<!-- el-col列组件，设置占4格宽度，显示待领取标题 -->
|
|
|
|
|
<el-col :span="4" class="table-cell-title">待领取</el-col>
|
|
|
|
|
<!-- el-col列组件，设置占4格宽度，显示已使用标题 -->
|
|
|
|
|
<el-col :span="4" class="table-cell-title">已使用</el-col>
|
|
|
|
|
<!-- el-col列组件，设置占4格宽度，显示未使用标题 -->
|
|
|
|
|
<el-col :span="4" class="table-cell-title">未使用</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
<!-- el-row行组件，里面放置多个列用于显示对应优惠券相关数量等具体信息，使用了日期格式化等过滤器 -->
|
|
|
|
|
<el-row>
|
|
|
|
|
<!-- el-col列组件，设置占4格宽度，按格式显示有效期，使用了日期格式化过滤器 -->
|
|
|
|
|
<el-col :span="4" class="table-cell" style="font-size: 13px">
|
|
|
|
|
{{coupon.startTime|formatDate}}至{{coupon.endTime|formatDate}}
|
|
|
|
|
</el-col>
|
|
|
|
|
<!-- el-col列组件，设置占4格宽度，显示总发行量 -->
|
|
|
|
|
<el-col :span="4" class="table-cell">{{coupon.publishCount}}</el-col>
|
|
|
|
|
<!-- el-col列组件，设置占4格宽度，显示已领取数量 -->
|
|
|
|
|
<el-col :span="4" class="table-cell">{{coupon.receiveCount}}</el-col>
|
|
|
|
|
<el-col :span="4" class="table-cell">{{coupon.publishCount-coupon.receiveCount}}</el-col>
|
|
|
|
|
<!-- el-col列组件，设置占4格宽度，通过计算显示待领取数量 -->
|
|
|
|
|
<el-col :span="4" class="table-cell">{{coupon.publishCount - coupon.receiveCount}}</el-col>
|
|
|
|
|
<!-- el-col列组件，设置占4格宽度，显示已使用数量 -->
|
|
|
|
|
<el-col :span="4" class="table-cell">{{coupon.useCount}}</el-col>
|
|
|
|
|
<el-col :span="4" class="table-cell">{{coupon.publishCount-coupon.useCount}}</el-col>
|
|
|
|
|
<!-- el-col列组件，设置占4格宽度，通过计算显示未使用数量 -->
|
|
|
|
|
<el-col :span="4" class="table-cell">{{coupon.publishCount - coupon.useCount}}</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 筛选搜索区域的卡片容器，设置无阴影效果 -->
|
|
|
|
|
<el-card class="filter-container" shadow="never">
|
|
|
|
|
<div>
|
|
|
|
|
<!-- 显示搜索图标 -->
|
|
|
|
|
<i class="el-icon-search"></i>
|
|
|
|
|
<!-- 显示筛选搜索文字提示 -->
|
|
|
|
|
<span>筛选搜索</span>
|
|
|
|
|
<!-- 用于触发查询搜索的按钮，绑定点击事件，设置样式等属性 -->
|
|
|
|
|
<el-button
|
|
|
|
|
style="float:right"
|
|
|
|
|
type="primary"
|
|
|
|
|
@ -47,6 +81,7 @@
|
|
|
|
|
size="small">
|
|
|
|
|
查询搜索
|
|
|
|
|
</el-button>
|
|
|
|
|
<!-- 用于重置筛选条件的按钮，绑定点击事件，设置样式等属性 -->
|
|
|
|
|
<el-button
|
|
|
|
|
style="float:right;margin-right: 15px"
|
|
|
|
|
@click="handleResetSearch()"
|
|
|
|
|
@ -55,8 +90,11 @@
|
|
|
|
|
</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="margin-top: 15px">
|
|
|
|
|
<!-- 行内表单，绑定数据模型，设置尺寸、标签宽度等属性 -->
|
|
|
|
|
<el-form :inline="true" :model="listQuery" size="small" label-width="140px">
|
|
|
|
|
<!-- 对应使用状态选择框的表单项 -->
|
|
|
|
|
<el-form-item label="使用状态：">
|
|
|
|
|
<!-- 下拉选择框，双向绑定使用状态数据，设置占位提示等属性，通过循环生成下拉选项 -->
|
|
|
|
|
<el-select v-model="listQuery.useStatus" placeholder="全部" clearable class="input-width">
|
|
|
|
|
<el-option v-for="item in useTypeOptions"
|
|
|
|
|
:key="item.value"
|
|
|
|
|
@ -65,41 +103,54 @@
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<!-- 对应订单编号输入框的表单项 -->
|
|
|
|
|
<el-form-item label="订单编号：">
|
|
|
|
|
<!-- 输入框，双向绑定订单编号数据，设置类名和占位提示 -->
|
|
|
|
|
<el-input v-model="listQuery.orderSn" class="input-width" placeholder="订单编号"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
</div>
|
|
|
|
|
</el-card>
|
|
|
|
|
<!-- 放置数据表格的容器 -->
|
|
|
|
|
<div class="table-container">
|
|
|
|
|
<!-- 数据表格组件，绑定数据、设置宽度等属性以及加载状态 -->
|
|
|
|
|
<el-table ref="couponHistoryTable"
|
|
|
|
|
:data="list"
|
|
|
|
|
style="width: 100%;"
|
|
|
|
|
v-loading="listLoading" border>
|
|
|
|
|
<!-- 显示优惠码的表格列 -->
|
|
|
|
|
<el-table-column label="优惠码" width="160" align="center">
|
|
|
|
|
<template slot-scope="scope">{{scope.row.couponCode}}</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<!-- 显示领取会员的表格列 -->
|
|
|
|
|
<el-table-column label="领取会员" width="140" align="center">
|
|
|
|
|
<template slot-scope="scope">{{scope.row.memberNickname}}</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<!-- 显示领取方式的表格列，使用过滤器格式化内容 -->
|
|
|
|
|
<el-table-column label="领取方式" width="100" align="center">
|
|
|
|
|
<template slot-scope="scope">{{scope.row.getType | formatGetType}}</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<!-- 显示领取时间的表格列，使用日期格式化过滤器 -->
|
|
|
|
|
<el-table-column label="领取时间" width="160" align="center">
|
|
|
|
|
<template slot-scope="scope">{{scope.row.createTime | formatTime}}</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<!-- 显示当前状态的表格列，使用过滤器格式化内容 -->
|
|
|
|
|
<el-table-column label="当前状态" width="140" align="center">
|
|
|
|
|
<template slot-scope="scope">{{scope.row.useStatus | formatCouponHistoryUseType}}</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<!-- 显示使用时间的表格列，使用日期格式化过滤器 -->
|
|
|
|
|
<el-table-column label="使用时间" width="160" align="center">
|
|
|
|
|
<template slot-scope="scope">{{scope.row.useTime | formatTime}}</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<!-- 显示订单编号的表格列，做了空值处理 -->
|
|
|
|
|
<el-table-column label="订单编号" align="center">
|
|
|
|
|
<template slot-scope="scope">{{scope.row.orderSn===null?'N/A':scope.row.orderSn}}</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 分页组件的容器 -->
|
|
|
|
|
<div class="pagination-container">
|
|
|
|
|
<!-- 分页组件，设置背景、各类事件绑定、页面尺寸等属性 -->
|
|
|
|
|
<el-pagination
|
|
|
|
|
background
|
|
|
|
|
@size-change="handleSizeChange"
|
|
|
|
|
@ -114,11 +165,15 @@
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
import {formatDate} from '@/utils/date';
|
|
|
|
|
import {getCoupon} from '@/api/coupon';
|
|
|
|
|
import {fetchList as fetchCouponHistoryList} from '@/api/couponHistory';
|
|
|
|
|
// 从'@/utils/date'模块导入日期格式化相关的函数formatDate
|
|
|
|
|
import {formatDate} from '@/utils/date';
|
|
|
|
|
// 从'@/api/coupon'模块导入获取优惠券的函数getCoupon
|
|
|
|
|
import {getCoupon} from '@/api/coupon';
|
|
|
|
|
// 从'@/api/couponHistory'模块导入获取优惠券历史记录列表的函数，并起别名为fetchCouponHistoryList
|
|
|
|
|
import {fetchList as fetchCouponHistoryList} from '@/api/couponHistory';
|
|
|
|
|
|
|
|
|
|
const defaultTypeOptions = [
|
|
|
|
|
// 默认的优惠券类型选项数组，包含全场赠券、会员赠券等类型及对应值
|
|
|
|
|
const defaultTypeOptions = [
|
|
|
|
|
{
|
|
|
|
|
label: '全场赠券',
|
|
|
|
|
value: 0
|
|
|
|
|
@ -135,15 +190,17 @@
|
|
|
|
|
label: '注册赠券',
|
|
|
|
|
value: 3
|
|
|
|
|
}
|
|
|
|
|
];
|
|
|
|
|
const defaultListQuery = {
|
|
|
|
|
];
|
|
|
|
|
// 默认的列表查询参数对象，包含页码、每页数量、使用状态等初始值
|
|
|
|
|
const defaultListQuery = {
|
|
|
|
|
pageNum: 1,
|
|
|
|
|
pageSize: 10,
|
|
|
|
|
useStatus: null,
|
|
|
|
|
orderSn: null,
|
|
|
|
|
couponId: null
|
|
|
|
|
};
|
|
|
|
|
const defaultUseTypeOptions= [
|
|
|
|
|
};
|
|
|
|
|
// 默认的使用类型选项数组，包含未使用、已使用、已过期等状态及对应值
|
|
|
|
|
const defaultUseTypeOptions = [
|
|
|
|
|
{
|
|
|
|
|
label: "未使用",
|
|
|
|
|
value: 0
|
|
|
|
|
@ -156,27 +213,38 @@
|
|
|
|
|
label: "已过期",
|
|
|
|
|
value: 2
|
|
|
|
|
}
|
|
|
|
|
];
|
|
|
|
|
export default {
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
name: 'couponHistoryList',
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
// 优惠券相关数据，初始为空对象
|
|
|
|
|
coupon: {},
|
|
|
|
|
// 当前列表查询参数，初始为默认值副本
|
|
|
|
|
listQuery: Object.assign({}, defaultListQuery),
|
|
|
|
|
useTypeOptions:Object.assign({},defaultUseTypeOptions),
|
|
|
|
|
list:null,
|
|
|
|
|
total:null,
|
|
|
|
|
listLoading:false
|
|
|
|
|
// 使用类型选项，初始为默认值副本
|
|
|
|
|
useTypeOptions: Object.assign({}, defaultUseTypeOptions),
|
|
|
|
|
// 优惠券历史记录列表数据，初始为null
|
|
|
|
|
list: null,
|
|
|
|
|
// 数据总条数，初始为null
|
|
|
|
|
total: null,
|
|
|
|
|
// 列表数据加载状态，初始为false
|
|
|
|
|
listLoading: false
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
// 获取优惠券数据，成功后赋值给coupon属性
|
|
|
|
|
getCoupon(this.$route.query.id).then(response => {
|
|
|
|
|
this.coupon = response.data;
|
|
|
|
|
});
|
|
|
|
|
this.listQuery.couponId=this.$route.query.id;
|
|
|
|
|
// 设置列表查询参数中的优惠券id
|
|
|
|
|
this.listQuery.couponId = this.$route.query.id;
|
|
|
|
|
// 调用获取列表数据的方法
|
|
|
|
|
this.getList();
|
|
|
|
|
},
|
|
|
|
|
filters: {
|
|
|
|
|
// 根据值格式化优惠券类型显示文本的过滤器
|
|
|
|
|
formatType(type) {
|
|
|
|
|
for (let i = 0; i < defaultTypeOptions.length; i++) {
|
|
|
|
|
if (type === defaultTypeOptions[i].value) {
|
|
|
|
|
@ -185,6 +253,7 @@
|
|
|
|
|
}
|
|
|
|
|
return '';
|
|
|
|
|
},
|
|
|
|
|
// 根据值格式化可使用商品类型显示文本的过滤器
|
|
|
|
|
formatUseType(useType) {
|
|
|
|
|
if (useType === 0) {
|
|
|
|
|
return '全场通用';
|
|
|
|
|
@ -194,6 +263,7 @@
|
|
|
|
|
return '指定商品';
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 根据值格式化平台类型显示文本的过滤器
|
|
|
|
|
formatPlatform(platform) {
|
|
|
|
|
if (platform === 1) {
|
|
|
|
|
return '移动平台';
|
|
|
|
|
@ -203,6 +273,7 @@
|
|
|
|
|
return '全平台';
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 格式化日期的过滤器，对传入时间进行处理，为空则返回特定文本，否则按指定格式返回格式化后的日期
|
|
|
|
|
formatDate(time) {
|
|
|
|
|
if (time == null || time === '') {
|
|
|
|
|
return 'N/A';
|
|
|
|
|
@ -210,6 +281,7 @@
|
|
|
|
|
let date = new Date(time);
|
|
|
|
|
return formatDate(date, 'yyyy-MM-dd')
|
|
|
|
|
},
|
|
|
|
|
// 根据结束时间判断并格式化状态显示文本的过滤器，对比当前时间判断是否过期
|
|
|
|
|
formatStatus(endTime) {
|
|
|
|
|
let now = new Date().getTime();
|
|
|
|
|
if (endTime > now) {
|
|
|
|
|
@ -218,13 +290,15 @@
|
|
|
|
|
return '已过期';
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 根据值格式化领取方式显示文本的过滤器
|
|
|
|
|
formatGetType(type) {
|
|
|
|
|
if(type===1){
|
|
|
|
|
if (type === 1) {
|
|
|
|
|
return '主动获取';
|
|
|
|
|
}else{
|
|
|
|
|
} else {
|
|
|
|
|
return '后台赠送';
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 根据值格式化优惠券历史记录使用类型显示文本的过滤器
|
|
|
|
|
formatCouponHistoryUseType(useType) {
|
|
|
|
|
if (useType === 0) {
|
|
|
|
|
return '未使用';
|
|
|
|
|
@ -234,6 +308,7 @@
|
|
|
|
|
return '已过期';
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 格式化时间的过滤器，对传入时间进行处理，为空则返回特定文本，否则按指定格式返回格式化后的时间
|
|
|
|
|
formatTime(time) {
|
|
|
|
|
if (time == null || time === '') {
|
|
|
|
|
return 'N/A';
|
|
|
|
|
@ -243,51 +318,58 @@
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
getList(){
|
|
|
|
|
this.listLoading=true;
|
|
|
|
|
fetchCouponHistoryList(this.listQuery).then(response=>{
|
|
|
|
|
this.listLoading=false;
|
|
|
|
|
this.list=response.data.list;
|
|
|
|
|
this.total=response.data.total;
|
|
|
|
|
// 获取优惠券历史记录列表的方法，设置加载状态为true，获取成功后更新数据及加载状态
|
|
|
|
|
getList() {
|
|
|
|
|
this.listLoading = true;
|
|
|
|
|
fetchCouponHistoryList(this.listQuery).then(response => {
|
|
|
|
|
this.listLoading = false;
|
|
|
|
|
this.list = response.data.list;
|
|
|
|
|
this.total = response.data.total;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
// 重置搜索条件的方法，恢复为默认查询参数并设置优惠券id
|
|
|
|
|
handleResetSearch() {
|
|
|
|
|
this.listQuery = Object.assign({}, defaultListQuery);
|
|
|
|
|
this.listQuery.couponId=this.$route.query.id;
|
|
|
|
|
this.listQuery.couponId = this.$route.query.id;
|
|
|
|
|
},
|
|
|
|
|
// 处理搜索列表的方法，重置页码后调用获取列表的方法
|
|
|
|
|
handleSearchList() {
|
|
|
|
|
this.listQuery.pageNum = 1;
|
|
|
|
|
this.getList();
|
|
|
|
|
},
|
|
|
|
|
// 处理每页显示数量改变的方法，重置页码，更新每页数量后调用获取列表的方法
|
|
|
|
|
handleSizeChange(val) {
|
|
|
|
|
this.listQuery.pageNum = 1;
|
|
|
|
|
this.listQuery.pageSize = val;
|
|
|
|
|
this.getList();
|
|
|
|
|
},
|
|
|
|
|
// 处理当前页码改变的方法，更新页码后调用获取列表的方法
|
|
|
|
|
handleCurrentChange(val) {
|
|
|
|
|
this.listQuery.pageNum = val;
|
|
|
|
|
this.getList();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
.app-container {
|
|
|
|
|
<!-- 定义类名为app-container的样式，设置宽度、外边距使其水平居中 -->
|
|
|
|
|
.app-container {
|
|
|
|
|
width: 80%;
|
|
|
|
|
margin: 20px auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.filter-container {
|
|
|
|
|
}
|
|
|
|
|
<!-- 定义类名为filter-container的样式，设置上边距 -->
|
|
|
|
|
.filter-container {
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table-layout {
|
|
|
|
|
}
|
|
|
|
|
<!-- 定义类名为table-layout的样式，设置上边距、左边框、上边框 -->
|
|
|
|
|
.table-layout {
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
border-left: 1px solid #DCDFE6;
|
|
|
|
|
border-top: 1px solid #DCDFE6;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table-cell {
|
|
|
|
|
}
|
|
|
|
|
<!-- 定义类名为table-cell的样式，设置高度、行高、边框、内边距、字体大小、颜色、文本对齐、溢出处理等属性 -->
|
|
|
|
|
.table-cell {
|
|
|
|
|
height: 60px;
|
|
|
|
|
line-height: 40px;
|
|
|
|
|
border-right: 1px solid #DCDFE6;
|
|
|
|
|
@ -297,9 +379,9 @@
|
|
|
|
|
color: #606266;
|
|
|
|
|
text-align: center;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.table-cell-title {
|
|
|
|
|
}
|
|
|
|
|
<!-- 定义类名为table-cell-title的样式，设置边框、内边距、背景色、文本对齐、字体大小、颜色等属性 -->
|
|
|
|
|
.table-cell-title {
|
|
|
|
|
border-right: 1px solid #DCDFE6;
|
|
|
|
|
border-bottom: 1px solid #DCDFE6;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
@ -307,7 +389,7 @@
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #303133;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
