25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

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