liumin
/
NewZkgj
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

趨勢分析問題修改

yun
douzhuo 2 years ago
parent
2b68c63af3
commit
47d90b9a36
1 changed files with 31 additions and 96 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +31
    -96
      pages/center/Piabodata/TrendAnalysis.vue

+ 31
- 96
pages/center/Piabodata/TrendAnalysis.vue View File

@@ -1,23 +1,5 @@
<template>
<view>
<!-- 选择器 -->
<!-- <view class="boxtittab">
<view class="tabbox" @click="timeshow = true">
{{ time }}
<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
</view>
<view class="tabbox" @click="timeshow = true">
{{ team }}
<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
</view>
<view class="tabbox" @click="selectshow = true">
{{ guwen }}
<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
</view>
<view class="tabbox" @click="huashuShow = true">
{{huashu}}<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
</view>
</view> -->
<view class="timetabct">
<view class="timetabctview">
<view :class="{ activecllasscet: activeTotal == 0 }" @click="tabtimetap(0)">7天</view>
@@ -59,8 +41,9 @@
<text style="color: #333333;">{{kanbanlist.duibitime}}</text>
</view>
</view>
<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view>
<!-- 简报 -->
<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view>
<view class="boxzonglan" style="min-height: 100rpx;">
<view class="zonglantit">简报</view>
<view class="zonglanbox">
@@ -77,11 +60,9 @@
<template v-if="item.num2*1 != 0">
<text
:style="{color:item.num2*1>0?'red':'green'}">
<!-- +'%' -->
{{item.num2}}{{ item.name == '平均执行率' ? "%" : "" }}{{item.num2*1 > 0 ? '↑':'↓'}}</text>
</template>
<template v-else>
<!-- +'%' -->
<text
:style="{color:item.num2*1>0?'red':'green'}">{{item.num2}}{{ item.name == '平均执行率' ? "%" : "" }}</text>
</template>
@@ -101,15 +82,7 @@
<view class="tabbox">
<view :class="{ activecllasscet2: newactiveTotal == 2 }" @click="tabxuanxiangtap(2)">团队</view>
</view>
<!-- <view class="tabbox">
<view :class="{ activecllasscet2: newactiveTotal == 0 }" @click="tabxuanxiangtap(0)">平均执行率</view>
</view>
<view class="tabbox">
<view :class="{ activecllasscet2: newactiveTotal == 1 }" @click="tabxuanxiangtap(1)">平均挖掘率</view>
</view>
<view class="tabbox">
<view :class="{ activecllasscet2: newactiveTotal == 2 }" @click="tabxuanxiangtap(2)">挖掘场景</view>
</view> -->

<view class="tabbox">
<view :class="{ activecllasscet2: newactiveTotal == 3 }" @click="tabxuanxiangtap(3)">销讲一级</view>
</view>
@@ -120,14 +93,6 @@


<view class="chart">
<!-- <view
style="display: flex;justify-content:center;padding-left: 30rpx;padding-right: 30rpx;margin-top: 16rpx;"
v-if="guwenshow&&lopanobj.name" @click="oninputtap()">
<view class="title2-che" style="width: 220rpx;">{{lopanobj.name}}
<image class="righttochoose" src="../../../static/images/righttochoose.png" mode=""></image>
</view>
</view> -->

<view style="padding: 30rpx;padding-bottom: 20rpx;align-items: center;" v-if="Selectlevel">
<view style="display: flex;align-items: center;border-bottom: 1px solid #C9C9C9;height: 80rpx;">
<view>选择一级：</view>
@@ -139,12 +104,6 @@
<image src="https://qufang.oss-cn-beijing.aliyuncs.com/upload/icon/xcx/jjycrm/qf/more.png"
style="width:12rpx;height:23rpx;margin-left: 16rpx;">
</view>
<!-- <view style="display: flex;justify-content:center;padding-left: 30rpx;padding-right: 30rpx;margin-top: 16rpx;"
v-if="Selectlevelobj.name" @click="oninputtap2()">
<view class="title2-che" style="width: 220rpx;">{{Selectlevelobj.name}}
<image class="righttochoose" src="../../../static/images/righttochoose.png" mode=""></image>
</view>
</view> -->
</view>


