feat(global): 移除无用代码，全局样式调整
This commit is contained in:
woody
parent
55f97f185b
commit
7e8ab31ad5
|
|
@ -25,9 +25,6 @@
|
|||
<div @click="goMore(3)">
|
||||
<i class="el-icon-chat-dot-round"></i> {{ "意见反馈" }}
|
||||
</div>
|
||||
<div @click="openKf">
|
||||
<i class="el-icon-s-custom"></i> {{ "在线客服" }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page_btm">
|
||||
|
|
|
|||
|
|
@ -171,9 +171,9 @@ export default {
|
|||
{
|
||||
name: "活动列表",
|
||||
},
|
||||
{
|
||||
name: "沙棘公益",
|
||||
},
|
||||
// {
|
||||
// name: "沙棘公益",
|
||||
// },
|
||||
],
|
||||
treeObj: "",
|
||||
treeMin: 0,
|
||||
|
|
@ -342,7 +342,7 @@ export default {
|
|||
background: #ffffff;
|
||||
.acttitle {
|
||||
font-size: 18px;
|
||||
color: #00417C;
|
||||
color: #00417c;
|
||||
font-weight: 500;
|
||||
}
|
||||
.acttime {
|
||||
|
|
|
|||
|
|
@ -118,6 +118,7 @@
|
|||
title=""
|
||||
width="200"
|
||||
trigger="hover"
|
||||
:disabled="!scope.row.remark"
|
||||
:content="scope.row.remark"
|
||||
>
|
||||
<div slot="reference" style="cursor: pointer; color: #3499ff">
|
||||
|
|
@ -137,179 +138,6 @@
|
|||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- table 可申请订单 -->
|
||||
<!-- <div class="table">
|
||||
<div class="tabList">
|
||||
<div
|
||||
:class="['tab_i', isTab === item.value ? 'tabAct' : '']"
|
||||
v-for="item in orderStatusList"
|
||||
@click="isTab = item.value"
|
||||
:key="item.value"
|
||||
>
|
||||
{{ item.label }}
|
||||
</div>
|
||||
</div>
|
||||
<template v-if="isTab == 0">
|
||||
<div class="table_tit">
|
||||
<div class="t_btm_l">
|
||||
<div class="tab_i1">订单详情</div>
|
||||
</div>
|
||||
<div class="t_btm_r table_width">
|
||||
<div>订单类型</div>
|
||||
<div>订单金额</div>
|
||||
<div>报单编号</div>
|
||||
<div>产品业绩(PV)</div>
|
||||
<div>产品业绩(BV)</div>
|
||||
<div>{{'会员编号'}}</div>
|
||||
<div>订单状态</div>
|
||||
<div>收货人</div>
|
||||
<div>联系方式</div>
|
||||
<div>{{ '收货地址' }}</div>
|
||||
<div>{{ '操作' }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-for="(item, index) in orderLists" class="order_i" :key="index">
|
||||
<div class="t_top">
|
||||
<span>订单编号：{{ item.orderCode }}</span>
|
||||
<span>下单时间：{{ item.creationTime }}</span>
|
||||
<span>{{'支付时间'}}：{{ item.payTime }}</span>
|
||||
</div>
|
||||
<div class="t_btm_a">
|
||||
<div class="t_btm_l">
|
||||
<div
|
||||
v-for="(ctem, cndex) in item.itemList"
|
||||
:key="cndex"
|
||||
class="t_btm"
|
||||
>
|
||||
<div class="tab_i1">
|
||||
<img :src="ctem.cover" alt="" />
|
||||
<div class="tab_i1_1">
|
||||
<div class="prot">{{ ctem.productName }}</div>
|
||||
<div class="prot_i">
|
||||
<div>{{ ctem.price }}</div>
|
||||
<div>X{{ ctem.quantity }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="t_btm_r table_width">
|
||||
<div>{{ item.orderTypeVal }}</div>
|
||||
|
||||
<div>
|
||||
{{ item.orderAmount }}
|
||||
</div>
|
||||
|
||||
<div>
|
||||
{{ item.creatorCode }}
|
||||
</div>
|
||||
|
||||
<div>{{ item.orderAchieve }}</div>
|
||||
|
||||
<div>{{ item.assAchievement }}</div>
|
||||
|
||||
<div>{{ item.memberCode }}</div>
|
||||
|
||||
<div v-if="item.orderStatus == '1'" style="color: #009b58">
|
||||
{{ item.orderStatusVal }}
|
||||
</div>
|
||||
<div v-if="item.orderStatus == '0'" style="color: var(--primary-color)">
|
||||
{{ item.orderStatusVal }}
|
||||
</div>
|
||||
<div v-if="item.orderStatus == '3'" style="color: #ffad41">
|
||||
{{ item.orderStatusVal }}
|
||||
</div>
|
||||
<div v-if="item.orderStatus == '5'" style="color: #ffad41">
|
||||
{{ item.orderStatusVal }}
|
||||
</div>
|
||||
|
||||
<div>{{ item.recName }}</div>
|
||||
|
||||
<div>{{ item.recPhone }}</div>
|
||||
|
||||
<div>{{ item.address }}</div>
|
||||
|
||||
<div class="del">
|
||||
<el-popover
|
||||
placement="top-start"
|
||||
title=""
|
||||
width="200"
|
||||
trigger="hover"
|
||||
:content="item.remark"
|
||||
>
|
||||
<div slot="reference" style="cursor: pointer">备注</div>
|
||||
</el-popover>
|
||||
<div class="del1" @click="pickOrder(item)">修改地址</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<template v-if="isTab == 1">
|
||||
<div class="table_tit">
|
||||
<div class="t_btm_l">
|
||||
<div class="tab_i1">订单详情</div>
|
||||
</div>
|
||||
<div class="t_btm_r table_width">
|
||||
<div>变更后省/州</div>
|
||||
<div>变更后市</div>
|
||||
<div>变更后区/县</div>
|
||||
<div>变更后详情地址</div>
|
||||
<div>审核状态</div>
|
||||
<div>申请时间</div>
|
||||
<div>备注</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-for="(item, index) in selfLists" class="order_i" :key="index">
|
||||
<div class="t_top">
|
||||
<span>订单编号：{{ item.orderCode }}</span>
|
||||
<span>下单时间：{{ item.creationTime }}</span>
|
||||
<span>{{'支付时间'}}：{{ item.payTime }}</span>
|
||||
</div>
|
||||
<div class="t_btm_a">
|
||||
<div class="t_btm_l">
|
||||
<div
|
||||
v-for="(ctem, cndex) in item.itemList"
|
||||
:key="cndex"
|
||||
class="t_btm"
|
||||
>
|
||||
<div class="tab_i1">
|
||||
<img :src="ctem.cover" alt="" />
|
||||
<div class="tab_i1_1">
|
||||
<div class="prot">{{ ctem.productName }}</div>
|
||||
<div class="prot_i">
|
||||
<div>{{ ctem.price }}</div>
|
||||
<div>X{{ ctem.quantity }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="t_btm_r table_width">
|
||||
<div>{{ item.recProvinceVal }}</div>
|
||||
<div>{{ item.recCityVal }}</div>
|
||||
<div>{{ item.recCountyVal }}</div>
|
||||
|
||||
<div>{{ item.newRecAddress }}</div>
|
||||
|
||||
<div>
|
||||
<div v-if="item.approveStatus == '1'" style="color: #009b58">
|
||||
{{ item.approveStatusVal }}
|
||||
</div>
|
||||
<div v-if="item.approveStatus == '0'" style="color: var(--primary-color)">
|
||||
{{ item.approveStatusVal }}
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
{{ item.creationTime }}
|
||||
</div>
|
||||
<div>{{ item.selfRemark }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</div> -->
|
||||
|
||||
<pagination
|
||||
v-show="total > 0"
|
||||
|
|
@ -381,12 +209,17 @@
|
|||
</el-form-item>
|
||||
|
||||
<div style="text-align: center">
|
||||
<el-button class="saveBtn1" @click="pickShow = false">{{
|
||||
"取消"
|
||||
}}</el-button>
|
||||
<el-button class="saveBtn" @click="savePick('pickForm')">{{
|
||||
"确定"
|
||||
}}</el-button>
|
||||
<el-button
|
||||
class="common-dialog-footer-btn"
|
||||
@click="pickShow = false"
|
||||
>取消</el-button
|
||||
>
|
||||
<el-button
|
||||
class="common-dialog-footer-btn"
|
||||
type="primary"
|
||||
@click="savePick('pickForm')"
|
||||
>确定</el-button
|
||||
>
|
||||
</div>
|
||||
</el-form>
|
||||
</div>
|
||||
|
|
@ -407,9 +240,12 @@
|
|||
</div>
|
||||
<!-- <div>{{'售后电话'}}：400-111-2818</div> -->
|
||||
<div class="word2">
|
||||
<el-button class="saveBtn" @click="successShow = false">{{
|
||||
"确认"
|
||||
}}</el-button>
|
||||
<el-button
|
||||
class="common-dialog-footer-btn"
|
||||
type="primary"
|
||||
@click="successShow = false"
|
||||
>确认</el-button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
|
|
|||
|
|
@ -277,17 +277,17 @@
|
|||
}}<br />
|
||||
2、{{ "自提时间：每日9：00至18：00" }}<br />
|
||||
3、{{
|
||||
"自提地址：山东省青岛市崂山区金家岭街道金岭广场1号楼13层101前台"
|
||||
}}<br />
|
||||
4、{{
|
||||
"获取自提码请尽快在1个工作日内完成自提，若未完成自提，系统将默认重新发货！"
|
||||
}}<br />
|
||||
</div>
|
||||
</div>
|
||||
<div style="text-align: center">
|
||||
<el-button class="saveBtn" @click="savePick('pickForm')">{{
|
||||
"确认自提"
|
||||
}}</el-button>
|
||||
<div style="text-align: center; margin-top: 20px">
|
||||
<el-button
|
||||
class="common-dialog-footer-btn"
|
||||
type="primary"
|
||||
@click="savePick('pickForm')"
|
||||
>确认自提</el-button
|
||||
>
|
||||
</div>
|
||||
</el-form>
|
||||
</div></el-dialog
|
||||
|
|
@ -308,13 +308,16 @@
|
|||
}}</el-button>
|
||||
</div>
|
||||
<div class="word1">
|
||||
{{ "自提地址：山东省青岛市崂山区金家岭街道金岭广场1号楼13层101前台" }}
|
||||
{{ "自提地址：" }}
|
||||
</div>
|
||||
<!-- <div> {{'售后电话'}}：400-111-2818</div> -->
|
||||
<div class="word2">
|
||||
<el-button class="saveBtn" @click="successShow = false">{{
|
||||
"确认"
|
||||
}}</el-button>
|
||||
<el-button
|
||||
class="common-dialog-footer-btn"
|
||||
type="primary"
|
||||
@click="successShow = false"
|
||||
>确认</el-button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
|
|
|||
|
|
@ -11,3 +11,8 @@
|
|||
--button-primary-disabled-border-color: #A0CFFF; /* 禁用主按钮边框颜色 (同背景) */
|
||||
--danger-color: #DC3545; /* 危险色 */
|
||||
}
|
||||
|
||||
|
||||
.common-dialog-footer-btn {
|
||||
min-width: 180px;
|
||||
}
|
||||
|
|
@ -40,16 +40,23 @@
|
|||
<div class="progress-wrapper">
|
||||
<div class="progress-wrapper__label">昨日业绩</div>
|
||||
<div
|
||||
:class="
|
||||
awards.aNewPv != 0 && awards.bNewPv != 0
|
||||
? 'schedule1'
|
||||
: 'schedule'
|
||||
"
|
||||
:class="[
|
||||
'progress-bar-container',
|
||||
awards.aNewPv != 0 || awards.bNewPv != 0
|
||||
? 'has-value'
|
||||
: 'no-value',
|
||||
]"
|
||||
>
|
||||
<div
|
||||
class="current-schedule"
|
||||
class="left-bar"
|
||||
:style="{
|
||||
width: yesPercent(awards.aNewPv, awards.bNewPv),
|
||||
width: calculatePercent(awards.aNewPv, awards.bNewPv).left,
|
||||
}"
|
||||
></div>
|
||||
<div
|
||||
class="right-bar"
|
||||
:style="{
|
||||
width: calculatePercent(awards.aNewPv, awards.bNewPv).right,
|
||||
}"
|
||||
></div>
|
||||
<div class="cha">
|
||||
|
|
@ -60,16 +67,25 @@
|
|||
<div class="progress-wrapper">
|
||||
<div class="progress-wrapper__label">当月业绩</div>
|
||||
<div
|
||||
:class="
|
||||
awards.aMonthPv != 0 && awards.bMonthPv != 0
|
||||
? 'schedule1'
|
||||
: 'schedule'
|
||||
"
|
||||
:class="[
|
||||
'progress-bar-container',
|
||||
awards.aMonthPv != 0 || awards.bMonthPv != 0
|
||||
? 'has-value'
|
||||
: 'no-value',
|
||||
]"
|
||||
>
|
||||
<div
|
||||
class="current-schedule"
|
||||
class="left-bar"
|
||||
:style="{
|
||||
width: yesPercent(awards.aMonthPv, awards.bMonthPv),
|
||||
width: calculatePercent(awards.aMonthPv, awards.bMonthPv)
|
||||
.left,
|
||||
}"
|
||||
></div>
|
||||
<div
|
||||
class="right-bar"
|
||||
:style="{
|
||||
width: calculatePercent(awards.aMonthPv, awards.bMonthPv)
|
||||
.right,
|
||||
}"
|
||||
></div>
|
||||
<div class="cha">
|
||||
|
|
@ -80,16 +96,23 @@
|
|||
<div class="progress-wrapper">
|
||||
<div class="progress-wrapper__label">历史业绩</div>
|
||||
<div
|
||||
:class="
|
||||
awards.aSumPv != 0 && awards.bSumPv != 0
|
||||
? 'schedule1'
|
||||
: 'schedule'
|
||||
"
|
||||
:class="[
|
||||
'progress-bar-container',
|
||||
awards.aSumPv != 0 || awards.bSumPv != 0
|
||||
? 'has-value'
|
||||
: 'no-value',
|
||||
]"
|
||||
>
|
||||
<div
|
||||
class="current-schedule"
|
||||
class="left-bar"
|
||||
:style="{
|
||||
width: yesPercent(awards.aSumPv, awards.bSumPv),
|
||||
width: calculatePercent(awards.aSumPv, awards.bSumPv).left,
|
||||
}"
|
||||
></div>
|
||||
<div
|
||||
class="right-bar"
|
||||
:style="{
|
||||
width: calculatePercent(awards.aSumPv, awards.bSumPv).right,
|
||||
}"
|
||||
></div>
|
||||
<div class="cha">
|
||||
|
|
@ -142,7 +165,7 @@ export default {
|
|||
awards: {},
|
||||
userMin: 0,
|
||||
userSec: 0,
|
||||
_interval: "",
|
||||
intervalTimer: "",
|
||||
toLiveBtn: "",
|
||||
isHandImg: true,
|
||||
};
|
||||
|
|
@ -153,7 +176,7 @@ export default {
|
|||
},
|
||||
|
||||
beforeDestroy() {
|
||||
clearInterval(this._interval);
|
||||
clearInterval(this.intervalTimer);
|
||||
},
|
||||
methods: {
|
||||
clickTap() {
|
||||
|
|
@ -168,21 +191,22 @@ export default {
|
|||
defaultSrc() {
|
||||
this.isHandImg = false;
|
||||
},
|
||||
yesPercent(left, right) {
|
||||
calculatePercent(left, right) {
|
||||
left = parseFloat(left);
|
||||
right = parseFloat(right);
|
||||
if (isNaN(left) || isNaN(right)) {
|
||||
return "-";
|
||||
const total = left + right;
|
||||
if (isNaN(left) || isNaN(right) || total === 0) {
|
||||
return { left: "0%", right: "0%" };
|
||||
}
|
||||
return right + left == 0
|
||||
? "0%"
|
||||
: Math.round((left / (right + left)) * 10000) / 100.0 + "%";
|
||||
const leftPercent = Math.round((left / total) * 10000) / 100.0 + "%";
|
||||
const rightPercent = Math.round((right / total) * 10000) / 100.0 + "%";
|
||||
return { left: leftPercent, right: rightPercent };
|
||||
},
|
||||
|
||||
// 倒计时事件
|
||||
countdown() {
|
||||
const that = this;
|
||||
that._interval = setInterval(() => {
|
||||
that.intervalTimer = setInterval(() => {
|
||||
let time = new Date(this.userInfo.registerTime).getTime() / 1000;
|
||||
let time1 = new Date().getTime() / 1000;
|
||||
let time2 = parseInt(time1 - time);
|
||||
|
|
@ -368,31 +392,56 @@ export default {
|
|||
}
|
||||
}
|
||||
.user-cards-left {
|
||||
.schedule {
|
||||
// width: 149px;
|
||||
.progress-bar-container {
|
||||
flex: 1;
|
||||
height: 16px;
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
border-radius: 10px 10px 10px 10px;
|
||||
border-radius: 10px;
|
||||
margin: 5px;
|
||||
position: relative;
|
||||
overflow: hidden; // Hide overflowing parts of bars
|
||||
}
|
||||
|
||||
.progress-bar-container.no-value {
|
||||
background: rgba(
|
||||
255,
|
||||
255,
|
||||
255,
|
||||
0.3
|
||||
); // Transparent background when no values
|
||||
}
|
||||
|
||||
.progress-bar-container.has-value {
|
||||
background: #fff; // White background when has values
|
||||
}
|
||||
|
||||
.left-bar {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
background: #fea43c; // Left bar color
|
||||
border-radius: 10px 0 0 10px; // Rounded left corners
|
||||
z-index: 1; // Below text
|
||||
}
|
||||
|
||||
.right-bar {
|
||||
position: absolute;
|
||||
right: 0; // Align to the right
|
||||
top: 0;
|
||||
height: 100%;
|
||||
background: #409eff; // Right bar color (changed to blue)
|
||||
border-radius: 0 10px 10px 0; // Rounded right corners
|
||||
z-index: 1; // Below text
|
||||
}
|
||||
// Remove old schedule styles if they exist
|
||||
.schedule,
|
||||
.schedule1 {
|
||||
// width: 149px;
|
||||
flex: 1;
|
||||
height: 16px;
|
||||
background: #fff;
|
||||
border-radius: 10px 10px 10px 10px;
|
||||
margin: 5px;
|
||||
position: relative;
|
||||
display: none; // Hide old elements if necessary, or remove them fully
|
||||
}
|
||||
.current-schedule {
|
||||
position: absolute;
|
||||
width: 30%;
|
||||
background: #fea43c;
|
||||
height: 16px;
|
||||
border-radius: 10px 10px 10px 10px;
|
||||
display: none; // Hide old elements if necessary, or remove them fully
|
||||
}
|
||||
|
||||
.progress-wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -413,6 +462,8 @@ export default {
|
|||
transform: translate(-50%, -50%);
|
||||
font-size: 12px;
|
||||
white-space: nowrap;
|
||||
color: #fff; // Ensure text is readable (changed to white)
|
||||
z-index: 2; // Above the bars
|
||||
}
|
||||
.state {
|
||||
font-size: 10px;
|
||||
|
|
|
|||
|
|
@ -221,7 +221,7 @@ export default {
|
|||
],
|
||||
baseSelfServiceList: [
|
||||
{ name: "修改地址", id: "1", ifshow: 0 },
|
||||
{ name: "订单自提", id: "2", ifshow: 0 },
|
||||
// { name: "订单自提", id: "2", ifshow: 0 },
|
||||
{ name: "户籍变更", id: "3", ifshow: 0 },
|
||||
// { name: "经销商认证", id: "4", ifshow: 0 },
|
||||
{ name: "自助撤单", id: "8", ifshow: 0 },
|
||||
|
|
|
|||
Loading…
Reference in New Issue