25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.
 
 
 

625 satır
13 KiB

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