liumin
/
NewZkgj
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
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.
127 Commits
7 Branches
28 MiB
 
 
 
Tree: 5cd305e82c
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '5cd305e82c'
${ noResults }
NewZkgj/pages/index/learning.vue

637 lines
13 KiB
Raw Blame History 

  1. <template>

  2. 	<view class="main">

  3. 		<view class="tab-box">

  4. 			<view class="tab-item-wrap">

  5. 				<view v-for="(item, index) in tablist" :key="index" :class="activeClass == index ? 'bottom' : ''"

  6. 					@tap="clocktab(index, item.id)">

  7. 					{{ item.name }}

  8. 					<view class="bottomLine" v-if="activeClass == index"></view>

  9. 				</view>

  10. 			</view>

  11. 		</view>

  12. 		<view class="cented" v-if="activeClass==0">

  13. 

  14. 

  15. 			<view class="ceninfo" v-for="(item,index) in alllist" @click="quclick(item)" :key="index">

  16. 				<view class="infoview">

  17. 					<view class="infozuo">

  18. 						<view class="infozuochiud1">{{item.jbaName}}</view>

  19. 						<view class="infozuochiud2">置业顾问</view>

  20. 					</view>

  21. 					<view class="infoyou">

  22. 						<view class="infoyouchiud2">去学习</view>

  23. 					</view>

  24. 				</view>

  25. 				<view class="footerinfo">

  26. 					<view class="footerinfozuo">{{item.assignedTime}}</view>

  27. 					<view class="footerinfoyou"></view>

  28. 				</view>

  29. 				<view class="footicon">

  30. 					<view class="icon">

  31. 						<image class="Piabodata-img1" src="../../static/images/studyhot.png" mode=""></image>

  32. 						<!-- 浏览量 -->

  33. 						{{item.pageviews}}

  34. 					</view>

  35. 					<view class="icon">

  36. 						<image class="Piabodata-img1" src="../../static/images/viewstudy.png" mode=""></image>

  37. 						<!-- 热度 -->

  38. 						{{item.heat}}

  39. 					</view>

  40. 				</view>

  41. 			</view>

  42. 

  43. 

  44. 		</view>

  45. 		<view class="biaoqianview" v-if="activeClass==1">

  46. 			<view class="boxintention">

  47. 				<view class="title">分点标签列表</view>

  48. 				<view class="boxcenten" v-for="(item,index) in equinoctial" :key="index" @click="routerclick(item)">

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

  50. 					<view class="boxcenteninfoimg">

  51. 						<u-icon size="20px" name="arrow-right"></u-icon>

  52. 					</view>

  53. 				</view>

  54. 			</view>

  55. 		</view>

  56. 

  57. 		<!-- 底部导航栏 -->

  58. 		<u-tabbar :mid-button="true" activeColor="#1296db" inactiveColor="#999999" v-model="current" :list="tabbarList"></u-tabbar>

  59. 

  60. 	</view>

  61. </template>

  62. 

  63. <script>

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

  65. 	var util = require("@/utils/util.js");

  66. 	import tabbarList from '@/utils/tabbar.js'

  67. 	export default {

  68. 		data() {

  69. 			return {

  70. 				// tabbar配置项

  71. 				current: 3,

  72. 				tabbarList: tabbarList,

  73. 				//--- end --- tabbar配置项

  74. 

  75. 				tablist: [{

  76. 						name: "全文"

  77. 					},

  78. 					{

  79. 						name: "分点"

  80. 					}

  81. 				],

  82. 				activeClass: 0,

  83. 				equinoctial: [],

  84. 				alllist: [],

  85. 				buildingID: ''

  86. 

  87. 			};

  88. 		},

  89. 		onShow() {

  90. 			var i = uni.getStorageSync('fendianindex')

  91. 			this.buildingID = uni.getStorageSync('buildingID').id;

  92. 			this.clocktab(i)

  93. 		},

  94. 		methods: {

  95. 			//全部学习跳转

  96. 			quclick(item) {

  97. 				uni.showLoading({

  98. 					title: '加载中',

  99. 					mask: true

  100. 				});

  101. 				const parames = {

  102. 					pageNum: 1,

  103. 					pageSize: 100,

  104. 					query: {

  105. 						customerId: item.carId,

  106. 					}

  107. 				}

  108. 				var cet = {

  109. 					bg: 0,

  110. 					customerId: item.id,

  111. 					id: ''

  112. 				}

  113. 				this.$u.post("/corpus/findByPage", parames).then(res => {

  114. 					setTimeout(function() {

  115. 						uni.hideLoading();

  116. 					}, 2000);

  117. 					var newobj = res[0];

  118. 					if (res[0].merge == 0) {

  119. 						uni.navigateTo({

  120. 							url: `/pages/learning/Thefulltext/index2?customerId=${newobj.customerId}&status=${newobj.status}&itemobj=${JSON.stringify(cet)}&stateisshow=${"2"}`

  121. 						})

  122. 					} else {

  123. 						uni.navigateTo({

  124. 							url: `/pages/learning/Thefulltext/index?customerId=${newobj.customerId}`

  125. 						})

  126. 					}

  127. 				})

  128. 			},

  129. 			//分点学习跳转

  130. 			routerclick(item) {

  131. 				uni.navigateTo({

  132. 					url: "/pages/learning/Equinoctiallearning?id=" + item.marketingId + "&biaoqian=" + item.name

  133. 				})

  134. 			},

  135. 			//  tab切换

  136. 			clocktab(index) {

  137. 				this.activeClass = index;

  138. 				if (this.activeClass == 0) {

  139. 					uni.setStorageSync("fendianindex", 0); //写入缓存

  140. 					this.ceninit()

  141. 				} else {

  142. 					uni.setStorageSync("fendianindex", 1); //写入缓存

  143. 					this.infoinit()

  144. 				}

  145. 			},

  146. 			ceninit() {

  147. 				let infoobj = {

  148. 					"pageNum": 1,

  149. 					"pageSize": 100,

  150. 					"query": {

  151. 						"status": 0,

  152. 						'itemId': this.buildingID,

  153. 					}

  154. 				}

  155. 				uni.request({

  156. 					url: config.service.findAllZATD,

  157. 					method: "POST",

  158. 					header: {

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

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

  161. 					},

  162. 					data: infoobj,

  163. 					success: (data) => {

  164. 						if (data.data.code == 10000) {

  165. 							this.alllist = data.data.data.results

  166. 						} else {

  167. 							uni.showToast({

  168. 								title: data.data.message,

  169. 								duration: 2000

  170. 							});

  171. 						}

  172. 					}

  173. 				})

  174. 			},

  175. 

  176. 

  177. 			infoinit() {

  178. 				let obj = {

  179. 					itemId: this.buildingID

  180. 				}

  181. 				uni.request({

  182. 					url: config.service.findSelectedLabel,

  183. 					method: "POST",

  184. 					data: obj,

  185. 					header: {

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

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

  188. 					},

  189. 					success: (data) => {

  190. 						if (data.data.code == 10000) {

  191. 							this.equinoctial = data.data.data

  192. 						} else {

  193. 							uni.showToast({

  194. 								title: data.data.message,

  195. 								duration: 2000

  196. 							});

  197. 						}

  198. 					}

  199. 				})

  200. 			}

  201. 		},

  202. 	}

  203. </script>

  204. 

  205. <style lang="scss" scoped>

  206. 	.main {

  207. 		background: #F1F1F1;

  208. 		;

  209. 		min-height: 100vh;

  210. 	}

  211. 

  212. 	.tab-box {

  213. 		height: auto;

  214. 		overflow: auto;

  215. 		width: 100%;

  216. 

  217. 		.tab-item-wrap {

  218. 			height: 100rpx;

  219. 			width: 80%;

  220. 			margin: 0 auto;

  221. 			line-height: 100rpx;

  222. 			display: flex;

  223. 			justify-content: space-around;

  224. 			font-size: 36rpx;

  225. 			color: #959dad;

  226. 		}

  227. 	}

  228. 

  229. 	.bottom {

  230. 		color: #008EF2;

  231. 		position: relative;

  232. 	}

  233. 

  234. 	.bottomLine {

  235. 		position: absolute;

  236. 		width: 96rpx;

  237. 		height: 6rpx;

  238. 		top: 80rpx;

  239. 		background-color: #298dff;

  240. 		border-radius: 8rpx 8rpx 0rpx 0rpx;

  241. 		left: -13rpx;

  242. 	}

  243. 

  244. 	.cented {

  245. 		width: 100%;

  246. 		padding-top: 14rpx;

  247. 

  248. 		.ceninfo {

  249. 			width: 690rpx;

  250. 			// height: 160rpx;

  251. 			background: #FFFFFF;

  252. 			border-radius: 8rpx;

  253. 			margin: 0 auto;

  254. 			margin-top: 20rpx;

  255. 			padding-top: 23rpx;

  256. 			position: relative;

  257. 

  258. 			.infoview {

  259. 				width: 100%;

  260. 				height: 64rpx;

  261. 				display: flex;

  262. 

  263. 				.infozuo {

  264. 					width: 454rpx;

  265. 					height: 100%;

  266. 					display: flex;

  267. 					align-items: center;

  268. 

  269. 					.infozuochiud1 {

  270. 						font-size: 36rpx;

  271. 						font-weight: 600;

  272. 						color: #0C0C0C;

  273. 						text-indent: 28rpx;

  274. 					}

  275. 

  276. 					.infozuochiud2 {

  277. 						width: 113rpx;

  278. 						height: 42rpx;

  279. 						border-radius: 5rpx;

  280. 						margin-left: 19rpx;

  281. 						border: 1px solid #008EF2;

  282. 						font-size: 24rpx;

  283. 						font-weight: 400;

  284. 						color: #008EF2;

  285. 						line-height: 42rpx;

  286. 						text-align: center;

  287. 					}

  288. 				}

  289. 

  290. 				.infoyou {

  291. 					width: 236rpx;

  292. 					height: 100%;

  293. 					display: flex;

  294. 					align-items: center;

  295. 

  296. 					.infoyouchiud1 {

  297. 						display: block;

  298. 						width: 64rpx;

  299. 						height: 64rpx;

  300. 						border-radius: 50%;

  301. 					}

  302. 

  303. 					.infoyouchiud2 {

  304. 						width: 133rpx;

  305. 						height: 56rpx;

  306. 						background: #008EF2;

  307. 						border-radius: 8rpx;

  308. 						text-align: center;

  309. 						color: #FFFFFF;

  310. 						font-size: 30rpx;

  311. 						line-height: 56rpx;

  312. 						margin-left: 80rpx;

  313. 					}

  314. 				}

  315. 			}

  316. 

  317. 			.footerinfo {

  318. 				width: 100%;

  319. 				height: 42rpx;

  320. 				display: flex;

  321. 				margin-top: 14rpx;

  322. 

  323. 				.footerinfozuo {

  324. 					width: 454rpx;

  325. 					font-size: 30rpx;

  326. 					color: #0C0C0C;

  327. 					line-height: 42rpx;

  328. 					margin-left: 26rpx;

  329. 				}

  330. 

  331. 				.footerinfoyou {

  332. 					width: 236rpx;

  333. 					font-size: 24rpx;

  334. 					color: #999999;

  335. 					line-height: 42rpx;

  336. 					text-indent: 42rpx;

  337. 				}

  338. 			}

  339. 

  340. 			.dingwei {

  341. 				width: 100%;

  342. 				height: 60rpx;

  343. 				border: 1px solid red;

  344. 				position: absolute;

  345. 				top: 160rpx;

  346. 				left: 0rpx;

  347. 			}

  348. 		}

  349. 	}

  350. 

  351. 	.biaoqianview {

  352. 		width: 100%;

  353. 

  354. 		.boxintention {

  355. 			width: 690rpx;

  356. 			margin: 0 auto;

  357. 

  358. 			.title {

  359. 				font-size: 36upx;

  360. 				color: #333333;

  361. 				position: relative;

  362. 				display: flex;

  363. 				align-items: center;

  364. 				padding-left: 19upx;

  365. 

  366. 				&:before {

  367. 					content: '';

  368. 					position: absolute;

  369. 					left: 0;

  370. 					height: 30upx;

  371. 					width: 9upx;

  372. 					background: #008ef2;

  373. 					border-radius: 5rpx;

  374. 				}

  375. 			}

  376. 

  377. 			.boxcenten {

  378. 				width: 100%;

  379. 				height: 100rpx;

  380. 				background: #FFFFFF;

  381. 				border-radius: 8rpx;

  382. 				margin-top: 22rpx;

  383. 				display: flex;

  384. 

  385. 				.boxcenteninfotext {

  386. 					width: 90%;

  387. 					height: 100%;

  388. 					text-indent: 20rpx;

  389. 					line-height: 100rpx;

  390. 					font-size: 30rpx;

  391. 					color: #0C0C0C;

  392. 				}

  393. 

  394. 				.boxcenteninfoimg {

  395. 					width: 10%;

  396. 					height: 100%;

  397. 					line-height: 100rpx;

  398. 				}

  399. 			}

  400. 		}

  401. 	}

  402. 

  403. 	.footicon {

  404. 		display: flex;

  405. 		align-items: center;

  406. 		margin-top: 30rpx;

  407. 		padding: 20rpx;

  408. 		flex-direction: row-reverse;

  409. 

  410. 		.icon {

  411. 			margin-left: 20rpx;

  412. 		}

  413. 

  414. 		image {

  415. 			width: 36rpx;

  416. 			height: 36rpx;

  417. 			margin-right: 20rpx;

  418. 			vertical-align: -7rpx;

  419. 		}

  420. 	}

  421. </style>

  422. 

  423. 

  424. 

  425. <!-- <template>

  426. 	<view class="cented-box">

  427. 		<view class="search-box">

  428. 			<view class="search">

  429. 				<view class="search-img">

  430. 					<image class="search-img1" src="../../static/images/search.png" mode=""></image>

  431. 				</view>

  432. 				<view class="search-text">输入话术关键字</view>

  433. 			</view>

  434. 		</view>

  435. 		

  436. 		<view class="caseid-box">

  437. 			<view class="caseid">

  438. 				<image class="caseid-img1" src="../../static/images/good.png" mode=""></image>

  439. 				<view class="caseid-text">优秀案例</view>

  440. 			</view>

  441. 			<view class="caseid">

  442. 				<image class="caseid-img1" src="../../static/images/problem.png" mode=""></image>

  443. 				<view class="caseid-text">问题库</view>

  444. 			</view>

  445. 			<view class="caseid">

  446. 				<image class="caseid-img1" src="../../static/images/reverse.png" mode=""></image>

  447. 				<view class="caseid-text">反面案例</view>

  448. 			</view>

  449. 		</view>

  450. 		<view class="Pinspeak">销讲话术</view>

  451. 		<view class="chented">

  452. 			<view class="title">

  453. 				<view class="title1"></view>

  454. 				<view class="titletext">逼单话术</view>

  455. 				<view class="titleimg">

  456. 					<image class="titleimg1" src="../../static/images/arrow.png" mode=""></image>

  457. 				</view>

  458. 			</view>

  459. 		</view>

  460. 		

  461. 		<view class="chented">

  462. 			<view class="title" style="border: none;">

  463. 				<view class="title1"></view>

  464. 				<view class="titletext">品牌介绍</view>

  465. 			</view>

  466. 			<view class="chented-for">

  467. 				<view class="chented-che">2021销售额</view>

  468. 				<view class="chented-che">2021销售额</view>

  469. 				<view class="chented-che">2021销售额</view>

  470. 				<view class="chented-che">2021销售额</view>

  471. 			</view>

  472. 		</view>

  473. 		<view class="chented">

  474. 			<view class="title" style="border: none;">

  475. 				<view class="title1"></view>

  476. 				<view class="titletext">品牌介绍</view>

  477. 			</view>

  478. 			<view class="chented-for">

  479. 				<view class="chented-che">2021销售额</view>

  480. 				<view class="chented-che">2021销售额</view>

  481. 				<view class="chented-che">2021销售额</view>

  482. 				<view class="chented-che">2021销售额</view>

  483. 			</view>

  484. 		</view>

  485. 		

  486. 	</view>

  487. </template>

  488. 

  489. <script>

  490. 	export default {

  491. 		data() {

  492. 			return {};

  493. 		},

  494. 		components: {},

  495. 		onLoad() {},

  496. 		onShow() {},

  497. 		methods: {

  498. 	

  499. 		},

  500. 	

  501. 	};

  502. </script>

  503. 

  504. <style lang="scss" scoped>

  505. .cented-box{

  506. 	background: #F8F8F8;

  507. 	width: 100%;

  508. 	height: 100%;

  509. }

  510. .search-box{

  511. 	width: 100%;

  512. 	height: 102rpx;

  513. 	background: #FFFFFF;

  514. 	display: flex;

  515. 	align-items: center;

  516. 	justify-content: center;

  517. 	.search{

  518. 		width: 690rpx;

  519. 		height: 70rpx;

  520. 		display: flex;

  521. 		align-items: center;

  522. 		background: #F8F8F8;

  523. 		border-radius: 33rpx;

  524. 		.search-img{

  525. 			width: 26rpx;

  526. 			height: 30rpx;

  527. 			margin-left: 20rpx;

  528. 			.search-img1{

  529. 				width: 100%;

  530. 				height: 100%;

  531. 				margin-top: 2rpx;

  532. 			}	

  533. 		}

  534. 		.search-text{

  535. 			font-size: 28rpx;

  536. 			font-weight: 400;

  537. 			color: #999999;

  538. 			margin-left:10rpx;

  539. 		}

  540. 	}

  541. }

  542. .caseid-box{

  543. 	width: 100%;

  544. 	height: 204rpx;

  545. 	margin-top: 10rpx;

  546. 	background: #FFFFFF;

  547. 	display: flex;

  548. 	.caseid{

  549. 		flex: 1;

  550. 		height: 100%;

  551. 		text-align: center;

  552. 		margin-top: 13rpx;

  553. 		.caseid-img1{

  554. 			width: 134rpx;

  555. 			height: 134rpx;

  556. 		}

  557. 		.caseid-text{

  558. 			width: 100%;

  559. 			text-align: center;

  560. 			font-size: 24rpx;

  561. 			font-weight: 400;

  562. 			color: #333333;

  563. 		}

  564. 	}

  565. }

  566. .Pinspeak{

  567. 	width: 100%;

  568. 	height: 92rpx;

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

  570. 	font-size: 32rpx;

  571. 	font-weight: 600;

  572. 	color: #333333;

  573. 	text-indent: 30rpx;

  574. 	line-height: 92rpx;

  575. 	background: #FFFFFF;

  576. 	margin-top: 20rpx;

  577. }

  578. .chented{

  579. 	width: 100%;

  580. 	padding-left: 30rpx;

  581. 	padding-right: 30rpx;

  582. 	background-color: #FFFFFF;

  583. 	.title{

  584. 		width: 100%;

  585. 		height: 90rpx;

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

  587. 		display: flex;

  588. 		align-items: center;

  589. 		.title1{

  590. 			width: 6rpx;

  591. 			height: 30rpx;

  592. 			background: #2671E2;

  593. 		}

  594. 		.titletext{

  595. 			width: 90%;

  596. 			height: 30rpx;

  597. 			font-size: 30rpx;

  598. 			font-weight: 600;

  599. 			color: #333333;

  600. 			line-height: 30rpx;

  601. 			text-indent: 10rpx;

  602. 		}

  603. 		.titleimg{

  604. 			width: 8%;

  605. 			text-align: right;

  606. 			.titleimg1{

  607. 				width: 14rpx;

  608. 				height: 30rpx;		

  609. 			}

  610. 		}

  611. 	}

  612. 	.chented-for{

  613. 		width: 100%;

  614. 		display: flex;

  615. 		flex-wrap: wrap;

  616. 		margin-top: -20rpx;

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

  618. 		padding-bottom: 30rpx;

  619. 		.chented-che{

  620. 			width: 210rpx;

  621. 			height: 60rpx;

  622. 			background: #FFFFFF;

  623. 			border-radius: 4rpx;

  624. 			border: 1px solid #C9C9C9;

  625. 			text-align: center;

  626. 			line-height: 60rpx;

  627. 			font-size: 30rpx;

  628. 			font-weight: 400;

  629. 			color: #333333;

  630. 			margin-right: 20rpx;

  631. 			margin-top: 20rpx;

  632. 		}

  633. 	}

  634. }

  635. </style>

  636.  -->