Browse Source

删除

newStyle
风继续吹 1 year ago
parent
commit
8f80118d75
4 changed files with 57 additions and 8 deletions
  1. +4
    -2
      public/cdn/js/circliful.js
  2. +43
    -6
      src/views/Statistics/reportDetail.vue
  3. +5
    -0
      src/views/statisticalManagement/consumptionManagement.vue
  4. +5
    -0
      src/views/statisticalManagement/index.vue

+ 4
- 2
public/cdn/js/circliful.js View File

@@ -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();




+ 43
- 6
src/views/Statistics/reportDetail.vue View File

@@ -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;


+ 5
- 0
src/views/statisticalManagement/consumptionManagement.vue View File

@@ -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;


+ 5
- 0
src/views/statisticalManagement/index.vue View File

@@ -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();
}, },
// 明细列表 // 明细列表


Loading…
Cancel
Save