liumin
/
NewZkgj
1
0
포크 0
코드 이슈 0 풀 리퀘스트 0 릴리즈 0 위키 활동
25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
546 커밋
7 브랜치
28 MiB
 
 
 
트리: cc2c08728c
브랜치 태그
${ item.name }
${ searchTerm } 브랜치 생성
from 'cc2c08728c'
${ noResults }
NewZkgj/pages/center/Piabodata/TrendAnalysis.vue

1590 lines
43 KiB
Raw 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}}</view>

  18. 				<view>

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

  20. 				</view>

  21. 			</view>

  22. 			<view class="timepickpick">

  23. 				<view @click="checkboxChange()" style="width: 40rpx;height:40rpx;border: 1rpx solid #E0E0E0;">

  24. 					<image v-if="timepickpickisshow" style="width: 40rpx;height: 40rpx;"

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

  26. 				</view>

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

  28. 			</view>

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

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

  31. 				<view>

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

  33. 				</view>

  34. 			</view>

  35. 		</view>

  36. 

  37. 		<view class="timeduibi">

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

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

  40. 				数据对比时间：

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

  42. 			</view>

  43. 		</view>

  44. 

  45. 		<!-- 简报 -->

  46. 		<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view>

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

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

  49. 			<view class="zonglanbox">

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

  51. 					style="height: auto;padding-bottom: 20rpx;">

  52. 					<view class="audonum" v-if="item.name=='接待时长'">{{item.name}}/分</view>

  53. 					<view class="audonum" v-else>{{item.name}}</view>

  54. 					<view class="num">

  55. 						<view v-if="index==1" style="width: 35%;">

  56. 							{{item.num>100?100:item.num}}%

  57. 						</view>

  58. 						<view v-else style="width: 35%;">

  59. 							{{item.num||0}}

  60. 						</view>

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

  62. 							<text style="margin-right: 10rpx;">对比：{{index==1?item.num1+'%':item.num1}} </text>

  63. 							<template v-if="item.num2*1 != 0">

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

  65. 									{{item.num2}}{{ item.name == '平均执行率' ? "%" : "" }}{{item.num2*1 > 0 ? '↑':'↓'}}</text>

  66. 							</template>

  67. 							<template v-else>

  68. 								<text

  69. 									:style="{color:item.num2*1>0?'red':'green'}">{{item.num2}}{{ item.name == '平均执行率' ? "%" : "" }}</text>

  70. 							</template>

  71. 						</view>

  72. 					</view>

  73. 				</view>

  74. 			</view>

  75. 		</view>

  76. 		<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view>

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

  78. 			<view class="tabbox">

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

  80. 			</view>

  81. 			<view class="tabbox">

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

  83. 			</view>

  84. 			<view class="tabbox">

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

  86. 			</view>

  87. 

  88. 			<view class="tabbox">

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

  90. 			</view>

  91. 			<view class="tabbox">

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

  93. 			</view>

  94. 		</view>

  95. 

  96. 

  97. 		<view class="chart">

  98. 

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

  100. 				<view class="marketingBusiness">

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

  102. 						{{ marketingBusinessText }}

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

  104. 					</view>

  105. 				</view>

  106. 				<view

  107. 					style="margin: 0 20rpx 0 0;flex-shrink: 0;display: flex;align-items: center;justify-content: center;position: relative;z-index: 999999;"

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

  109. 					<view class="title2-che" style="width: 220rpx;">

  110. 						{{Selecttuanduiobj.name}}

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

  112. 					</view>

  113. 				</view>

  114. 				<view style="display: flex;justify-content:center;padding-left: 30rpx;padding-right: 30rpx;"

  115. 					v-if="lopanobj.name && newactiveTotal == 1" @click="oninputtap()">

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

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

  118. 					</view>

  119. 				</view>

  120. 			</view>

  121. 

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

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

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

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

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

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

  128. 					</view>

  129. 					<view>

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

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

  132. 					</view>

  133. 				</view>

  134. 

  135. 

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

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

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

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

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

  141. 					</view>

  142. 					<view>

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

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

  145. 					</view>

  146. 				</view>

  147. 			</view>

  148. 

  149. 

  150. 			<view class="single">

  151. 				<view class="uchaserbox" :class="{ uchaserboxs : newactiveTotal  == 1 || newactiveTotal == 3 }"

  152. 					v-if="lineOptsect.series.length!=0">

  153. 					<qiun-data-charts :style="!showCanvas?'display:none':''" :type="linetype" :chartData="lineOptsect"

  154. 						background="none" :ontouch="true" canvasId="wangxiaohuaerlingeryilingwuyibao" :opts="opts"

  155. 						:canvas2d="true" />

  156. 				</view>

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

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

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

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

  161. 					</view>

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

  163. 				</view>

  164. 			</view>

  165. 		</view>

  166. 

  167. 		<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view>

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

  169. 			<view class="title">

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

  171. 			</view>

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

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

  174. 					<view class="tr">

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

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

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

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

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

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

  181. 							</view>

  182. 						</view>

  183. 					</view>

  184. 				</view>

  185. 			</view>

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

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

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

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

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

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

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

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

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

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

  196. 								</view>

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

  198. 									{{item1+'%'}}

  199. 								</view>

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

  201. 							</view>

  202. 						</view>

  203. 					</view>

  204. 				</scroll-view>

  205. 			</view>

  206. 

  207. 		</view>

  208. 		<view style="width: 100%;height: 60rpx;"></view>

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

  210. 			:default-value="selindexList">

  211. 		</u-select>

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

  213. 			:default-value="selindex">

  214. 		</u-select>

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

  216. 			:default-value="selindex">

  217. 		</u-select>

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

  219. 			:default-value="selindexList4">

  220. 		</u-select>

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

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

  223. 		</newcalendar>

  224. 

  225. 		<!-- 接待时间 -到访时间-->

  226. 		<u-popup v-model="timeshow" mode="bottom">

  227. 			<view class="timeview" :style="{ color: activeTotal == 5 ? '#2B6EFF' : '#333333' }"

  228. 				@click="tabtimetap(5, '接待时间')">

  229. 				全部</view>

  230. 			<view class="timeview" :style="{ color: activeTotal == 0 ? '#2B6EFF' : '#333333' }"

  231. 				@click="tabtimetap(0, '今天')">

  232. 				今天</view>

  233. 			<view class="timeview" :style="{ color: activeTotal == 1 ? '#2B6EFF' : '#333333' }"

  234. 				@click="tabtimetap(1, '昨天')">

  235. 				昨天</view>

  236. 			<view class="timeview" :style="{ color: activeTotal == 2 ? '#2B6EFF' : '#333333' }"

  237. 				@click="tabtimetap(2, '近7天')">

  238. 				近7天</view>

  239. 			<view class="timeview" :style="{ color: activeTotal == 3 ? '#2B6EFF' : '#333333' }"

  240. 				@click="tabtimetap(3, '近30天')">

  241. 				近30天</view>

  242. 			<view class="timeview" :style="{ color: activeTotal == 4 ? '#2B6EFF' : '#333333' }"

  243. 				@click="tabtimetap(4, '')">

  244. 				自定义</view>

  245. 		</u-popup>

  246. 

  247. 		<!-- 顾问 -->

  248. 		<u-select v-model="selectshow" :list="freeList" @confirm="actionSelectCallback"></u-select>

  249. 		<!-- 全部话术 -->

  250. 		<u-select v-model="huashushow" :list="huashuList" @confirm="actionSelectCallback1"></u-select>

  251. 

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

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

  254. 

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

  256. 		<loading v-model="LOADING"></loading>

  257. 	</view>

  258. 

  259. </template>

  260. <script>

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

  262. 	import loading from "@/components/loading/index.vue"

  263. 	export default {

  264. 		components: {

  265. 			newcalendar,

  266. 			loading

  267. 		},

  268. 		data() {

  269. 			return {

  270. 				time: '接待时间',

  271. 				team: '部门',

  272. 				guwen: '顾问',

  273. 				huashu: '全部话术',

  274. 				huashuList: false,

  275. 				huashuShow: false,

  276. 				freeList: [], //顾问

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

  278. 				selindexList4: [0], // 默认选中第一项

  279. 				compareFlag: false,

  280. 				numlist: [{

  281. 						name: '接待量',

  282. 						num: '10',

  283. 						num1: '0',

  284. 						num2: '0'

  285. 					},

  286. 					{

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

  288. 						num: '10',

  289. 						num1: '0',

  290. 						num2: '0'

  291. 					},

  292. 					{

  293. 						name: '接待时长',

  294. 						num: '10',

  295. 						num1: '0',

  296. 						num2: '0'

  297. 					},

  298. 				],

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

  300. 				newactiveTotal: 0, //tab下标

  301. 				totalTimeShow: false,

  302. 				totalTimeShow2: false,

  303. 				totalTimeShow3: false,

  304. 				cWidth: uni.upx2px(690),

  305. 				cHeight: uni.upx2px(453),

  306. 				AcHeight: uni.upx2px(500),

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

  308. 					kaishitime: '',

  309. 					duibitime: '',

  310. 					audonum: '',

  311. 					audotime: "",

  312. 					avgDuration: '',

  313. 					fraction: ''

  314. 				},

  315. 				pamect: { //接口参数

  316. 					houseId: '',

  317. 					timeType: "4",

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

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

  320. 					lastStartDate: '',

  321. 					lastEndDate: '',

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

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

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

  325. 					showStatus: 0,

  326. 					marketingBusiness: '',

  327. 				},

  328. 				linetype: "line",

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

  330. 				Showhiddenunits: false,

  331. 				selectlist: [],

  332. 				lopanobj: {

  333. 					id: '',

  334. 					name: ''

  335. 				},

  336. 				//二级相关

  337. 				Selectlevel: false,

  338. 				Selectlevelobj: {

  339. 					id: '',

  340. 					name: ''

  341. 				},

  342. 				erSelectlevelobj: {

  343. 					id: '',

  344. 					name: ''

  345. 				},

  346. 				Showhiddenunits2: false,

  347. 				Showhiddenunits3: false,

  348. 				selectlist2: [],

  349. 				selectlist3: [],

  350. 				//团队相关

  351. 				Selecttuandui: false,

  352. 				selectlist4: [],

  353. 				Selecttuanduiobj: {

  354. 					id: '',

  355. 					name: ''

  356. 				},

  357. 				Showhiddenunits4: false,

  358. 				showCanvas: true,

  359. 				timepickpickisshow: false,

  360. 				sheartime1: "",

  361. 				sheartime2: "",

  362. 				intervaltime: 0,

  363. 				tableDate: [],

  364. 				guwenFlag: false,

  365. 				opts: {}, // 配置项为空

  366. 

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

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

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

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

  371. 			};

  372. 

  373. 		},

  374. 		onLoad(option) {

  375. 			this.LOADING = true

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

  377. 			this.getFreeList()

  378. 			this.getMarketingBusiness()

  379. 

  380. 			if (option.type == 1) {

  381. 				this.timepickpickisshow = true

  382. 				this.pamect.firstStartDate = option.staTime

  383. 				this.pamect.firstEndDate = option.endtime

  384. 				this.pamect.lastStartDate = option.staTime1

  385. 				this.pamect.lastEndDate = option.endtime1

  386. 				this.pamect.timeType = ''

  387. 				this.sheartime1 =

  388. 					`${this.fomatDate(this.pamect.firstStartDate)}-${this.fomatDate(this.pamect.firstEndDate)}`

  389. 				this.sheartime2 = `${this.fomatDate(this.pamect.lastStartDate)}-${this.fomatDate(this.pamect.lastEndDate)}`

  390. 				this.tabxuanxiangtap(3)

  391. 				this.$forceUpdate()

  392. 			} else {

  393. 				this.init()

  394. 			}

  395. 		},

  396. 		onPullDownRefresh() {

  397. 			this.init()

  398. 			setTimeout(function() {

  399. 				uni.stopPullDownRefresh();

  400. 			}, 1000);

  401. 		},

  402. 		watch: {

  403. 			Showhiddenunits(newValue, oldValue) {

  404. 				this.showCanvas = !newValue

  405. 			},

  406. 			Showhiddenunits2(newValue, oldValue) {

  407. 				this.showCanvas = !newValue

  408. 			},

  409. 			Showhiddenunits3(newValue, oldValue) {

  410. 				this.showCanvas = !newValue

  411. 			},

  412. 			Showhiddenunits4(newValue, oldValue) {

  413. 				this.showCanvas = !newValue

  414. 			},

  415. 

  416. 			totalTimeShow(newValue, oldValue) {

  417. 				this.showCanvas = !newValue

  418. 			},

  419. 			totalTimeShow2(newValue, oldValue) {

  420. 				this.showCanvas = !newValue

  421. 			},

  422. 			totalTimeShow3(newValue, oldValue) {

  423. 				this.showCanvas = !newValue

  424. 			},

  425. 		},

  426. 		methods: {

  427. 			// 顾问

  428. 			actionSelectCallback(e) {

  429. 				// this.screen.agentId = e[0].value;

  430. 				// this.counselorName = e[0].label;

  431. 			},

  432. 			// 话术

  433. 			actionSelectCallback1(e) {

  434. 				// this.screen.agentId = e[0].value;

  435. 				// this.counselorName = e[0].label;

  436. 			},

  437. 

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

  439. 			getMarketingBusiness() {

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

  441. 					houseId: this.pamect.houseId

  442. 				}).then(res => {

  443. 					console.log(res)

  444. 					if (res) {

  445. 						this.showMarketingList = res

  446. 						this.showMarketingList.unshift({

  447. 							templateName: '全部',

  448. 							id: ''

  449. 						})

  450. 					}

  451. 				})

  452. 			},

  453. 

  454. 			// 选择趋势分析

  455. 			selectMarketingBusiness(e) {

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

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

  458. 				this.init()

  459. 			},

  460. 

  461. 			// 获取一级

  462. 			getAllYiJi() {

  463. 				this.speakingLevel()

  464. 			},

  465. 

  466. 			// 获取二级

  467. 			getAllErJi() {

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

  469. 					this.getonsyiji()

  470. 				} else {

  471. 					this.aboutEecondary()

  472. 				}

  473. 			},

  474. 

  475. 			//获取顾问列表

  476. 			getFreeList() {

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

  478. 					houseId: this.pamect.houseId

  479. 				}).then(res => {

  480. 					this.freeList = res;

  481. 					this.huashuList = res;

  482. 					if (this.freeList.length) {

  483. 						this.freeList.forEach(item => {

  484. 							item.label = item.name;

  485. 							item.value = item.accountId

  486. 						})

  487. 					}

  488. 				})

  489. 			},

  490. 

  491. 			// 时间格式转换

  492. 			fomatDate(date) {

  493. 				if (!date) return '--'

  494. 				let arr = date.split(' ')

  495. 				let str = arr[0]

  496. 				let result = str.split('-')

  497. 				return `${result[1]}-${result[2]}`

  498. 			},

  499. 

  500. 			//是否对比

  501. 			checkboxChange() {

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

  503. 					uni.showToast({

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

  505. 						duration: 2000

  506. 					});

  507. 					return

  508. 				}

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

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

  511. 						uni.showToast({

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

  513. 							duration: 2000

  514. 						});

  515. 						return

  516. 					}

  517. 				}

  518. 

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

  520. 					this.timepickpickisshow = false;

  521. 					this.pamect.showStatus = 0;

  522. 					this.init()

  523. 				} else {

  524. 					this.timepickpickisshow = true;

  525. 					this.pamect.showStatus = 1;

  526. 				}

  527. 				this.activeTotal = 8;

  528. 			},

  529. 

  530. 			init() {

  531. 				this.pamect.marketingBusiness = this.marketingBusiness

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

  533. 					this.pamect.lastStartDate = data.lastStartDate;

  534. 					this.pamect.lastEndDate = data.lastEndDate;

  535. 					this.numlist[0].num = data.startSumCustomer || 0

  536. 					this.numlist[1].num = data.startFraction || 0

  537. 

  538. 					this.numlist[2].num = Math.floor(data.startSumDuration / 60) || 0;

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

  540. 						this.compareFlag = true

  541. 						this.numlist[0].num1 = data.endSumCustomer || 0

  542. 						this.numlist[1].num1 = data.endFraction || 0

  543. 						this.numlist[2].num1 = Math.floor(data.endSumDuration / 60) || 0;

  544. 						this.numlist[0].num2 = data.contrastSumCustomer

  545. 						this.numlist[1].num2 = data.contrastFraction || 0

  546. 						this.numlist[2].num2 = data.contrastSumDuration

  547. 					} else {

  548. 						this.compareFlag = false

  549. 					}

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

  551. 						10);

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

  553. 					this.kanbanlist.duibitime = '';

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

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

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

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

  558. 							.substring(5, 10);

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

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

  561. 							"天)";

  562. 					}

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

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

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

  566. 					this.kanbanlist.fraction = data.fraction;

  567. 

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

  569. 						this.ProjectDimension()

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

  571. 						console.log(this.pamect.accountId)

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

  573. 							this.getguwenlist()

  574. 						} else {

  575. 							this.ConsultantDimension()

  576. 						}

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

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

  579. 							this.getuanduilist()

  580. 						} else {

  581. 							this.TeamCompared()

  582. 						}

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

  584. 						this.speakingLevel()

  585. 					} else {

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

  587. 							this.getonsyiji()

  588. 						} else {

  589. 							this.aboutEecondary()

  590. 						}

  591. 					}

  592. 					setTimeout(() => {

  593. 						this.$forceUpdate()

  594. 						this.LOADING = false

  595. 					}, 1500)

  596. 

  597. 				}).catch(e => {

  598. 					this.LOADING = false

  599. 				})

  600. 			},

  601. 			//起始时间

  602. 			totalTimeChange(e) {

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

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

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

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

  607. 					"天)";

  608. 

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

  610. 					this.init()

  611. 					this.totalTimeShow = false;

  612. 				} else {

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

  614. 						uni.showToast({

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

  616. 							duration: 2000

  617. 						});

  618. 					} else {

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

  620. 						if (kaishi == jshu) {

  621. 							this.init()

  622. 						} else {

  623. 							uni.showToast({

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

  625. 								duration: 2000

  626. 							});

  627. 						}

  628. 					}

  629. 					this.totalTimeShow = false;

  630. 				}

  631. 			},

  632. 			//对比时间

  633. 			totalTimeChange2(e) {

  634. 				console.log(e)

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

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

  637. 				var year = d.getFullYear();

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

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

  640. 				var day = d.getDate();

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

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

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

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

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

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

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

  648. 					"天)";

  649. 

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

  651. 				if (kaishi == jeishu) {

  652. 					this.init()

  653. 				} else {

  654. 					uni.showToast({

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

  656. 						duration: 2000

  657. 					});

  658. 				}

  659. 				this.totalTimeShow2 = false;

  660. 			},

  661. 			//自定义时间

  662. 			totalTimeChange3(e) {

  663. 				this.pamect.firstStartDate = "";

  664. 				this.pamect.firstEndDate = "";

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

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

  667. 				this.init()

  668. 				this.totalTimeShow3 = false;

  669. 			},

  670. 

  671. 

  672. 			//时间切换

  673. 			tabtimetap(index) {

  674. 				if (index == 0) {

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

  676. 					this.pamect.firstStartDate = '';

  677. 					this.pamect.firstEndDate = '';

  678. 					this.pamect.lastStartDate = '';

  679. 					this.pamect.lastEndDate = '';

  680. 					this.init()

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

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

  683. 					this.pamect.firstStartDate = '';

  684. 					this.pamect.firstEndDate = '';

  685. 					this.pamect.lastStartDate = '';

  686. 					this.pamect.lastEndDate = '';

  687. 					this.init()

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

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

  690. 					this.pamect.firstStartDate = '';

  691. 					this.pamect.firstEndDate = '';

  692. 					this.pamect.lastStartDate = '';

  693. 					this.pamect.lastEndDate = '';

  694. 					this.init()

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

  696. 					this.pamect.timeType = "";

  697. 					this.totalTimeShow = true;

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

  699. 					this.pamect.timeType = "";

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

  701. 					console.log(kaishi)

  702. 					this.intervaltime = kaishi - 1;

  703. 					this.totalTimeShow2 = true;

  704. 				} else {

  705. 					this.pamect.timeType = "";

  706. 					this.totalTimeShow3 = true;

  707. 				}

  708. 				this.activeTotal = index;

  709. 			},

  710. 			//tab切换

  711. 			tabxuanxiangtap(index) {

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

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

  714. 						this.showMarketingList.shift()

  715. 					}

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

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

  718. 				} else {

  719. 					this.showMarketingList.unshift({

  720. 						templateName: '全部',

  721. 						id: ''

  722. 					})

  723. 					this.marketingBusiness = ''

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

  725. 				}

  726. 				this.pamect.accountId = ""

  727. 				this.newactiveTotal = index;

  728. 				this.Selectlevel = false;

  729. 				this.Selecttuandui = false;

  730. 				this.timepickpickisshow = false;

  731. 				this.init()

  732. 			},

  733. 			//项目维度

  734. 			ProjectDimension() {

  735. 				const that = this;

  736. 				that.lineOptsect = {

  737. 					categories: [],

  738. 					series: []

  739. 				};

  740. 				this.linetype = "line";

  741. 				this.pamect.marketingBusiness = this.marketingBusiness

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

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

  744. 						that.lineOptsect = {

  745. 							categories: [],

  746. 							series: [{

  747. 								name: '起始时间',

  748. 								data: [],

  749. 								color: '#7ED3F4'

  750. 							}]

  751. 						}

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

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

  754. 						})

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

  756. 					} else {

  757. 						that.lineOptsect = {

  758. 							categories: [],

  759. 							series: [{

  760. 									name: '起始时间',

  761. 									data: [],

  762. 									color: '#7ED3F4'

  763. 								},

  764. 								{

  765. 									name: '对比时间',

  766. 									data: [],

  767. 									color: '#FF7070'

  768. 								},

  769. 							]

  770. 						}

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

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

  773. 								if (sdf == zxc) {

  774. 									that.lineOptsect.categories.push(

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

  776. 										.substring(5, 10)

  777. 									)

  778. 								}

  779. 							})

  780. 						})

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

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

  783. 						that.guwenFlag = false

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

  785. 						let arr = [

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

  787. 						]

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

  789. 							let newarr = [item, data.lastValue[index].fraction, data.firstValue[index]

  790. 								.fraction, data.contrast[index].data

  791. 							]

  792. 							arr.push(newarr)

  793. 						})

  794. 						// console.log(arr)

  795. 						that.tableDate = arr

  796. 					}

  797. 					this.$forceUpdate()

  798. 				});

  799. 			},

  800. 

  801. 			//顾问维度

  802. 			ConsultantDimension() {

  803. 				const that = this;

  804. 				that.lineOptsect = {

  805. 					categories: [],

  806. 					series: []

  807. 				};

  808. 				this.pamect.marketingBusiness = this.marketingBusiness

  809. 				this.linetype = "radar";

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

  811. 					// return

  812. 					let max = data.firstList[0].total

  813. 					for (let i = 0; i < data.firstList.length; i++) {

  814. 						if (max < data.firstList[i]) max = data.firstList[i];

  815. 					}

  816. 					this.opts = {

  817. 						...this.opts,

  818. 						fontSize: 10,

  819. 						extra: {

  820. 							radar: {

  821. 								max: max + 25

  822. 							}

  823. 						}

  824. 					}

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

  826. 						that.lineOptsect = {

  827. 							categories: [],

  828. 							series: [{

  829. 								name: '时段一',

  830. 								data: [],

  831. 								color: '#7ED3F4'

  832. 							}]

  833. 						}

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

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

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

  837. 						})

  838. 					} else {

  839. 						// 当有对比的时候

  840. 						that.lineOptsect = {

  841. 							categories: [],

  842. 							series: [{

  843. 									name: '时段一',

  844. 									data: [],

  845. 									color: '#7ED3F4'

  846. 								},

  847. 								{

  848. 									name: '时段二',

  849. 									data: [],

  850. 									color: '#FF7070'

  851. 								},

  852. 							]

  853. 						}

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

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

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

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

  858. 						})

  859. 						// return

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

  861. 						that.guwenFlag = true

  862. 						let arr = []

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

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

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

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

  867. 						// console.log(arr)

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

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

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

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

  872. 						})

  873. 						that.tableDate = arr

  874. 					}

  875. 					this.$forceUpdate()

  876. 				});

  877. 			},

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

  879. 			oninputtap() {

  880. 				this.Showhiddenunits = true;

  881. 			},

  882. 			// 顾问选择确认

  883. 			confirm(e) {

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

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

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

  887. 				this.ConsultantDimension()

  888. 				this.Showhiddenunits = false;

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

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

  891. 						this.selindexList[0] = i

  892. 					}

  893. 				}

  894. 			},

  895. 			//获取顾问

  896. 			getguwenlist() {

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

  898. 					houseId: this.pamect.houseId,

  899. 					marketingBusiness: this.marketingBusiness,

  900. 				}).then(data => {

  901. 					console.log(data, 'sdajmkldjaskldjaskldjaskldjaskljdklsa')

  902. 					this.selectlist = [];

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

  904. 						this.lineOptsect = {

  905. 							categories: [],

  906. 							series: []

  907. 						};

  908. 						return

  909. 					} else {

  910. 						data.forEach(item => {

  911. 							this.selectlist.push({

  912. 								value: item.accountId,

  913. 								label: item.name

  914. 							})

  915. 						})

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

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

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

  919. 						console.log(this.pamect.accountId)

  920. 						this.ConsultantDimension()

  921. 					}

  922. 				})

  923. 			},

  924. 

  925. 			//销讲一级

  926. 			speakingLevel() {

  927. 				this.linetype = "radar";

  928. 				this.lineOptsect = {

  929. 					categories: [],

  930. 					series: []

  931. 				};

  932. 				this.pamect.marketingBusiness = this.marketingBusiness

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

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

  935. 						return

  936. 					} else {

  937. 						let max = data[0].avgExecutionRate

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

  939. 							return item.name

  940. 						});

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

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

  943. 								item.avgExecutionRate = 0

  944. 							} else {

  945. 								item.avgExecutionRate = item.avgExecutionRate

  946. 							}

  947. 							if (max < item.avgExecutionRate) max = item.avgExecutionRate;

  948. 							return item.avgExecutionRate

  949. 						});

  950. 						this.opts = {

  951. 							...this.opts,

  952. 							fontSize: 10,

  953. 							extra: {

  954. 								radar: {

  955. 									max: max + 25

  956. 								}

  957. 							}

  958. 						}

  959. 						this.lineOptsect = {

  960. 							"categories": list,

  961. 							"series": [{

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

  963. 								"data": list1

  964. 							}]

  965. 						}

  966. 					}

  967. 					this.$forceUpdate()

  968. 				})

  969. 			},

  970. 			//销讲二级

  971. 			aboutEecondary() {

  972. 				this.lineOptsect = {};

  973. 				this.linetype = "line";

  974. 				this.pamect.marketingBusiness = this.marketingBusiness

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

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

  977. 						this.lineOptsect = {

  978. 							categories: [],

  979. 							series: [{

  980. 								name: '起始时间',

  981. 								data: [],

  982. 								color: '#7ED3F4'

  983. 							}]

  984. 						}

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

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

  987. 						})

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

  989. 					} else {

  990. 						this.lineOptsect = {

  991. 							categories: [],

  992. 							series: [{

  993. 									name: '起始时间',

  994. 									data: [],

  995. 									color: '#7ED3F4'

  996. 								},

  997. 								{

  998. 									name: '对比时间',

  999. 									data: [],

  1000. 									color: '#FF7070'

  1001. 								},

  1002. 							]

  1003. 						}

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

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

  1006. 								if (sdf == zxc) {

  1007. 									this.lineOptsect.categories.push(

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

  1009. 										.substring(5, 10)

  1010. 									)

  1011. 								}

  1012. 							})

  1013. 						})

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

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

  1016. 						let that = this

  1017. 						this.guwenFlag = false

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

  1019. 						let arr = [

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

  1021. 						]

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

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

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

  1025. 								data.contrast[index].data

  1026. 							]

  1027. 							arr.push(newarr)

  1028. 						})

  1029. 						that.tableDate = arr

  1030. 					}

  1031. 					this.$forceUpdate()

  1032. 				})

  1033. 			},

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

  1035. 			getonsyiji() {

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

  1037. 					houseId: this.pamect.houseId,

  1038. 					marketingBusiness: this.marketingBusiness,

  1039. 				}).then(data => {

  1040. 					this.selectlist2 = [];

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

  1042. 						this.Selectlevel = false;

  1043. 						this.lineOptsect = {

  1044. 							categories: [],

  1045. 							series: []

  1046. 						};

  1047. 						return

  1048. 					} else {

  1049. 						this.Selectlevel = true;

  1050. 						data.forEach(item => {

  1051. 							this.selectlist2.push({

  1052. 								value: item.marketingId,

  1053. 								label: item.name

  1054. 							})

  1055. 						})

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

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

  1058. 						this.getonserji(this.Selectlevelobj.id)

  1059. 					}

  1060. 

  1061. 					this.$forceUpdate()

  1062. 				})

  1063. 			},

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

  1065. 			getonserji(ccd) {

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

  1067. 					houseId: this.pamect.houseId,

  1068. 					marketingId: ccd

  1069. 				}).then(data => {

  1070. 					this.selectlist3 = [];

  1071. 					data.forEach(item => {

  1072. 						this.selectlist3.push({

  1073. 							value: item.marketingId,

  1074. 							label: item.name

  1075. 						})

  1076. 					})

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

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

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

  1080. 					this.aboutEecondary()

  1081. 					this.$forceUpdate()

  1082. 				})

  1083. 			},

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

  1085. 			oninputtap2() {

  1086. 				this.Showhiddenunits2 = true;

  1087. 			},

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

  1089. 			oninputtap3() {

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

  1091. 					uni.showToast({

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

  1093. 						duration: 2000

  1094. 					});

  1095. 				} else {

  1096. 					this.Showhiddenunits3 = true;

  1097. 				}

  1098. 			},

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

  1100. 			confirm2(e) {

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

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

  1103. 				this.getonserji(this.Selectlevelobj.id)

  1104. 			},

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

  1106. 			confirm3(e) {

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

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

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

  1110. 				this.aboutEecondary()

  1111. 			},

  1112. 

  1113. 

  1114. 

  1115. 

  1116. 

  1117. 			//团队请选择

  1118. 			oninputtap4() {

  1119. 				this.Showhiddenunits4 = true;

  1120. 			},

  1121. 			//团队选择确认

  1122. 			confirm4(e) {

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

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

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

  1126. 

  1127. 				this.pamect.showStatus = 0;

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

  1129. 				this.pamect.firstStartDate = '';

  1130. 				this.pamect.firstEndDate = '';

  1131. 				this.pamect.lastStartDate = '';

  1132. 				this.pamect.lastEndDate = '';

  1133. 				this.activeTotal = 0;

  1134. 				this.timepickpickisshow = false;

  1135. 				this.init()

  1136. 				this.TeamCompared()

  1137. 

  1138. 				for (let i = 0; i < this.selectlist4.length; i++) {

  1139. 					if (e[0].value == this.selectlist4[i].value) {

  1140. 						this.selindexList4[0] = i

  1141. 					}

  1142. 				}

  1143. 			},

  1144. 			//获取团队列表

  1145. 			getuanduilist() {

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

  1147. 					houseId: this.pamect.houseId,

  1148. 					marketingBusiness: this.marketingBusiness,

  1149. 				}).then(data => {

  1150. 					this.selectlist4 = [{

  1151. 						value: "",

  1152. 						label: "全部"

  1153. 					}];

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

  1155. 						this.Selecttuandui = false;

  1156. 						this.lineOptsect = {

  1157. 							categories: [],

  1158. 							series: []

  1159. 						};

  1160. 						return

  1161. 					} else {

  1162. 						this.Selecttuandui = true;

  1163. 						data.forEach(item => {

  1164. 							this.selectlist4.push({

  1165. 								value: item.deptId,

  1166. 								label: item.deptName

  1167. 							})

  1168. 						})

  1169. 						this.Selecttuanduiobj.id = "";

  1170. 						this.Selecttuanduiobj.name = "全部";

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

  1172. 						this.TeamCompared()

  1173. 					}

  1174. 				})

  1175. 			},

  1176. 			//团队对比

  1177. 			TeamCompared() {

  1178. 				const that = this;

  1179. 				that.lineOptsect = {

  1180. 					categories: [],

  1181. 					series: []

  1182. 				};

  1183. 				this.linetype = "line";

  1184. 				this.$forceUpdate()

  1185. 				this.pamect.marketingBusiness = this.marketingBusiness

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

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

  1188. 						var newlist = [];

  1189. 						for (var i in data) {

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

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

  1192. 									item.fraction = 0

  1193. 								} else {

  1194. 									item.fraction = item.fraction

  1195. 								}

  1196. 								return item.fraction

  1197. 							});

  1198. 							newlist.push({

  1199. 								name: data[i].deptName,

  1200. 								data: ect

  1201. 							})

  1202. 						}

  1203. 						var timelist = [];

  1204. 						for (var i in data) {

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

  1206. 								return item.statDate

  1207. 							});

  1208. 							timelist.push({

  1209. 								name: data[i].deptName,

  1210. 								data: ect

  1211. 							})

  1212. 						}

  1213. 						var xAxisdata = [];

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

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

  1216. 						})

  1217. 						that.lineOptsect = {

  1218. 							categories: xAxisdata,

  1219. 							series: newlist

  1220. 						}

  1221. 					} else {

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

  1223. 							that.lineOptsect = {

  1224. 								categories: [],

  1225. 								series: [{

  1226. 									name: '起始时间',

  1227. 									data: [],

  1228. 									color: '#7ED3F4'

  1229. 								}]

  1230. 							}

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

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

  1233. 							})

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

  1235. 								.fraction);

  1236. 						} else {

  1237. 							that.lineOptsect = {

  1238. 								categories: [],

  1239. 								series: [{

  1240. 										name: '起始时间',

  1241. 										data: [],

  1242. 										color: '#7ED3F4'

  1243. 									},

  1244. 									{

  1245. 										name: '对比时间',

  1246. 										data: [],

  1247. 										color: '#FF7070'

  1248. 									},

  1249. 								]

  1250. 							}

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

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

  1253. 									if (sdf == zxc) {

  1254. 										that.lineOptsect.categories.push(

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

  1256. 											.statDate.substring(5, 10)

  1257. 										)

  1258. 									}

  1259. 								})

  1260. 							})

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

  1262. 								.fraction);

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

  1264. 								.fraction)

  1265. 							that.guwenFlag = false

  1266. 							// 团队处理数据

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

  1268. 							let arr = [

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

  1270. 							]

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

  1272. 								let newarr = [item, data

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

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

  1275. 									.receptionStatList[index].data

  1276. 								]

  1277. 								arr.push(newarr)

  1278. 							})

  1279. 							that.tableDate = arr

  1280. 						}

  1281. 					}

  1282. 					this.$forceUpdate()

  1283. 				});

  1284. 			},

  1285. 

  1286. 			//算相隔天数

  1287. 			DateDiff(sDate1, sDate2) {

  1288. 				var aDate, oDate1, oDate2, iDays;

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

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

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

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

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

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

  1295. 			},

  1296. 		},

  1297. 	}

  1298. </script>

  1299. <style lang="scss" scoped>

  1300. 	.title2-che {

  1301. 		width: 178rpx;

  1302. 		height: 48rpx;

  1303. 		background: #FFFFFF;

  1304. 		border-radius: 6rpx;

  1305. 		border: 1px solid #E0E0E0;

  1306. 		line-height: 48rpx;

  1307. 		font-size: 28rpx;

  1308. 		font-weight: 400;

  1309. 		color: #666666;

  1310. 		text-indent: 12rpx;

  1311. 		margin-left: 35rpx;

  1312. 		position: relative;

  1313. 

  1314. 		.righttochoose {

  1315. 			width: 18rpx;

  1316. 			height: 24rpx;

  1317. 			position: absolute;

  1318. 			top: 12rpx;

  1319. 			right: 12rpx;

  1320. 		}

  1321. 	}

  1322. 

  1323. 	.table {

  1324. 		border: 0px solid darkgray;

  1325. 

  1326. 		.tr {

  1327. 			display: flex;

  1328. 			// width: 100%;

  1329. 			justify-content: center;

  1330. 			height: 64rpx;

  1331. 			align-items: center;

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

  1333. 			flex-wrap: nowrap;

  1334. 

  1335. 			.td {

  1336. 				text-align: center;

  1337. 				font-size: 24rpx;

  1338. 				font-weight: 400;

  1339. 				color: #333333;

  1340. 				height: 64rpx;

  1341. 				line-height: 64rpx;

  1342. 				// flex-shrink: 0;

  1343. 			}

  1344. 

  1345. 			.trd {

  1346. 				flex-shrink: 0;

  1347. 				min-width: 300rpx;

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

  1349. 			}

  1350. 

  1351. 			.th {

  1352. 				height: 64rpx;

  1353. 				text-align: center;

  1354. 				font-size: 28rpx;

  1355. 				font-weight: 400;

  1356. 				color: #666666;

  1357. 				line-height: 64rpx;

  1358. 			}

  1359. 		}

  1360. 	}

  1361. 

  1362. 	.uchaserbox {

  1363. 		width: 100%;

  1364. 		height: 50vh;

  1365. 		overflow: hidden;

  1366. 	}

  1367. 

  1368. 	.uchaserboxs {

  1369. 		width: 100%;

  1370. 		height: 70vh;

  1371. 	}

  1372. 

  1373. 	.activecllasscet2 {

  1374. 		color: #2671E2;

  1375. 		border-bottom: 2px solid #2671E2;

  1376. 	}

  1377. 

  1378. 	.timeduibi {

  1379. 		width: 100%;

  1380. 		background: #FFFFFF;

  1381. 		padding-bottom: 10rpx;

  1382. 

  1383. 		.timeshow {

  1384. 			color: #666666;

  1385. 			width: 100%;

  1386. 			height: 50rpx;

  1387. 			font-size: 28rpx;

  1388. 			line-height: 50rpx;

  1389. 			text-indent: 30rpx;

  1390. 		}

  1391. 	}

  1392. 

  1393. 

  1394. 

  1395. 

  1396. 

  1397. 

  1398. 	// 顶部时间切换

  1399. 	.timetabct {

  1400. 		width: 100%;

  1401. 		height: 98rpx;

  1402. 		display: flex;

  1403. 		align-items: center;

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

  1405. 	}

  1406. 

  1407. 	.timetabctview {

  1408. 		flex: 1;

  1409. 		height: 100%;

  1410. 		display: flex;

  1411. 		justify-content: center;

  1412. 		align-items: center;

  1413. 	}

  1414. 

  1415. 	.timetabct view {

  1416. 		width: 94rpx;

  1417. 		text-align: center;

  1418. 		height: 100%;

  1419. 		line-height: 98rpx;

  1420. 		font-size: 28rpx;

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

  1422. 		font-weight: 400;

  1423. 		color: #666666;

  1424. 	}

  1425. 

  1426. 	.activecllasscet {

  1427. 		border-bottom: 2px solid #2671E2;

  1428. 	}

  1429. 

  1430. 	// 对比时间切换

  1431. 	.timepick {

  1432. 		width: 100%;

  1433. 		height: 90rpx;

  1434. 		display: flex;

  1435. 		align-items: center;

  1436. 		background: #FFFFFF;

  1437. 	}

  1438. 

  1439. 	.timepicktime {

  1440. 		width: 260rpx;

  1441. 		height: 50rpx;

  1442. 		border: 1rpx solid #E0E0E0;

  1443. 		margin-left: 30rpx;

  1444. 		display: flex;

  1445. 		background: #FFFFFF;

  1446. 	}

  1447. 

  1448. 	.timepicktime>view:nth-of-type(1) {

  1449. 		width: 210rpx;

  1450. 		height: 100%;

  1451. 		line-height: 50rpx;

  1452. 		font-size: 26rpx;

  1453. 		font-weight: 400;

  1454. 		text-align: center;

  1455. 	}

  1456. 

  1457. 	.timepicktime>view:nth-of-type(2) {

  1458. 		width: 49rpx;

  1459. 		height: 100%;

  1460. 		// border-left: 1px solid #E0E0E0;

  1461. 	}

  1462. 

  1463. 	.timepickpick {

  1464. 		width: 110rpx;

  1465. 		height: 50rpx;

  1466. 		margin-left: 30rpx;

  1467. 		display: flex;

  1468. 		align-items: center;

  1469. 	}

  1470. 

  1471. 	.Underimg {

  1472. 		width: 50rpx;

  1473. 		height: 50rpx;

  1474. 		margin-top: -2rpx;

  1475. 	}

  1476. 

  1477. 

  1478. 

  1479. 

  1480. 	.timeButton {

  1481. 		width: 100%;

  1482. 		height: 60rpx;

  1483. 		display: flex;

  1484. 		color: #b1b1b1;

  1485. 		font-size: 28rpx;

  1486. 

  1487. 		.item {

  1488. 			text-align: center;

  1489. 			line-height: 60rpx;

  1490. 			padding-left: 12rpx;

  1491. 			padding-right: 12rpx;

  1492. 			border-radius: 8rpx;

  1493. 			border: 1px solid #E0E0E0;

  1494. 			margin-right: 20rpx;

  1495. 

  1496. 			&.active {

  1497. 				color: #FFFFFF;

  1498. 				background-color: #2671E2;

  1499. 			}

  1500. 		}

  1501. 	}

  1502. 

  1503. 

  1504. 

  1505. 	.boardbox {

  1506. 		width: 100%;

  1507. 		height: 172rpx;

  1508. 		display: flex;

  1509. 		align-items: center;

  1510. 		background: #F4F8FD;

  1511. 		border-radius: 8rpx;

  1512. 		margin-top: 28rpx;

  1513. 

  1514. 		.boardbox-zuo {

  1515. 			width: 50%;

  1516. 			height: 120rpx;

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

  1518. 		}

  1519. 

  1520. 		.boardbox-you {

  1521. 			width: 50%;

  1522. 			height: 120rpx;

  1523. 		}

  1524. 

  1525. 		.boardbox-text1 {

  1526. 			width: 100%;

  1527. 			text-align: center;

  1528. 			font-size: 28rpx;

  1529. 			color: #333333;

  1530. 		}

  1531. 

  1532. 		.boardbox-text2 {

  1533. 			width: 100%;

  1534. 			text-align: center;

  1535. 			font-size: 26rpx;

  1536. 			color: #333333;

  1537. 			margin-top: 10rpx;

  1538. 		}

  1539. 	}

  1540. 

  1541. 	.comparesize {

  1542. 		flex: 1;

  1543. 		font-size: 24rpx;

  1544. 		color: #666666;

  1545. 		margin-top: 10rpx;

  1546. 	}

  1547. 

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

  1549. 		border-right: none;

  1550. 		border-bottom: none;

  1551. 	}

  1552. 

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

  1554. 		// border-bottom: none;

  1555. 	}

  1556. 

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

  1558. 		width: 50%;

  1559. 	}

  1560. 

  1561. 	.chart {

  1562. 		padding: 40rpx 0 20rpx;

  1563. 		min-height: 50vh;

  1564. 

  1565. 		.marketingBusiness {

  1566. 			display: flex;

  1567. 			justify-content: center;

  1568. 			align-items: center;

  1569. 

  1570. 			.marketingBusinesstext {

  1571. 				padding: 0 20rpx;

  1572. 				display: flex;

  1573. 				align-items: center;

  1574. 				border-radius: 8rpx;

  1575. 				border: 1rpx solid #666666;

  1576. 

  1577. 				overflow: hidden;

  1578. 				white-space: nowrap;

  1579. 				text-overflow: ellipsis;

  1580. 

  1581. 				.righttochoose {

  1582. 					margin-left: 12rpx;

  1583. 					width: 18rpx;

  1584. 					height: 24rpx;

  1585. 				}

  1586. 			}

  1587. 		}

  1588. 	}

  1589. </style>