Skip to content

C
company_app
提交 2f96af0e 作者: 施汉文
操作

合并分支 'release' 到 'master' 

🐞 fix: 充值礼包按申请倒序排序

查看合并请求 !40
上级 4e77a778 7f2fd673
正在显示 包含 385 行增加 和 196 行删除
src/views/components/giftRecord/emailGift.vue
<template> <template>
<div class="detailsGiftApply columnFlex"> <div class="detailsGiftApply columnFlex">
<div class="detailsGiftApplyContent" v-scroll="requestemailGiftList" v-loading="listLoading" > <div
class="detailsGiftApplyContent"
v-scroll="requestemailGiftList"
v-loading="listLoading"
>
<div class="detailsGiftApplyTitle rowFlex spaceBetween columnCenter"> <div class="detailsGiftApplyTitle rowFlex spaceBetween columnCenter">
<!-- <p>充值礼包</p> --> <!-- <p>充值礼包</p> -->
<span></span> <span></span>
<el-button type="primary" size="small" @click="showApplyGift = true">礼包申请</el-button> <el-button type="primary" size="small" @click="showApplyGift = true"
>礼包申请</el-button
>
</div> </div>
<!-- 过滤条件 --> <!-- 过滤条件 -->
<el-form class="filterList" label-position="top" :class="{ 'collapsed-form': isCollapsed }"> <el-form
class="filterList"
label-position="top"
:class="{ 'collapsed-form': isCollapsed }"
>
<div class="filter-header"> <div class="filter-header">
<span class="filter-title">筛选条件</span> <span class="filter-title">筛选条件</span>
<i :class="isCollapsed ? 'el-icon-arrow-down' : 'el-icon-arrow-up'" class="collapse-icon" <i
@click="toggleCollapse"></i> :class="isCollapsed ? 'el-icon-arrow-down' : 'el-icon-arrow-up'"
class="collapse-icon"
@click="toggleCollapse"
></i>
</div> </div>
<el-form-item label="主游戏"> <el-form-item label="主游戏">
<el-select v-model.trim="form.main_game_id" filterable remote clearable reserve-keyword <el-select
placeholder="请输入主游戏名" style="width:100%;" :remote-method="remoteMethod" :loading="loading" v-model.trim="form.main_game_id"
@change="searchInput" @focus="gameNameList = optionsList"> filterable
<el-option v-for="item in gameNameList" :key="item.value" :label="item.label" :value="item.value"> remote
clearable
reserve-keyword
placeholder="请输入主游戏名"
style="width: 100%"
:remote-method="remoteMethod"
:loading="loading"
@change="searchInput"
@focus="gameNameList = optionsList"
>
<el-option
v-for="item in gameNameList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="区服"> <el-form-item label="区服">
<el-select v-model.trim="form.zyou_server_id" filterable remote multiple reserve-keyword style="width:100%;" <el-select
placeholder="请先选择主游戏" :remote-method="remoteMethodServer" :loading="loading" @change="searchInput"> v-model.trim="form.zyou_server_id"
<el-option v-for="item in serverNameList" :key="item.id" :label="item.label" :value="item.value"> filterable
remote
multiple
reserve-keyword
style="width: 100%"
placeholder="请先选择主游戏"
:remote-method="remoteMethodServer"
:loading="loading"
@change="searchInput"
>
<el-option
v-for="item in serverNameList"
:key="item.id"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="svip权益"> <el-form-item label="svip权益">
<el-select v-model.trim="form.right_type" filterable style="width:100%;" <el-select
placeholder="请选择svip权益" @change="searchInput"> v-model.trim="form.right_type"
<el-option v-for="item in benefitOptions" :key="item.value" :label="item.label" :value="item.value"> filterable
style="width: 100%"
placeholder="请选择svip权益"
@change="searchInput"
>
<el-option
v-for="item in benefitOptions"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="角色名称"> <el-form-item label="角色名称">
<el-input v-model="form.role_name_or_cp_id" placeholder="请输入角色名称" style="width:100%;" <el-input
@change="searchInput"></el-input> v-model="form.role_name_or_cp_id"
placeholder="请输入角色名称"
style="width: 100%"
@change="searchInput"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="礼包标题"> <el-form-item label="礼包标题">
<el-input v-model="form.active_title" placeholder="请输入礼包名称" style="width:100%;" <el-input
@change="searchInput"></el-input> v-model="form.active_title"
placeholder="请输入礼包名称"
style="width: 100%"
@change="searchInput"
></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-tabs v-model="form.gift_type" class="tabStyle" @tab-click="tabChange"> <el-tabs v-model="form.gift_type" class="tabStyle" @tab-click="tabChange">
<el-tab-pane v-for="(item, index) in giftTypeList" :key="index" :label="item.label" <el-tab-pane
:name="item.value"></el-tab-pane> v-for="(item, index) in giftTypeList"
:key="index"
:label="item.label"
:name="item.value"
></el-tab-pane>
</el-tabs> </el-tabs>
<!-- 订单列表 --> <!-- 订单列表 -->
<div class="email-gift-main-scroll">
<div v-if="emailGiftList.length > 0" style="height: auto">
<div <div
class="email-gift-main-scroll"> v-for="(item, index) in emailGiftList"
<div v-if="emailGiftList.length > 0" style="height:auto;"> :key="index"
<div v-for="(item, index) in emailGiftList" :key="index" class="orderDetails"> class="orderDetails"
>
<div class="orderDetailsTitle"> <div class="orderDetailsTitle">
<div class="rowFlex spaceBetween columnCenter"> <div class="rowFlex spaceBetween columnCenter">
<div> <div>
<p class="text"><label>角色信息：</label> {{ `${item.role_name} - ${item.server_name}` }}</p> <p class="text">
<p class="text hidden"><label>礼包标题：</label> {{ item.active_title }}</p> <label>角色信息：</label>
<p class="text hidden"><label>充值金额:</label> ¥{{ item.amount }}</p> {{ `${item.role_name} - ${item.server_name}` }}
<p class="text hidden"><label>充值日期:</label> {{ item.apply_recharge_date }}</p> </p>
<p class="text hidden">
<label>礼包标题：</label> {{ item.active_title }}
</p>
<p class="text hidden">
<label>充值金额:</label> ¥{{ item.amount }}
</p>
<p class="text hidden">
<label>充值日期:</label> {{ item.apply_recharge_date }}
</p>
</div> </div>
<i v-if="item.showDetails" class="el-icon-arrow-down iconStyle" @click="closePage(item, index)"></i> <i
<i v-else class="el-icon-arrow-right iconStyle" @click="openPage(item, index)"></i> v-if="item.showDetails"
class="el-icon-arrow-down iconStyle"
@click="closePage(item, index)"
></i>
<i
v-else
class="el-icon-arrow-right iconStyle"
@click="openPage(item, index)"
></i>
</div> </div>
<el-collapse-transition> <el-collapse-transition>
<div v-if="item.showDetails"> <div v-if="item.showDetails">
<p class="text hidden"><label>svip权益:</label> {{ item.right_type_name || '-'}}</p> <p class="text hidden">
<p v-if="item.status == '待提交'" class="text"><label>状态：</label> <span class="noSend">{{ item.status <label>svip权益:</label> {{ item.right_type_name || "-" }}
}}</span> </p> </p>
<p v-else-if="item.status == '已提交'" class="text"><label>状态：</label> <span class="sended">{{ <p v-if="item.status == '待提交'" class="text">
item.status }}</span> </p> <label>状态：</label>
<p v-else-if="item.status == '已驳回'" class="text"><label>状态：</label> <span class="sendFail">{{ <span class="noSend">{{ item.status }}</span>
item.status }}</span> </p> </p>
<p class="text"><label>申请时间：</label> {{ item.create_time }} </p> <p v-else-if="item.status == '已提交'" class="text">
<p class="text"><label>提交时间：</label> {{ item.confirm_time }} </p> <label>状态：</label>
<label style="margin-right:10px;margin-top:3px;" class="text"> <label>奖品信息：</label> </label> <span class="sended">{{ item.status }}</span>
<div v-for="items in item.level_attribute" :key="items.rule_id" class="columnCenter userInfoStyle" </p>
style="border-top: 1px solid rgb(196 205 226);margin-top: 5px;"> <p v-else-if="item.status == '已驳回'" class="text">
<div class="contentConfirmItem rowFlex spaceBetween" style="padding-left:0;margin-top:10px;"> <label>状态：</label>
<span class="sendFail">{{ item.status }}</span>
</p>
<p class="text">
<label>申请时间：</label> {{ item.create_time }}
</p>
<p class="text">
<label>提交时间：</label> {{ item.confirm_time }}
</p>
<label
style="margin-right: 10px; margin-top: 3px"
class="text"
>
<label>奖品信息：</label>
</label>
<div
v-for="items in item.level_attribute"
:key="items.rule_id"
class="columnCenter userInfoStyle"
style="
border-top: 1px solid rgb(196 205 226);
margin-top: 5px;
"
>
<div
class="contentConfirmItem rowFlex spaceBetween"
style="padding-left: 0; margin-top: 10px"
>
<p class="title">{{ items.prize_level_name }}</p> <p class="title">{{ items.prize_level_name }}</p>
<p v-if="items.compare_amount"> <p v-if="items.compare_amount">
{{ items.compare_amount ? Number(items.compare_amount) / 100 + {{
(item.exchange_score_status == 1 ? '积分' : '金额') : items.compare_amount }}<span> * {{ items.apply_num items.compare_amount
}} ? Number(items.compare_amount) / 100 +
</span></p> (item.exchange_score_status == 1
? "积分"
: "金额")
: items.compare_amount
}}<span> * {{ items.apply_num }} </span>
</p>
</div> </div>
<!-- 固定奖 --> <!-- 固定奖 -->
<div v-if="items.prize_default"> <div v-if="items.prize_default">
<div class="contentConfirmItem"> <div class="contentConfirmItem">
<p class="title">固定奖 <span v-if="item.exchange_score_status == 1">{{ items.apply_num ? '*' + <p class="title">
items.apply_num : '' }}</span></p> 固定奖
<div v-for="(prize, prizeIndex) in items.prize_default" :key="prizeIndex" <span v-if="item.exchange_score_status == 1">{{
class="contentConfirmItem rowFlex "> items.apply_num ? "*" + items.apply_num : ""
<p class="info"> {{ prize.name }}</p> }}</span>
<p class="info" style="margin-left:40px;">ID: {{ prize.prize_id }}</p> </p>
<div
v-for="(prize, prizeIndex) in items.prize_default"
:key="prizeIndex"
class="contentConfirmItem rowFlex"
>
<p class="info">{{ prize.name }}</p>
<p class="info" style="margin-left: 40px">
ID: {{ prize.prize_id }}
</p>
</div> </div>
</div> </div>
</div> </div>
<!-- 自选奖 --> <!-- 自选奖 -->
<div v-if="items.prize_auto" class="contentConfirmItem"> <div v-if="items.prize_auto" class="contentConfirmItem">
<p class="title">自选奖 ({{ items.prize_auto.length }}选{{ items.prize_auto_num }})</p> <p class="title">
<div v-for="(prize, prizeIndex) in items.prize_auto" :key="prizeIndex" 自选奖 ({{ items.prize_auto.length }}选{{
class="contentConfirmItem "> items.prize_auto_num
<div v-for="(auto, autoIndex) in prize.group" :key="autoIndex"> }})
<div v-if="prize.apply_num > 0" class="rowFlex spaceBetween"> </p>
<div
v-for="(prize, prizeIndex) in items.prize_auto"
:key="prizeIndex"
class="contentConfirmItem"
>
<div
v-for="(auto, autoIndex) in prize.group"
:key="autoIndex"
>
<div
v-if="prize.apply_num > 0"
class="rowFlex spaceBetween"
>
<span>{{ auto.name }}</span> <span>{{ auto.name }}</span>
<span> ID:{{ auto.prize_id }}</span> <span> ID:{{ auto.prize_id }}</span>
<div>*{{ prize.apply_num }}</div> <div>*{{ prize.apply_num }}</div>
...@@ -114,17 +253,26 @@ ...@@ -114,17 +253,26 @@
</div> </div>
</div> </div>
<!-- 返利 --> <!-- 返利 -->
<div v-if="item.rebate_ratio_amount" class="contentConfirmItem"> <div
<p class="rowFlex spaceBetween"> <span>返利:¥ {{ item.rebate_ratio_amount }}</span> <span>1:{{ v-if="item.rebate_ratio_amount"
items.rebate_ratio_rate }}</span> </p> class="contentConfirmItem"
>
<p class="rowFlex spaceBetween">
<span>返利:¥ {{ item.rebate_ratio_amount }}</span>
<span>1:{{ items.rebate_ratio_rate }}</span>
</p>
</div> </div>
</div> </div>
<div v-if="item.prize && item.prize.length > 0"> <div v-if="item.prize && item.prize.length > 0">
<div v-for="(prize, prizeIndex) in item.prize" :key="prizeIndex" <div
class="contentConfirmItem rowFlex "> v-for="(prize, prizeIndex) in item.prize"
<p class="info"> {{ prize.name }}</p> :key="prizeIndex"
<p class="info" style="margin-left:40px;">ID: {{ prize.prize_id }}</p> class="contentConfirmItem rowFlex"
>
<p class="info">{{ prize.name }}</p>
<p class="info" style="margin-left: 40px">
ID: {{ prize.prize_id }}
</p>
</div> </div>
</div> </div>
</div> </div>
...@@ -132,34 +280,47 @@ ...@@ -132,34 +280,47 @@
</div> </div>
</div> </div>
</div> </div>
<div v-else-if="!listLoading && emailGiftList.length == 0" class="noContent rowFlex allCenter"> <div
v-else-if="!listLoading && emailGiftList.length == 0"
class="noContent rowFlex allCenter"
>
<noContent /> <noContent />
</div> </div>
</div> </div>
</div> </div>
<!-- 申请礼包 --> <!-- 申请礼包 -->
<applyGift v-if="showApplyGift" :show.sync="showApplyGift" title="礼包申请" @requestData="requestData" /> <applyGift
v-if="showApplyGift"
:show.sync="showApplyGift"
title="礼包申请"
@requestData="requestData"
/>
</div> </div>
</template> </template>
<script> <script>
import { emailGiftList, memberView, completionOrder, selectSearch } from '@/api/game' import {
import { mapMutations, mapActions, mapState } from 'vuex' emailGiftList,
import { removeDp, debounce } from '@/utils/index' memberView,
completionOrder,
selectSearch,
} from "@/api/game";
import { mapMutations, mapActions, mapState } from "vuex";
import { debounce } from "@/utils/index";
// import { roleList, memberView, zyouBind, selectSearch } from '@/api/game' // import { roleList, memberView, zyouBind, selectSearch } from '@/api/game'
import applyGift from './applyGift.vue' import applyGift from "./applyGift.vue";
import selectDate from '@/components/selectDate.vue' import selectDate from "@/components/selectDate.vue";
export default { export default {
name: 'emailGift', name: "emailGift",
components: { components: {
selectDate, selectDate,
applyGift applyGift,
}, },
data() { data() {
return { return {
isloadMore: true, isloadMore: true,
showApplyGift: false, showApplyGift: false,
collapseValue: ['1'], collapseValue: ["1"],
emailGiftList: [], emailGiftList: [],
optionsList: [], optionsList: [],
gameNameList: [], gameNameList: [],
...@@ -168,188 +329,217 @@ export default { ...@@ -168,188 +329,217 @@ export default {
serverNameList: [], serverNameList: [],
giftTypeList: [], giftTypeList: [],
form: { form: {
main_game_id: '', main_game_id: "",
zyou_server_id: [], zyou_server_id: [],
role_name_or_cp_id: '', role_name_or_cp_id: "",
member_id: '', member_id: "",
active_title: '', active_title: "",
gift_type: '', gift_type: "",
right_type: '', right_type: "",
}, },
benefitOptions: [], benefitOptions: [],
inputValue: '', inputValue: "",
pageInfo: { pageInfo: {
page: 0, page: 0,
page_size: 20, page_size: 20,
total: 0 total: 0,
}, },
isCollapsed: false isCollapsed: false,
} };
}, },
computed: { computed: {
...mapState('game', ['accountSelect']), ...mapState("game", ["accountSelect"]),
}, },
watch: { watch: {
accountSelect(newVal, oldVal) { accountSelect(newVal, oldVal) {
if (newVal && newVal !== '') { if (newVal && newVal !== "") {
this.pageInfo = { this.pageInfo = {
page: 0, page: 0,
page_size: 20, page_size: 20,
total: 0 total: 0,
} };
this.emailGiftList = [] this.emailGiftList = [];
this.isloadMore = true this.isloadMore = true;
this.requestemailGiftList() this.requestemailGiftList();
}
} }
},
}, },
mounted() { mounted() {
this.requestGameList() this.requestGameList();
this.requestGiftType() this.requestGiftType();
this.getBenefitOptions() this.getBenefitOptions();
}, },
methods: { methods: {
// 重新拉去数据 // 重新拉去数据
requestData() { requestData() {
this.emailGiftList = [] this.emailGiftList = [];
this.isloadMore = true this.isloadMore = true;
this.requestemailGiftList() this.requestemailGiftList();
}, },
tabChange: debounce(function () { tabChange: debounce(function () {
this.pageInfo.page = 0 this.pageInfo.page = 0;
this.emailGiftList = [] this.emailGiftList = [];
this.isloadMore = true this.isloadMore = true;
this.requestemailGiftList() this.requestemailGiftList();
}, 1000), }, 1000),
async requestGiftType() { async requestGiftType() {
const data = { const data = {
field_name: 'gift_type', field_name: "gift_type",
table_name: 'role_gift_bag', table_name: "role_gift_bag",
type: 'dictionaries' type: "dictionaries",
} };
const res = await selectSearch(data) const res = await selectSearch(data);
if (res.status_code === 1) { if (res.status_code === 1) {
res.data.data.map(item => { res.data.data.map((item) => {
item.value = item.value.toString() item.value = item.value.toString();
}) });
this.giftTypeList = res.data.data this.giftTypeList = res.data.data;
this.giftTypeList.unshift({ this.giftTypeList.unshift({
value: '', value: "",
label: '全部' label: "全部",
}) });
} }
}, },
requestGameList() { requestGameList() {
const data = { const data = {
type: 'mainGameList', type: "mainGameList",
value: '', value: "",
weixin_blong_id: '' weixin_blong_id: "",
} };
selectSearch(data).then(res => { selectSearch(data).then((res) => {
this.loading = false this.loading = false;
if (res.status_code == 1) { if (res.status_code == 1) {
this.gameNameList = this.optionsList = res.data.data this.gameNameList = this.optionsList = res.data.data;
} }
}) });
}, },
closePage(item, index) { closePage(item, index) {
this.$set(this.emailGiftList[index], 'showDetails', false) this.$set(this.emailGiftList[index], "showDetails", false);
}, },
openPage(item, index) { openPage(item, index) {
this.$set(this.emailGiftList[index], 'showDetails', true) this.$set(this.emailGiftList[index], "showDetails", true);
}, },
remoteMethodServer(query) { remoteMethodServer(query) {
if (query !== '') { if (query !== "") {
this.loading = true this.loading = true;
const data = { const data = {
type: 'server_info', type: "server_info",
value: query, value: query,
main_game_ids: this.form.main_game_id main_game_ids: this.form.main_game_id,
} };
selectSearch(data).then(res => { selectSearch(data).then((res) => {
this.loading = false this.loading = false;
if (res.status_code == 1) { if (res.status_code == 1) {
this.serverNameList = res.data.data this.serverNameList = res.data.data;
} }
}) });
} }
}, },
remoteMethod(query) { remoteMethod(query) {
if (query !== '') { if (query !== "") {
this.gameNameList = this.optionsList.filter(item => { this.gameNameList = this.optionsList.filter((item) => {
return item.label.toLowerCase() return item.label.toLowerCase().indexOf(query.toLowerCase()) > -1;
.indexOf(query.toLowerCase()) > -1 });
})
} else { } else {
this.gameNameList = [] this.gameNameList = [];
} }
}, },
searchInput(value) { searchInput(value) {
console.log(value) console.log(value);
this.pageInfo = { this.pageInfo = {
page: 0, page: 0,
page_size: 20, page_size: 20,
total: 0 total: 0,
} };
this.isloadMore = true this.isloadMore = true;
this.emailGiftList = [] this.emailGiftList = [];
this.requestemailGiftList() this.requestemailGiftList();
}, },
async getBenefitOptions() { async getBenefitOptions() {
try { try {
const data = { const data = {
type: 'svip_right', type: "svip_right",
} };
const res = await selectSearch(data) const res = await selectSearch(data);
if (res.status_code === 1 && res.data && res.data.data && res.data.data.length > 0) { if (
const showList = ['转生石福利','月核心玩家礼包','超R生日福利礼包','超R行会专属礼包'] res.status_code === 1 &&
this.benefitOptions = res.data.data.filter((item, index) => { res.data &&
return showList.includes(item.label) res.data.data &&
}).map(item => ({ res.data.data.length > 0
) {
const showList = [
"转生石福利",
"月核心玩家礼包",
"超R生日福利礼包",
"超R行会专属礼包",
];
this.benefitOptions = res.data.data
.filter((item, index) => {
return showList.includes(item.label);
})
.map((item) => ({
...item, ...item,
value: item.value || item.id // 确保每个选项都有value属性，优先使用value，不存在则使用id value: item.value || item.id, // 确保每个选项都有value属性，优先使用value，不存在则使用id
})); }));
console.log(this.benefitOptions) console.log(this.benefitOptions);
} }
} catch (error) { } catch (error) {
console.error('获取权益选项失败:', error) console.error("获取权益选项失败:", error);
} }
}, },
requestemailGiftList() { requestemailGiftList() {
this.listLoading = true this.listLoading = true;
if (this.accountSelect == '') { if (this.accountSelect == "") {
this.$message.warning('暂无关联的账号，请先去关联账号!') this.$message.warning("暂无关联的账号，请先去关联账号!");
return false return false;
} }
if (!this.isloadMore) { if (!this.isloadMore) {
console.log('没有更多数据了') console.log("没有更多数据了");
this.listLoading = false this.listLoading = false;
return false return false;
} }
this.pageInfo.page += 1 this.pageInfo.page += 1;
this.form.member_id = this.accountSelect this.form.member_id = this.accountSelect;
emailGiftList({ ...this.form, ...this.pageInfo }).then(res => { emailGiftList({ ...this.form, ...this.pageInfo }).then(
this.listLoading = false (res) => {
this.listLoading = false;
if (res.data.data && res.data.data.length < 20) { if (res.data.data && res.data.data.length < 20) {
this.isloadMore = false this.isloadMore = false;
} }
res.data.data.map((item, index) => { res.data.data.map((item, index) => {
item.showDetails = false item.showDetails = false;
}) });
this.emailGiftList = removeDp(res.data.data, this.emailGiftList, 'id') this.emailGiftList = this.removeDp(
}, err => { res.data.data,
this.listLoading = false this.emailGiftList,
}) "id"
);
}, },
toggleCollapse() { (err) => {
this.isCollapsed = !this.isCollapsed this.listLoading = false;
}
} }
} );
},
toggleCollapse() {
this.isCollapsed = !this.isCollapsed;
},
removeDp(arr1, arr2, id) {
let arr;
arr2 ? (arr = arr1.concat(arr2)) : (arr = arr1);
const obj = {};
const newArray = arr.reduce((pre, cur) => {
if (!obj[cur[id]]) {
obj[cur[id]] = true;
pre.push(cur);
}
return pre;
}, []);
return newArray;
},
},
};
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.detailsGiftApply { .detailsGiftApply {
...@@ -382,14 +572,14 @@ export default { ...@@ -382,14 +572,14 @@ export default {
padding: 0 10px; padding: 0 10px;
overflow: auto; overflow: auto;
overflow-x: hidden; overflow-x: hidden;
::v-deep .el-tabs__content{ ::v-deep .el-tabs__content {
height: auto; height: auto;
} }
::v-deep .el-tabs{ ::v-deep .el-tabs {
height: auto; height: auto;
} }
.noContent{ .noContent {
margin-top: 50px; margin-top: 50px;
} }
...@@ -439,7 +629,7 @@ export default { ...@@ -439,7 +629,7 @@ export default {
display: inline-block; display: inline-block;
width: 8px; width: 8px;
height: 8px; height: 8px;
background: #409EFF; background: #409eff;
border-radius: 5px; border-radius: 5px;
} }
...@@ -472,7 +662,7 @@ export default { ...@@ -472,7 +662,7 @@ export default {
p { p {
font-size: 22px; font-size: 22px;
color: #409EFF; color: #409eff;
} }
} }
} }
...@@ -480,7 +670,7 @@ export default { ...@@ -480,7 +670,7 @@ export default {
.filterList { .filterList {
margin-bottom: 10px; margin-bottom: 10px;
position: relative; position: relative;
border: 1px solid #EBEEF5; border: 1px solid #ebeef5;
border-radius: 4px; border-radius: 4px;
padding: 10px; padding: 10px;
transition: all 0.3s; transition: all 0.3s;
...@@ -491,7 +681,7 @@ export default { ...@@ -491,7 +681,7 @@ export default {
align-items: center; align-items: center;
margin-bottom: 10px; margin-bottom: 10px;
padding-bottom: 5px; padding-bottom: 5px;
border-bottom: 1px dashed #EBEEF5; border-bottom: 1px dashed #ebeef5;
} }
.filter-title { .filter-title {
...@@ -502,7 +692,7 @@ export default { ...@@ -502,7 +692,7 @@ export default {
.collapse-icon { .collapse-icon {
cursor: pointer; cursor: pointer;
color: #409EFF; color: #409eff;
font-size: 16px; font-size: 16px;
padding: 5px; padding: 5px;
transition: all 0.3s; transition: all 0.3s;
...@@ -585,7 +775,7 @@ export default { ...@@ -585,7 +775,7 @@ export default {
.iconStyle { .iconStyle {
font-size: 18px; font-size: 18px;
cursor: pointer; cursor: pointer;
color: #409EFF; color: #409eff;
} }
.money { .money {
...@@ -621,7 +811,7 @@ export default { ...@@ -621,7 +811,7 @@ export default {
background: #e1fff0; background: #e1fff0;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: #409EFF; color: #409eff;
border: none; border: none;
} }
} }
...@@ -661,7 +851,6 @@ export default { ...@@ -661,7 +851,6 @@ export default {
} }
} }
} }
} }
.tabStyle { .tabStyle {
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论