Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

learning.vue 12 KiB

3 år sedan
3 år sedan
3 år sedan
3 år sedan
3 år sedan
3 år sedan
3 år sedan
3 år sedan
3 år sedan
3 år sedan
2 år sedan
3 år sedan
2 år sedan
3 år sedan
3 år sedan
3 år sedan
3 år sedan
3 år sedan
3 år sedan
3 år sedan
3 år sedan
3 år sedan
3 år sedan
3 år sedan
3 år sedan
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594
  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" @click="quclick(item)" :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" >去学习</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 class="footicon">
  28. <view class="icon">
  29. <image class="Piabodata-img1" src="../../static/images/studyhot.png" mode=""></image>
  30. <!-- 浏览量 -->
  31. {{item.pageviews}}
  32. </view>
  33. <view class="icon">
  34. <image class="Piabodata-img1" src="../../static/images/viewstudy.png" mode=""></image>
  35. <!-- 热度 -->
  36. {{item.heat}}
  37. </view>
  38. </view>
  39. </view>
  40. </view>
  41. <view class="biaoqianview" v-if="activeClass==1">
  42. <view class="boxintention">
  43. <view class="title">分点标签列表</view>
  44. <view class="boxcenten" v-for="(item,index) in equinoctial" :key="index" @click="routerclick(item)">
  45. <view class="boxcenteninfotext">{{item.name}}</view>
  46. <view class="boxcenteninfoimg"><u-icon size="20px" name="arrow-right"></u-icon></view>
  47. </view>
  48. </view>
  49. </view>
  50. </view>
  51. </template>
  52. <script>
  53. var config = require("../../config");
  54. var util = require("@/utils/util.js");
  55. export default {
  56. data() {
  57. return {
  58. tablist:[
  59. {name:"全文"},
  60. {name:"分点"}
  61. ],
  62. activeClass:0,
  63. equinoctial:[],
  64. alllist:[],
  65. buildingID:''
  66. };
  67. },
  68. onShow(){
  69. var i=uni.getStorageSync('fendianindex')
  70. this.buildingID=uni.getStorageSync('buildingID').id;
  71. this.clocktab(i)
  72. },
  73. methods: {
  74. //全部学习跳转
  75. quclick(item){
  76. uni.showLoading({
  77. title: '加载中',
  78. mask:true
  79. });
  80. const parames = {
  81. pageNum: 1,
  82. pageSize: 100,
  83. query: {
  84. customerId: item.carId,
  85. }
  86. }
  87. var cet={
  88. bg:0,
  89. customerId:item.id,
  90. id:''
  91. }
  92. this.$u.post("/corpus/findByPage", parames).then(res => {
  93. setTimeout(function () {
  94. uni.hideLoading();
  95. }, 2000);
  96. var newobj = res[0];
  97. if(res[0].merge==0){
  98. uni.navigateTo({
  99. url: `/pages/learning/Thefulltext/index2?customerId=${newobj.customerId}&status=${newobj.status}&itemobj=${JSON.stringify(cet)}&stateisshow=${"2"}`
  100. })
  101. }else{
  102. uni.navigateTo({
  103. url: `/pages/learning/Thefulltext/index?customerId=${newobj.customerId}`
  104. })
  105. }
  106. })
  107. },
  108. //分点学习跳转
  109. routerclick(item){
  110. uni.navigateTo({
  111. url: "/pages/learning/Equinoctiallearning?id="+item.marketingId+"&biaoqian="+item.name
  112. })
  113. },
  114. // tab切换
  115. clocktab(index) {
  116. this.activeClass = index;
  117. if(this.activeClass==0){
  118. uni.setStorageSync("fendianindex", 0); //写入缓存
  119. this.ceninit()
  120. }else{
  121. uni.setStorageSync("fendianindex", 1); //写入缓存
  122. this.infoinit()
  123. }
  124. },
  125. ceninit(){
  126. let infoobj={
  127. "pageNum":1,
  128. "pageSize":100,
  129. "query":{
  130. "status":0,
  131. 'itemId':this.buildingID,
  132. }
  133. }
  134. uni.request({
  135. url: config.service.findAllZATD,
  136. method:"POST",
  137. header: {
  138. 'content-type': 'application/json',
  139. 'Access-Token': uni.getStorageSync('weapp_session_login_data').token
  140. },
  141. data:infoobj,
  142. success: (data) => {
  143. if(data.data.code==10000){
  144. this.alllist=data.data.data.results
  145. }else{
  146. uni.showToast({
  147. title: data.data.message,
  148. duration: 2000
  149. });
  150. }
  151. }
  152. })
  153. },
  154. infoinit(){
  155. let obj={
  156. itemId:this.buildingID
  157. }
  158. uni.request({
  159. url: config.service.findSelectedLabel,
  160. method:"POST",
  161. data:obj,
  162. header: {
  163. 'content-type': 'application/json',
  164. 'Access-Token': uni.getStorageSync('weapp_session_login_data').token
  165. },
  166. success: (data) => {
  167. if(data.data.code==10000){
  168. this.equinoctial=data.data.data
  169. }else{
  170. uni.showToast({
  171. title: data.data.message,
  172. duration: 2000
  173. });
  174. }
  175. }
  176. })
  177. }
  178. },
  179. }
  180. </script>
  181. <style lang="scss" scoped>
  182. .main {
  183. background: #F1F1F1;;
  184. min-height: 100vh;
  185. }
  186. .tab-box {
  187. height: auto;
  188. overflow: auto;
  189. width: 100%;
  190. .tab-item-wrap {
  191. height: 100rpx;
  192. width: 80%;
  193. margin: 0 auto;
  194. line-height: 100rpx;
  195. display: flex;
  196. justify-content: space-around;
  197. font-size: 36rpx;
  198. color: #959dad;
  199. }
  200. }
  201. .bottom {
  202. color: #008EF2;
  203. position: relative;
  204. }
  205. .bottomLine {
  206. position: absolute;
  207. width: 96rpx;
  208. height: 6rpx;
  209. top: 80rpx;
  210. background-color: #298dff;
  211. border-radius: 8rpx 8rpx 0rpx 0rpx;
  212. left: -13rpx;
  213. }
  214. .cented{
  215. width: 100%;
  216. padding-top: 14rpx;
  217. .ceninfo{
  218. width: 690rpx;
  219. // height: 160rpx;
  220. background: #FFFFFF;
  221. border-radius: 8rpx;
  222. margin: 0 auto;
  223. margin-top: 20rpx;
  224. padding-top: 23rpx;
  225. position: relative;
  226. .infoview{
  227. width: 100%;
  228. height: 64rpx;
  229. display: flex;
  230. .infozuo{
  231. width: 454rpx;
  232. height: 100%;
  233. display: flex;
  234. align-items: center;
  235. .infozuochiud1{
  236. font-size: 36rpx;
  237. font-weight: 600;
  238. color: #0C0C0C;
  239. text-indent: 28rpx;
  240. }
  241. .infozuochiud2{
  242. width: 113rpx;
  243. height: 42rpx;
  244. border-radius: 5rpx;
  245. margin-left: 19rpx;
  246. border: 1px solid #008EF2;
  247. font-size: 24rpx;
  248. font-weight: 400;
  249. color: #008EF2;
  250. line-height: 42rpx;
  251. text-align: center;
  252. }
  253. }
  254. .infoyou{
  255. width:236rpx;
  256. height: 100%;
  257. display: flex;
  258. align-items: center;
  259. .infoyouchiud1{
  260. display: block;
  261. width: 64rpx;
  262. height: 64rpx;
  263. border-radius: 50%;
  264. }
  265. .infoyouchiud2{
  266. width: 133rpx;
  267. height: 56rpx;
  268. background: #008EF2;
  269. border-radius: 8rpx;
  270. text-align: center;
  271. color: #FFFFFF;
  272. font-size: 30rpx;
  273. line-height: 56rpx;
  274. margin-left: 80rpx;
  275. }
  276. }
  277. }
  278. .footerinfo{
  279. width: 100%;
  280. height: 42rpx;
  281. display: flex;
  282. margin-top: 14rpx;
  283. .footerinfozuo{
  284. width: 454rpx;
  285. font-size: 30rpx;
  286. color: #0C0C0C;
  287. line-height: 42rpx;
  288. margin-left: 26rpx;
  289. }
  290. .footerinfoyou{
  291. width: 236rpx;
  292. font-size: 24rpx;
  293. color: #999999;
  294. line-height: 42rpx;
  295. text-indent: 42rpx;
  296. }
  297. }
  298. .dingwei{
  299. width: 100%;
  300. height: 60rpx;
  301. border: 1px solid red;
  302. position: absolute;
  303. top: 160rpx;
  304. left: 0rpx;
  305. }
  306. }
  307. }
  308. .biaoqianview{
  309. width: 100%;
  310. .boxintention {
  311. width: 690rpx;
  312. margin: 0 auto;
  313. .title {
  314. font-size: 36upx;
  315. color: #333333;
  316. position: relative;
  317. display: flex;
  318. align-items: center;
  319. padding-left: 19upx;
  320. &:before {
  321. content: '';
  322. position: absolute;
  323. left: 0;
  324. height: 30upx;
  325. width: 9upx;
  326. background: #008ef2;
  327. border-radius: 5rpx;
  328. }
  329. }
  330. .boxcenten{
  331. width: 100%;
  332. height: 100rpx;
  333. background: #FFFFFF;
  334. border-radius: 8rpx;
  335. margin-top: 22rpx;
  336. display: flex;
  337. .boxcenteninfotext{
  338. width: 90%;
  339. height: 100%;
  340. text-indent: 20rpx;
  341. line-height: 100rpx;
  342. font-size: 30rpx;
  343. color: #0C0C0C;
  344. }
  345. .boxcenteninfoimg{
  346. width: 10%;
  347. height: 100%;
  348. line-height: 100rpx;
  349. }
  350. }
  351. }
  352. }
  353. .footicon{
  354. display: flex;
  355. align-items: center;
  356. margin-top: 30rpx;
  357. padding:20rpx;
  358. flex-direction: row-reverse;
  359. .icon{
  360. margin-left: 20rpx;
  361. }
  362. image{
  363. width: 36rpx;
  364. height: 36rpx;
  365. margin-right: 20rpx;
  366. vertical-align: -7rpx;
  367. }
  368. }
  369. </style>
  370. <!-- <template>
  371. <view class="cented-box">
  372. <view class="search-box">
  373. <view class="search">
  374. <view class="search-img">
  375. <image class="search-img1" src="../../static/images/search.png" mode=""></image>
  376. </view>
  377. <view class="search-text">输入话术关键字</view>
  378. </view>
  379. </view>
  380. <view class="caseid-box">
  381. <view class="caseid">
  382. <image class="caseid-img1" src="../../static/images/good.png" mode=""></image>
  383. <view class="caseid-text">优秀案例</view>
  384. </view>
  385. <view class="caseid">
  386. <image class="caseid-img1" src="../../static/images/problem.png" mode=""></image>
  387. <view class="caseid-text">问题库</view>
  388. </view>
  389. <view class="caseid">
  390. <image class="caseid-img1" src="../../static/images/reverse.png" mode=""></image>
  391. <view class="caseid-text">反面案例</view>
  392. </view>
  393. </view>
  394. <view class="Pinspeak">销讲话术</view>
  395. <view class="chented">
  396. <view class="title">
  397. <view class="title1"></view>
  398. <view class="titletext">逼单话术</view>
  399. <view class="titleimg">
  400. <image class="titleimg1" src="../../static/images/arrow.png" mode=""></image>
  401. </view>
  402. </view>
  403. </view>
  404. <view class="chented">
  405. <view class="title" style="border: none;">
  406. <view class="title1"></view>
  407. <view class="titletext">品牌介绍</view>
  408. </view>
  409. <view class="chented-for">
  410. <view class="chented-che">2021销售额</view>
  411. <view class="chented-che">2021销售额</view>
  412. <view class="chented-che">2021销售额</view>
  413. <view class="chented-che">2021销售额</view>
  414. </view>
  415. </view>
  416. <view class="chented">
  417. <view class="title" style="border: none;">
  418. <view class="title1"></view>
  419. <view class="titletext">品牌介绍</view>
  420. </view>
  421. <view class="chented-for">
  422. <view class="chented-che">2021销售额</view>
  423. <view class="chented-che">2021销售额</view>
  424. <view class="chented-che">2021销售额</view>
  425. <view class="chented-che">2021销售额</view>
  426. </view>
  427. </view>
  428. </view>
  429. </template>
  430. <script>
  431. export default {
  432. data() {
  433. return {};
  434. },
  435. components: {},
  436. onLoad() {},
  437. onShow() {},
  438. methods: {
  439. },
  440. };
  441. </script>
  442. <style lang="scss" scoped>
  443. .cented-box{
  444. background: #F8F8F8;
  445. width: 100%;
  446. height: 100%;
  447. }
  448. .search-box{
  449. width: 100%;
  450. height: 102rpx;
  451. background: #FFFFFF;
  452. display: flex;
  453. align-items: center;
  454. justify-content: center;
  455. .search{
  456. width: 690rpx;
  457. height: 70rpx;
  458. display: flex;
  459. align-items: center;
  460. background: #F8F8F8;
  461. border-radius: 33rpx;
  462. .search-img{
  463. width: 26rpx;
  464. height: 30rpx;
  465. margin-left: 20rpx;
  466. .search-img1{
  467. width: 100%;
  468. height: 100%;
  469. margin-top: 2rpx;
  470. }
  471. }
  472. .search-text{
  473. font-size: 28rpx;
  474. font-weight: 400;
  475. color: #999999;
  476. margin-left:10rpx;
  477. }
  478. }
  479. }
  480. .caseid-box{
  481. width: 100%;
  482. height: 204rpx;
  483. margin-top: 10rpx;
  484. background: #FFFFFF;
  485. display: flex;
  486. .caseid{
  487. flex: 1;
  488. height: 100%;
  489. text-align: center;
  490. margin-top: 13rpx;
  491. .caseid-img1{
  492. width: 134rpx;
  493. height: 134rpx;
  494. }
  495. .caseid-text{
  496. width: 100%;
  497. text-align: center;
  498. font-size: 24rpx;
  499. font-weight: 400;
  500. color: #333333;
  501. }
  502. }
  503. }
  504. .Pinspeak{
  505. width: 100%;
  506. height: 92rpx;
  507. border-bottom: 1rpx solid #E0E0E0;
  508. font-size: 32rpx;
  509. font-weight: 600;
  510. color: #333333;
  511. text-indent: 30rpx;
  512. line-height: 92rpx;
  513. background: #FFFFFF;
  514. margin-top: 20rpx;
  515. }
  516. .chented{
  517. width: 100%;
  518. padding-left: 30rpx;
  519. padding-right: 30rpx;
  520. background-color: #FFFFFF;
  521. .title{
  522. width: 100%;
  523. height: 90rpx;
  524. border-bottom: 1rpx solid #E0E0E0;
  525. display: flex;
  526. align-items: center;
  527. .title1{
  528. width: 6rpx;
  529. height: 30rpx;
  530. background: #2671E2;
  531. }
  532. .titletext{
  533. width: 90%;
  534. height: 30rpx;
  535. font-size: 30rpx;
  536. font-weight: 600;
  537. color: #333333;
  538. line-height: 30rpx;
  539. text-indent: 10rpx;
  540. }
  541. .titleimg{
  542. width: 8%;
  543. text-align: right;
  544. .titleimg1{
  545. width: 14rpx;
  546. height: 30rpx;
  547. }
  548. }
  549. }
  550. .chented-for{
  551. width: 100%;
  552. display: flex;
  553. flex-wrap: wrap;
  554. margin-top: -20rpx;
  555. border-bottom: 1rpx solid #E0E0E0;
  556. padding-bottom: 30rpx;
  557. .chented-che{
  558. width: 210rpx;
  559. height: 60rpx;
  560. background: #FFFFFF;
  561. border-radius: 4rpx;
  562. border: 1px solid #C9C9C9;
  563. text-align: center;
  564. line-height: 60rpx;
  565. font-size: 30rpx;
  566. font-weight: 400;
  567. color: #333333;
  568. margin-right: 20rpx;
  569. margin-top: 20rpx;
  570. }
  571. }
  572. }
  573. </style>
  574. -->