liumin
/
NewZkgj
1
0
フォーク 0
コード 課題 0 プルリクエスト 0 リリース 0 Wiki アクティビティ
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
21 コミット
7 ブランチ
28 MiB
 
 
 
ツリー: 84dbfc4bbe
ブランチ タグ
${ item.name }
ブランチ ${ searchTerm } を作成
'84dbfc4bbe' から
${ noResults }
NewZkgj/pages/index/learning.vue

555 行
11 KiB
Raw Blame 履歴 

  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" 

  6. 					  :class="activeClass == index ? 'bottom' : ''" @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. 			<view class="ceninfo" v-for="(item,index) in alllist" :key="index">

  14. 				<view class="infoview">

  15. 					<view class="infozuo">

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

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

  18. 					</view>

  19. 					<view class="infoyou">

  20. 						<view class="infoyouchiud2" @click="quclick(item)">去学习</view>

  21. 					</view>

  22. 				</view>

  23. 				<view class="footerinfo">

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

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

  26. 				</view>

  27. 			</view>

  28. 		</view>

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

  30. 			<view class="boxintention">

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

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

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

  34. 					<view class="boxcenteninfoimg"><u-icon size="20px" name="arrow-right"></u-icon></view>

  35. 				</view>

  36. 			</view>

  37. 		</view>

  38.   </view>

  39. </template>

  40. 

  41. <script>

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

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

  44.   export default {

  45.     data() {

  46.       return {

  47. 		tablist:[

  48. 			{name:"全文"},

  49. 			{name:"分点"}

  50. 		],

  51. 		activeClass:0,

  52. 		equinoctial:[],

  53. 		alllist:[],

  54. 		buildingID:''

  55. 		

  56.       };

  57.     },

  58.     onShow(){

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

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

  61. 			this.clocktab(i)

  62.     },

  63.     methods: {

  64. 		//全部学习跳转

  65. 		quclick(item){

  66. 			const parames = {

  67. 			  pageNum: 1,

  68. 			  pageSize: 100,

  69. 			  query: {

  70. 			    customerId: item.carId,

  71. 			  }

  72. 			}

  73. 			var cet={

  74. 				bg:0,

  75. 				customerId:item.id,

  76. 				id:''

  77. 			}

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

  79. 				var newobj = res[0];

  80. 				if(res[0].recordDuration>360){

  81. 					uni.navigateTo({

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

  83. 					})

  84. 				}else{

  85. 					uni.navigateTo({

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

  87. 					})

  88. 				}

  89. 			})

  90. 		},

  91. 		//分点学习跳转

  92. 		routerclick(item){

  93. 			uni.navigateTo({

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

  95. 			})

  96. 		},

  97. 		 //  tab切换

  98. 		 clocktab(index) {

  99. 		 	this.activeClass = index;

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

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

  102. 				this.ceninit()

  103. 			}else{

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

  105. 				this.infoinit()

  106. 			}

  107. 		 },

  108. 		 ceninit(){

  109. 			let infoobj={

  110. 				"pageNum":1,

  111. 				"pageSize":100,

  112. 				"query":{

  113. 					"status":0,

  114. 					'itemId':this.buildingID,

  115. 				}

  116. 			}

  117. 			 uni.request({

  118. 			     url: config.service.findAllZATD, 

  119. 			 	 method:"POST",

  120. 			     header: {

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

  122. 			        'Access-Token': uni.getStorageSync('weapp_session_login_data').token

  123. 			     },

  124. 				 data:infoobj,

  125. 			 	 success: (data) => {

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

  127. 						this.alllist=data.data.data.results

  128. 			 		}else{

  129. 			 			uni.showToast({

  130. 			 			    title: data.data.message,

  131. 			 			    duration: 2000

  132. 			 			});

  133. 			 		}	

  134. 			 	}

  135. 			 })

  136. 		 },

  137. 		 

  138. 		 

  139. 		 infoinit(){

  140. 			 let obj={

  141. 				 itemId:this.buildingID

  142. 			 }

  143. 			 uni.request({

  144. 			     url: config.service.findSelectedLabel,

  145. 			 	method:"POST",

  146. 				data:obj,

  147. 			     header: {

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

  149. 			        'Access-Token': uni.getStorageSync('weapp_session_login_data').token

  150. 			     },

  151. 			 	success: (data) => {

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

  153. 						this.equinoctial=data.data.data

  154. 			 		}else{

  155. 			 			uni.showToast({

  156. 			 			    title: data.data.message,

  157. 			 			    duration: 2000

  158. 			 			});

  159. 			 		}	

  160. 			 	}

  161. 			 })

  162. 		 }

  163.     },

  164.   }

  165. </script>

  166. 

  167. <style lang="scss" scoped>

  168. .main {

  169. 	background: #F1F1F1;;

  170. 	min-height: 100vh;

  171. }

  172. .tab-box {

  173. 	height: auto;

  174. 	overflow: auto;

  175. 	width: 100%;

  176. 	.tab-item-wrap {

  177. 		height: 100rpx;

  178. 		width: 80%;

  179. 		margin: 0 auto;

  180. 		line-height: 100rpx;

  181. 		display: flex;

  182. 		justify-content: space-around;

  183. 		font-size: 36rpx;

  184. 		color: #959dad;

  185. 	}

  186. }

  187. .bottom {

  188. 	color: #008EF2;

  189. 	position: relative;

  190. }

  191. .bottomLine {

  192. 	position: absolute;

  193. 	width: 96rpx;

  194. 	height: 6rpx;

  195. 	top: 80rpx;

  196. 	background-color: #298dff;

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

  198. 	left: -13rpx;

  199. }

  200. .cented{

  201. 	width: 100%;

  202. 	padding-top: 14rpx;

  203. 	.ceninfo{

  204. 		width: 690rpx;

  205. 		height: 160rpx;

  206. 		background: #FFFFFF;

  207. 		border-radius: 8rpx;

  208. 		margin: 0 auto;

  209. 		margin-top: 20rpx;

  210. 		padding-top: 23rpx;

  211. 		position: relative;

  212. 		.infoview{

  213. 			width: 100%;

  214. 			height: 64rpx;

  215. 			display: flex;

  216. 			.infozuo{

  217. 				width: 454rpx;

  218. 				height: 100%;

  219. 				display: flex;

  220. 				align-items: center;

  221. 				.infozuochiud1{

  222. 					font-size: 36rpx;

  223. 					font-weight: 600;

  224. 					color: #0C0C0C;

  225. 					text-indent: 28rpx;

  226. 				}

  227. 				.infozuochiud2{

  228. 					width: 113rpx;

  229. 					height: 42rpx;

  230. 					border-radius: 5rpx;

  231. 					margin-left: 19rpx;

  232. 					border: 1px solid #008EF2;

  233. 					font-size: 24rpx;

  234. 					font-weight: 400;

  235. 					color: #008EF2;

  236. 					line-height: 42rpx;

  237. 					text-align: center;

  238. 				}

  239. 			}

  240. 			.infoyou{

  241. 				width:236rpx;

  242. 				height: 100%;

  243. 				display: flex;

  244. 				align-items: center;

  245. 				.infoyouchiud1{

  246. 					display: block;

  247. 					width: 64rpx;

  248. 					height: 64rpx;

  249. 					border-radius: 50%;

  250. 				}

  251. 				.infoyouchiud2{

  252. 					width: 133rpx;

  253. 					height: 56rpx;

  254. 					background: #008EF2;

  255. 					border-radius: 8rpx;

  256. 					text-align: center;

  257. 					color: #FFFFFF;

  258. 					font-size: 30rpx;

  259. 					line-height: 56rpx;

  260. 					margin-left: 80rpx;

  261. 				}

  262. 			}

  263. 		}

  264. 		.footerinfo{

  265. 			width: 100%;

  266. 			height: 42rpx;

  267. 			display: flex;

  268. 			margin-top: 14rpx;

  269. 			.footerinfozuo{

  270. 				width: 454rpx;

  271. 				font-size: 30rpx;

  272. 				color: #0C0C0C;

  273. 				line-height: 42rpx;

  274. 				margin-left: 26rpx;

  275. 			}

  276. 			.footerinfoyou{

  277. 				width: 236rpx;

  278. 				font-size: 24rpx;

  279. 				color: #999999;

  280. 				line-height: 42rpx;

  281. 				text-indent: 42rpx;

  282. 			}

  283. 		}

  284. 		.dingwei{

  285. 			width: 100%;

  286. 			height: 60rpx;

  287. 			border: 1px solid red;

  288. 			position: absolute;

  289. 			top: 160rpx;

  290. 			left: 0rpx;

  291. 		}

  292. 	}

  293. }

  294. .biaoqianview{

  295. 	width: 100%;

  296. 	.boxintention {

  297. 		width: 690rpx;

  298. 		margin: 0 auto;

  299. 		.title {

  300. 			font-size: 36upx;

  301. 			color: #333333;

  302. 			position: relative;

  303. 			display: flex;

  304. 			align-items: center;

  305. 			padding-left: 19upx;

  306. 	

  307. 			&:before {

  308. 				content: '';

  309. 				position: absolute;

  310. 				left: 0;

  311. 				height: 30upx;

  312. 				width: 9upx;

  313. 				background: #008ef2;

  314. 				border-radius: 5rpx;

  315. 			}

  316. 		}

  317. 		.boxcenten{

  318. 			width: 100%;

  319. 			height: 100rpx;

  320. 			background: #FFFFFF;

  321. 			border-radius: 8rpx;

  322. 			margin-top: 22rpx;

  323. 			display: flex;

  324. 			.boxcenteninfotext{

  325. 				width: 90%;

  326. 				height: 100%;

  327. 				text-indent: 20rpx;

  328. 				line-height: 100rpx;

  329. 				font-size: 30rpx;

  330. 				color: #0C0C0C;

  331. 			}

  332. 			.boxcenteninfoimg{

  333. 				width: 10%;

  334. 				height: 100%;

  335. 				line-height: 100rpx;

  336. 			}

  337. 		}

  338. 	}

  339. }

  340. </style>

  341. 

  342. 

  343. 

  344. <!-- <template>

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

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

  347. 			<view class="search">

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

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

  350. 				</view>

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

  352. 			</view>

  353. 		</view>

  354. 		

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

  356. 			<view class="caseid">

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

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

  359. 			</view>

  360. 			<view class="caseid">

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

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

  363. 			</view>

  364. 			<view class="caseid">

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

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

  367. 			</view>

  368. 		</view>

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

  370. 		<view class="chented">

  371. 			<view class="title">

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

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

  374. 				<view class="titleimg">

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

  376. 				</view>

  377. 			</view>

  378. 		</view>

  379. 		

  380. 		<view class="chented">

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

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

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

  384. 			</view>

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

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

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

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

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

  390. 			</view>

  391. 		</view>

  392. 		<view class="chented">

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

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

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

  396. 			</view>

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

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

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

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

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

  402. 			</view>

  403. 		</view>

  404. 		

  405. 	</view>

  406. </template>

  407. 

  408. <script>

  409. 	export default {

  410. 		data() {

  411. 			return {};

  412. 		},

  413. 		components: {},

  414. 		onLoad() {},

  415. 		onShow() {},

  416. 		methods: {

  417. 	

  418. 		},

  419. 	

  420. 	};

  421. </script>

  422. 

  423. <style lang="scss" scoped>

  424. .cented-box{

  425. 	background: #F8F8F8;

  426. 	width: 100%;

  427. 	height: 100%;

  428. }

  429. .search-box{

  430. 	width: 100%;

  431. 	height: 102rpx;

  432. 	background: #FFFFFF;

  433. 	display: flex;

  434. 	align-items: center;

  435. 	justify-content: center;

  436. 	.search{

  437. 		width: 690rpx;

  438. 		height: 70rpx;

  439. 		display: flex;

  440. 		align-items: center;

  441. 		background: #F8F8F8;

  442. 		border-radius: 33rpx;

  443. 		.search-img{

  444. 			width: 26rpx;

  445. 			height: 30rpx;

  446. 			margin-left: 20rpx;

  447. 			.search-img1{

  448. 				width: 100%;

  449. 				height: 100%;

  450. 				margin-top: 2rpx;

  451. 			}	

  452. 		}

  453. 		.search-text{

  454. 			font-size: 28rpx;

  455. 			font-weight: 400;

  456. 			color: #999999;

  457. 			margin-left:10rpx;

  458. 		}

  459. 	}

  460. }

  461. .caseid-box{

  462. 	width: 100%;

  463. 	height: 204rpx;

  464. 	margin-top: 10rpx;

  465. 	background: #FFFFFF;

  466. 	display: flex;

  467. 	.caseid{

  468. 		flex: 1;

  469. 		height: 100%;

  470. 		text-align: center;

  471. 		margin-top: 13rpx;

  472. 		.caseid-img1{

  473. 			width: 134rpx;

  474. 			height: 134rpx;

  475. 		}

  476. 		.caseid-text{

  477. 			width: 100%;

  478. 			text-align: center;

  479. 			font-size: 24rpx;

  480. 			font-weight: 400;

  481. 			color: #333333;

  482. 		}

  483. 	}

  484. }

  485. .Pinspeak{

  486. 	width: 100%;

  487. 	height: 92rpx;

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

  489. 	font-size: 32rpx;

  490. 	font-weight: 600;

  491. 	color: #333333;

  492. 	text-indent: 30rpx;

  493. 	line-height: 92rpx;

  494. 	background: #FFFFFF;

  495. 	margin-top: 20rpx;

  496. }

  497. .chented{

  498. 	width: 100%;

  499. 	padding-left: 30rpx;

  500. 	padding-right: 30rpx;

  501. 	background-color: #FFFFFF;

  502. 	.title{

  503. 		width: 100%;

  504. 		height: 90rpx;

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

  506. 		display: flex;

  507. 		align-items: center;

  508. 		.title1{

  509. 			width: 6rpx;

  510. 			height: 30rpx;

  511. 			background: #2671E2;

  512. 		}

  513. 		.titletext{

  514. 			width: 90%;

  515. 			height: 30rpx;

  516. 			font-size: 30rpx;

  517. 			font-weight: 600;

  518. 			color: #333333;

  519. 			line-height: 30rpx;

  520. 			text-indent: 10rpx;

  521. 		}

  522. 		.titleimg{

  523. 			width: 8%;

  524. 			text-align: right;

  525. 			.titleimg1{

  526. 				width: 14rpx;

  527. 				height: 30rpx;		

  528. 			}

  529. 		}

  530. 	}

  531. 	.chented-for{

  532. 		width: 100%;

  533. 		display: flex;

  534. 		flex-wrap: wrap;

  535. 		margin-top: -20rpx;

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

  537. 		padding-bottom: 30rpx;

  538. 		.chented-che{

  539. 			width: 210rpx;

  540. 			height: 60rpx;

  541. 			background: #FFFFFF;

  542. 			border-radius: 4rpx;

  543. 			border: 1px solid #C9C9C9;

  544. 			text-align: center;

  545. 			line-height: 60rpx;

  546. 			font-size: 30rpx;

  547. 			font-weight: 400;

  548. 			color: #333333;

  549. 			margin-right: 20rpx;

  550. 			margin-top: 20rpx;

  551. 		}

  552. 	}

  553. }

  554. </style>

  555.  -->