Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

learning.vue 13 KiB

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