liumin
/
NewZkgj
1
0
Förgrening 0
Kod Ärenden 0 Pull-förfrågningar 0 Släpp 0 Wiki Aktiviteter
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
21 Incheckningar
7 Grenar
28 MiB
 
 
 
Träd: 84dbfc4bbe
Grenar Taggar
${ item.name }
Skapa branchen ${ searchTerm }
från '84dbfc4bbe'
${ noResults }
NewZkgj/pages/center/Piabodata/TrendAnalysis.vue

1199 rader
33 KiB
Rå Blame Historik 

  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. 		<view style="width: 100%;height: 20rpx;background: #FAFAFA;"></view>

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

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

  47. 			<view class="zonglanbox">

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

  49. 					<view class="audonum">{{item.name}}</text></view>

  50. 					<view class="num">{{item.num}}</view>

  51. 				</view>

  52. 			</view>

  53. 		</view>

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

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

  56. 			<view class="tabbox">

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

  58. 			</view>

  59. 			<view class="tabbox">

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

  61. 			</view>

  62. 			<view class="tabbox">

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

  64. 			</view>

  65. 			<view class="tabbox">

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

  67. 			</view>

  68. 			<view class="tabbox">

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

  70. 			</view>

  71. 		</view>

  72. 		

  73. 		

  74. 		<view class="chart">

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

  76. 				<view class="title2-che">执行率

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

  78. 				</view>

  79. 			</view>

  80. 			

  81. 			<view style="display: flex;justify-content:center;padding-left: 30rpx;padding-right: 30rpx;" v-if="guwenshow">

  82. 				<view class="title2-che">选择顾问

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

  84. 				</view>

  85. 				<!-- <view>选择顾问：</view>

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

  87. 					<input @click="oninputtap()" v-model="lopanobj.name" type="text" disabled="true"

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

  89. 				</view>

  90. 				<view>

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

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

  93. 				</view> -->

  94. 			</view>

  95. 			

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

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

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

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

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

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

  102. 					</view>

  103. 					<view>

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

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

  106. 					</view>

  107. 				</view>

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

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

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

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

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

  113. 					</view>

  114. 					<view>

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

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

  117. 					</view>

  118. 				</view>

  119. 			</view>

  120. 		

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

  122. 				v-if="Selecttuandui">

  123. 				<view>团队选择：</view>

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

  125. 					<input @click="oninputtap4()" v-model="Selecttuanduiobj.name" type="text" disabled="true"

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

  127. 				</view>

  128. 				<view>

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

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

  131. 				</view>

  132. 			</view>

  133. 			

  134. 			

  135. 			<view class="single">

  136. 				<view class="danwei">销讲词执行率</view>

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

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

  139. 						background="none" :ontouch="true" canvasId="wangxiaohuaerlingeryilingwuyibao"

  140. 						:canvas2d="true" />

  141. 				</view>

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

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

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

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

  146. 					</view>

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

  148. 				</view>

  149. 			</view>

  150. 		

  151. 		</view>

  152. 		

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

  154. 		<view class="single">

  155. 			<view class="title">

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

  157. 			</view>

  158. 			<view class="table">

  159. 				<view class="tr">

  160. 					<view class="th"  style="width: 30%;border-right:1px solid #E0E0E0;">时间</view>

  161. 					<view class="th"  style="width: 20%;border-right:1px solid #E0E0E0;">时段1</view>

  162. 					<view class="th"  style="width: 20%;border-right:1px solid #E0E0E0;">时段2</view>

  163. 					<view class="th"  style="width: 30%;">变化</view>

  164. 				</view>

  165. 				<view class="tr">

  166. 					<view class="td" style="width: 30%;border-right:1px solid #E0E0E0;">06-20 VS 06-10</view>

  167. 					<view class="td" style="width: 20%;border-right:1px solid #E0E0E0;">500</view>

  168. 					<view class="td" style="width: 20%;border-right:1px solid #E0E0E0;">60</view>

  169. 					<view class="td" style="width: 30%;">+500(+19.83%)</view>

  170. 				</view>

  171. 				<view class="tr">

  172. 					<view class="td" style="width: 30%;border-right:1px solid #E0E0E0;">06-20 VS 06-10</view>

  173. 					<view class="td" style="width: 20%;border-right:1px solid #E0E0E0;">500</view>

  174. 					<view class="td" style="width: 20%;border-right:1px solid #E0E0E0;">60</view>

  175. 					<view class="td" style="width: 30%;">+500(+19.83%)</view>

  176. 				</view>

  177. 				<view class="tr">

  178. 					<view class="td" style="width: 30%;border-right:1px solid #E0E0E0;">06-20 VS 06-10</view>

  179. 					<view class="td" style="width: 20%;border-right:1px solid #E0E0E0;">500</view>

  180. 					<view class="td" style="width: 20%;border-right:1px solid #E0E0E0;">60</view>

  181. 					<view class="td" style="width: 30%;">+500(+19.83%)</view>

  182. 				</view>

  183. 				<view class="tr">

  184. 					<view class="td" style="width: 30%;border-right:1px solid #E0E0E0;">06-20 VS 06-10</view>

  185. 					<view class="td" style="width: 20%;border-right:1px solid #E0E0E0;">500</view>

  186. 					<view class="td" style="width: 20%;border-right:1px solid #E0E0E0;">60</view>

  187. 					<view class="td" style="width: 30%;">+500(+19.83%)</view>

  188. 				</view>

  189. 			</view>

  190. 		</view>

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

  192. 		<view v-if="Showhiddenunits">

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

  194. 			</u-select>

  195. 		</view>

  196. 		<view v-if="Showhiddenunits2">

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

  198. 			</u-select>

  199. 		</view>

  200. 		<view v-if="Showhiddenunits3">

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

  202. 			</u-select>

  203. 		</view>

  204. 		<view v-if="Showhiddenunits4">

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

  206. 			</u-select>

  207. 		</view>

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

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

  210. 	</view>

  211. 

  212. </template>

  213. <script>

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

  215. 

  216. 	export default {

  217. 		data() {

  218. 			return {

  219. 				numlist:[

  220. 					{name:'接待量',num:'10'},

  221. 					{name:'平均执行率',num:'10'},

  222. 					{name:'接待客户',num:'10'},

  223. 				],

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

  225. 				newactiveTotal: 0, //tab下标

  226. 				totalTimeShow: false,

  227. 				totalTimeShow2: false,

  228. 				totalTimeShow3: false,

  229. 				cWidth: uni.upx2px(690),

  230. 				cHeight: uni.upx2px(453),

  231. 				AcHeight: uni.upx2px(500),

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

  233. 					kaishitime: '',

  234. 					duibitime: '',

  235. 					audonum: '',

  236. 					audotime: "",

  237. 					avgDuration: '',

  238. 					fraction: ''

  239. 				},

  240. 				pamect: { //接口参数

  241. 					houseId: '',

  242. 					timeType: "4",

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

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

  245. 					lastStartDate: '',

  246. 					lastEndDate: '',

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

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

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

  250. 					showStatus: 0

  251. 				},

  252. 				linetype: "line",

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

  254. 				Showhiddenunits: false,

  255. 				selectlist: [],

  256. 				guwenshow: false,

  257. 				lopanobj: {

  258. 					id: '',

  259. 					name: ''

  260. 				},

  261. 				//二级相关

  262. 				Selectlevel: false,

  263. 				Selectlevelobj: {

  264. 					id: '',

  265. 					name: ''

  266. 				},

  267. 				erSelectlevelobj: {

  268. 					id: '',

  269. 					name: ''

  270. 				},

  271. 				Showhiddenunits2: false,

  272. 				Showhiddenunits3: false,

  273. 				selectlist2: [],

  274. 				selectlist3: [],

  275. 				//团队相关

  276. 				Selecttuandui: false,

  277. 				selectlist4: [],

  278. 				Selecttuanduiobj: {

  279. 					id: '',

  280. 					name: ''

  281. 				},

  282. 				Showhiddenunits4: false,

  283. 				showCanvas: true,

  284. 

  285. 				timepickpickisshow: false,

  286. 				sheartime1: "",

  287. 				sheartime2: "",

  288. 				intervaltime: 0

  289. 			};

  290. 

  291. 		},

  292. 		components: {

  293. 			newcalendar

  294. 		},

  295. 		onLoad: function(options) {

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

  297. 			this.init()

  298. 		},

  299. 		watch: {

  300. 			Showhiddenunits(newValue, oldValue) {

  301. 				this.showCanvas = !newValue

  302. 			},

  303. 			Showhiddenunits2(newValue, oldValue) {

  304. 				this.showCanvas = !newValue

  305. 			},

  306. 			Showhiddenunits3(newValue, oldValue) {

  307. 				this.showCanvas = !newValue

  308. 			},

  309. 			Showhiddenunits4(newValue, oldValue) {

  310. 				this.showCanvas = !newValue

  311. 			},

  312. 

  313. 			totalTimeShow(newValue, oldValue) {

  314. 				this.showCanvas = !newValue

  315. 			},

  316. 			totalTimeShow2(newValue, oldValue) {

  317. 				this.showCanvas = !newValue

  318. 			},

  319. 			totalTimeShow3(newValue, oldValue) {

  320. 				this.showCanvas = !newValue

  321. 			},

  322. 		},

  323. 		methods: {

  324. 			//是否对比

  325. 			checkboxChange() {

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

  327. 					uni.showToast({

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

  329. 						duration: 2000

  330. 					});

  331. 					return

  332. 				}

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

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

  335. 						uni.showToast({

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

  337. 							duration: 2000

  338. 						});

  339. 						return

  340. 					}

  341. 				}

  342. 

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

  344. 					this.timepickpickisshow = false;

  345. 					this.pamect.showStatus = 0;

  346. 					this.init()

  347. 				} else {

  348. 					this.timepickpickisshow = true;

  349. 					this.pamect.showStatus = 1;

  350. 				}

  351. 				this.activeTotal = 8;

  352. 			},

  353. 			init() {

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

  355. 					this.pamect.lastStartDate = data.lastStartDate;

  356. 					this.pamect.lastEndDate = data.lastEndDate;

  357. 

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

  359. 						10);

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

  361. 					this.kanbanlist.duibitime = '';

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

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

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

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

  366. 							.substring(5, 10);

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

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

  369. 							"天)";

  370. 					}

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

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

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

  374. 					this.kanbanlist.fraction = data.fraction;

  375. 

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

  377. 						this.ProjectDimension()

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

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

  380. 							this.getguwenlist()

  381. 						} else {

  382. 							this.ConsultantDimension()

  383. 						}

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

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

  386. 							this.getuanduilist()

  387. 						} else {

  388. 							this.TeamCompared()

  389. 						}

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

  391. 						this.speakingLevel()

  392. 					} else {

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

  394. 							this.getonsyiji()

  395. 						} else {

  396. 							this.aboutEecondary()

  397. 						}

  398. 					}

  399. 				});

  400. 			},

  401. 			//起始时间

  402. 			totalTimeChange(e) {

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

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

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

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

  407. 					"天)";

  408. 

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

  410. 					this.init()

  411. 					this.totalTimeShow = false;

  412. 				} else {

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

  414. 						uni.showToast({

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

  416. 							duration: 2000

  417. 						});

  418. 					} else {

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

  420. 						if (kaishi == jshu) {

  421. 							this.init()

  422. 						} else {

  423. 							uni.showToast({

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

  425. 								duration: 2000

  426. 							});

  427. 						}

  428. 					}

  429. 					this.totalTimeShow = false;

  430. 				}

  431. 			},

  432. 			//对比时间

  433. 			totalTimeChange2(e) {

  434. 				var d = new Date(e.result);

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

  436. 				var year = d.getFullYear();

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

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

  439. 				var day = d.getDate();

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

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

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

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

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

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

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

  447. 					"天)";

  448. 

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

  450. 				if (kaishi == jeishu) {

  451. 					this.init()

  452. 				} else {

  453. 					uni.showToast({

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

  455. 						duration: 2000

  456. 					});

  457. 				}

  458. 				this.totalTimeShow2 = false;

  459. 			},

  460. 			//自定义时间

  461. 			totalTimeChange3(e) {

  462. 				this.pamect.firstStartDate = "";

  463. 				this.pamect.firstEndDate = "";

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

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

  466. 				this.init()

  467. 				this.totalTimeShow3 = false;

  468. 			},

  469. 

  470. 

  471. 			//时间切换

  472. 			tabtimetap(index) {

  473. 				if (index == 0) {

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

  475. 					this.pamect.firstStartDate = '';

  476. 					this.pamect.firstEndDate = '';

  477. 					this.pamect.lastStartDate = '';

  478. 					this.pamect.lastEndDate = '';

  479. 					this.init()

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

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

  482. 					this.pamect.firstStartDate = '';

  483. 					this.pamect.firstEndDate = '';

  484. 					this.pamect.lastStartDate = '';

  485. 					this.pamect.lastEndDate = '';

  486. 					this.init()

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

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

  489. 					this.pamect.firstStartDate = '';

  490. 					this.pamect.firstEndDate = '';

  491. 					this.pamect.lastStartDate = '';

  492. 					this.pamect.lastEndDate = '';

  493. 					this.init()

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

  495. 					this.pamect.timeType = "";

  496. 					this.totalTimeShow = true;

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

  498. 					this.pamect.timeType = "";

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

  500. 					console.log(kaishi)

  501. 					this.intervaltime = kaishi - 1;

  502. 					this.totalTimeShow2 = true;

  503. 				} else {

  504. 					this.pamect.timeType = "";

  505. 					this.totalTimeShow3 = true;

  506. 				}

  507. 				this.activeTotal = index;

  508. 			},

  509. 			//tab切换

  510. 			tabxuanxiangtap(index) {

  511. 				this.newactiveTotal = index;

  512. 				this.guwenshow = false;

  513. 				this.Selectlevel = false;

  514. 				this.Selecttuandui = false;

  515. 

  516. 				this.pamect.showStatus = 0;

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

  518. 				this.pamect.firstStartDate = '';

  519. 				this.pamect.firstEndDate = '';

  520. 				this.pamect.lastStartDate = '';

  521. 				this.pamect.lastEndDate = '';

  522. 				this.pamect.accountId = '';

  523. 				this.pamect.marketingId = '';

  524. 				this.pamect.deptId = ""

  525. 				this.activeTotal = 0;

  526. 				this.timepickpickisshow = false;

  527. 				this.init()

  528. 

  529. 				if (index == 1) {

  530. 					this.guwenshow = true;

  531. 				}

  532. 			},

  533. 			//项目维度

  534. 			ProjectDimension() {

  535. 				const that = this;

  536. 				that.lineOptsect = {

  537. 					categories: [],

  538. 					series: []

  539. 				};

  540. 				this.linetype = "line";

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

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

  543. 						that.lineOptsect = {

  544. 							categories: [],

  545. 							series: [{

  546. 								name: '起始时间',

  547. 								data: [],

  548. 								color: '#7ED3F4'

  549. 							}]

  550. 						}

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

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

  553. 						})

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

  555. 					} else {

  556. 						that.lineOptsect = {

  557. 							categories: [],

  558. 							series: [{

  559. 									name: '起始时间',

  560. 									data: [],

  561. 									color: '#7ED3F4'

  562. 								},

  563. 								{

  564. 									name: '对比时间',

  565. 									data: [],

  566. 									color: '#FF7070'

  567. 								},

  568. 							]

  569. 						}

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

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

  572. 								if (sdf == zxc) {

  573. 									that.lineOptsect.categories.push(item.statDate.substring(5,

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

  575. 								}

  576. 							})

  577. 						})

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

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

  580. 					}

  581. 				});

  582. 			},

  583. 			//顾问维度

  584. 			ConsultantDimension() {

  585. 				const that = this;

  586. 				that.lineOptsect = {

  587. 					categories: [],

  588. 					series: []

  589. 				};

  590. 				this.linetype = "line";

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

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

  593. 						that.lineOptsect = {

  594. 							categories: [],

  595. 							series: [{

  596. 								name: '起始时间',

  597. 								data: [],

  598. 								color: '#7ED3F4'

  599. 							}]

  600. 						}

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

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

  603. 						})

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

  605. 					} else {

  606. 						that.lineOptsect = {

  607. 							categories: [],

  608. 							series: [{

  609. 									name: '起始时间',

  610. 									data: [],

  611. 									color: '#7ED3F4'

  612. 								},

  613. 								{

  614. 									name: '对比时间',

  615. 									data: [],

  616. 									color: '#FF7070'

  617. 								},

  618. 							]

  619. 						}

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

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

  622. 								if (sdf == zxc) {

  623. 									that.lineOptsect.categories.push(item.statDate.substring(5,

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

  625. 								}

  626. 							})

  627. 						})

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

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

  630. 					}

  631. 				});

  632. 			},

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

  634. 			oninputtap() {

  635. 				this.Showhiddenunits = true;

  636. 			},

  637. 			// 顾问选择确认

  638. 			confirm(e) {

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

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

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

  642. 				this.ConsultantDimension()

  643. 				this.Showhiddenunits = false;

  644. 			},

  645. 			//获取顾问

  646. 			getguwenlist() {

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

  648. 					houseId: this.pamect.houseId

  649. 				}).then(data => {

  650. 					this.selectlist = [];

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

  652. 						this.lineOptsect = {

  653. 							categories: [],

  654. 							series: []

  655. 						};

  656. 						this.guwenshow = false;

  657. 						return

  658. 					} else {

  659. 						this.guwenshow = true;

  660. 						data.forEach(item => {

  661. 							this.selectlist.push({

  662. 								value: item.accountId,

  663. 								label: item.name

  664. 							})

  665. 						})

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

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

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

  669. 						this.ConsultantDimension()

  670. 					}

  671. 				})

  672. 			},

  673. 			//销讲一级

  674. 			speakingLevel() {

  675. 				this.linetype = "radar";

  676. 				this.lineOptsect = {

  677. 					categories: [],

  678. 					series: []

  679. 				};

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

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

  682. 						return

  683. 					} else {

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

  685. 							return item.name

  686. 						});

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

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

  689. 								item.avgExecutionRate = 0

  690. 							} else {

  691. 								item.avgExecutionRate = item.avgExecutionRate

  692. 							}

  693. 							return item.avgExecutionRate

  694. 						});

  695. 						this.lineOptsect = {

  696. 							"categories": list,

  697. 							"series": [{

  698. 								"name": "",

  699. 								"data": list1

  700. 							}]

  701. 						}

  702. 					}

  703. 				})

  704. 			},

  705. 			//销讲二级

  706. 			aboutEecondary() {

  707. 				this.lineOptsect = {};

  708. 				this.linetype = "line";

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

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

  711. 						this.lineOptsect = {

  712. 							categories: [],

  713. 							series: [{

  714. 								name: '起始时间',

  715. 								data: [],

  716. 								color: '#7ED3F4'

  717. 							}]

  718. 						}

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

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

  721. 						})

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

  723. 					} else {

  724. 						this.lineOptsect = {

  725. 							categories: [],

  726. 							series: [{

  727. 									name: '起始时间',

  728. 									data: [],

  729. 									color: '#7ED3F4'

  730. 								},

  731. 								{

  732. 									name: '对比时间',

  733. 									data: [],

  734. 									color: '#FF7070'

  735. 								},

  736. 							]

  737. 						}

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

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

  740. 								if (sdf == zxc) {

  741. 									this.lineOptsect.categories.push(item.statDate.substring(5,

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

  743. 								}

  744. 							})

  745. 						})

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

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

  748. 					}

  749. 				})

  750. 			},

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

  752. 			getonsyiji() {

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

  754. 					houseId: this.pamect.houseId

  755. 				}).then(data => {

  756. 					this.selectlist2 = [];

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

  758. 						this.Selectlevel = false;

  759. 						this.lineOptsect = {

  760. 							categories: [],

  761. 							series: []

  762. 						};

  763. 						return

  764. 					} else {

  765. 						this.Selectlevel = true;

  766. 						data.forEach(item => {

  767. 							this.selectlist2.push({

  768. 								value: item.marketingId,

  769. 								label: item.name

  770. 							})

  771. 						})

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

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

  774. 						this.getonserji(this.Selectlevelobj.id)

  775. 					}

  776. 				})

  777. 			},

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

  779. 			getonserji(ccd) {

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

  781. 					houseId: this.pamect.houseId,

  782. 					marketingId: ccd

  783. 				}).then(data => {

  784. 					this.selectlist3 = [];

  785. 					data.forEach(item => {

  786. 						this.selectlist3.push({

  787. 							value: item.marketingId,

  788. 							label: item.name

  789. 						})

  790. 					})

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

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

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

  794. 					this.aboutEecondary()

  795. 				})

  796. 			},

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

  798. 			oninputtap2() {

  799. 				this.Showhiddenunits2 = true;

  800. 			},

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

  802. 			oninputtap3() {

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

  804. 					uni.showToast({

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

  806. 						duration: 2000

  807. 					});

  808. 				} else {

  809. 					this.Showhiddenunits3 = true;

  810. 				}

  811. 			},

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

  813. 			confirm2(e) {

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

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

  816. 				this.getonserji(this.Selectlevelobj.id)

  817. 			},

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

  819. 			confirm3(e) {

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

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

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

  823. 				this.aboutEecondary()

  824. 			},

  825. 

  826. 

  827. 

  828. 

  829. 

  830. 			//团队请选择

  831. 			oninputtap4() {

  832. 				this.Showhiddenunits4 = true;

  833. 			},

  834. 			//团队选择确认

  835. 			confirm4(e) {

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

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

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

  839. 

  840. 				this.pamect.showStatus = 0;

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

  842. 				this.pamect.firstStartDate = '';

  843. 				this.pamect.firstEndDate = '';

  844. 				this.pamect.lastStartDate = '';

  845. 				this.pamect.lastEndDate = '';

  846. 				this.activeTotal = 0;

  847. 				this.timepickpickisshow = false;

  848. 				this.init()

  849. 				this.TeamCompared()

  850. 			},

  851. 			//获取团队列表

  852. 			getuanduilist() {

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

  854. 					houseId: this.pamect.houseId

  855. 				}).then(data => {

  856. 					this.selectlist4 = [{

  857. 						value: "",

  858. 						label: "全部"

  859. 					}];

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

  861. 						this.Selecttuandui = false;

  862. 						this.lineOptsect = {

  863. 							categories: [],

  864. 							series: []

  865. 						};

  866. 						return

  867. 					} else {

  868. 						this.Selecttuandui = true;

  869. 						data.forEach(item => {

  870. 							this.selectlist4.push({

  871. 								value: item.deptId,

  872. 								label: item.deptName

  873. 							})

  874. 						})

  875. 						this.Selecttuanduiobj.id = "";

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

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

  878. 						this.TeamCompared()

  879. 					}

  880. 				})

  881. 			},

  882. 			//团队对比

  883. 			TeamCompared() {

  884. 				const that = this;

  885. 				that.lineOptsect = {};

  886. 				this.linetype = "line";

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

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

  889. 						var newlist = [];

  890. 						for (var i in data) {

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

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

  893. 									item.fraction = 0

  894. 								} else {

  895. 									item.fraction = item.fraction

  896. 								}

  897. 								return item.fraction

  898. 							});

  899. 							newlist.push({

  900. 								name: data[i].deptName,

  901. 								data: ect

  902. 							})

  903. 						}

  904. 						var timelist = [];

  905. 						for (var i in data) {

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

  907. 								return item.statDate

  908. 							});

  909. 							timelist.push({

  910. 								name: data[i].deptName,

  911. 								data: ect

  912. 							})

  913. 						}

  914. 						var xAxisdata = [];

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

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

  917. 						})

  918. 						that.lineOptsect = {

  919. 							categories: xAxisdata,

  920. 							series: newlist

  921. 						}

  922. 					} else {

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

  924. 							that.lineOptsect = {

  925. 								categories: [],

  926. 								series: [{

  927. 									name: '起始时间',

  928. 									data: [],

  929. 									color: '#7ED3F4'

  930. 								}]

  931. 							}

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

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

  934. 							})

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

  936. 								.fraction);

  937. 						} else {

  938. 							that.lineOptsect = {

  939. 								categories: [],

  940. 								series: [{

  941. 										name: '起始时间',

  942. 										data: [],

  943. 										color: '#7ED3F4'

  944. 									},

  945. 									{

  946. 										name: '对比时间',

  947. 										data: [],

  948. 										color: '#FF7070'

  949. 									},

  950. 								]

  951. 							}

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

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

  954. 									if (sdf == zxc) {

  955. 										that.lineOptsect.categories.push(item.statDate.substring(5,

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

  957. 									}

  958. 								})

  959. 							})

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

  961. 								.fraction);

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

  963. 								.fraction)

  964. 						}

  965. 					}

  966. 				});

  967. 			},

  968. 

  969. 			//算相隔天数

  970. 			DateDiff(sDate1, sDate2) {

  971. 				var aDate, oDate1, oDate2, iDays;

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

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

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

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

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

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

  978. 			},

  979. 		},

  980. 	}

  981. </script>

  982. <style lang="scss" scoped>

  983. 	.title2-che{

  984. 		width: 178rpx;

  985. 		height: 48rpx;

  986. 		background: #FFFFFF;

  987. 		border-radius: 6rpx;

  988. 		border: 1px solid #E0E0E0;

  989. 		line-height: 48rpx;

  990. 		font-size: 28rpx;

  991. 		font-weight: 400;

  992. 		color: #666666;

  993. 		text-indent: 12rpx;

  994. 		margin-left: 35rpx;

  995. 		position: relative;

  996. 		.righttochoose{

  997. 			width: 18rpx;

  998. 			height: 24rpx;

  999. 			position: absolute;

  1000. 			top: 12rpx;

  1001. 			right: 12rpx;

  1002. 		}

  1003. 	}

  1004. 	.table {

  1005. 		border: 0px solid darkgray;

  1006. 		.tr {

  1007. 			display: flex;

  1008. 			width: 100%;

  1009. 			justify-content: center;

  1010. 			height: 64rpx;

  1011. 			align-items: center;

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

  1013. 			.td {

  1014. 				text-align: center;

  1015. 				font-size: 24rpx;

  1016. 				font-weight: 400;

  1017. 				color: #333333;

  1018. 				height: 64rpx;

  1019. 				line-height: 64rpx;

  1020. 			}

  1021. 			.th {

  1022. 				height: 64rpx;

  1023. 				text-align: center;

  1024. 				font-size: 28rpx;

  1025. 				font-weight: 400;

  1026. 				color: #666666;

  1027. 				line-height: 64rpx;

  1028. 			}

  1029. 		}

  1030. 	}

  1031. 	.activecllasscet2 {

  1032. 		color:  #2671E2;

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

  1034. 	}

  1035. 	

  1036. 	.timeduibi{

  1037. 		width: 100%;

  1038. 		background: #FFFFFF;

  1039. 		padding-bottom: 36rpx;

  1040. 		.timeshow {

  1041. 			color: #666666;

  1042. 			width: 100%;

  1043. 			height: 50rpx;

  1044. 			height: 26rpx;

  1045. 			font-size: 26rpx;

  1046. 			line-height: 50rpx;

  1047. 			text-indent: 30rpx;

  1048. 		}

  1049. 	}

  1050. 

  1051. 

  1052. 

  1053. 

  1054. 

  1055. 

  1056. 	// 顶部时间切换

  1057. 	.timetabct {

  1058. 		width: 100%;

  1059. 		height: 98rpx;

  1060. 		display: flex;

  1061. 		align-items: center;

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

  1063. 	}

  1064. 

  1065. 	.timetabctview {

  1066. 		flex: 1;

  1067. 		height: 100%;

  1068. 		display: flex;

  1069. 		justify-content: center;

  1070. 		align-items: center;

  1071. 	}

  1072. 

  1073. 	.timetabct view {

  1074. 		width: 94rpx;

  1075. 		text-align: center;

  1076. 		height: 100%;

  1077. 		line-height: 98rpx;

  1078. 		font-size: 28rpx;

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

  1080. 		font-weight: 400;

  1081. 		color: #666666;

  1082. 	}

  1083. 

  1084. 	.activecllasscet {

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

  1086. 	}

  1087. 

  1088. 	// 对比时间切换

  1089. 	.timepick {

  1090. 		width: 100%;

  1091. 		height: 90rpx;

  1092. 		display: flex;

  1093. 		align-items: center;

  1094. 		background: #FFFFFF;

  1095. 	}

  1096. 

  1097. 	.timepicktime {

  1098. 		width: 260rpx;

  1099. 		height: 50rpx;

  1100. 		border: 1rpx solid #E0E0E0;

  1101. 		margin-left: 30rpx;

  1102. 		display: flex;

  1103. 		background: #FFFFFF;

  1104. 	}

  1105. 

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

  1107. 		width: 210rpx;

  1108. 		height: 100%;

  1109. 		line-height: 50rpx;

  1110. 		font-size: 26rpx;

  1111. 		font-weight: 400;

  1112. 		text-align: center;

  1113. 	}

  1114. 

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

  1116. 		width: 50rpx;

  1117. 		height: 100%;

  1118. 		border-left: 1px solid #E0E0E0;

  1119. 	}

  1120. 

  1121. 	.timepickpick {

  1122. 		width: 110rpx;

  1123. 		height: 50rpx;

  1124. 		margin-left: 30rpx;

  1125. 		display: flex;

  1126. 		align-items: center;

  1127. 	}

  1128. 

  1129. 	.Underimg {

  1130. 		width: 50rpx;

  1131. 		height: 50rpx;

  1132. 		margin-top: -2rpx;

  1133. 	}

  1134. 

  1135. 

  1136. 

  1137. 

  1138. 	.timeButton {

  1139. 		width: 100%;

  1140. 		height: 60rpx;

  1141. 		display: flex;

  1142. 		color: #b1b1b1;

  1143. 		font-size: 28rpx;

  1144. 

  1145. 		.item {

  1146. 			text-align: center;

  1147. 			line-height: 60rpx;

  1148. 			padding-left: 12rpx;

  1149. 			padding-right: 12rpx;

  1150. 			border-radius: 8rpx;

  1151. 			border: 1px solid #E0E0E0;

  1152. 			margin-right: 20rpx;

  1153. 

  1154. 			&.active {

  1155. 				color: #FFFFFF;

  1156. 				background-color: #2671E2;

  1157. 			}

  1158. 		}

  1159. 	}

  1160. 

  1161. 	

  1162. 

  1163. 	.boardbox {

  1164. 		width: 100%;

  1165. 		height: 172rpx;

  1166. 		display: flex;

  1167. 		align-items: center;

  1168. 		background: #F4F8FD;

  1169. 		border-radius: 8rpx;

  1170. 		margin-top: 28rpx;

  1171. 

  1172. 		.boardbox-zuo {

  1173. 			width: 50%;

  1174. 			height: 120rpx;

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

  1176. 		}

  1177. 

  1178. 		.boardbox-you {

  1179. 			width: 50%;

  1180. 			height: 120rpx;

  1181. 		}

  1182. 

  1183. 		.boardbox-text1 {

  1184. 			width: 100%;

  1185. 			text-align: center;

  1186. 			font-size: 28rpx;

  1187. 			color: #333333;

  1188. 		}

  1189. 

  1190. 		.boardbox-text2 {

  1191. 			width: 100%;

  1192. 			text-align: center;

  1193. 			font-size: 26rpx;

  1194. 			color: #333333;

  1195. 			margin-top: 10rpx;

  1196. 		}

  1197. 	}

  1198. </style>