liumin
/
NewZkgj
1
0
複製 0
程式碼 問題 0 合併請求 0 版本發佈 0 Wiki 活動
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
38 提交
7 分支
28 MiB
 
 
 
目錄樹: 634ea3defa
分支列表 標籤
${ item.name }
建立分支 ${ searchTerm }
從 '634ea3defa'
${ noResults }
NewZkgj/pages/center/Piabodata/TrendAnalysis.vue

1295 line
36 KiB
原始文件 Blame 歷史記錄 

  1. <template>

  2. 	<view>

  3. 		<view class="timetabct">

  4. 			<view class="timetabctview">

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

  6. 			</view>

  7. 			<view class="timetabctview">

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

  9. 			</view>

  10. 			<view class="timetabctview">

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

  12. 			</view>

  13. 		</view>

  14. 

  15. 		<view class="timepick">

  16. 			<view class="timepicktime">

  17. 				<view @click="tabtimetap(3)">{{sheartime1}}</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" style="width: 80%;margin-left: 10%;">

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

  50. 					<view class="num" style="display: flex;">

  51. 					<view class="" style="width: 35%;">

  52. 						{{item.num}}

  53. 					</view>

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

  55. 						<text style="margin-right: 10rpx;">对比：{{item.num1}} </text>

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

  57. 					</view>

  58. 					</view>

  59. 				</view>

  60. 			</view>

  61. 		</view>

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

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

  64. 			<view class="tabbox">

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

  66. 			</view>

  67. 			<view class="tabbox">

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

  69. 			</view>

  70. 			<view class="tabbox">

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

  72. 			</view>

  73. 			<view class="tabbox">

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

  75. 			</view>

  76. 			<view class="tabbox">

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

  78. 			</view>

  79. 		</view>

  80. 		

  81. 		

  82. 		<view class="chart">

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

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

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

  86. 				</view>

  87. 			</view> -->

  88. 			

  89. 			<view style="display: flex;justify-content:center;padding-left: 30rpx;padding-right: 30rpx;" v-if="guwenshow&&lopanobj.name" @click="oninputtap()">

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

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

  92. 				</view>

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

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

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

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

  97. 				</view>

  98. 				<view>

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

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

  101. 				</view> -->

  102. 			</view>

  103. 			

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

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

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

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

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

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

  110. 					</view>

  111. 					<view>

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

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

  114. 					</view>

  115. 				</view>

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

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

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

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

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

  121. 					</view>

  122. 					<view>

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

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

  125. 					</view>

  126. 				</view>

  127. 			</view>

  128. 		

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

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

  131. <!-- 				<view>团队选择：</view>

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

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

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

  135. 				</view>

  136. 				<view>

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

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

  139. 				</view> -->

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

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

  142. 				</view>

  143. 			</view>

  144. 			

  145. 			

  146. 			<view class="single">

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

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

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

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

  151. 						:canvas2d="true" />

  152. 				</view>

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

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

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

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

  157. 					</view>

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

  159. 				</view>

  160. 			</view>

  161. 		

  162. 		</view>

  163. 		

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

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

  166. 			<view class="title">

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

  168. 			</view>

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

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

  171. 									<view class="tr">

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

  173. 												<view  v-if="index1<item.length-1||index==0" class="td" style="border-right:1px solid #E0E0E0;">{{item1}}</view>

  174. 												<view v-if="index>0&&index1==item.length-1" class="td" style="border-right:1px solid #E0E0E0;" :style="{color:item1*1>0?'red':'green'}">{{item1==0?'--':item1+'%'}}</view>

  175. 										</view>

  176. 									</view>

  177. 								</view>

  178. 				</view>

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

  180. 						<scroll-view style="" scroll-x="true" >

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

  182. 										<view class="tr">

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

  184. 													<view v-if="index==1&&index1>0" class="td" :style="{color:item1*1>0?'red':'green'}" style="border-right:1px solid #E0E0E0;">{{item1==0?'--':item1+'%'}}</view>

  185. 													<view v-else-if="index>1&&index1>0" class="td" style="border-right:1px solid #E0E0E0;">{{item1+'%'}}</view>

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

  187. 											</view>

  188. 										</view>

  189. 									</view>

  190. 						</scroll-view>

  191. 					</view>

  192. 			 

  193. 		</view>

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

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

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

  197. 			</u-select>

  198. 		</view>

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

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

  201. 			</u-select>

  202. 		</view>

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

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

  205. 			</u-select>

  206. 		</view>

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

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

  209. 			</u-select>

  210. 		</view>

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

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

  213. 	</view>

  214. 

  215. </template>

  216. <script>

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

  218. 

  219. 	export default {

  220. 		data() {

  221. 			return {

  222. 				compareFlag:false,

  223. 				numlist:[

  224. 					{name:'接待量',num:'10',num1:'0',num2:'0'},

  225. 					{name:'平均执行率',num:'10',num1:'0',num2:'0'},

  226. 					{name:'接待时长',num:'10',num1:'0',num2:'0'},

  227. 				],

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

  229. 				newactiveTotal: 0, //tab下标

  230. 				totalTimeShow: false,

  231. 				totalTimeShow2: false,

  232. 				totalTimeShow3: false,

  233. 				cWidth: uni.upx2px(690),

  234. 				cHeight: uni.upx2px(453),

  235. 				AcHeight: uni.upx2px(500),

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

  237. 					kaishitime: '',

  238. 					duibitime: '',

  239. 					audonum: '',

  240. 					audotime: "",

  241. 					avgDuration: '',

  242. 					fraction: ''

  243. 				},

  244. 				pamect: { //接口参数

  245. 					houseId: '',

  246. 					timeType: "4",

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

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

  249. 					lastStartDate: '',

  250. 					lastEndDate: '',

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

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

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

  254. 					showStatus: 0

  255. 				},

  256. 				linetype: "line",

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

  258. 				Showhiddenunits: false,

  259. 				selectlist: [],

  260. 				guwenshow: false,

  261. 				lopanobj: {

  262. 					id: '',

  263. 					name: ''

  264. 				},

  265. 				//二级相关

  266. 				Selectlevel: false,

  267. 				Selectlevelobj: {

  268. 					id: '',

  269. 					name: ''

  270. 				},

  271. 				erSelectlevelobj: {

  272. 					id: '',

  273. 					name: ''

  274. 				},

  275. 				Showhiddenunits2: false,

  276. 				Showhiddenunits3: false,

  277. 				selectlist2: [],

  278. 				selectlist3: [],

  279. 				//团队相关

  280. 				Selecttuandui: false,

  281. 				selectlist4: [],

  282. 				Selecttuanduiobj: {

  283. 					id: '',

  284. 					name: ''

  285. 				},

  286. 				Showhiddenunits4: false,

  287. 				showCanvas: true,

  288. 

  289. 				timepickpickisshow: false,

  290. 				sheartime1: "",

  291. 				sheartime2: "",

  292. 				intervaltime: 0,

  293. 				tableDate:[],

  294. 				guwenFlag:false

  295. 			};

  296. 

  297. 		},

  298. 		components: {

  299. 			newcalendar

  300. 		},

  301. 		onLoad: function(options) {

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

  303. 			this.init()

  304. 		},

  305. 		watch: {

  306. 			Showhiddenunits(newValue, oldValue) {

  307. 				this.showCanvas = !newValue

  308. 			},

  309. 			Showhiddenunits2(newValue, oldValue) {

  310. 				this.showCanvas = !newValue

  311. 			},

  312. 			Showhiddenunits3(newValue, oldValue) {

  313. 				this.showCanvas = !newValue

  314. 			},

  315. 			Showhiddenunits4(newValue, oldValue) {

  316. 				this.showCanvas = !newValue

  317. 			},

  318. 

  319. 			totalTimeShow(newValue, oldValue) {

  320. 				this.showCanvas = !newValue

  321. 			},

  322. 			totalTimeShow2(newValue, oldValue) {

  323. 				this.showCanvas = !newValue

  324. 			},

  325. 			totalTimeShow3(newValue, oldValue) {

  326. 				this.showCanvas = !newValue

  327. 			},

  328. 		},

  329. 		methods: {

  330. 			//是否对比

  331. 			checkboxChange() {

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

  333. 					uni.showToast({

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

  335. 						duration: 2000

  336. 					});

  337. 					return

  338. 				}

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

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

  341. 						uni.showToast({

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

  343. 							duration: 2000

  344. 						});

  345. 						return

  346. 					}

  347. 				}

  348. 

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

  350. 					this.timepickpickisshow = false;

  351. 					this.pamect.showStatus = 0;

  352. 					this.init()

  353. 				} else {

  354. 					this.timepickpickisshow = true;

  355. 					this.pamect.showStatus = 1;

  356. 				}

  357. 				this.activeTotal = 8;

  358. 			},

  359. 			init() {

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

  361. 					this.pamect.lastStartDate = data.lastStartDate;

  362. 					this.pamect.lastEndDate = data.lastEndDate;

  363. 					this.numlist[0].num=data.startSumCustomer

  364. 					this.numlist[1].num=data.startFraction;

  365. 					this.numlist[2].num=data.startSumDuration;

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

  367. 						this.compareFlag=true

  368. 						// return

  369. 						this.numlist[0].num1=data.endSumCustomer

  370. 						this.numlist[1].num1=data.endFraction;

  371. 						this.numlist[2].num1=data.endSumDuration;

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

  373. 						this.numlist[1].num2=data.contrastFraction +'%';

  374. 						this.numlist[2].num2=data.contrastSumDuration;

  375. 					}else{

  376. 						this.compareFlag=false

  377. 					}

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

  379. 						10);

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

  381. 					this.kanbanlist.duibitime = '';

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

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

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

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

  386. 							.substring(5, 10);

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

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

  389. 							"天)";

  390. 					}

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

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

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

  394. 					this.kanbanlist.fraction = data.fraction;

  395. 

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

  397. 						this.ProjectDimension()

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

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

  400. 							this.getguwenlist()

  401. 						} else {

  402. 							this.ConsultantDimension()

  403. 						}

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

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

  406. 							this.getuanduilist()

  407. 						} else {

  408. 							this.TeamCompared()

  409. 						}

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

  411. 						this.speakingLevel()

  412. 					} else {

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

  414. 							this.getonsyiji()

  415. 						} else {

  416. 							this.aboutEecondary()

  417. 						}

  418. 					}

  419. 				});

  420. 			},

  421. 			//起始时间

  422. 			totalTimeChange(e) {

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

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

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

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

  427. 					"天)";

  428. 

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

  430. 					this.init()

  431. 					this.totalTimeShow = false;

  432. 				} else {

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

  434. 						uni.showToast({

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

  436. 							duration: 2000

  437. 						});

  438. 					} else {

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

  440. 						if (kaishi == jshu) {

  441. 							this.init()

  442. 						} else {

  443. 							uni.showToast({

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

  445. 								duration: 2000

  446. 							});

  447. 						}

  448. 					}

  449. 					this.totalTimeShow = false;

  450. 				}

  451. 			},

  452. 			//对比时间

  453. 			totalTimeChange2(e) {

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

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

  456. 				var year = d.getFullYear();

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

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

  459. 				var day = d.getDate();

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

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

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

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

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

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

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

  467. 					"天)";

  468. 

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

  470. 				if (kaishi == jeishu) {

  471. 					this.init()

  472. 				} else {

  473. 					uni.showToast({

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

  475. 						duration: 2000

  476. 					});

  477. 				}

  478. 				this.totalTimeShow2 = false;

  479. 			},

  480. 			//自定义时间

  481. 			totalTimeChange3(e) {

  482. 				this.pamect.firstStartDate = "";

  483. 				this.pamect.firstEndDate = "";

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

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

  486. 				this.init()

  487. 				this.totalTimeShow3 = false;

  488. 			},

  489. 

  490. 

  491. 			//时间切换

  492. 			tabtimetap(index) {

  493. 				if (index == 0) {

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

  495. 					this.pamect.firstStartDate = '';

  496. 					this.pamect.firstEndDate = '';

  497. 					this.pamect.lastStartDate = '';

  498. 					this.pamect.lastEndDate = '';

  499. 					this.init()

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

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

  502. 					this.pamect.firstStartDate = '';

  503. 					this.pamect.firstEndDate = '';

  504. 					this.pamect.lastStartDate = '';

  505. 					this.pamect.lastEndDate = '';

  506. 					this.init()

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

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

  509. 					this.pamect.firstStartDate = '';

  510. 					this.pamect.firstEndDate = '';

  511. 					this.pamect.lastStartDate = '';

  512. 					this.pamect.lastEndDate = '';

  513. 					this.init()

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

  515. 					this.pamect.timeType = "";

  516. 					this.totalTimeShow = true;

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

  518. 					this.pamect.timeType = "";

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

  520. 					console.log(kaishi)

  521. 					this.intervaltime = kaishi - 1;

  522. 					this.totalTimeShow2 = true;

  523. 				} else {

  524. 					this.pamect.timeType = "";

  525. 					this.totalTimeShow3 = true;

  526. 				}

  527. 				this.activeTotal = index;

  528. 			},

  529. 			//tab切换

  530. 			tabxuanxiangtap(index) {

  531. 				this.newactiveTotal = index;

  532. 				this.guwenshow = false;

  533. 				this.Selectlevel = false;

  534. 				this.Selecttuandui = false;

  535. 

  536. 				this.pamect.showStatus = 0;

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

  538. 				this.pamect.firstStartDate = '';

  539. 				this.pamect.firstEndDate = '';

  540. 				this.pamect.lastStartDate = '';

  541. 				this.pamect.lastEndDate = '';

  542. 				this.pamect.accountId = '';

  543. 				this.pamect.marketingId = '';

  544. 				this.pamect.deptId = ""

  545. 				this.activeTotal = 0;

  546. 				this.timepickpickisshow = false;

  547. 				this.init()

  548. 

  549. 				if (index == 1) {

  550. 					this.guwenshow = true;

  551. 				}

  552. 			},

  553. 			//项目维度

  554. 			ProjectDimension() {

  555. 				const that = this;

  556. 				that.lineOptsect = {

  557. 					categories: [],

  558. 					series: []

  559. 				};

  560. 				this.linetype = "line";

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

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

  563. 						that.lineOptsect = {

  564. 							categories: [],

  565. 							series: [{

  566. 								name: '起始时间',

  567. 								data: [],

  568. 								color: '#7ED3F4'

  569. 							}]

  570. 						}

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

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

  573. 						})

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

  575. 					} else {

  576. 						that.lineOptsect = {

  577. 							categories: [],

  578. 							series: [{

  579. 									name: '起始时间',

  580. 									data: [],

  581. 									color: '#7ED3F4'

  582. 								},

  583. 								{

  584. 									name: '对比时间',

  585. 									data: [],

  586. 									color: '#FF7070'

  587. 								},

  588. 							]

  589. 						}

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

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

  592. 								if (sdf == zxc) {

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

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

  595. 								}

  596. 							})

  597. 						})

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

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

  600. 						that.guwenFlag=false

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

  602. 						let arr=[

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

  604. 							// {

  605. 							// 	time:'时间',

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

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

  608. 							// 	compare:'变化'

  609. 							// },

  610. 						]

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

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

  613. 							// obj.time=item

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

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

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

  617. 							// arr.push(obj)

  618. 							arr.push(newarr)

  619. 						})

  620. 						// console.log(arr)

  621. 						that.tableDate=arr

  622. 					}

  623. 				});

  624. 			},

  625. 			//顾问维度

  626. 			ConsultantDimension() {

  627. 				const that = this;

  628. 				that.lineOptsect = {

  629. 					categories: [],

  630. 					series: []

  631. 				};

  632. 				this.linetype = "radar";

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

  634. 					// return

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

  636. 						that.lineOptsect = {

  637. 							categories: [],

  638. 							series: [{

  639. 								name: '时段一',

  640. 								data: [],

  641. 								color: '#7ED3F4'

  642. 							}]

  643. 						}

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

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

  646. 							that.lineOptsect.series[0].data.push(data.headerList[sdf].total)

  647. 						})

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

  649. 					} else {

  650. 						// 当有对比的时候

  651. 						that.lineOptsect = {

  652. 							categories: [],

  653. 							series: [{

  654. 									name: '时段一',

  655. 									data: [],

  656. 									color: '#7ED3F4'

  657. 								},

  658. 								{

  659. 									name: '时段二',

  660. 									data: [],

  661. 									color: '#FF7070'

  662. 								},

  663. 							]

  664. 						}

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

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

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

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

  669. 						})

  670. 						// return

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

  672. 						that.guwenFlag=true

  673. 						let arr=[]

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

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

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

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

  678. 						// console.log(arr)

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

  680. 							arr[1].push(item.total)

  681. 							arr[2].push(data.secondList[index].total)

  682. 							arr[3].push(data.thirdList[index].total)

  683. 						})

  684. 						that.tableDate=arr

  685. 					}

  686. 				});

  687. 			},

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

  689. 			oninputtap() {

  690. 				this.Showhiddenunits = true;

  691. 			},

  692. 			// 顾问选择确认

  693. 			confirm(e) {

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

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

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

  697. 				this.ConsultantDimension()

  698. 				this.Showhiddenunits = false;

  699. 			},

  700. 			//获取顾问

  701. 			getguwenlist() {

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

  703. 					houseId: this.pamect.houseId

  704. 				}).then(data => {

  705. 					this.selectlist = [];

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

  707. 						this.lineOptsect = {

  708. 							categories: [],

  709. 							series: []

  710. 						};

  711. 						this.guwenshow = false;

  712. 						return

  713. 					} else {

  714. 						this.guwenshow = true;

  715. 						data.forEach(item => {

  716. 							this.selectlist.push({

  717. 								value: item.accountId,

  718. 								label: item.name

  719. 							})

  720. 						})

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

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

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

  724. 						this.ConsultantDimension()

  725. 					}

  726. 				})

  727. 			},

  728. 			//销讲一级

  729. 			speakingLevel() {

  730. 				this.linetype = "radar";

  731. 				this.lineOptsect = {

  732. 					categories: [],

  733. 					series: []

  734. 				};

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

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

  737. 						return

  738. 					} else {

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

  740. 							return item.name

  741. 						});

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

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

  744. 								item.avgExecutionRate = 0

  745. 							} else {

  746. 								item.avgExecutionRate = item.avgExecutionRate

  747. 							}

  748. 							return item.avgExecutionRate

  749. 						});

  750. 						this.lineOptsect = {

  751. 							"categories": list,

  752. 							"series": [{

  753. 								"name": "",

  754. 								"data": list1

  755. 							}]

  756. 						}

  757. 					}

  758. 				})

  759. 			},

  760. 			//销讲二级

  761. 			aboutEecondary() {

  762. 				this.lineOptsect = {};

  763. 				this.linetype = "line";

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

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

  766. 						this.lineOptsect = {

  767. 							categories: [],

  768. 							series: [{

  769. 								name: '起始时间',

  770. 								data: [],

  771. 								color: '#7ED3F4'

  772. 							}]

  773. 						}

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

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

  776. 						})

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

  778. 					} else {

  779. 						this.lineOptsect = {

  780. 							categories: [],

  781. 							series: [{

  782. 									name: '起始时间',

  783. 									data: [],

  784. 									color: '#7ED3F4'

  785. 								},

  786. 								{

  787. 									name: '对比时间',

  788. 									data: [],

  789. 									color: '#FF7070'

  790. 								},

  791. 							]

  792. 						}

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

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

  795. 								if (sdf == zxc) {

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

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

  798. 								}

  799. 							})

  800. 						})

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

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

  803. 						let that=this

  804. 						this.guwenFlag=false

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

  806. 						let arr=[

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

  808. 						]

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

  810. 							let newarr=[item,data.firstList[index].avgExecutionRate,data.lastList[index].avgExecutionRate,data.contrast[index].data]

  811. 							arr.push(newarr)

  812. 						})

  813. 						// console.log(arr)

  814. 						that.tableDate=arr

  815. 					}

  816. 				})

  817. 			},

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

  819. 			getonsyiji() {

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

  821. 					houseId: this.pamect.houseId

  822. 				}).then(data => {

  823. 					this.selectlist2 = [];

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

  825. 						this.Selectlevel = false;

  826. 						this.lineOptsect = {

  827. 							categories: [],

  828. 							series: []

  829. 						};

  830. 						return

  831. 					} else {

  832. 						this.Selectlevel = true;

  833. 						data.forEach(item => {

  834. 							this.selectlist2.push({

  835. 								value: item.marketingId,

  836. 								label: item.name

  837. 							})

  838. 						})

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

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

  841. 						this.getonserji(this.Selectlevelobj.id)

  842. 					}

  843. 				})

  844. 			},

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

  846. 			getonserji(ccd) {

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

  848. 					houseId: this.pamect.houseId,

  849. 					marketingId: ccd

  850. 				}).then(data => {

  851. 					this.selectlist3 = [];

  852. 					data.forEach(item => {

  853. 						this.selectlist3.push({

  854. 							value: item.marketingId,

  855. 							label: item.name

  856. 						})

  857. 					})

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

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

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

  861. 					this.aboutEecondary()

  862. 				})

  863. 			},

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

  865. 			oninputtap2() {

  866. 				this.Showhiddenunits2 = true;

  867. 			},

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

  869. 			oninputtap3() {

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

  871. 					uni.showToast({

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

  873. 						duration: 2000

  874. 					});

  875. 				} else {

  876. 					this.Showhiddenunits3 = true;

  877. 				}

  878. 			},

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

  880. 			confirm2(e) {

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

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

  883. 				this.getonserji(this.Selectlevelobj.id)

  884. 			},

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

  886. 			confirm3(e) {

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

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

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

  890. 				this.aboutEecondary()

  891. 			},

  892. 

  893. 

  894. 

  895. 

  896. 

  897. 			//团队请选择

  898. 			oninputtap4() {

  899. 				this.Showhiddenunits4 = true;

  900. 			},

  901. 			//团队选择确认

  902. 			confirm4(e) {

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

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

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

  906. 

  907. 				this.pamect.showStatus = 0;

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

  909. 				this.pamect.firstStartDate = '';

  910. 				this.pamect.firstEndDate = '';

  911. 				this.pamect.lastStartDate = '';

  912. 				this.pamect.lastEndDate = '';

  913. 				this.activeTotal = 0;

  914. 				this.timepickpickisshow = false;

  915. 				this.init()

  916. 				this.TeamCompared()

  917. 			},

  918. 			//获取团队列表

  919. 			getuanduilist() {

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

  921. 					houseId: this.pamect.houseId

  922. 				}).then(data => {

  923. 					this.selectlist4 = [{

  924. 						value: "",

  925. 						label: "全部"

  926. 					}];

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

  928. 						this.Selecttuandui = false;

  929. 						this.lineOptsect = {

  930. 							categories: [],

  931. 							series: []

  932. 						};

  933. 						return

  934. 					} else {

  935. 						this.Selecttuandui = true;

  936. 						data.forEach(item => {

  937. 							this.selectlist4.push({

  938. 								value: item.deptId,

  939. 								label: item.deptName

  940. 							})

  941. 						})

  942. 						this.Selecttuanduiobj.id = "";

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

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

  945. 						this.TeamCompared()

  946. 					}

  947. 				})

  948. 			},

  949. 			//团队对比

  950. 			TeamCompared() {

  951. 				const that = this;

  952. 				that.lineOptsect = {};

  953. 				this.linetype = "line";

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

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

  956. 						var newlist = [];

  957. 						for (var i in data) {

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

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

  960. 									item.fraction = 0

  961. 								} else {

  962. 									item.fraction = item.fraction

  963. 								}

  964. 								return item.fraction

  965. 							});

  966. 							newlist.push({

  967. 								name: data[i].deptName,

  968. 								data: ect

  969. 							})

  970. 						}

  971. 						var timelist = [];

  972. 						for (var i in data) {

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

  974. 								return item.statDate

  975. 							});

  976. 							timelist.push({

  977. 								name: data[i].deptName,

  978. 								data: ect

  979. 							})

  980. 						}

  981. 						var xAxisdata = [];

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

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

  984. 						})

  985. 						that.lineOptsect = {

  986. 							categories: xAxisdata,

  987. 							series: newlist

  988. 						}

  989. 					} else {

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

  991. 							that.lineOptsect = {

  992. 								categories: [],

  993. 								series: [{

  994. 									name: '起始时间',

  995. 									data: [],

  996. 									color: '#7ED3F4'

  997. 								}]

  998. 							}

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

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

  1001. 							})

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

  1003. 								.fraction);

  1004. 						} else {

  1005. 							that.lineOptsect = {

  1006. 								categories: [],

  1007. 								series: [{

  1008. 										name: '起始时间',

  1009. 										data: [],

  1010. 										color: '#7ED3F4'

  1011. 									},

  1012. 									{

  1013. 										name: '对比时间',

  1014. 										data: [],

  1015. 										color: '#FF7070'

  1016. 									},

  1017. 								]

  1018. 							}

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

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

  1021. 									if (sdf == zxc) {

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

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

  1024. 									}

  1025. 								})

  1026. 							})

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

  1028. 								.fraction);

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

  1030. 								.fraction)

  1031. 								that.guwenFlag=false

  1032. 								// 团队处理数据

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

  1034. 								let arr=[

  1035. 									['时间',data.firstValue.deptName,data.lastValue.deptName,'变化']

  1036. 									// {

  1037. 									// 	time:'时间',

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

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

  1040. 									// 	compare:'变化'

  1041. 									// },

  1042. 								]

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

  1044. 									let newarr=[item,data.firstValue.receptionStatList[index].fraction,data.lastValue.receptionStatList[index].fraction,data.contrast.receptionStatList[index].data]

  1045. 									// obj.time=item

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

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

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

  1049. 									// arr.push(obj)

  1050. 									arr.push(newarr)

  1051. 								})

  1052. 								// console.log(arr)

  1053. 								that.tableDate=arr

  1054. 						}

  1055. 					}

  1056. 				});

  1057. 			},

  1058. 

  1059. 			//算相隔天数

  1060. 			DateDiff(sDate1, sDate2) {

  1061. 				var aDate, oDate1, oDate2, iDays;

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

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

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

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

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

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

  1068. 			},

  1069. 		},

  1070. 	}

  1071. </script>

  1072. <style lang="scss" scoped>

  1073. 	.title2-che{

  1074. 		width: 178rpx;

  1075. 		height: 48rpx;

  1076. 		background: #FFFFFF;

  1077. 		border-radius: 6rpx;

  1078. 		border: 1px solid #E0E0E0;

  1079. 		line-height: 48rpx;

  1080. 		font-size: 28rpx;

  1081. 		font-weight: 400;

  1082. 		color: #666666;

  1083. 		text-indent: 12rpx;

  1084. 		margin-left: 35rpx;

  1085. 		position: relative;

  1086. 		.righttochoose{

  1087. 			width: 18rpx;

  1088. 			height: 24rpx;

  1089. 			position: absolute;

  1090. 			top: 12rpx;

  1091. 			right: 12rpx;

  1092. 		}

  1093. 	}

  1094. 	.table {

  1095. 		border: 0px solid darkgray;

  1096. 		.tr {

  1097. 			display: flex;

  1098. 			width: 100%;

  1099. 			justify-content: center;

  1100. 			height: 64rpx;

  1101. 			align-items: center;

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

  1103. 			.td {

  1104. 				text-align: center;

  1105. 				font-size: 24rpx;

  1106. 				font-weight: 400;

  1107. 				color: #333333;

  1108. 				height: 64rpx;

  1109. 				line-height: 64rpx;

  1110. 			}

  1111. 			.th {

  1112. 				height: 64rpx;

  1113. 				text-align: center;

  1114. 				font-size: 28rpx;

  1115. 				font-weight: 400;

  1116. 				color: #666666;

  1117. 				line-height: 64rpx;

  1118. 			}

  1119. 		}

  1120. 	}

  1121. 	.activecllasscet2 {

  1122. 		color:  #2671E2;

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

  1124. 	}

  1125. 	

  1126. 	.timeduibi{

  1127. 		width: 100%;

  1128. 		background: #FFFFFF;

  1129. 		padding-bottom: 36rpx;

  1130. 		.timeshow {

  1131. 			color: #666666;

  1132. 			width: 100%;

  1133. 			height: 50rpx;

  1134. 			height: 26rpx;

  1135. 			font-size: 26rpx;

  1136. 			line-height: 50rpx;

  1137. 			text-indent: 30rpx;

  1138. 		}

  1139. 	}

  1140. 

  1141. 

  1142. 

  1143. 

  1144. 

  1145. 

  1146. 	// 顶部时间切换

  1147. 	.timetabct {

  1148. 		width: 100%;

  1149. 		height: 98rpx;

  1150. 		display: flex;

  1151. 		align-items: center;

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

  1153. 	}

  1154. 

  1155. 	.timetabctview {

  1156. 		flex: 1;

  1157. 		height: 100%;

  1158. 		display: flex;

  1159. 		justify-content: center;

  1160. 		align-items: center;

  1161. 	}

  1162. 

  1163. 	.timetabct view {

  1164. 		width: 94rpx;

  1165. 		text-align: center;

  1166. 		height: 100%;

  1167. 		line-height: 98rpx;

  1168. 		font-size: 28rpx;

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

  1170. 		font-weight: 400;

  1171. 		color: #666666;

  1172. 	}

  1173. 

  1174. 	.activecllasscet {

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

  1176. 	}

  1177. 

  1178. 	// 对比时间切换

  1179. 	.timepick {

  1180. 		width: 100%;

  1181. 		height: 90rpx;

  1182. 		display: flex;

  1183. 		align-items: center;

  1184. 		background: #FFFFFF;

  1185. 	}

  1186. 

  1187. 	.timepicktime {

  1188. 		width: 260rpx;

  1189. 		height: 50rpx;

  1190. 		border: 1rpx solid #E0E0E0;

  1191. 		margin-left: 30rpx;

  1192. 		display: flex;

  1193. 		background: #FFFFFF;

  1194. 	}

  1195. 

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

  1197. 		width: 210rpx;

  1198. 		height: 100%;

  1199. 		line-height: 50rpx;

  1200. 		font-size: 26rpx;

  1201. 		font-weight: 400;

  1202. 		text-align: center;

  1203. 	}

  1204. 

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

  1206. 		width: 50rpx;

  1207. 		height: 100%;

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

  1209. 	}

  1210. 

  1211. 	.timepickpick {

  1212. 		width: 110rpx;

  1213. 		height: 50rpx;

  1214. 		margin-left: 30rpx;

  1215. 		display: flex;

  1216. 		align-items: center;

  1217. 	}

  1218. 

  1219. 	.Underimg {

  1220. 		width: 50rpx;

  1221. 		height: 50rpx;

  1222. 		margin-top: -2rpx;

  1223. 	}

  1224. 

  1225. 

  1226. 

  1227. 

  1228. 	.timeButton {

  1229. 		width: 100%;

  1230. 		height: 60rpx;

  1231. 		display: flex;

  1232. 		color: #b1b1b1;

  1233. 		font-size: 28rpx;

  1234. 

  1235. 		.item {

  1236. 			text-align: center;

  1237. 			line-height: 60rpx;

  1238. 			padding-left: 12rpx;

  1239. 			padding-right: 12rpx;

  1240. 			border-radius: 8rpx;

  1241. 			border: 1px solid #E0E0E0;

  1242. 			margin-right: 20rpx;

  1243. 

  1244. 			&.active {

  1245. 				color: #FFFFFF;

  1246. 				background-color: #2671E2;

  1247. 			}

  1248. 		}

  1249. 	}

  1250. 

  1251. 	

  1252. 

  1253. 	.boardbox {

  1254. 		width: 100%;

  1255. 		height: 172rpx;

  1256. 		display: flex;

  1257. 		align-items: center;

  1258. 		background: #F4F8FD;

  1259. 		border-radius: 8rpx;

  1260. 		margin-top: 28rpx;

  1261. 

  1262. 		.boardbox-zuo {

  1263. 			width: 50%;

  1264. 			height: 120rpx;

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

  1266. 		}

  1267. 

  1268. 		.boardbox-you {

  1269. 			width: 50%;

  1270. 			height: 120rpx;

  1271. 		}

  1272. 

  1273. 		.boardbox-text1 {

  1274. 			width: 100%;

  1275. 			text-align: center;

  1276. 			font-size: 28rpx;

  1277. 			color: #333333;

  1278. 		}

  1279. 

  1280. 		.boardbox-text2 {

  1281. 			width: 100%;

  1282. 			text-align: center;

  1283. 			font-size: 26rpx;

  1284. 			color: #333333;

  1285. 			margin-top: 10rpx;

  1286. 		}

  1287. 	}

  1288. 	.comparesize{

  1289. 		flex: 1;

  1290. 		font-size: 24rpx;

  1291. 		color: #666666;

  1292. 		margin-top: 10rpx;

  1293. 	}

  1294. </style>