@@ -16,6 +16,7 @@ | |||||
this.barColor = options.barColor || '#F9A825'; | this.barColor = options.barColor || '#F9A825'; | ||||
this.fontColor = options.fontColor || '#606266'; | this.fontColor = options.fontColor || '#606266'; | ||||
this.text = options.text || '%' | this.text = options.text || '%' | ||||
this.radius = options.radius || 50 | |||||
if(options.init){ | if(options.init){ | ||||
this.init(); | this.init(); | ||||
} | } | ||||
@@ -50,6 +51,7 @@ | |||||
var barColor = this.barColor; | var barColor = this.barColor; | ||||
var fontColor = this.fontColor; | var fontColor = this.fontColor; | ||||
var text = this.text; | var text = this.text; | ||||
var radius = this.radius | |||||
function draw(){ | function draw(){ | ||||
diffAngle = (percentage / 100) * Math.PI * 2; | diffAngle = (percentage / 100) * Math.PI * 2; | ||||
@@ -63,7 +65,7 @@ | |||||
ctx.lineWidth = 15; | ctx.lineWidth = 15; | ||||
//绘制圆 | //绘制圆 | ||||
ctx.arc(cx, cy, 50, 0, 2 * Math.PI, false); | |||||
ctx.arc(cx, cy, radius, 0, 2 * Math.PI, false); | |||||
//设置填充色 | //设置填充色 | ||||
ctx.fillStyle = '#FFF'; | ctx.fillStyle = '#FFF'; | ||||
@@ -75,7 +77,7 @@ | |||||
//绘制百分比进度 | //绘制百分比进度 | ||||
ctx.beginPath(); | ctx.beginPath(); | ||||
ctx.arc(cx, cy, 50, startAngle, diffAngle + startAngle, false); | |||||
ctx.arc(cx, cy, radius, startAngle, diffAngle + startAngle, false); | |||||
ctx.strokeStyle = barColor; | ctx.strokeStyle = barColor; | ||||
ctx.stroke(); | ctx.stroke(); | ||||
@@ -1219,7 +1219,7 @@ | |||||
</div> | </div> | ||||
<div class="item"> | <div class="item"> | ||||
<image class="pic" src="http://images.2weisou.com/20221125173123zVTd8Ej6.png"/> | <image class="pic" src="http://images.2weisou.com/20221125173123zVTd8Ej6.png"/> | ||||
<div class="name">标注完成,系统自动 标注客户画像</div> | |||||
<div class="name">标注完成,系统自动标注客户画像</div> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
@@ -1530,6 +1530,9 @@ export default { | |||||
let bgColor = $(this).attr("data-color"); | let bgColor = $(this).attr("data-color"); | ||||
new Progressbar({ | new Progressbar({ | ||||
id: childs.echartsId + "Progress" + index, | id: childs.echartsId + "Progress" + index, | ||||
width: '300px', | |||||
height: '300px', | |||||
radius: 90, | |||||
text: unit, | text: unit, | ||||
value: value, | value: value, | ||||
init: true, | init: true, | ||||
@@ -1569,6 +1572,9 @@ export default { | |||||
let bgColor = $(this).attr("data-color"); | let bgColor = $(this).attr("data-color"); | ||||
new Progressbar({ | new Progressbar({ | ||||
id: childs.echartsId + "Progress" + index, | id: childs.echartsId + "Progress" + index, | ||||
width: '300px', | |||||
height: '300px', | |||||
radius: 90, | |||||
text: unit, | text: unit, | ||||
value: value, | value: value, | ||||
init: true, | init: true, | ||||
@@ -1987,7 +1993,7 @@ export default { | |||||
console.log(option); | console.log(option); | ||||
myChart.setOption(option); | myChart.setOption(option); | ||||
} catch (e) { | } catch (e) { | ||||
cconsole.log(e); | |||||
console.log(e); | |||||
} | } | ||||
}, | }, | ||||
@@ -2464,7 +2470,7 @@ export default { | |||||
.box-card .percents .percent-box .percent-line { | .box-card .percents .percent-box .percent-line { | ||||
/*width: 80%;*/ | /*width: 80%;*/ | ||||
height: 100%; | height: 100%; | ||||
background: rgba(62, 80, 232, 0.6); | |||||
background: rgba(62, 80, 232, .2); | |||||
} | } | ||||
.box-card .title .logo { | .box-card .title .logo { | ||||
@@ -2498,6 +2504,36 @@ export default { | |||||
padding-bottom: 2px; | padding-bottom: 2px; | ||||
padding-top: 4px; | padding-top: 4px; | ||||
} | } | ||||
.alllist:nth-of-type(5n - 1) { | |||||
border-left: none; | |||||
border-top: none; | |||||
} | |||||
.alllist:nth-of-type(5n - 2) { | |||||
border-left: none; | |||||
border-top: none; | |||||
} | |||||
.alllist:nth-of-type(5n - 3) { | |||||
border-left: none; | |||||
border-top: none; | |||||
} | |||||
.alllist:nth-of-type(5n - 4) { | |||||
// border-left: none; | |||||
border-top: none; | |||||
} | |||||
.alllist:nth-of-type(5n) { | |||||
border-left: none; | |||||
border-top: none; | |||||
} | |||||
.alllist:nth-of-type(5n) { | |||||
border-left: none; | |||||
// border-bottom: none; | |||||
} | |||||
.alllist:nth-of-type(-n + 5) { | |||||
border-top: 1px solid #e0e0e0; | |||||
} | |||||
.alllist-text1 { | .alllist-text1 { | ||||
width: 100%; | width: 100%; | ||||
@@ -2793,10 +2829,11 @@ export default { | |||||
display: flex; | display: flex; | ||||
} | } | ||||
.header-style { | |||||
/deep/.header-style { | |||||
background: #3e50e8 !important; | background: #3e50e8 !important; | ||||
padding: 10px 0 !important; | padding: 10px 0 !important; | ||||
color: #fff !important; | color: #fff !important; | ||||
font-size: 16px !important; | |||||
} | } | ||||
.pieRemark { | .pieRemark { | ||||
@@ -2805,7 +2842,7 @@ export default { | |||||
} | } | ||||
.pieRemark .item { | .pieRemark .item { | ||||
height: 240px; | |||||
min-height: 240px; | |||||
display: flex; | display: flex; | ||||
flex-direction: column; | flex-direction: column; | ||||
align-items: center; | align-items: center; | ||||
@@ -2902,7 +2939,7 @@ export default { | |||||
display: flex; | display: flex; | ||||
justify-content: space-between; | justify-content: space-between; | ||||
align-items: center; | align-items: center; | ||||
font-size: 18px; | |||||
font-size: 16px; | |||||
font-family: PingFangSC-Medium, PingFang SC; | font-family: PingFangSC-Medium, PingFang SC; | ||||
font-weight: 500; | font-weight: 500; | ||||
color: #333333; | color: #333333; | ||||
@@ -406,6 +406,7 @@ export default { | |||||
// 切换筛选日期类型 | // 切换筛选日期类型 | ||||
tabtimetap(index) { | tabtimetap(index) { | ||||
this.params.current = 1 | |||||
this.emptyTimePickerChoose() | this.emptyTimePickerChoose() | ||||
this.params.dateType = index; | this.params.dateType = index; | ||||
this.consumptionTrend(); | this.consumptionTrend(); | ||||
@@ -413,16 +414,19 @@ export default { | |||||
// 筛选 | // 筛选 | ||||
screen() { | screen() { | ||||
this.params.current = 1 | |||||
this.consumptionTrend(); | this.consumptionTrend(); | ||||
}, | }, | ||||
// 楼盘筛选 | // 楼盘筛选 | ||||
houseChange() { | houseChange() { | ||||
this.params.current = 1 | |||||
this.consumptionTrend(); | this.consumptionTrend(); | ||||
}, | }, | ||||
// 清空筛选 | // 清空筛选 | ||||
empty() { | empty() { | ||||
this.params.current = 1 | |||||
this.params.dateType = 3; // 1近七天 2 近十五天 3近三十天 | this.params.dateType = 3; // 1近七天 2 近十五天 3近三十天 | ||||
this.params.operateType = ""; // 0:购买,1: 赠送,2:扣除购买,3:扣除赠送,4:长录音转写扣除,5:短录音转写扣除 | this.params.operateType = ""; // 0:购买,1: 赠送,2:扣除购买,3:扣除赠送,4:长录音转写扣除,5:短录音转写扣除 | ||||
if (this.params.orgType != 3) { | if (this.params.orgType != 3) { | ||||
@@ -440,6 +444,7 @@ export default { | |||||
// 自定义时间筛选 | // 自定义时间筛选 | ||||
confirmtime() { | confirmtime() { | ||||
this.params.current = 1 | |||||
this.params.startDate = this.customtime[0]; | this.params.startDate = this.customtime[0]; | ||||
this.params.endDate = this.customtime[1]; | this.params.endDate = this.customtime[1]; | ||||
this.params.dateType = null; | this.params.dateType = null; | ||||
@@ -277,6 +277,7 @@ export default { | |||||
}, | }, | ||||
// 时间筛选 | // 时间筛选 | ||||
tabtimetap(index) { | tabtimetap(index) { | ||||
this.params.current = 1 | |||||
this.emptyTimePickerChoose(); | this.emptyTimePickerChoose(); | ||||
this.params.dateType = index; | this.params.dateType = index; | ||||
this.rechargeDetails(); | this.rechargeDetails(); | ||||
@@ -284,6 +285,7 @@ export default { | |||||
// 自定义时间筛选 | // 自定义时间筛选 | ||||
confirmtime() { | confirmtime() { | ||||
this.params.current = 1 | |||||
this.params.startDate = this.customtime[0]; | this.params.startDate = this.customtime[0]; | ||||
this.params.endDate = this.customtime[1]; | this.params.endDate = this.customtime[1]; | ||||
this.params.dateType = null; | this.params.dateType = null; | ||||
@@ -300,15 +302,18 @@ export default { | |||||
// 筛选 | // 筛选 | ||||
screen() { | screen() { | ||||
this.params.current = 1 | |||||
this.rechargeDetails(); | this.rechargeDetails(); | ||||
}, | }, | ||||
// 楼盘筛选 | // 楼盘筛选 | ||||
houseChange() { | houseChange() { | ||||
this.params.current = 1 | |||||
this.rechargeDetails(); | this.rechargeDetails(); | ||||
}, | }, | ||||
// 操作类型筛选 | // 操作类型筛选 | ||||
operateTypeChange() { | operateTypeChange() { | ||||
this.params.current = 1 | |||||
this.rechargeDetails(); | this.rechargeDetails(); | ||||
}, | }, | ||||
// 明细列表 | // 明细列表 | ||||