@@ -158,28 +117,21 @@
<image src="https://qufang.oss-cn-beijing.aliyuncs.com/upload/icon/xcx/jjycrm/qf/more.png"
style="width:12rpx;height:23rpx;margin-left: 16rpx;">
</view>
<!-- <view style="display: flex;justify-content:center;padding-left: 30rpx;padding-right: 30rpx;margin-top: 16rpx;"
v-if="erSelectlevelobj.name" @click="oninputtap3()">
<view class="title2-che" style="width: 220rpx;">{{erSelectlevelobj.name}}
<image class="righttochoose" src="../../../static/images/righttochoose.png" mode=""></image>
</view>
</view> -->
</view>
</view>

<view style="display: flex;align-items: center;height: 80rpx;justify-content: center;"
<view style="padding: 0 0 40rpx 0;display: flex;align-items: center;justify-content: center;position: relative;z-index: 999999;"
v-if="Selecttuandui&&Selecttuanduiobj.name" @click="oninputtap4()">
<view class="title2-che" style="width: 220rpx;">{{Selecttuanduiobj.name}}
<view class="title2-che" style="width: 220rpx;">
{{Selecttuanduiobj.name}}
<image class="righttochoose" src="../../../static/images/righttochoose.png" mode=""></image>
</view>
</view>


<view class="single">
<!-- <view class="danwei" style="margin-top: 10rpx;">销讲词执行率</view> -->
<view class="uchaserbox" :class="{ uchaserboxs : newactiveTotal == 1 || newactiveTotal == 3 }"
v-if="lineOptsect.series.length!=0">

<qiun-data-charts :style="!showCanvas?'display:none':''" :type="linetype" :chartData="lineOptsect"
background="none" :ontouch="true" canvasId="wangxiaohuaerlingeryilingwuyibao" :opts="opts"
:canvas2d="true" />
@@ -252,7 +204,7 @@
<newcalendar v-model="totalTimeShow2" :planNum='intervaltime' mode="date" @change="totalTimeChange2">
</newcalendar>
<!-- 接待时间 -到访时间-->
<!-- 接待时间 -到访时间-->
<u-popup v-model="timeshow" mode="bottom">
<view class="timeview" :style="{ color: activeTotal == 5 ? '#2B6EFF' : '#333333' }"
@click="tabtimetap(5, '接待时间')">
@@ -273,6 +225,7 @@
@click="tabtimetap(4, '')">
自定义</view>
</u-popup>
<!-- 顾问 -->
<u-select v-model="selectshow" :list="freeList" @confirm="actionSelectCallback"></u-select>
<!-- 全部话术 -->
@@ -573,6 +526,7 @@
}
}
setTimeout(() => {
this.$forceUpdate()
this.LOADING = false
}, 1500)
@@ -695,17 +649,6 @@
this.guwenshow = false;
this.Selectlevel = false;
this.Selecttuandui = false;
// this.tableDate = []
// this.pamect.showStatus = 0;
// this.pamect.timeType = "4";
// this.pamect.firstStartDate = '';
// this.pamect.firstEndDate = '';
// this.pamect.lastStartDate = '';
// this.pamect.lastEndDate = '';
// this.pamect.accountId = '';
// this.pamect.marketingId = '';
// this.pamect.deptId = ""
// this.activeTotal = 0;
this.timepickpickisshow = false;
this.init()

