liumin
/
NewZkgj
1
0
Fork 0
Código Incidencias 0 Pull Requests 0 Lanzamientos 0 Wiki Actividad
No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.
160 Commits
7 Ramas
28 MiB
 
 
 
Árbol: 2722dc65d6
Ramas Etiquetas
${ item.name }
Crear rama ${ searchTerm }
desde '2722dc65d6'
${ noResults }
NewZkgj/pages/center/Piabodata/TrendAnalysis.vue

1373 líneas
38 KiB
Original Blame Histórico 

  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="height: auto;padding-bottom: 20rpx;">

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

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

  51. 					<view class="num" >

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

  53. 							{{index==1?item.num+'%':item.num}}

  54. 						</view>

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

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

  57. 							<text :style="{color:item.num2*1>0?'red':'green'}">{{item.num2+'%'}} {{item.num2*1>0?'↑':'↓'}}</text>

  58. 						</view>

  59. 					</view>

  60. 				</view>

  61. 			</view>

  62. 		</view>

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

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

  65. 			<view class="tabbox">

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

  67. 			</view>

  68. 			<view class="tabbox">

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

  70. 			</view>

  71. 			<view class="tabbox">

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

  73. 			</view>

  74. 			<view class="tabbox">

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

  76. 			</view>

  77. 			<view class="tabbox">

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

  79. 			</view>

  80. 		</view>

  81. 

  82. 

  83. 		<view class="chart">

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

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

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

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

  88. 				</view>

  89. 			</view>

  90. 

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

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

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

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

  95. 						<input @click="oninputtap2()" v-model="Selectlevelobj.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 style="display: flex;justify-content:center;padding-left: 30rpx;padding-right: 30rpx;margin-top: 16rpx;"

  103. 						v-if="Selectlevelobj.name" @click="oninputtap2()">

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

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

  106. 						</view>

  107. 					</view> -->

  108. 				</view>

  109. 				

  110. 

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

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

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

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

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

  116. 					</view>

  117. 					<view>

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

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

  120. 					</view>

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

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

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

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

  125. 						</view>

  126. 					</view> -->

  127. 				</view>

  128. 			</view>

  129. 

  130. 			<view style="display: flex;align-items: center;height: 80rpx;justify-content: center;" v-if="Selecttuandui&&Selecttuanduiobj.name"

  131. 				@click="oninputtap4()">

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

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

  134. 				</view>

  135. 			</view>

  136. 

  137. 

  138. 			<view class="single">

  139. 				<!-- <view class="danwei" style="margin-top: 10rpx;">销讲词执行率</view> -->

  140. 				<view class="uchaserbox" :class="{ uchaserboxs : newactiveTotal  == 1 || newactiveTotal == 3 }" v-if="lineOptsect.series.length!=0">

  141. 

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

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

  144. 							:canvas2d="true" />

  145. 				</view>

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

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

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

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

  150. 					</view>

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

  152. 				</view>

  153. 			</view>

  154. 

  155. 		</view>

  156. 

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

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

  159. 			<view class="title">

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

  161. 			</view>

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

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

  164. 					<view class="tr">

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

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

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

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

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

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

  171. 						</view>

  172. 					</view>

  173. 				</view>

  174. 			</view>

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

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

  177. 					<view v-for="(item,index) in tableDate" :key="index" :style="{display:index==0?'inline-block':'block'}">

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

  179. 							<view v-for="(item1,index1) in item" :key="index1" class="trd" style="display: inline-block;">

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

  181. 									style="border-right:1px solid #E0E0E0;">{{item1==0?'--':item1+'%'}}{{item1*1>0?'↑':item1*1<0?'↓':''}}</view>

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

  183. 									{{item1+'%'}}</view>

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

  185. 							</view>

  186. 						</view>

  187. 					</view>

  188. 				</scroll-view>

  189. 			</view>

  190. 

  191. 		</view>

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

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

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

  195. 			</u-select>

  196. 		</view>

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

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

  199. 			</u-select>

  200. 		</view>

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

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

  203. 			</u-select>

  204. 		</view>

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

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

  207. 			</u-select>

  208. 		</view>

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

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

  211. 		</newcalendar>

  212. 	</view>

  213. 

  214. </template>

  215. <script>

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

  217. 	export default {

  218. 		data() {

  219. 			return {

  220. 				compareFlag: false,

  221. 				numlist: [{

  222. 						name: '接待量',

  223. 						num: '10',

  224. 						num1: '0',

  225. 						num2: '0'

  226. 					},

  227. 					{

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

  229. 						num: '10',

  230. 						num1: '0',

  231. 						num2: '0'

  232. 					},

  233. 					{

  234. 						name: '接待时长',

  235. 						num: '10',

  236. 						num1: '0',

  237. 						num2: '0'

  238. 					},

  239. 				],

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

  241. 				newactiveTotal: 0, //tab下标

  242. 				totalTimeShow: false,

  243. 				totalTimeShow2: false,

  244. 				totalTimeShow3: false,

  245. 				cWidth: uni.upx2px(690),

  246. 				cHeight: uni.upx2px(453),

  247. 				AcHeight: uni.upx2px(500),

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

  249. 					kaishitime: '',

  250. 					duibitime: '',

  251. 					audonum: '',

  252. 					audotime: "",

  253. 					avgDuration: '',

  254. 					fraction: ''

  255. 				},

  256. 				pamect: { //接口参数

  257. 					houseId: '',

  258. 					timeType: "4",

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

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

  261. 					lastStartDate: '',

  262. 					lastEndDate: '',

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

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

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

  266. 					showStatus: 0

  267. 				},

  268. 				linetype: "line",

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

  270. 				Showhiddenunits: false,

  271. 				selectlist: [],

  272. 				guwenshow: false,

  273. 				lopanobj: {

  274. 					id: '',

  275. 					name: ''

  276. 				},

  277. 				//二级相关

  278. 				Selectlevel: false,

  279. 				Selectlevelobj: {

  280. 					id: '',

  281. 					name: ''

  282. 				},

  283. 				erSelectlevelobj: {

  284. 					id: '',

  285. 					name: ''

  286. 				},

  287. 				Showhiddenunits2: false,

  288. 				Showhiddenunits3: false,

  289. 				selectlist2: [],

  290. 				selectlist3: [],

  291. 				//团队相关

  292. 				Selecttuandui: false,

  293. 				selectlist4: [],

  294. 				Selecttuanduiobj: {

  295. 					id: '',

  296. 					name: ''

  297. 				},

  298. 				Showhiddenunits4: false,

  299. 				showCanvas: true,

  300. 

  301. 				timepickpickisshow: false,

  302. 				sheartime1: "",

  303. 				sheartime2: "",

  304. 				intervaltime: 0,

  305. 				tableDate: [],

  306. 				guwenFlag: false,

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

  308. 			};

  309. 

  310. 		},

  311. 		components: {

  312. 			newcalendar

  313. 		},

  314. 		onLoad: function(options) {

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

  316. 			this.init()

  317. 		},

  318. 		watch: {

  319. 			Showhiddenunits(newValue, oldValue) {

  320. 				this.showCanvas = !newValue

  321. 			},

  322. 			Showhiddenunits2(newValue, oldValue) {

  323. 				this.showCanvas = !newValue

  324. 			},

  325. 			Showhiddenunits3(newValue, oldValue) {

  326. 				this.showCanvas = !newValue

  327. 			},

  328. 			Showhiddenunits4(newValue, oldValue) {

  329. 				this.showCanvas = !newValue

  330. 			},

  331. 

  332. 			totalTimeShow(newValue, oldValue) {

  333. 				this.showCanvas = !newValue

  334. 			},

  335. 			totalTimeShow2(newValue, oldValue) {

  336. 				this.showCanvas = !newValue

  337. 			},

  338. 			totalTimeShow3(newValue, oldValue) {

  339. 				this.showCanvas = !newValue

  340. 			},

  341. 		},

  342. 		methods: {

  343. 			//是否对比

  344. 			checkboxChange() {

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

  346. 					uni.showToast({

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

  348. 						duration: 2000

  349. 					});

  350. 					return

  351. 				}

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

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

  354. 						uni.showToast({

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

  356. 							duration: 2000

  357. 						});

  358. 						return

  359. 					}

  360. 				}

  361. 

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

  363. 					this.timepickpickisshow = false;

  364. 					this.pamect.showStatus = 0;

  365. 					this.init()

  366. 				} else {

  367. 					this.timepickpickisshow = true;

  368. 					this.pamect.showStatus = 1;

  369. 				}

  370. 				this.activeTotal = 8;

  371. 			},

  372. 			

  373. 			init() {

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

  375. 					this.pamect.lastStartDate = data.lastStartDate;

  376. 					this.pamect.lastEndDate = data.lastEndDate;

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

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

  379. 

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

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

  382. 						this.compareFlag = true

  383. 						// return

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

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

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

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

  388. 						this.numlist[1].num2 = data.contrastFraction;

  389. 						this.numlist[2].num2 = data.contrastSumDuration|| 0;

  390. 					} else {

  391. 						this.compareFlag = false

  392. 					}

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

  394. 						10);

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

  396. 					this.kanbanlist.duibitime = '';

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

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

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

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

  401. 							.substring(5, 10);

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

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

  404. 							"天)";

  405. 					}

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

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

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

  409. 					this.kanbanlist.fraction = data.fraction;

  410. 

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

  412. 						this.ProjectDimension()

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

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

  415. 							this.getguwenlist()

  416. 						} else {

  417. 							this.ConsultantDimension()

  418. 						}

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

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

  421. 							this.getuanduilist()

  422. 						} else {

  423. 							this.TeamCompared()

  424. 						}

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

  426. 						this.speakingLevel()

  427. 					} else {

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

  429. 							this.getonsyiji()

  430. 						} else {

  431. 							this.aboutEecondary()

  432. 						}

  433. 					}

  434. 				});

  435. 			},

  436. 			//起始时间

  437. 			totalTimeChange(e) {

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

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

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

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

  442. 					"天)";

  443. 

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

  445. 					this.init()

  446. 					this.totalTimeShow = false;

  447. 				} else {

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

  449. 						uni.showToast({

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

  451. 							duration: 2000

  452. 						});

  453. 					} else {

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

  455. 						if (kaishi == jshu) {

  456. 							this.init()

  457. 						} else {

  458. 							uni.showToast({

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

  460. 								duration: 2000

  461. 							});

  462. 						}

  463. 					}

  464. 					this.totalTimeShow = false;

  465. 				}

  466. 			},

  467. 			//对比时间

  468. 			totalTimeChange2(e) {

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

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

  471. 				var year = d.getFullYear();

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

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

  474. 				var day = d.getDate();

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

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

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

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

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

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

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

  482. 					"天)";

  483. 

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

  485. 				if (kaishi == jeishu) {

  486. 					this.init()

  487. 				} else {

  488. 					uni.showToast({

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

  490. 						duration: 2000

  491. 					});

  492. 				}

  493. 				this.totalTimeShow2 = false;

  494. 			},

  495. 			//自定义时间

  496. 			totalTimeChange3(e) {

  497. 				this.pamect.firstStartDate = "";

  498. 				this.pamect.firstEndDate = "";

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

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

  501. 				this.init()

  502. 				this.totalTimeShow3 = false;

  503. 			},

  504. 

  505. 

  506. 			//时间切换

  507. 			tabtimetap(index) {

  508. 				if (index == 0) {

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

  510. 					this.pamect.firstStartDate = '';

  511. 					this.pamect.firstEndDate = '';

  512. 					this.pamect.lastStartDate = '';

  513. 					this.pamect.lastEndDate = '';

  514. 					this.init()

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

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

  517. 					this.pamect.firstStartDate = '';

  518. 					this.pamect.firstEndDate = '';

  519. 					this.pamect.lastStartDate = '';

  520. 					this.pamect.lastEndDate = '';

  521. 					this.init()

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

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

  524. 					this.pamect.firstStartDate = '';

  525. 					this.pamect.firstEndDate = '';

  526. 					this.pamect.lastStartDate = '';

  527. 					this.pamect.lastEndDate = '';

  528. 					this.init()

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

  530. 					this.pamect.timeType = "";

  531. 					this.totalTimeShow = true;

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

  533. 					this.pamect.timeType = "";

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

  535. 					console.log(kaishi)

  536. 					this.intervaltime = kaishi - 1;

  537. 					this.totalTimeShow2 = true;

  538. 				} else {

  539. 					this.pamect.timeType = "";

  540. 					this.totalTimeShow3 = true;

  541. 				}

  542. 				this.activeTotal = index;

  543. 			},

  544. 			//tab切换

  545. 			tabxuanxiangtap(index) {

  546. 				this.newactiveTotal = index;

  547. 				this.guwenshow = false;

  548. 				this.Selectlevel = false;

  549. 				this.Selecttuandui = false;

  550. 				this.tableDate=[]

  551. 				this.pamect.showStatus = 0;

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

  553. 				this.pamect.firstStartDate = '';

  554. 				this.pamect.firstEndDate = '';

  555. 				this.pamect.lastStartDate = '';

  556. 				this.pamect.lastEndDate = '';

  557. 				this.pamect.accountId = '';

  558. 				this.pamect.marketingId = '';

  559. 				this.pamect.deptId = ""

  560. 				this.activeTotal = 0;

  561. 				this.timepickpickisshow = false;

  562. 				this.init()

  563. 

  564. 				if (index == 1) {

  565. 					this.guwenshow = true;

  566. 				}

  567. 			},

  568. 			//项目维度

  569. 			ProjectDimension() {

  570. 				const that = this;

  571. 				that.lineOptsect = {

  572. 					categories: [],

  573. 					series: []

  574. 				};

  575. 				this.linetype = "line";

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

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

  578. 						that.lineOptsect = {

  579. 							categories: [],

  580. 							series: [{

  581. 								name: '起始时间',

  582. 								data: [],

  583. 								color: '#7ED3F4'

  584. 							}]

  585. 						}

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

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

  588. 						})

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

  590. 					} else {

  591. 						that.lineOptsect = {

  592. 							categories: [],

  593. 							series: [{

  594. 									name: '起始时间',

  595. 									data: [],

  596. 									color: '#7ED3F4'

  597. 								},

  598. 								{

  599. 									name: '对比时间',

  600. 									data: [],

  601. 									color: '#FF7070'

  602. 								},

  603. 							]

  604. 						}

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

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

  607. 								if (sdf == zxc) {

  608. 									that.lineOptsect.categories.push(

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

  610. 									)

  611. 								}

  612. 							})

  613. 						})

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

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

  616. 						that.guwenFlag = false

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

  618. 						let arr = [

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

  620. 							// {

  621. 							// 	time:'时间',

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

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

  624. 							// 	compare:'变化'

  625. 							// },

  626. 						]

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

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

  629. 							]

  630. 							// obj.time=item

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

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

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

  634. 							// arr.push(obj)

  635. 							arr.push(newarr)

  636. 						})

  637. 						// console.log(arr)

  638. 						that.tableDate = arr

  639. 					}

  640. 				});

  641. 			},

  642. 			//顾问维度

  643. 			ConsultantDimension() {

  644. 				const that = this;

  645. 				that.lineOptsect = {

  646. 					categories: [],

  647. 					series: []

  648. 				};

  649. 				this.linetype = "radar";

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

  651. 					// return

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

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

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

  655. 					}

  656. 					this.opts = {

  657. 						fontSize: 10,

  658. 						extra: {

  659. 							radar: {

  660. 								max: max + 25

  661. 							}

  662. 						}

  663. 					}

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

  665. 						that.lineOptsect = {

  666. 							categories: [],

  667. 							series: [{

  668. 								name: '时段一',

  669. 								data: [],

  670. 								color: '#7ED3F4'

  671. 							}]

  672. 						}

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

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

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

  676. 						})

  677. 						console.log(this.lineOptsect, 'console.log(this.lineOptsect)')

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

  679. 					} else {

  680. 						// 当有对比的时候

  681. 						that.lineOptsect = {

  682. 							categories: [],

  683. 							series: [{

  684. 									name: '时段一',

  685. 									data: [],

  686. 									color: '#7ED3F4'

  687. 								},

  688. 								{

  689. 									name: '时段二',

  690. 									data: [],

  691. 									color: '#FF7070'

  692. 								},

  693. 							]

  694. 						}

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

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

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

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

  699. 						})

  700. 						// return

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

  702. 						that.guwenFlag = true

  703. 						let arr = []

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

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

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

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

  708. 						// console.log(arr)

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

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

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

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

  713. 						})

  714. 						that.tableDate = arr

  715. 						

  716. 						console.log(this.lineOptsect, 'console.log(this.lineOptsect)')

  717. 					}

  718. 

  719. 				});

  720. 			},

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

  722. 			oninputtap() {

  723. 				this.Showhiddenunits = true;

  724. 			},

  725. 			// 顾问选择确认

  726. 			confirm(e) {

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

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

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

  730. 				this.ConsultantDimension()

  731. 				this.Showhiddenunits = false;

  732. 			},

  733. 			//获取顾问

  734. 			getguwenlist() {

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

  736. 					houseId: this.pamect.houseId

  737. 				}).then(data => {

  738. 					this.selectlist = [];

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

  740. 						this.lineOptsect = {

  741. 							categories: [],

  742. 							series: []

  743. 						};

  744. 						this.guwenshow = false;

  745. 						return

  746. 					} else {

  747. 						this.guwenshow = true;

  748. 						data.forEach(item => {

  749. 							this.selectlist.push({

  750. 								value: item.accountId,

  751. 								label: item.name

  752. 							})

  753. 						})

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

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

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

  757. 						this.ConsultantDimension()

  758. 					}

  759. 				})

  760. 			},

  761. 			//销讲一级

  762. 			speakingLevel() {

  763. 				this.linetype = "radar";

  764. 				this.lineOptsect = {

  765. 					categories: [],

  766. 					series: []

  767. 				};

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

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

  770. 						return

  771. 					} else {

  772. 						let max = data[0].avgExecutionRate

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

  774. 							return item.name

  775. 						});

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

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

  778. 								item.avgExecutionRate = 0

  779. 							} else {

  780. 								item.avgExecutionRate = item.avgExecutionRate

  781. 							}

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

  783. 							return item.avgExecutionRate

  784. 						});

  785. 						this.opts = {

  786. 							fontSize: 10,

  787. 							extra: {

  788. 								radar: {

  789. 									max: max + 25

  790. 								}

  791. 							}

  792. 						}

  793. 						this.lineOptsect = {

  794. 							"categories": list,

  795. 							"series": [{

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

  797. 								"data": list1

  798. 							}]

  799. 						}

  800. 					}

  801. 				})

  802. 			},

  803. 			//销讲二级

  804. 			aboutEecondary() {

  805. 				this.lineOptsect = {};

  806. 				this.linetype = "line";

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

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

  809. 						this.lineOptsect = {

  810. 							categories: [],

  811. 							series: [{

  812. 								name: '起始时间',

  813. 								data: [],

  814. 								color: '#7ED3F4'

  815. 							}]

  816. 						}

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

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

  819. 						})

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

  821. 					} else {

  822. 						this.lineOptsect = {

  823. 							categories: [],

  824. 							series: [{

  825. 									name: '起始时间',

  826. 									data: [],

  827. 									color: '#7ED3F4'

  828. 								},

  829. 								{

  830. 									name: '对比时间',

  831. 									data: [],

  832. 									color: '#FF7070'

  833. 								},

  834. 							]

  835. 						}

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

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

  838. 								if (sdf == zxc) {

  839. 										this.lineOptsect.categories.push(

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

  841. 										)

  842. 								}

  843. 							})

  844. 						})

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

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

  847. 						let that = this

  848. 						this.guwenFlag = false

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

  850. 						let arr = [

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

  852. 						]

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

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

  855. 								index].avgExecutionRate, data.firstList[index].avgExecutionRate, data.contrast[index].data]

  856. 							arr.push(newarr)

  857. 						})

  858. 						// console.log(arr)

  859. 						that.tableDate = arr

  860. 					}

  861. 				})

  862. 			},

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

  864. 			getonsyiji() {

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

  866. 					houseId: this.pamect.houseId

  867. 				}).then(data => {

  868. 					this.selectlist2 = [];

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

  870. 						this.Selectlevel = false;

  871. 						this.lineOptsect = {

  872. 							categories: [],

  873. 							series: []

  874. 						};

  875. 						return

  876. 					} else {

  877. 						this.Selectlevel = true;

  878. 						data.forEach(item => {

  879. 							this.selectlist2.push({

  880. 								value: item.marketingId,

  881. 								label: item.name

  882. 							})

  883. 						})

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

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

  886. 						this.getonserji(this.Selectlevelobj.id)

  887. 					}

  888. 				})

  889. 			},

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

  891. 			getonserji(ccd) {

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

  893. 					houseId: this.pamect.houseId,

  894. 					marketingId: ccd

  895. 				}).then(data => {

  896. 					this.selectlist3 = [];

  897. 					data.forEach(item => {

  898. 						this.selectlist3.push({

  899. 							value: item.marketingId,

  900. 							label: item.name

  901. 						})

  902. 					})

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

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

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

  906. 					this.aboutEecondary()

  907. 				})

  908. 			},

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

  910. 			oninputtap2() {

  911. 				this.Showhiddenunits2 = true;

  912. 			},

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

  914. 			oninputtap3() {

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

  916. 					uni.showToast({

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

  918. 						duration: 2000

  919. 					});

  920. 				} else {

  921. 					this.Showhiddenunits3 = true;

  922. 				}

  923. 			},

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

  925. 			confirm2(e) {

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

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

  928. 				this.getonserji(this.Selectlevelobj.id)

  929. 			},

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

  931. 			confirm3(e) {

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

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

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

  935. 				this.aboutEecondary()

  936. 			},

  937. 

  938. 

  939. 

  940. 

  941. 

  942. 			//团队请选择

  943. 			oninputtap4() {

  944. 				this.Showhiddenunits4 = true;

  945. 			},

  946. 			//团队选择确认

  947. 			confirm4(e) {

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

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

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

  951. 

  952. 				this.pamect.showStatus = 0;

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

  954. 				this.pamect.firstStartDate = '';

  955. 				this.pamect.firstEndDate = '';

  956. 				this.pamect.lastStartDate = '';

  957. 				this.pamect.lastEndDate = '';

  958. 				this.activeTotal = 0;

  959. 				this.timepickpickisshow = false;

  960. 				this.init()

  961. 				this.TeamCompared()

  962. 			},

  963. 			//获取团队列表

  964. 			getuanduilist() {

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

  966. 					houseId: this.pamect.houseId

  967. 				}).then(data => {

  968. 					this.selectlist4 = [{

  969. 						value: "",

  970. 						label: "全部"

  971. 					}];

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

  973. 						this.Selecttuandui = false;

  974. 						this.lineOptsect = {

  975. 							categories: [],

  976. 							series: []

  977. 						};

  978. 						return

  979. 					} else {

  980. 						this.Selecttuandui = true;

  981. 						data.forEach(item => {

  982. 							this.selectlist4.push({

  983. 								value: item.deptId,

  984. 								label: item.deptName

  985. 							})

  986. 						})

  987. 						this.Selecttuanduiobj.id = "";

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

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

  990. 						this.TeamCompared()

  991. 					}

  992. 				})

  993. 			},

  994. 			//团队对比

  995. 			TeamCompared() {

  996. 				const that = this;

  997. 				that.lineOptsect = {};

  998. 				this.linetype = "line";

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

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

  1001. 						var newlist = [];

  1002. 						for (var i in data) {

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

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

  1005. 									item.fraction = 0

  1006. 								} else {

  1007. 									item.fraction = item.fraction

  1008. 								}

  1009. 								return item.fraction

  1010. 							});

  1011. 							newlist.push({

  1012. 								name: data[i].deptName,

  1013. 								data: ect

  1014. 							})

  1015. 						}

  1016. 						var timelist = [];

  1017. 						for (var i in data) {

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

  1019. 								return item.statDate

  1020. 							});

  1021. 							timelist.push({

  1022. 								name: data[i].deptName,

  1023. 								data: ect

  1024. 							})

  1025. 						}

  1026. 						var xAxisdata = [];

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

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

  1029. 						})

  1030. 						that.lineOptsect = {

  1031. 							categories: xAxisdata,

  1032. 							series: newlist

  1033. 						}

  1034. 					} else {

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

  1036. 							that.lineOptsect = {

  1037. 								categories: [],

  1038. 								series: [{

  1039. 									name: '起始时间',

  1040. 									data: [],

  1041. 									color: '#7ED3F4'

  1042. 								}]

  1043. 							}

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

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

  1046. 							})

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

  1048. 								.fraction);

  1049. 						} else {

  1050. 							that.lineOptsect = {

  1051. 								categories: [],

  1052. 								series: [{

  1053. 										name: '起始时间',

  1054. 										data: [],

  1055. 										color: '#7ED3F4'

  1056. 									},

  1057. 									{

  1058. 										name: '对比时间',

  1059. 										data: [],

  1060. 										color: '#FF7070'

  1061. 									},

  1062. 								]

  1063. 							}

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

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

  1066. 									if (sdf == zxc) {

  1067. 										that.lineOptsect.categories.push(

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

  1069. 										)

  1070. 									}

  1071. 								})

  1072. 							})

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

  1074. 								.fraction);

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

  1076. 								.fraction)

  1077. 							that.guwenFlag = false

  1078. 							// 团队处理数据

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

  1080. 							let arr = [

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

  1082. 								// {

  1083. 								// 	time:'时间',

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

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

  1086. 								// 	compare:'变化'

  1087. 								// },

  1088. 							]

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

  1090. 								let newarr = [item,  data

  1091. 									.lastValue.receptionStatList[index].fraction, data.firstValue.receptionStatList[index].fraction,data.contrast

  1092. 									.receptionStatList[index].data

  1093. 								]

  1094. 								// obj.time=item

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

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

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

  1098. 								// arr.push(obj)

  1099. 								arr.push(newarr)

  1100. 							})

  1101. 							// console.log(arr)

  1102. 							that.tableDate = arr

  1103. 						}

  1104. 					}

  1105. 				});

  1106. 			},

  1107. 

  1108. 			//算相隔天数

  1109. 			DateDiff(sDate1, sDate2) {

  1110. 				var aDate, oDate1, oDate2, iDays;

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

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

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

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

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

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

  1117. 			},

  1118. 		},

  1119. 	}

  1120. </script>

  1121. <style lang="scss" scoped>

  1122. 	.title2-che {

  1123. 		width: 178rpx;

  1124. 		height: 48rpx;

  1125. 		background: #FFFFFF;

  1126. 		border-radius: 6rpx;

  1127. 		border: 1px solid #E0E0E0;

  1128. 		line-height: 48rpx;

  1129. 		font-size: 28rpx;

  1130. 		font-weight: 400;

  1131. 		color: #666666;

  1132. 		text-indent: 12rpx;

  1133. 		margin-left: 35rpx;

  1134. 		position: relative;

  1135. 

  1136. 		.righttochoose {

  1137. 			width: 18rpx;

  1138. 			height: 24rpx;

  1139. 			position: absolute;

  1140. 			top: 12rpx;

  1141. 			right: 12rpx;

  1142. 		}

  1143. 	}

  1144. 

  1145. 	.table {

  1146. 		border: 0px solid darkgray;

  1147. 

  1148. 		.tr {

  1149. 			display: flex;

  1150. 			// width: 100%;

  1151. 			justify-content: center;

  1152. 			height: 64rpx;

  1153. 			align-items: center;

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

  1155. 			flex-wrap: nowrap;

  1156. 			

  1157. 			.td {

  1158. 				text-align: center;

  1159. 				font-size: 24rpx;

  1160. 				font-weight: 400;

  1161. 				color: #333333;

  1162. 				height: 64rpx;

  1163. 				line-height: 64rpx;

  1164. 				// flex-shrink: 0;

  1165. 			}

  1166. 			.trd{

  1167. 				    flex-shrink: 0;

  1168. 				    min-width: 300rpx;

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

  1170. 			}

  1171. 			.th {

  1172. 				height: 64rpx;

  1173. 				text-align: center;

  1174. 				font-size: 28rpx;

  1175. 				font-weight: 400;

  1176. 				color: #666666;

  1177. 				line-height: 64rpx;

  1178. 			}

  1179. 		}

  1180. 	}

  1181. 

  1182. 	.uchaserbox {

  1183. 		width: 100%;

  1184. 	}

  1185. 	

  1186. 	.uchaserboxs {

  1187. 		width: 100%;

  1188. 		height: 70vh;

  1189. 	}

  1190. 	

  1191. 	.activecllasscet2 {

  1192. 		color: #2671E2;

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

  1194. 	}

  1195. 

  1196. 	.timeduibi {

  1197. 		width: 100%;

  1198. 		background: #FFFFFF;

  1199. 		padding-bottom: 10rpx;

  1200. 

  1201. 		.timeshow {

  1202. 			color: #666666;

  1203. 			width: 100%;

  1204. 			height: 50rpx;

  1205. 			font-size: 28rpx;

  1206. 			line-height: 50rpx;

  1207. 			text-indent: 30rpx;

  1208. 		}

  1209. 	}

  1210. 

  1211. 

  1212. 

  1213. 

  1214. 

  1215. 

  1216. 	// 顶部时间切换

  1217. 	.timetabct {

  1218. 		width: 100%;

  1219. 		height: 98rpx;

  1220. 		display: flex;

  1221. 		align-items: center;

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

  1223. 	}

  1224. 

  1225. 	.timetabctview {

  1226. 		flex: 1;

  1227. 		height: 100%;

  1228. 		display: flex;

  1229. 		justify-content: center;

  1230. 		align-items: center;

  1231. 	}

  1232. 

  1233. 	.timetabct view {

  1234. 		width: 94rpx;

  1235. 		text-align: center;

  1236. 		height: 100%;

  1237. 		line-height: 98rpx;

  1238. 		font-size: 28rpx;

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

  1240. 		font-weight: 400;

  1241. 		color: #666666;

  1242. 	}

  1243. 

  1244. 	.activecllasscet {

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

  1246. 	}

  1247. 

  1248. 	// 对比时间切换

  1249. 	.timepick {

  1250. 		width: 100%;

  1251. 		height: 90rpx;

  1252. 		display: flex;

  1253. 		align-items: center;

  1254. 		background: #FFFFFF;

  1255. 	}

  1256. 

  1257. 	.timepicktime {

  1258. 		width: 260rpx;

  1259. 		height: 50rpx;

  1260. 		border: 1rpx solid #E0E0E0;

  1261. 		margin-left: 30rpx;

  1262. 		display: flex;

  1263. 		background: #FFFFFF;

  1264. 	}

  1265. 

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

  1267. 		width: 210rpx;

  1268. 		height: 100%;

  1269. 		line-height: 50rpx;

  1270. 		font-size: 26rpx;

  1271. 		font-weight: 400;

  1272. 		text-align: center;

  1273. 	}

  1274. 

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

  1276. 		width: 49rpx;

  1277. 		height: 100%;

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

  1279. 	}

  1280. 

  1281. 	.timepickpick {

  1282. 		width: 110rpx;

  1283. 		height: 50rpx;

  1284. 		margin-left: 30rpx;

  1285. 		display: flex;

  1286. 		align-items: center;

  1287. 	}

  1288. 

  1289. 	.Underimg {

  1290. 		width: 50rpx;

  1291. 		height: 50rpx;

  1292. 		margin-top: -2rpx;

  1293. 	}

  1294. 

  1295. 

  1296. 

  1297. 

  1298. 	.timeButton {

  1299. 		width: 100%;

  1300. 		height: 60rpx;

  1301. 		display: flex;

  1302. 		color: #b1b1b1;

  1303. 		font-size: 28rpx;

  1304. 

  1305. 		.item {

  1306. 			text-align: center;

  1307. 			line-height: 60rpx;

  1308. 			padding-left: 12rpx;

  1309. 			padding-right: 12rpx;

  1310. 			border-radius: 8rpx;

  1311. 			border: 1px solid #E0E0E0;

  1312. 			margin-right: 20rpx;

  1313. 

  1314. 			&.active {

  1315. 				color: #FFFFFF;

  1316. 				background-color: #2671E2;

  1317. 			}

  1318. 		}

  1319. 	}

  1320. 

  1321. 

  1322. 

  1323. 	.boardbox {

  1324. 		width: 100%;

  1325. 		height: 172rpx;

  1326. 		display: flex;

  1327. 		align-items: center;

  1328. 		background: #F4F8FD;

  1329. 		border-radius: 8rpx;

  1330. 		margin-top: 28rpx;

  1331. 

  1332. 		.boardbox-zuo {

  1333. 			width: 50%;

  1334. 			height: 120rpx;

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

  1336. 		}

  1337. 

  1338. 		.boardbox-you {

  1339. 			width: 50%;

  1340. 			height: 120rpx;

  1341. 		}

  1342. 

  1343. 		.boardbox-text1 {

  1344. 			width: 100%;

  1345. 			text-align: center;

  1346. 			font-size: 28rpx;

  1347. 			color: #333333;

  1348. 		}

  1349. 

  1350. 		.boardbox-text2 {

  1351. 			width: 100%;

  1352. 			text-align: center;

  1353. 			font-size: 26rpx;

  1354. 			color: #333333;

  1355. 			margin-top: 10rpx;

  1356. 		}

  1357. 	}

  1358. 

  1359. 	.comparesize {

  1360. 		flex: 1;

  1361. 		font-size: 24rpx;

  1362. 		color: #666666;

  1363. 		margin-top: 10rpx;

  1364. 	}

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

  1366. 		border-right:none ;

  1367. 		border-bottom:none ;

  1368. 	}

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

  1370. 		width: 50.5%;

  1371. 	}

  1372. </style>