Acher
/
newEdition
1
0
派生 0
代码 工单 0 合并请求 0 版本发布 0 百科 动态
AI销管
您最多选择25个主题 主题必须以字母或数字开头，可以包含连字符 (-)，并且长度不得超过35个字符
193 提交
13 分支
9.8 MiB
 
 
 
 
目录树: 183d42f844
分支列表 标签列表
${ item.name }
创建分支 ${ searchTerm }
从 '183d42f844'
${ noResults }
newEdition/pages/center/Piabodata/TrendAnalysis.vue

1519 行
41 KiB
原始文件 Blame 文件历史 

  1. <template>

  2. 	<view>

  3. 		<view class="timetabct">

  4. 			<view class="timetabctview">

  5. 				<view :class="{ activecllasscet: activeTotal == 0 }" @click="tabtimetap(0)">7天</view>

  6. 			</view>

  7. 			<view class="timetabctview">

  8. 				<view :class="{ activecllasscet: activeTotal == 1 }" @click="tabtimetap(1)">15天</view>

  9. 			</view>

  10. 			<view class="timetabctview">

  11. 				<view :class="{ activecllasscet: activeTotal == 2 }" @click="tabtimetap(2)">30天</view>

  12. 			</view>

  13. 		</view>

  14. 

  15. 		<view class="timepick">

  16. 			<view class="timepicktime">

  17. 				<view @click="tabtimetap(3)">{{sheartime1}}

  18. 					<image class="Underimg" src="../../../static/images/down.png" mode=""></image>

  19. 				</view>

  20. 			</view>

  21. 			<view class="timepickpick" @click="checkboxChange()">

  22. 				<image v-if="timepickpickisshow" style="width: 30rpx;height: 30rpx;"

  23. 					src="../../../static/images/xuanzhong.png" mode=""></image>

  24. 				<view v-else style="width: 30rpx;height:30rpx;border: 1px solid #E0E0E0;box-sizing:border-box;"></view>

  25. 				<view style="font-size:26rpx;text-indent: 12rpx;">对比</view>

  26. 			</view>

  27. 			<view class="timepicktime" v-if="timepickpickisshow">

  28. 				<view @click="tabtimetap(4)">{{sheartime2}}

  29. 					<image class="Underimg" src="../../../static/images/down.png" mode=""></image>

  30. 				</view>

  31. 			</view>

  32. 		</view>

  33. 

  34. 		<view class="timeduibi">

  35. 			<view class="timeshow">数据起始时间：<text style="color: #333333;">{{kanbanlist.kaishitime}}</text></view>

  36. 			<view class="timeshow" v-if="kanbanlist.duibitime.length!=0">

  37. 				数据对比时间：

  38. 				<text style="color: #333333;">{{kanbanlist.duibitime}}</text>

  39. 			</view>

  40. 		</view>

  41. 		<view class="boxzonglan" style="min-height: 100rpx;">

  42. 			<view class="zonglantit">简报</view>

  43. 			<view class="zonglanbox">

  44. 				<view class="grid" v-for="(item,index) in numlist" :key="index">

  45. 					<view class="audonum">

  46. 						<view class="circle"></view>

  47. 						{{item.name}}

  48. 					</view>

  49. 					<view class="num u-flex" v-if="item.name==='平均执行率'">

  50. 						{{item.num}}%

  51. 						<!-- <image style="margin-left: 2rpx;width: 28rpx;height: 14rpx" src="../../../static/images/excute.png" mode="" /> -->

  52. 					</view>

  53. 					<view class="num" v-else-if="item.name==='有效接待'">{{item.num||'--'}}</view>

  54. 					<view class="num" v-else-if="item.name==='平均接待时长'">{{item.num}}分</view>

  55. 					<view class="num" v-else>{{item.num||0}}</view>

  56. 					<view class="comparesize" v-if="compareFlag&&timepickpickisshow">

  57. 						<text style="margin-right: 50rpx;">对比：{{item.name==='平均执行率'?item.num1+'%':item.num1}}</text>

  58. 						<text :style="{color:item.num2*1>0?'red':'green'}">

  59. 							{{item.num2}}

  60. 							<template v-if="item.name==='平均执行率'">

  61. 								%

  62. 							</template>

  63. 							{{(item.num2*1) > 0 ? '↑' : '↓'}}</text>

  64. 					</view>

  65. 				</view>

  66. 			</view>

  67. 		</view>

  68. 		<view class="boxtittab" style="border: none;height: 82rpx;">

  69. 			<view class="tabbox">

  70. 				<view :class="{ activecllasscet2: newactiveTotal == 0 }" @click="tabxuanxiangtap(0)">项目</view>

  71. 			</view>

  72. 			<view class="tabbox">

  73. 				<view :class="{ activecllasscet2: newactiveTotal == 1 }" @click="tabxuanxiangtap(1)">顾问</view>

  74. 			</view>

  75. 			<view class="tabbox">

  76. 				<view :class="{ activecllasscet2: newactiveTotal == 2 }" @click="tabxuanxiangtap(2)">团队</view>

  77. 			</view>

  78. 			<view class="tabbox">

  79. 				<view :class="{ activecllasscet2: newactiveTotal == 3 }" @click="tabxuanxiangtap(3)">销讲一级</view>

  80. 			</view>

  81. 			<view class="tabbox">

  82. 				<view :class="{ activecllasscet2: newactiveTotal == 4 }" @click="tabxuanxiangtap(4)">销讲二级</view>

  83. 			</view>

  84. 		</view>

  85. 

  86. 

  87. 		<view class="chart">

  88. 			<view style="display: flex;padding: 0 0 40rpx 0;justify-content: center;">

  89. 				<view class="marketingBusiness">

  90. 					<view class="marketingBusinesstext" style="min-width: 50rpx;" @click="showMarketingBusiness = true">

  91. 						{{ marketingBusinessText }}

  92. 						<image class="righttochoose" src="../../../static/images/righttochoose.png" mode=""></image>

  93. 					</view>

  94. 				</view>

  95. 				<view

  96. 					style="display: flex;justify-content:center;padding-left: 30rpx;padding-right: 30rpx;margin-top: 0rpx;"

  97. 					v-if="guwenshow&&lopanobj.name" @click="oninputtap()">

  98. 					<view class="title2-che u-flex" style="width: 220rpx;">{{lopanobj.name}}

  99. 						<image class="righttochoose" src="../../../static/images/down.png" mode=""></image>

  100. 					</view>

  101. 				</view>

  102. 			</view>

  103. 			<view style="padding: 30rpx;padding-bottom: 20rpx;align-items: center;" v-if="Selectlevel">

  104. 				<view style="display: flex;align-items: center;border-bottom: 1px solid #C9C9C9;height: 80rpx;">

  105. 					<view>选择一级：</view>

  106. 					<view style="width:75%;">

  107. 						<input @click="oninputtap2()" v-model="Selectlevelobj.name" type="text" disabled="true"

  108. 							:border="border" placeholder="请选择" />

  109. 					</view>

  110. 					<view>

  111. 						<image src="https://qufang.oss-cn-beijing.aliyuncs.com/upload/icon/xcx/jjycrm/qf/more.png"

  112. 							style="width:12rpx;height:23rpx;margin-left: 16rpx;">

  113. 					</view>

  114. 				</view>

  115. 

  116. 

  117. 				<view style="display: flex;align-items: center;border-bottom: 1px solid #C9C9C9;height: 80rpx;">

  118. 					<view>选择二级：</view>

  119. 					<view style="width:75%;">

  120. 						<input @click="oninputtap3()" v-model="erSelectlevelobj.name" type="text" disabled="true"

  121. 							:border="border" placeholder="请选择" />

  122. 					</view>

  123. 					<view>

  124. 						<image src="https://qufang.oss-cn-beijing.aliyuncs.com/upload/icon/xcx/jjycrm/qf/more.png"

  125. 							style="width:12rpx;height:23rpx;margin-left: 16rpx;">

  126. 					</view>

  127. 					<!-- <view style="display: flex;justify-content:center;padding-left: 30rpx;padding-right: 30rpx;margin-top: 16rpx;"

  128. 						v-if="erSelectlevelobj.name" @click="oninputtap3()">

  129. 						<view class="title2-che" style="width: 220rpx;">{{erSelectlevelobj.name}}

  130. 							<image class="righttochoose" src="../../../static/images/righttochoose.png" mode=""></image>

  131. 						</view>

  132. 					</view> -->

  133. 				</view>

  134. 			</view>

  135. 

  136. 			<view style="display: flex;align-items: center;height: 80rpx;justify-content: center;"

  137. 				v-if="Selecttuandui&&Selecttuanduiobj.name" @click="oninputtap4()">

  138. 				<view class="title2-che u-flex" style="width: 220rpx;">{{Selecttuanduiobj.name}}

  139. 					<image class="righttochoose" src="../../../static/images/down.png" mode=""></image>

  140. 				</view>

  141. 			</view>

  142. 

  143. 			<view class="single">

  144. 				<view class="danwei" style="margin: 20rpx 0" v-if="newactiveTotal==0||newactiveTotal==4">单位(%)</view>

  145. 				<view class="uchaserbox" v-if="lineOptsect.series.length!=0">

  146. 					<qiun-data-charts :style="!showCanvas?'display:none':''" :type="linetype" :opts="opts"

  147. 						:chartData="lineOptsect" background="none" :ontouch="true"

  148. 						canvasId="wangxiaohuaerlingeryilingwuyibao" :canvas2d="true" />

  149. 				</view>

  150. 				<view v-else style="width: 100%;">

  151. 					<view style="width: 100%;text-align: center;">

  152. 						<image style="width: 200rpx;height: 200rpx;"

  153. 							src="https://static.quhouse.com/zhikong_xcx_img/nodatalist.png" mode=""></image>

  154. 					</view>

  155. 					<view style="text-align: center;width: 100%;margin-top: 20rpx;color: #999999;">暂无数据</view>

  156. 				</view>

  157. 			</view>

  158. 

  159. 		</view>

  160. 

  161. 		<view class="single" v-if="timepickpickisshow">

  162. 			<view class="title">

  163. 				<view class="title1">对比报表</view>

  164. 			</view>

  165. 			<view class="table" v-if="!guwenFlag">

  166. 				<view v-for="(item,index) in tableDate" :key="index">

  167. 					<view class="tr">

  168. 						<view v-for="(item1,index1) in item" :key="index" style="width: 100%;">

  169. 							<view v-if="index1<item.length-1||index==0" class="td"

  170. 								style="border-right:1px solid #E0E0E0;">{{item1}}</view>

  171. 							<view v-if="index>0 && index1==item.length-1" class="td"

  172. 								style="border-right:1px solid #E0E0E0;" :style="{color:item1*1>0?'red':'green'}">

  173. 								{{item1==0?'--':item1+'%'}}{{item1*1>0?'↑':item1*1<0?'↓':''}}

  174. 							</view>

  175. 						</view>

  176. 					</view>

  177. 				</view>

  178. 			</view>

  179. 			<view class="table" v-if="guwenFlag" style="width: 100%;">

  180. 				<scroll-view scroll-x="true" style="white-space: nowrap;">

  181. 					<view v-for="(item,index) in tableDate" :key="index"

  182. 						:style="{display:index==0?'inline-block':'block'}">

  183. 						<view class="tr" style="display: inline-block;">

  184. 							<view v-for="(item1,index1) in item" :key="index1" class="trd"

  185. 								style="display: inline-block;">

  186. 								<view v-if="index==1&&index1>0" class="td" :style="{color:item1*1>0?'red':'green'}"

  187. 									style="border-right:1px solid #E0E0E0;">

  188. 									{{item1==0?'--':item1+'%'}}{{item1*1>0?'↑':item1*1<0?'↓':''}}

  189. 								</view>

  190. 								<view v-else-if="index>1&&index1>0" class="td" style="border-right:1px solid #E0E0E0;">

  191. 									{{item1+'%'}}

  192. 								</view>

  193. 								<view v-else class="td" style="border-right:1px solid #E0E0E0;">{{item1}}</view>

  194. 							</view>

  195. 						</view>

  196. 					</view>

  197. 				</scroll-view>

  198. 			</view>

  199. 		</view>

  200. 		<u-select v-model="Showhiddenunits" mode="single-column" :list="selectlist" @confirm="confirm"

  201. 			:default-value="selindexList">

  202. 		</u-select>

  203. 		<u-select v-model="Showhiddenunits2" mode="single-column" :list="selectlist2" @confirm="confirm2"

  204. 			:default-value="selindex">

  205. 		</u-select>

  206. 		<u-select v-model="Showhiddenunits3" mode="single-column" :list="selectlist3" @confirm="confirm3"

  207. 			:default-value="selindex">

  208. 		</u-select>

  209. 		<u-select v-model="Showhiddenunits4" mode="single-column" :list="selectlist4" @confirm="confirm4"

  210. 			:default-value="selindex">

  211. 		</u-select>

  212. 		<u-calendar v-model="totalTimeShow" mode="range" @change="totalTimeChange"></u-calendar>

  213. 		<newcalendar v-model="totalTimeShow2" :planNum='intervaltime' mode="date" @change="totalTimeChange2">

  214. 		</newcalendar>

  215. 

  216. 		<u-select v-model="showMarketingBusiness" mode="single-column" :list="showMarketingList"

  217. 			label-name="templateName" value-name="id" @confirm="selectMarketingBusiness"></u-select>

  218. 

  219. 		<!-- 加载组件 -->

  220. 		<u-loadings v-model="LOADING"></u-loadings>

  221. 

  222. 	</view>

  223. </template>

  224. <script>

  225. 	import newcalendar from '@/components/newcalendar/newcalendar.vue';

  226. 	var config = require(".../../../config");

  227. 	export default {

  228. 		data() {

  229. 			return {

  230. 				selindexList: [0], // 默认选中第一项

  231. 				compareFlag: false,

  232. 				numlist: [{

  233. 						name: '平均执行率',

  234. 						num: '10',

  235. 						num1: '0',

  236. 						num2: '0'

  237. 					},

  238. 					{

  239. 						name: '平均接待时长',

  240. 						num: '10',

  241. 						num1: '0',

  242. 						num2: '0'

  243. 					},

  244. 					{

  245. 						name: '接待量',

  246. 						num: '10',

  247. 						num1: '0',

  248. 						num2: '0'

  249. 					},

  250. 					{

  251. 						name: '有效接待',

  252. 						num: '10',

  253. 						num1: '0',

  254. 						num2: '0'

  255. 					},

  256. 				],

  257. 				activeTotal: 0, //时间下标

  258. 				newactiveTotal: 0, //tab下标

  259. 				totalTimeShow: false,

  260. 				totalTimeShow2: false,

  261. 				totalTimeShow3: false,

  262. 				cWidth: uni.upx2px(690),

  263. 				cHeight: uni.upx2px(453),

  264. 				AcHeight: uni.upx2px(500),

  265. 				kanbanlist: { //录音和测评的数据

  266. 					kaishitime: '',

  267. 					duibitime: '',

  268. 					audonum: '',

  269. 					audotime: "",

  270. 					avgDuration: '',

  271. 					fraction: ''

  272. 				},

  273. 				pamect: { //接口参数

  274. 					houseId: '',

  275. 					timeType: "4",

  276. 					firstStartDate: '', //第一次开始时间

  277. 					firstEndDate: '', //第一次结束时间

  278. 					lastStartDate: '',

  279. 					lastEndDate: '',

  280. 					accountId: '', //顾问ids

  281. 					marketingId: '', //二级销讲id

  282. 					deptId: "", //部门id

  283. 					showStatus: 0

  284. 				},

  285. 				linetype: "line",

  286. 				lineOptsect: {}, //图表数据

  287. 				Showhiddenunits: false,

  288. 				selectlist: [],

  289. 				guwenshow: false,

  290. 				lopanobj: {

  291. 					id: '',

  292. 					name: ''

  293. 				},

  294. 				//二级相关

  295. 				Selectlevel: false,

  296. 				Selectlevelobj: {

  297. 					id: '',

  298. 					name: ''

  299. 				},

  300. 				erSelectlevelobj: {

  301. 					id: '',

  302. 					name: ''

  303. 				},

  304. 				Showhiddenunits2: false,

  305. 				Showhiddenunits3: false,

  306. 				selectlist2: [],

  307. 				selectlist3: [],

  308. 				//团队相关

  309. 				Selecttuandui: false,

  310. 				selectlist4: [],

  311. 				Selecttuanduiobj: {

  312. 					id: '',

  313. 					name: ''

  314. 				},

  315. 				Showhiddenunits4: false,

  316. 				showCanvas: true,

  317. 

  318. 				timepickpickisshow: false,

  319. 				sheartime1: "",

  320. 				sheartime2: "",

  321. 				intervaltime: 0,

  322. 				tableDate: [],

  323. 				guwenFlag: false,

  324. 				opts: {

  325. 					xAxis: {

  326. 						disableGrid: true,

  327. 						scrollShow: true,

  328. 						itemCount: 8

  329. 					},

  330. 					yAxis: {

  331. 						data: [{

  332. 							max: 100,

  333. 							min: 0,

  334. 						}]

  335. 					},

  336. 					fontSize: 10,

  337. 					extra: {

  338. 						radar: {

  339. 							max: 100

  340. 						}

  341. 					}

  342. 				},

  343. 

  344. 

  345. 				marketingBusinessText: '请选择销讲业务',

  346. 				showMarketingBusiness: false, // 展示可选择的销讲业务

  347. 				showMarketingList: [], // 销讲业务列表

  348. 				marketingBusiness: '', // 销讲业务

  349. 			};

  350. 

  351. 		},

  352. 		components: {

  353. 			newcalendar

  354. 		},

  355. 		onLoad(options) {

  356. 			this.LOADING = true

  357. 			this.pamect.houseId = uni.getStorageSync('buildingID').id;

  358. 			this.init()

  359. 			this.getMarketingBusiness()

  360. 		},

  361. 		onPullDownRefresh() {

  362. 			this.init()

  363. 			setTimeout(function() {

  364. 				uni.stopPullDownRefresh();

  365. 			}, 1000);

  366. 		},

  367. 		watch: {

  368. 			Showhiddenunits(newValue, oldValue) {

  369. 				this.showCanvas = !newValue

  370. 			},

  371. 			Showhiddenunits2(newValue, oldValue) {

  372. 				this.showCanvas = !newValue

  373. 			},

  374. 			Showhiddenunits3(newValue, oldValue) {

  375. 				this.showCanvas = !newValue

  376. 			},

  377. 			Showhiddenunits4(newValue, oldValue) {

  378. 				this.showCanvas = !newValue

  379. 			},

  380. 

  381. 			totalTimeShow(newValue, oldValue) {

  382. 				this.showCanvas = !newValue

  383. 			},

  384. 			totalTimeShow2(newValue, oldValue) {

  385. 				this.showCanvas = !newValue

  386. 			},

  387. 			totalTimeShow3(newValue, oldValue) {

  388. 				this.showCanvas = !newValue

  389. 			},

  390. 		},

  391. 		methods: {

  392. 

  393. 			// 获取销讲业务模板

  394. 			getMarketingBusiness() {

  395. 				this.$u.get("/customer/marketingBusiness", {

  396. 					houseId: this.pamect.houseId

  397. 				}).then(res => {

  398. 					console.log(res)

  399. 					if (res) {

  400. 						this.showMarketingList = res

  401. 						this.showMarketingList.unshift({

  402. 							templateName: '全部',

  403. 							id: ''

  404. 						})

  405. 					}

  406. 				})

  407. 			},

  408. 

  409. 			// 选择趋势分析

  410. 			selectMarketingBusiness(e) {

  411. 				this.marketingBusinessText = e[0].label

  412. 				this.marketingBusiness = e[0].value

  413. 				this.init()

  414. 			},

  415. 

  416. 			//是否对比

  417. 			checkboxChange() {

  418. 				if (this.newactiveTotal == 3) {

  419. 					uni.showToast({

  420. 						title: '销讲一级无对比',

  421. 						duration: 2000

  422. 					});

  423. 					return

  424. 				}

  425. 				if (this.newactiveTotal == 2) {

  426. 					if (this.Selecttuanduiobj.id == '') {

  427. 						uni.showToast({

  428. 							title: '全部团队无对比',

  429. 							duration: 2000

  430. 						});

  431. 						return

  432. 					}

  433. 				}

  434. 

  435. 				if (this.timepickpickisshow == true) {

  436. 					this.timepickpickisshow = false;

  437. 					this.pamect.showStatus = 0;

  438. 					this.init()

  439. 				} else {

  440. 					this.timepickpickisshow = true;

  441. 					this.pamect.showStatus = 1;

  442. 				}

  443. 				this.activeTotal = 8;

  444. 			},

  445. 

  446. 			init() {

  447. 				this.pamect.marketingBusiness = this.marketingBusiness

  448. 				this.$u.post("/cusLvStatistics/lyAndcp", this.pamect).then(data => {

  449. 					this.pamect.lastStartDate = data.lastStartDate;

  450. 					this.pamect.lastEndDate = data.lastEndDate;

  451. 					this.numlist[3].num = data.startSumCustomer

  452. 					this.numlist[0].num = data.startFraction;

  453. 					this.numlist[1].num = data.startSumDuration || 0;

  454. 					this.numlist[2].num = data.startReceptionCount || 0

  455. 					// startReceptionCount开始接待量

  456. 					// endReceptionCount结束接待量

  457. 					// contrastReceptionCount接待量对比

  458. 					if (data.endSumDuration != null) {

  459. 						this.compareFlag = true

  460. 						// return

  461. 						this.numlist[3].num1 = data.endSumCustomer

  462. 						this.numlist[0].num1 = data.endFraction;

  463. 						this.numlist[1].num1 = data.endSumDuration || 0;

  464. 						this.numlist[2].num1 = data.endReceptionCount || 0

  465. 						this.numlist[3].num2 = data.contrastSumCustomer

  466. 						this.numlist[0].num2 = data.contrastFraction;

  467. 						this.numlist[1].num2 = data.contrastSumDuration || 0;

  468. 						this.numlist[2].num = data.startReceptionCount || 0

  469. 						this.numlist[2].num2 = data.contrastReceptionCount || 0

  470. 					} else {

  471. 						this.compareFlag = false

  472. 					}

  473. 					this.sheartime1 = data.lastStartDate.substring(5, 10) + "--" + data.lastEndDate.substring(5,

  474. 						10);

  475. 					this.sheartime2 = '请选择';

  476. 					this.kanbanlist.duibitime = '';

  477. 					var kaishi = this.DateDiff(data.lastStartDate, data.lastEndDate);

  478. 					this.kanbanlist.kaishitime = data.lastStartDate + "至" + data.lastEndDate + "(" + kaishi + "天)";

  479. 					if (this.pamect.showStatus == 1) {

  480. 						this.sheartime2 = data.firstStartDate.substring(5, 10) + "--" + data.firstEndDate

  481. 							.substring(5, 10);

  482. 						var jeishu = this.DateDiff(data.firstStartDate, data.firstEndDate);

  483. 						this.kanbanlist.duibitime = data.firstStartDate + "至" + data.firstEndDate + "(" + jeishu +

  484. 							"天)";

  485. 					}

  486. 					this.kanbanlist.audonum = data.sumCustomer;

  487. 					this.kanbanlist.audotime = data.avgDuration;

  488. 					this.kanbanlist.avgDuration = data.fraction;

  489. 					this.kanbanlist.fraction = data.fraction;

  490. 

  491. 					if (this.newactiveTotal == 0) {

  492. 						this.ProjectDimension()

  493. 					} else if (this.newactiveTotal == 1) {

  494. 						if (this.pamect.accountId == "") {

  495. 							this.getguwenlist()

  496. 						} else {

  497. 							this.ConsultantDimension()

  498. 						}

  499. 					} else if (this.newactiveTotal == 2) {

  500. 						if (this.pamect.deptId == "") {

  501. 							this.getuanduilist()

  502. 						} else {

  503. 							this.TeamCompared()

  504. 						}

  505. 					} else if (this.newactiveTotal == 3) {

  506. 						this.speakingLevel()

  507. 					} else {

  508. 						if (this.pamect.marketingId == '') {

  509. 							this.getonsyiji()

  510. 						} else {

  511. 							this.aboutEecondary()

  512. 						}

  513. 					}

  514. 

  515. 					setTimeout(() => {

  516. 						this.LOADING = false

  517. 					}, 1500)

  518. 				});

  519. 			},

  520. 			//起始时间

  521. 			totalTimeChange(e) {

  522. 				this.pamect.lastStartDate = e.startDate;

  523. 				this.pamect.lastEndDate = e.endDate;

  524. 				var kaishi = this.DateDiff(this.pamect.lastStartDate, this.pamect.lastEndDate)

  525. 				this.kanbanlist.kaishitime = this.pamect.lastStartDate + "至" + this.pamect.lastEndDate + "(" + kaishi +

  526. 					"天)";

  527. 

  528. 				if (this.pamect.showStatus == 0) {

  529. 					this.init()

  530. 					this.totalTimeShow = false;

  531. 				} else {

  532. 					if (this.pamect.firstStartDate.length == 0) {

  533. 						uni.showToast({

  534. 							title: '请选择对比时间',

  535. 							duration: 2000

  536. 						});

  537. 					} else {

  538. 						var jshu = this.DateDiff(this.pamect.firstStartDate, this.pamect.firstEndDate)

  539. 						if (kaishi == jshu) {

  540. 							this.init()

  541. 						} else {

  542. 							uni.showToast({

  543. 								title: '请选择相同天数',

  544. 								duration: 2000

  545. 							});

  546. 						}

  547. 					}

  548. 					this.totalTimeShow = false;

  549. 				}

  550. 			},

  551. 			//对比时间

  552. 			totalTimeChange2(e) {

  553. 				var d = new Date(e.result.replace(/\-/g, '/'));

  554. 				d.setDate(d.getDate() + this.intervaltime);

  555. 				var year = d.getFullYear();

  556. 				var month = d.getMonth() + 1;

  557. 				if (month < 10) month = '0' + month;

  558. 				var day = d.getDate();

  559. 				if (day < 10) day = '0' + day;

  560. 				this.pamect.firstStartDate = e.result;

  561. 				this.pamect.firstEndDate = year + '-' + month + '-' + day;

  562. 				console.log(this.pamect.firstStartDate)

  563. 				var kaishi = this.DateDiff(this.pamect.lastStartDate, this.pamect.lastEndDate)

  564. 				var jeishu = this.DateDiff(this.pamect.firstStartDate, this.pamect.firstEndDate)

  565. 				this.kanbanlist.duibitime = this.pamect.firstStartDate + "至" + this.pamect.firstEndDate + "(" + jeishu +

  566. 					"天)";

  567. 

  568. 				console.log(this.pamect.lastStartDate, this.pamect.lastEndDate, kaishi, jeishu)

  569. 				if (kaishi == jeishu) {

  570. 					this.init()

  571. 				} else {

  572. 					uni.showToast({

  573. 						title: '请选择相同天数',

  574. 						duration: 2000

  575. 					});

  576. 				}

  577. 				this.totalTimeShow2 = false;

  578. 			},

  579. 			//自定义时间

  580. 			totalTimeChange3(e) {

  581. 				this.pamect.firstStartDate = "";

  582. 				this.pamect.firstEndDate = "";

  583. 				this.pamect.lastStartDate = e.startDate;

  584. 				this.pamect.lastEndDate = e.endDate;

  585. 				this.init()

  586. 				this.totalTimeShow3 = false;

  587. 			},

  588. 

  589. 

  590. 			//时间切换

  591. 			tabtimetap(index) {

  592. 				if (index == 0) {

  593. 					this.pamect.timeType = "4";

  594. 					this.pamect.firstStartDate = '';

  595. 					this.pamect.firstEndDate = '';

  596. 					this.pamect.lastStartDate = '';

  597. 					this.pamect.lastEndDate = '';

  598. 					this.init()

  599. 				} else if (index == 1) {

  600. 					this.pamect.timeType = "5";

  601. 					this.pamect.firstStartDate = '';

  602. 					this.pamect.firstEndDate = '';

  603. 					this.pamect.lastStartDate = '';

  604. 					this.pamect.lastEndDate = '';

  605. 					this.init()

  606. 				} else if (index == 2) {

  607. 					this.pamect.timeType = "6";

  608. 					this.pamect.firstStartDate = '';

  609. 					this.pamect.firstEndDate = '';

  610. 					this.pamect.lastStartDate = '';

  611. 					this.pamect.lastEndDate = '';

  612. 					this.init()

  613. 				} else if (index == 3) {

  614. 					this.pamect.timeType = "";

  615. 					this.totalTimeShow = true;

  616. 				} else if (index == 4) {

  617. 					this.pamect.timeType = "";

  618. 					var kaishi = this.DateDiff(this.pamect.lastStartDate, this.pamect.lastEndDate)

  619. 					console.log(kaishi)

  620. 					this.intervaltime = kaishi - 1;

  621. 					this.totalTimeShow2 = true;

  622. 				} else {

  623. 					this.pamect.timeType = "";

  624. 					this.totalTimeShow3 = true;

  625. 				}

  626. 				this.activeTotal = index;

  627. 			},

  628. 			//tab切换

  629. 			tabxuanxiangtap(index) {

  630. 				if (index == 1 || index == 3 || index == 4) {

  631. 					if (this.showMarketingList.findIndex(item => item.id == '') != -1) {

  632. 						this.showMarketingList.shift()

  633. 					}

  634. 					this.marketingBusinessText = this.showMarketingList[0].templateName

  635. 					this.marketingBusiness = this.showMarketingList[0].id

  636. 				} else {

  637. 					this.showMarketingList.unshift({

  638. 						templateName: '全部',

  639. 						id: ''

  640. 					})

  641. 					this.marketingBusiness = ''

  642. 					this.marketingBusinessText = '请选择销讲业务'

  643. 				}

  644. 				this.newactiveTotal = index;

  645. 				this.guwenshow = false;

  646. 				this.Selectlevel = false;

  647. 				this.Selecttuandui = false;

  648. 				this.tableDate = []

  649. 				// this.pamect.showStatus = 0;

  650. 				// this.pamect.timeType = "4";

  651. 				// this.pamect.firstStartDate = '';

  652. 				// this.pamect.firstEndDate = '';

  653. 				// this.pamect.lastStartDate = '';

  654. 				// this.pamect.lastEndDate = '';

  655. 				// this.pamect.accountId = '';

  656. 				// this.pamect.marketingId = '';

  657. 				// this.pamect.deptId = ""

  658. 				// this.activeTotal = 0;

  659. 				this.timepickpickisshow = false;

  660. 				this.init()

  661. 

  662. 				if (index == 1) {

  663. 					this.guwenshow = true;

  664. 				}

  665. 			},

  666. 			//项目维度

  667. 			ProjectDimension() {

  668. 				const that = this;

  669. 				that.lineOptsect = {

  670. 					categories: [],

  671. 					series: []

  672. 				};

  673. 				this.linetype = "line";

  674. 				this.$u.post("/cusLvStatistics/teamOrOneValueShow", this.pamect).then(data => {

  675. 					if (this.pamect.showStatus == 0) {

  676. 						that.lineOptsect = {

  677. 							categories: [],

  678. 							series: [{

  679. 								name: '起始时间',

  680. 								data: [],

  681. 								color: '#7ED3F4'

  682. 							}]

  683. 						}

  684. 						data.startList.forEach((child, zxc) => {

  685. 							that.lineOptsect.categories.push(child.statDate.substring(5, 10))

  686. 						})

  687. 						that.lineOptsect.series[0].data = data.startList.map(item => item.fraction);

  688. 						console.log(that.lineOptsect.series, 'asdasdsadsadass00000000000000')

  689. 					} else {

  690. 						that.lineOptsect = {

  691. 							categories: [],

  692. 							series: [{

  693. 									name: '起始时间',

  694. 									data: [],

  695. 									color: '#7ED3F4'

  696. 								},

  697. 								{

  698. 									name: '对比时间',

  699. 									data: [],

  700. 									color: '#FF7070'

  701. 								},

  702. 							]

  703. 						}

  704. 						data.startList.forEach((item, sdf) => {

  705. 							data.endList.forEach((child, zxc) => {

  706. 								if (sdf == zxc) {

  707. 									that.lineOptsect.categories.push(

  708. 										child.statDate.substring(5, 10) + 'vs' + item

  709. 										.statDate

  710. 										.substring(5, 10)

  711. 									)

  712. 								}

  713. 							})

  714. 						})

  715. 						that.lineOptsect.series[1].data = data.startList.map(item => item.fraction);

  716. 						that.lineOptsect.series[0].data = data.endList.map(item => item.fraction)

  717. 						that.guwenFlag = false

  718. 						// // 处理表格数据

  719. 						let arr = [

  720. 							['时间', '时段一', '时段二', '变化']

  721. 							// {

  722. 							// 	time:'时间',

  723. 							// 	time1:'时段一',

  724. 							// 	time2:'时段二',

  725. 							// 	compare:'变化'

  726. 							// },

  727. 						]

  728. 						that.lineOptsect.categories.map((item, index) => {

  729. 							let newarr = [item, data.endList[index].fraction, data.startList[index]

  730. 								.fraction, data.comparedList[index].fraction

  731. 							]

  732. 							// obj.time=item

  733. 							// obj.time1=data.firstValue[index].fraction

  734. 							// obj.time2=data.lastValue[index].fraction

  735. 							// obj.compare=data.contrast[index].data

  736. 							// arr.push(obj)

  737. 							arr.push(newarr)

  738. 						})

  739. 						// console.log(arr)

  740. 						that.tableDate = arr

  741. 						console.log(that.lineOptsect.series, 'asdasdsadsadass00000000000000else')

  742. 					}

  743. 				});

  744. 

  745. 			},

  746. 			//顾问维度

  747. 			ConsultantDimension() {

  748. 				const that = this;

  749. 				that.lineOptsect = {

  750. 					categories: [],

  751. 					series: []

  752. 				};

  753. 				this.linetype = "radar";

  754. 				this.$u.post("/cusLvStatistics/accFirstLevelContrast", this.pamect).then(data => {

  755. 					// return

  756. 					if (this.pamect.showStatus == 0) {

  757. 						that.lineOptsect = {

  758. 							categories: [],

  759. 							series: [{

  760. 								name: '时段一',

  761. 								data: [],

  762. 								color: '#7ED3F4'

  763. 							}]

  764. 						}

  765. 						data.firstList.forEach((item, sdf) => {

  766. 							that.lineOptsect.categories.push(item.name)

  767. 							that.lineOptsect.series[0].data.push(data.firstList[sdf].total)

  768. 						})

  769. 						// that.lineOptsect.series[0].data = data.lastValue.map(item => item.fraction);

  770. 					} else {

  771. 						// 当有对比的时候

  772. 						that.lineOptsect = {

  773. 							categories: [],

  774. 							series: [{

  775. 									name: '时段一',

  776. 									data: [],

  777. 									color: '#7ED3F4'

  778. 								},

  779. 								{

  780. 									name: '时段二',

  781. 									data: [],

  782. 									color: '#FF7070'

  783. 								},

  784. 							]

  785. 						}

  786. 						data.headerList.forEach((item, sdf) => {

  787. 							that.lineOptsect.categories.push(item.name)

  788. 							that.lineOptsect.series[0].data.push(data.firstList[sdf].total)

  789. 							that.lineOptsect.series[1].data.push(data.secondList[sdf].total)

  790. 						})

  791. 						// return

  792. 						// // 处理表格数据

  793. 						that.guwenFlag = true

  794. 						let arr = []

  795. 						arr[0] = ['时间', ...that.lineOptsect.categories]

  796. 						arr[1] = ['变化']

  797. 						arr[2] = ['时段一']

  798. 						arr[3] = ['时段二']

  799. 						// console.log(arr)

  800. 						data.firstList.map((item, index) => {

  801. 							arr[2].push(item.total)

  802. 							arr[3].push(data.secondList[index].total)

  803. 							arr[1].push(data.thirdList[index].total)

  804. 						})

  805. 						that.tableDate = arr

  806. 					}

  807. 				});

  808. 			},

  809. 			// 顾问纬度选择顾问

  810. 			oninputtap() {

  811. 				this.Showhiddenunits = true;

  812. 			},

  813. 			// 顾问选择确认

  814. 			confirm(e) {

  815. 				this.lopanobj.id = e[0].value;

  816. 				this.lopanobj.name = e[0].label;

  817. 				this.pamect.accountId = this.lopanobj.id;

  818. 				this.ConsultantDimension()

  819. 				this.Showhiddenunits = false;

  820. 				for (let i = 0; i < this.selectlist.length; i++) {

  821. 					if (e[0].value == this.selectlist[i].value) {

  822. 						this.selindexList[0] = i

  823. 					}

  824. 				}

  825. 			},

  826. 			//获取顾问

  827. 			getguwenlist() {

  828. 				this.$u.post("/cusLvStatistics/selectAllAccountIdByHouseId", {

  829. 					houseId: this.pamect.houseId

  830. 				}).then(data => {

  831. 					this.selectlist = [];

  832. 					if (data.length == 0) {

  833. 						this.lineOptsect = {

  834. 							categories: [],

  835. 							series: []

  836. 						};

  837. 						this.guwenshow = false;

  838. 						return

  839. 					} else {

  840. 						this.guwenshow = true;

  841. 						data.forEach(item => {

  842. 							this.selectlist.push({

  843. 								value: item.accountId,

  844. 								label: item.name

  845. 							})

  846. 						})

  847. 						this.lopanobj.id = data[0].accountId;

  848. 						this.lopanobj.name = data[0].name;

  849. 						this.pamect.accountId = this.lopanobj.id;

  850. 						this.ConsultantDimension()

  851. 					}

  852. 				})

  853. 			},

  854. 			//销讲一级

  855. 			speakingLevel() {

  856. 				this.linetype = "radar";

  857. 				this.lineOptsect = {

  858. 					categories: [],

  859. 					series: []

  860. 				};

  861. 				this.$u.post("/cusLvStatistics/firstLevelContrast", this.pamect).then(data => {

  862. 					if (data.length == 0) {

  863. 						return

  864. 					} else {

  865. 						let list = data.map(item => {

  866. 							return item.name

  867. 						});

  868. 						let list1 = data.map(item => {

  869. 							if (item.avgExecutionRate == null) {

  870. 								item.avgExecutionRate = 0

  871. 							} else {

  872. 								item.avgExecutionRate = item.avgExecutionRate

  873. 							}

  874. 							return item.avgExecutionRate

  875. 						});

  876. 						this.lineOptsect = {

  877. 							"categories": list,

  878. 							"series": [{

  879. 								"name": "销讲一级",

  880. 								"data": list1

  881. 							}]

  882. 						}

  883. 					}

  884. 				})

  885. 			},

  886. 			//销讲二级

  887. 			aboutEecondary() {

  888. 				this.lineOptsect = {};

  889. 				this.linetype = "line";

  890. 				this.$u.post("/cusLvStatistics/level2Contrast", this.pamect).then(data => {

  891. 					if (this.pamect.showStatus == 0) {

  892. 						this.lineOptsect = {

  893. 							categories: [],

  894. 							series: [{

  895. 								name: '起始时间',

  896. 								data: [],

  897. 								color: '#7ED3F4'

  898. 							}]

  899. 						}

  900. 						data.lastList.forEach((item, sdf) => {

  901. 							this.lineOptsect.categories.push(item.statDate.substring(5, 10))

  902. 						})

  903. 						this.lineOptsect.series[0].data = data.lastList.map(item => item.avgExecutionRate);

  904. 					} else {

  905. 						this.lineOptsect = {

  906. 							categories: [],

  907. 							series: [{

  908. 									name: '起始时间',

  909. 									data: [],

  910. 									color: '#7ED3F4'

  911. 								},

  912. 								{

  913. 									name: '对比时间',

  914. 									data: [],

  915. 									color: '#FF7070'

  916. 								},

  917. 							]

  918. 						}

  919. 						data.firstList.forEach((item, sdf) => {

  920. 							data.lastList.forEach((child, zxc) => {

  921. 								if (sdf == zxc) {

  922. 									this.lineOptsect.categories.push(

  923. 										child.statDate.substring(5, 10) + 'vs' + item.statDate

  924. 										.substring(5, 10)

  925. 									)

  926. 								}

  927. 							})

  928. 						})

  929. 						this.lineOptsect.series[1].data = data.firstList.map(item => item.avgExecutionRate);

  930. 						this.lineOptsect.series[0].data = data.lastList.map(item => item.avgExecutionRate)

  931. 						let that = this

  932. 						this.guwenFlag = false

  933. 						// // 处理表格数据

  934. 						let arr = [

  935. 							['时间', '时段一', '时段二', '变化']

  936. 						]

  937. 						that.lineOptsect.categories.map((item, index) => {

  938. 							let newarr = [item, data.lastList[

  939. 									index].avgExecutionRate, data.firstList[index].avgExecutionRate,

  940. 								data.contrast[index].data

  941. 							]

  942. 							arr.push(newarr)

  943. 						})

  944. 						// console.log(arr)

  945. 						that.tableDate = arr

  946. 					}

  947. 				})

  948. 			},

  949. 			//销讲二级:获取一级

  950. 			getonsyiji() {

  951. 				this.$u.post("/cusLvStatistics/findAllFirstLevel", {

  952. 					houseId: this.pamect.houseId

  953. 				}).then(data => {

  954. 					this.selectlist2 = [];

  955. 					if (data.length == 0) {

  956. 						this.Selectlevel = false;

  957. 						this.lineOptsect = {

  958. 							categories: [],

  959. 							series: []

  960. 						};

  961. 						return

  962. 					} else {

  963. 						this.Selectlevel = true;

  964. 						data.forEach(item => {

  965. 							this.selectlist2.push({

  966. 								value: item.marketingId,

  967. 								label: item.name

  968. 							})

  969. 						})

  970. 						this.Selectlevelobj.id = data[0].marketingId;

  971. 						this.Selectlevelobj.name = data[0].name;

  972. 						this.getonserji(this.Selectlevelobj.id)

  973. 					}

  974. 				})

  975. 			},

  976. 			//销讲二级:通过一级获取二级

  977. 			getonserji(ccd) {

  978. 				this.$u.post("/cusLvStatistics/findLevel2ByFirstLevel", {

  979. 					houseId: this.pamect.houseId,

  980. 					marketingId: ccd

  981. 				}).then(data => {

  982. 					this.selectlist3 = [];

  983. 					data.forEach(item => {

  984. 						this.selectlist3.push({

  985. 							value: item.marketingId,

  986. 							label: item.name

  987. 						})

  988. 					})

  989. 					this.erSelectlevelobj.id = data[0].marketingId;

  990. 					this.erSelectlevelobj.name = data[0].name;

  991. 					this.pamect.marketingId = this.erSelectlevelobj.id;

  992. 					this.aboutEecondary()

  993. 				})

  994. 			},

  995. 			//销讲二级:一级选择

  996. 			oninputtap2() {

  997. 				this.Showhiddenunits2 = true;

  998. 			},

  999. 			//销讲二级:二级选择

  1000. 			oninputtap3() {

  1001. 				if (this.Selectlevelobj.id == "") {

  1002. 					uni.showToast({

  1003. 						title: '请先选择一级',

  1004. 						duration: 2000

  1005. 					});

  1006. 				} else {

  1007. 					this.Showhiddenunits3 = true;

  1008. 				}

  1009. 			},

  1010. 			//销讲二级:一级选择确认

  1011. 			confirm2(e) {

  1012. 				this.Selectlevelobj.id = e[0].value;

  1013. 				this.Selectlevelobj.name = e[0].label;

  1014. 				this.getonserji(this.Selectlevelobj.id)

  1015. 			},

  1016. 			//销讲二级:二级选择确认

  1017. 			confirm3(e) {

  1018. 				this.erSelectlevelobj.id = e[0].value;

  1019. 				this.erSelectlevelobj.name = e[0].label;

  1020. 				this.pamect.marketingId = this.erSelectlevelobj.id;

  1021. 				this.aboutEecondary()

  1022. 			},

  1023. 

  1024. 

  1025. 

  1026. 

  1027. 

  1028. 			//团队请选择

  1029. 			oninputtap4() {

  1030. 				this.Showhiddenunits4 = true;

  1031. 			},

  1032. 			//团队选择确认

  1033. 			confirm4(e) {

  1034. 				this.Selecttuanduiobj.id = e[0].value;

  1035. 				this.Selecttuanduiobj.name = e[0].label;

  1036. 				this.pamect.deptId = this.Selecttuanduiobj.id;

  1037. 

  1038. 				this.pamect.showStatus = 0;

  1039. 				this.pamect.timeType = "4";

  1040. 				this.pamect.firstStartDate = '';

  1041. 				this.pamect.firstEndDate = '';

  1042. 				this.pamect.lastStartDate = '';

  1043. 				this.pamect.lastEndDate = '';

  1044. 				this.activeTotal = 0;

  1045. 				this.timepickpickisshow = false;

  1046. 				this.init()

  1047. 				this.TeamCompared()

  1048. 			},

  1049. 			//获取团队列表

  1050. 			getuanduilist() {

  1051. 				uni.request({

  1052. 					url: config.service.findListByUser + "?houseId=" + this.pamect.houseId,

  1053. 					method: "GET",

  1054. 					header: {

  1055. 						'content-type': 'application/json',

  1056. 						'Authorization': 'Bearer ' + uni.getStorageSync('weapp_session_login_data').token

  1057. 					},

  1058. 					success: (data) => {

  1059. 						if (data.data.data.length == 0) {

  1060. 							this.Selecttuandui = false;

  1061. 							this.lineOptsect = {

  1062. 								categories: [],

  1063. 								series: []

  1064. 							};

  1065. 							return

  1066. 						} else {

  1067. 							this.Selecttuandui = true;

  1068. 							data.data.data.forEach(item => {

  1069. 								this.selectlist4.push({

  1070. 									value: item.deptId,

  1071. 									label: item.name

  1072. 								})

  1073. 							})

  1074. 							this.Selecttuanduiobj.id = this.selectlist4[0].value;

  1075. 							this.Selecttuanduiobj.name = this.selectlist4[0].label;

  1076. 							this.pamect.deptId = this.Selecttuanduiobj.id;

  1077. 							this.TeamCompared()

  1078. 						}

  1079. 					}

  1080. 				})

  1081. 

  1082. 				// this.$u.post("/cusLvStatistics/findAllDeptIdByHouseId ", {

  1083. 				// 	houseId: this.pamect.houseId

  1084. 				// }).then(data => {

  1085. 				// 	this.selectlist4 = [{

  1086. 				// 		value: "",

  1087. 				// 		label: "全部"

  1088. 				// 	}];

  1089. 				// 	if (data.length == 0) {

  1090. 				// 		this.Selecttuandui = false;

  1091. 				// 		this.lineOptsect = {

  1092. 				// 			categories: [],

  1093. 				// 			series: []

  1094. 				// 		};

  1095. 				// 		return

  1096. 				// 	} else {

  1097. 				// 		this.Selecttuandui = true;

  1098. 				// 		data.forEach(item => {

  1099. 				// 			this.selectlist4.push({

  1100. 				// 				value: item.deptId,

  1101. 				// 				label: item.deptName

  1102. 				// 			})

  1103. 				// 		})

  1104. 				// 		this.Selecttuanduiobj.id = "";

  1105. 				// 		this.Selecttuanduiobj.name = "全部";

  1106. 				// 		this.pamect.deptId = this.Selecttuanduiobj.id;

  1107. 				// 		this.TeamCompared()

  1108. 				// 	}

  1109. 				// })

  1110. 			},

  1111. 			//团队对比

  1112. 			TeamCompared() {

  1113. 				const that = this;

  1114. 				that.lineOptsect = {};

  1115. 				this.linetype = "line";

  1116. 				this.$u.post("/cusLvStatistics/teamOrOneValueShowByDept", this.pamect).then(data => {

  1117. 					if (this.Selecttuanduiobj.id == "") {

  1118. 						var newlist = [];

  1119. 						for (var i in data) {

  1120. 							var ect = data[i].receptionStatList.map(item => {

  1121. 								if (item.fraction == null) {

  1122. 									item.fraction = 0

  1123. 								} else {

  1124. 									item.fraction = item.fraction

  1125. 								}

  1126. 								return item.fraction

  1127. 							});

  1128. 							newlist.push({

  1129. 								name: data[i].deptName,

  1130. 								data: ect

  1131. 							})

  1132. 						}

  1133. 						var timelist = [];

  1134. 						for (var i in data) {

  1135. 							var ect = data[i].receptionStatList.map(item => {

  1136. 								return item.statDate

  1137. 							});

  1138. 							timelist.push({

  1139. 								name: data[i].deptName,

  1140. 								data: ect

  1141. 							})

  1142. 						}

  1143. 						var xAxisdata = [];

  1144. 						timelist[0].data.forEach((item, sdf) => {

  1145. 							xAxisdata.push(item.substring(5, 10))

  1146. 						})

  1147. 						that.lineOptsect = {

  1148. 							categories: xAxisdata,

  1149. 							series: newlist

  1150. 						}

  1151. 					} else {

  1152. 						if (this.pamect.showStatus == 0) {

  1153. 							that.lineOptsect = {

  1154. 								categories: [],

  1155. 								series: [{

  1156. 									name: '起始时间',

  1157. 									data: [],

  1158. 									color: '#7ED3F4'

  1159. 								}]

  1160. 							}

  1161. 							data.lastValue.receptionStatList.forEach((item, sdf) => {

  1162. 								that.lineOptsect.categories.push(item.statDate.substring(5, 10))

  1163. 							})

  1164. 							that.lineOptsect.series[0].data = data.lastValue.receptionStatList.map(item => item

  1165. 								.fraction);

  1166. 						} else {

  1167. 							that.lineOptsect = {

  1168. 								categories: [],

  1169. 								series: [{

  1170. 										name: '起始时间',

  1171. 										data: [],

  1172. 										color: '#7ED3F4'

  1173. 									},

  1174. 									{

  1175. 										name: '对比时间',

  1176. 										data: [],

  1177. 										color: '#FF7070'

  1178. 									},

  1179. 								]

  1180. 							}

  1181. 							data.firstValue.receptionStatList.forEach((item, sdf) => {

  1182. 								data.lastValue.receptionStatList.forEach((child, zxc) => {

  1183. 									if (sdf == zxc) {

  1184. 										that.lineOptsect.categories.push(

  1185. 											child.statDate.substring(5, 10) + 'vs' + item

  1186. 											.statDate.substring(5, 10)

  1187. 										)

  1188. 									}

  1189. 								})

  1190. 							})

  1191. 							that.lineOptsect.series[1].data = data.firstValue.receptionStatList.map(item => item

  1192. 								.fraction);

  1193. 							that.lineOptsect.series[0].data = data.lastValue.receptionStatList.map(item => item

  1194. 								.fraction)

  1195. 							that.guwenFlag = false

  1196. 							// 团队处理数据

  1197. 							// // 处理表格数据

  1198. 							let arr = [

  1199. 								['时间', '时段一', '时段二', '变化']

  1200. 							]

  1201. 							that.lineOptsect.categories.map((item, index) => {

  1202. 								let newarr = [item, data

  1203. 									.lastValue.receptionStatList[index].fraction, data.firstValue

  1204. 									.receptionStatList[index].fraction, data.contrast

  1205. 									.receptionStatList[index].data

  1206. 								]

  1207. 								arr.push(newarr)

  1208. 							})

  1209. 							that.tableDate = arr

  1210. 						}

  1211. 					}

  1212. 				});

  1213. 			},

  1214. 

  1215. 			//算相隔天数

  1216. 			DateDiff(sDate1, sDate2) {

  1217. 				var aDate, oDate1, oDate2, iDays;

  1218. 				aDate = sDate1.split("-");

  1219. 				oDate1 = new Date(aDate[1] + '/' + aDate[2] + '/' + aDate[0]); //转换为yyyy-MM-dd格式

  1220. 				aDate = sDate2.split("-");

  1221. 				oDate2 = new Date(aDate[1] + '/' + aDate[2] + '/' + aDate[0]);

  1222. 				iDays = parseInt(Math.abs(oDate1 - oDate2) / 1000 / 60 / 60 / 24); //把相差的毫秒数转换为天数

  1223. 				return iDays + 1; //返回相差天数

  1224. 			},

  1225. 		},

  1226. 	}

  1227. </script>

  1228. <style lang="scss" scoped>

  1229. 	.boxtittab .tabbox {

  1230. 		flex: none;

  1231. 		padding: 0 35rpx;

  1232. 	}

  1233. 

  1234. 	.uchaserbox {

  1235. 		height: 500rpx;

  1236. 	}

  1237. 

  1238. 	.title2-che {

  1239. 		width: 178rpx;

  1240. 		height: 80rpx;

  1241. 		background: #FFFFFF;

  1242. 		border-radius: 6rpx;

  1243. 		line-height: 80rpx;

  1244. 		font-size: 28rpx;

  1245. 		font-weight: 400;

  1246. 		color: #666666;

  1247. 		text-indent: 12rpx;

  1248. 		margin-left: 35rpx;

  1249. 		margin-top: 20rpx;

  1250. 

  1251. 		.righttochoose {

  1252. 			width: 28rpx;

  1253. 			height: 14rpx;

  1254. 			margin-left: 12rpx;

  1255. 		}

  1256. 	}

  1257. 

  1258. 	.table {

  1259. 		border: 0px solid darkgray;

  1260. 

  1261. 		.tr {

  1262. 			display: flex;

  1263. 			// width: 100%;

  1264. 			justify-content: center;

  1265. 			height: 64rpx;

  1266. 			align-items: center;

  1267. 			border-bottom: 1px solid #E0E0E0;

  1268. 			flex-wrap: nowrap;

  1269. 

  1270. 			.td {

  1271. 				text-align: center;

  1272. 				font-size: 24rpx;

  1273. 				font-weight: 400;

  1274. 				color: #333333;

  1275. 				height: 64rpx;

  1276. 				line-height: 64rpx;

  1277. 				// flex-shrink: 0;

  1278. 			}

  1279. 

  1280. 			.trd {

  1281. 				flex-shrink: 0;

  1282. 				min-width: 300rpx;

  1283. 				// border-bottom: 1px solid #ccc;

  1284. 			}

  1285. 

  1286. 			.th {

  1287. 				height: 64rpx;

  1288. 				text-align: center;

  1289. 				font-size: 28rpx;

  1290. 				font-weight: 400;

  1291. 				color: #666666;

  1292. 				line-height: 64rpx;

  1293. 			}

  1294. 		}

  1295. 	}

  1296. 

  1297. 	.activecllasscet2 {

  1298. 		color: #2671E2;

  1299. 		font-weight: 600;

  1300. 		border-bottom: 4rpx solid #2671E2;

  1301. 	}

  1302. 

  1303. 	.timeduibi {

  1304. 		width: 100%;

  1305. 		background: #FFFFFF;

  1306. 		padding-bottom: 10rpx;

  1307. 

  1308. 		.timeshow {

  1309. 			color: #666666;

  1310. 			width: 100%;

  1311. 			height: 50rpx;

  1312. 			font-size: 28rpx;

  1313. 			line-height: 50rpx;

  1314. 			text-indent: 30rpx;

  1315. 		}

  1316. 	}

  1317. 

  1318. 

  1319. 

  1320. 

  1321. 

  1322. 

  1323. 	// 顶部时间切换

  1324. 	.timetabct {

  1325. 		position: sticky;

  1326. 		top: var(--window-top);

  1327. 		z-index: 999;

  1328. 		background: #fff;

  1329. 		width: 100%;

  1330. 		height: 98rpx;

  1331. 		display: flex;

  1332. 		align-items: center;

  1333. 		border-bottom: 1rpx solid #E0E0E0;

  1334. 		color: #666;

  1335. 	}

  1336. 

  1337. 	.timetabctview {

  1338. 		flex: 1;

  1339. 		text-align: center;

  1340. 		line-height: 98rpx;

  1341. 		font-size: 28rpx;

  1342. 		font-family: PingFangSC-Regular, PingFang SC;

  1343. 		font-weight: 400;

  1344. 		height: 100%;

  1345. 		display: flex;

  1346. 		justify-content: center;

  1347. 	}

  1348. 

  1349. 	.timetabctview view {

  1350. 		width: 100rpx;

  1351. 	}

  1352. 

  1353. 	.activecllasscet {

  1354. 		color: #2671E2;

  1355. 		font-weight: 600;

  1356. 		border-bottom: 4rpx solid #2671E2;

  1357. 	}

  1358. 

  1359. 	// 对比时间切换

  1360. 	.timepick {

  1361. 		width: 100%;

  1362. 		height: 90rpx;

  1363. 		display: flex;

  1364. 		align-items: center;

  1365. 		background: #FFFFFF;

  1366. 	}

  1367. 

  1368. 	.timepicktime {

  1369. 		width: 260rpx;

  1370. 		height: 50rpx;

  1371. 		line-height: 50rpx;

  1372. 		margin-left: 30rpx;

  1373. 		display: flex;

  1374. 		background: #FFFFFF;

  1375. 	}

  1376. 

  1377. 	.timepickpick {

  1378. 		width: 110rpx;

  1379. 		height: 50rpx;

  1380. 		margin-left: 30rpx;

  1381. 		display: flex;

  1382. 		align-items: center;

  1383. 	}

  1384. 

  1385. 	.Underimg {

  1386. 		width: 28rpx;

  1387. 		height: 14rpx;

  1388. 		margin-left: 12rpx;

  1389. 	}

  1390. 

  1391. 

  1392. 

  1393. 

  1394. 	.timeButton {

  1395. 		width: 100%;

  1396. 		height: 60rpx;

  1397. 		display: flex;

  1398. 		color: #b1b1b1;

  1399. 		font-size: 28rpx;

  1400. 

  1401. 		.item {

  1402. 			text-align: center;

  1403. 			line-height: 60rpx;

  1404. 			padding-left: 12rpx;

  1405. 			padding-right: 12rpx;

  1406. 			border-radius: 8rpx;

  1407. 			border: 1px solid #E0E0E0;

  1408. 			margin-right: 20rpx;

  1409. 

  1410. 			&.active {

  1411. 				color: #FFFFFF;

  1412. 				background-color: #2671E2;

  1413. 			}

  1414. 		}

  1415. 	}

  1416. 

  1417. 

  1418. 

  1419. 	.boardbox {

  1420. 		width: 100%;

  1421. 		height: 172rpx;

  1422. 		display: flex;

  1423. 		align-items: center;

  1424. 		background: #F4F8FD;

  1425. 		border-radius: 8rpx;

  1426. 		margin-top: 28rpx;

  1427. 

  1428. 		.boardbox-zuo {

  1429. 			width: 50%;

  1430. 			height: 120rpx;

  1431. 			border-right: 1px solid #E0E0E0;

  1432. 		}

  1433. 

  1434. 		.boardbox-you {

  1435. 			width: 50%;

  1436. 			height: 120rpx;

  1437. 		}

  1438. 

  1439. 		.boardbox-text1 {

  1440. 			width: 100%;

  1441. 			text-align: center;

  1442. 			font-size: 28rpx;

  1443. 			color: #333333;

  1444. 		}

  1445. 

  1446. 		.boardbox-text2 {

  1447. 			width: 100%;

  1448. 			text-align: center;

  1449. 			font-size: 26rpx;

  1450. 			color: #333333;

  1451. 			margin-top: 10rpx;

  1452. 		}

  1453. 	}

  1454. 

  1455. 	.comparesize {

  1456. 		font-size: 26rpx;

  1457. 		color: #333;

  1458. 		margin: 30rpx 30rpx 0 30rpx;

  1459. 		display: flex;

  1460. 		align-items: center;

  1461. 	}

  1462. 

  1463. 	.grid:nth-child(1) {

  1464. 		border-right: 1rpx solid #E0E0E0;

  1465. 		border-bottom: 1rpx solid #E0E0E0;

  1466. 	}

  1467. 

  1468. 	.grid:nth-child(2) {

  1469. 		border-bottom: 1rpx solid #E0E0E0;

  1470. 	}

  1471. 

  1472. 	.grid:nth-child(3) {

  1473. 		border-right: 1rpx solid #E0E0E0;

  1474. 	}

  1475. 

  1476. 	.chart {

  1477. 		padding: 40rpx 0 20rpx;

  1478. 		min-height: 50vh;

  1479. 

  1480. 		.marketingBusiness {

  1481. 			display: flex;

  1482. 			justify-content: center;

  1483. 			align-items: center;

  1484. 

  1485. 			.marketingBusinesstext {

  1486. 				padding: 0 20rpx;

  1487. 				display: flex;

  1488. 				align-items: center;

  1489. 				border-radius: 8rpx;

  1490. 				border: 1rpx solid #666666;

  1491. 

  1492. 				overflow: hidden;

  1493. 				white-space: nowrap;

  1494. 				text-overflow: ellipsis;

  1495. 

  1496. 				.righttochoose {

  1497. 					margin-left: 12rpx;

  1498. 					width: 18rpx;

  1499. 					height: 24rpx;

  1500. 				}

  1501. 			}

  1502. 		}

  1503. 	}

  1504. 

  1505. 	.screen {

  1506. 		width: 100%;

  1507. 

  1508. 		.boxtittab {

  1509. 			width: 100%;

  1510. 			flex-direction: column;

  1511. 			border: none;

  1512. 

  1513. 			.tabbox {

  1514. 				width: 100%;

  1515. 			}

  1516. 		}

  1517. 	}

  1518. </style>