@@ -766,29 +709,20 @@
// // 处理表格数据
let arr = [
['时间', '时段一', '时段二', '变化']
// {
// time:'时间',
// time1:'时段一',
// time2:'时段二',
// compare:'变化'
// },
]
that.lineOptsect.categories.map((item, index) => {
let newarr = [item, data.lastValue[index].fraction, data.firstValue[index]
.fraction, data.contrast[index].data
]
// obj.time=item
// obj.time1=data.firstValue[index].fraction
// obj.time2=data.lastValue[index].fraction
// obj.compare=data.contrast[index].data
// arr.push(obj)
arr.push(newarr)
})
// console.log(arr)
that.tableDate = arr
}
this.$forceUpdate()
});
},
//顾问维度
ConsultantDimension() {
const that = this;
@@ -825,8 +759,6 @@
that.lineOptsect.categories.push(item.name)
that.lineOptsect.series[0].data.push(data.firstList[sdf].total)
})
console.log(this.lineOptsect, 'console.log(this.lineOptsect)')
// that.lineOptsect.series[0].data = data.lastValue.map(item => item.fraction);
} else {
// 当有对比的时候
that.lineOptsect = {
@@ -863,9 +795,8 @@
arr[1].push(data.thirdList[index].total)
})
that.tableDate = arr
console.log(this.lineOptsect, 'console.log(this.lineOptsect)')
}
this.$forceUpdate()
});
},
// 顾问纬度选择顾问
@@ -954,6 +885,7 @@
}]
}
}
this.$forceUpdate()
})
},
//销讲二级
@@ -1014,9 +946,9 @@
]
arr.push(newarr)
})
// console.log(arr)
that.tableDate = arr
}
this.$forceUpdate()
})
},
//销讲二级:获取一级
@@ -1044,6 +976,8 @@
this.Selectlevelobj.name = data[0].name;
this.getonserji(this.Selectlevelobj.id)
}
this.$forceUpdate()
})
},
//销讲二级:通过一级获取二级
@@ -1063,6 +997,7 @@
this.erSelectlevelobj.name = data[0].name;
this.pamect.marketingId = this.erSelectlevelobj.id;
this.aboutEecondary()
this.$forceUpdate()
})
},
//销讲二级:一级选择
@@ -1152,15 +1087,19 @@
this.Selecttuanduiobj.id = "";
this.Selecttuanduiobj.name = "全部";
this.pamect.deptId = this.Selecttuanduiobj.id;
// this.TeamCompared()
this.TeamCompared()
}
})
},
//团队对比
TeamCompared() {
const that = this;
that.lineOptsect = {};
that.lineOptsect = {
categories: [],
series: []
};
this.linetype = "line";
this.$forceUpdate()
this.$u.post("/cusLvStatistics/teamOrOneValueShowByDept", this.pamect).then(data => {
if (this.Selecttuanduiobj.id == "") {
var newlist = [];
@@ -1245,12 +1184,6 @@
// // 处理表格数据
let arr = [
['时间', '时段一', '时段二', '变化']
// {
// time:'时间',
// time1:'时段一',
// time2:'时段二',
// compare:'变化'
// },
]
that.lineOptsect.categories.map((item, index) => {
let newarr = [item, data
@@ -1258,17 +1191,12 @@
.receptionStatList[index].fraction, data.contrast
.receptionStatList[index].data
]
// obj.time=item
// obj.time1=data.firstValue[index].fraction
// obj.time2=data.lastValue[index].fraction
// obj.compare=data.contrast[index].data
// arr.push(obj)
arr.push(newarr)
})
// console.log(arr)
that.tableDate = arr
}
}
this.$forceUpdate()
});
},

@@ -1350,6 +1278,8 @@

.uchaserbox {
width: 100%;
height: 50vh;
overflow: hidden;
}

.uchaserboxs {
@@ -1544,4 +1474,9 @@
width: 50%;
// border-right: none;
}
.chart {
padding: 40rpx 0 20rpx;
min-height: 50vh;
}
</style>

Write Preview
Loading…
Cancel
Save