relation-consult-list.vue 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748
  1. <template>
  2. <view class="container product clearfix">
  3. <view class="container-fiexd-top">
  4. <view class="club-search clearfix">
  5. <view class="search-from name">
  6. <text class="iconfont icon-iconfonticonfontsousuo1"></text>
  7. <input
  8. class="input"
  9. type="text"
  10. confirm-type="search"
  11. v-model="listQuery.keyWord"
  12. @input="onShowClose"
  13. @confirm="userClubReportAssociatedList"
  14. placeholder="搜索关键词 / 咨询人 / 机构名称"
  15. maxlength="16"
  16. />
  17. <text class="iconfont icon-shanchu1" v-if="isShowClose" @click="delInputText()"></text>
  18. </view>
  19. <view class="search-screen" @click="showScreenDrawer">
  20. <text class="iconfont icon-gengduo1"></text> 筛选
  21. </view>
  22. </view>
  23. </view>
  24. <view class="remarks-content" :style="{ paddingBottom: isIphoneX ? '216rpx' : '168rpx' }">
  25. <view :class="{ 'tui-order-list': scrollTop >= 0 }" class="clearfix">
  26. <!-- 空白页 -->
  27. <view class="empty-container" v-if="isEmpty">
  28. <image class="empty-container-image" :src="StaticUrl + '/icon/icon-remarks-empty@2x.png'"></image>
  29. <text class="error-text">暂无任何数据~</text>
  30. </view>
  31. <!-- 列表 -->
  32. <view
  33. class="tui-remarks-cell tui-mtop clearfix"
  34. v-for="(remark, index) in remarksList"
  35. :key="index"
  36. :class="{ orange: remark.followup == 1, blue: remark.followup == 2, grey: remark.followup == 3 }"
  37. @click.stop="details(remark.remarksId)"
  38. >
  39. <view class="tui-remarks-title">
  40. <view class="tui-remarks-title-top">
  41. <view class="tui-remarks-time tt">{{ remark.clubName }}</view>
  42. <view class="tui-remarks-time sm" v-if="remark.followup">
  43. <text
  44. :class="{
  45. orange: remark.followup == 1,
  46. blue: remark.followup == 2,
  47. grey: remark.followup == 3
  48. }"
  49. >{{ remark.followup | followupFilters }}</text
  50. >
  51. </view>
  52. </view>
  53. <view class="tui-remarks-title-bot">
  54. <view class="tui-remarks-text-view">
  55. <view class="tui-remarks-text h"
  56. ><text class="iconfont icon-bianji"></text>记录人:{{ remark.recordName }}</view
  57. >
  58. </view>
  59. <view class="tui-remarks-text-view" v-if="listQuery.manager >= 0">
  60. <view class="tui-remarks-text h"
  61. ><text class="iconfont icon-guanliyuan"></text>管理员:{{
  62. remark.leaderName ? remark.leaderName : ''
  63. }}</view
  64. >
  65. <view class="tui-remarks-text y">{{ remark.addTime }}</view>
  66. </view>
  67. </view>
  68. </view>
  69. <view class="tui-remarks-name">
  70. <view class="tui-remarks-name-text h">
  71. 咨询人:{{ remark.questionMan ? remark.questionMan : '' }}
  72. </view>
  73. <view class="tui-remarks-name-text y">
  74. 咨询类别:{{ remark.consultBack ? remark.consultBack : '无' }}
  75. </view>
  76. </view>
  77. <view class="tui-remarks-name none" v-if="remark.satisfied">
  78. <view class="tui-remarks-name-text h">
  79. 意向程度:<text class="red">{{ remark.satisfied | intenActionsFilters }}</text>
  80. </view>
  81. <view class="tui-remarks-name-text y"> 报备状态:<text>审核通过</text> </view>
  82. </view>
  83. <view class="tui-remarks-content">
  84. <text class="tui-remarks-span" v-for="(label, labelIndex) in remark.remarks" :key="labelIndex">
  85. {{ label.label }}
  86. </text>
  87. </view>
  88. <view class="tui-remarks-button" v-if="remark.serviceProviderId === listQuery.serviceProviderId">
  89. <view class="btn edit" @click.stop="handEditRemark(remark.remarksId)">取消关联</view>
  90. </view>
  91. </view>
  92. <!--加载loadding-->
  93. <tui-loadmore :visible="loadding" :index="3" type="black"></tui-loadmore>
  94. <tui-nomore :visible="!pullUpOn" :backgroundColor="'#F7F7F7'" :text="nomoreText"></tui-nomore>
  95. <!--加载loadding-->
  96. </view>
  97. </view>
  98. <!-- 取消收藏操作 -->
  99. <tui-bottom-popup :radius="false" :mask="false" :show="popupShow">
  100. <view class="tui-popup-box clearfix">
  101. <view class="tui-right-flex tui-popup-btn" :style="{ paddingBottom: isIphoneX ? '68rpx' : '34rpx' }">
  102. <view class="tui-flex-1">
  103. <view class="tui-button" @click="handleShowClubpopup">添加已注册客户记录</view>
  104. </view>
  105. <view class="tui-flex-1">
  106. <view class="tui-button-text" @click="handleAllUnder">未注册客户咨询记录 ></view>
  107. </view>
  108. </view>
  109. </view>
  110. </tui-bottom-popup>
  111. <!-- 筛选抽屉 -->
  112. <cm-screenDrawer
  113. ref="screendrawer"
  114. :popupType="1"
  115. :rightDrawer="isScreenDrawer"
  116. @handSearchConfirm="handSearchConfirmData"
  117. >
  118. </cm-screenDrawer>
  119. <!-- 添加记录 -->
  120. <cm-clubpopup
  121. ref="clubpopup"
  122. v-if="isClubpopupShow"
  123. :show="isClubpopupShow"
  124. @handleChoiceaClub="handleChoiceaClubData"
  125. >
  126. </cm-clubpopup>
  127. <!-- 弹窗提示 -->
  128. <tui-modal
  129. :show="modal"
  130. @click="handleClick"
  131. @cancel="hideMobel"
  132. :content="contentModalText"
  133. :button="modalButton"
  134. color="#333"
  135. :size="32"
  136. shape="circle"
  137. :maskClosable="false"
  138. >
  139. </tui-modal>
  140. </view>
  141. </template>
  142. <script>
  143. import cmClubpopup from '@/components/cm-module/cm-seller/cm-clubpopup'
  144. import cmScreenDrawer from '@/components/cm-module/cm-seller/cm-screen-drawer'
  145. import { mapState, mapMutations } from 'vuex'
  146. const defaultListQuery = {
  147. reportId: 0,
  148. pageNum: 1,
  149. pageSize: 10
  150. }
  151. export default {
  152. components: {
  153. cmClubpopup,
  154. cmScreenDrawer
  155. },
  156. data() {
  157. return {
  158. StaticUrl: this.$Static,
  159. isIphoneX: this.$store.state.isIphoneX,
  160. modalButton: [
  161. {
  162. text: '取消',
  163. type: 'gray',
  164. plain: true //是否空心
  165. },
  166. {
  167. text: '确认',
  168. customStyle: {
  169. color: '#fff',
  170. bgColor: 'linear-gradient(90deg, #F28F31 0%, #E15616 100%)'
  171. },
  172. plain: false
  173. }
  174. ],
  175. totalRecord: 0,
  176. popupShow: true,
  177. popupShow1: false,
  178. listQuery: Object.assign({}, defaultListQuery),
  179. remarksList: [],
  180. scrollTop: 0,
  181. isEmpty: false,
  182. loadding: false,
  183. pullUpOn: true,
  184. pullFlag: true,
  185. hasNextPage: false,
  186. navbarHeight: '',
  187. nomoreText: '上拉显示更多',
  188. contentModalText: '', //操作文字提示语句
  189. modal: false,
  190. handleRemarksId: 0,
  191. isClubpopupShow: false,
  192. isScreenDrawer: false
  193. }
  194. },
  195. onLoad() {},
  196. filters: {
  197. NumFormat: function(value) {
  198. //处理金额
  199. if (!value) return '0.00'
  200. let number = Number(value).toFixed(2)
  201. return number
  202. },
  203. followupFilters(value) {
  204. // 订单来源
  205. const map = {
  206. 1: '跟进中',
  207. 2: '跟进完成',
  208. 3: '已放弃'
  209. }
  210. return map[value]
  211. },
  212. intenActionsFilters(value) {
  213. // 意向
  214. if (value) {
  215. const map = {
  216. 1: '意向强烈',
  217. 2: '意向一般',
  218. 3: '意向平淡',
  219. 4: '随便看看'
  220. }
  221. return map[value]
  222. } else {
  223. return ''
  224. }
  225. }
  226. },
  227. computed: {
  228. ...mapState(['hasLogin', 'userInfo'])
  229. },
  230. methods: {
  231. ...mapMutations(['login', 'logout']),
  232. async initGetStotage() {
  233. const userInfo = await this.$api.getStorage()
  234. this.listQuery.serviceProviderId = userInfo.serviceProviderId ? userInfo.serviceProviderId : 0
  235. this.listQuery.manager = userInfo.manager ? userInfo.manager : 0
  236. this.userClubReportAssociatedList()
  237. },
  238. userClubReportAssociatedList() {
  239. this.remarksList = []
  240. this.listQuery.pageNum = 1
  241. this.UserService.userClubReportAssociatedList(this.listQuery)
  242. .then(response => {
  243. let data = response.data
  244. if (data.results && data.results.length > 0) {
  245. this.isEmpty = false
  246. this.hasNextPage = data.hasNextPage
  247. this.totalRecord = data.totalRecord
  248. this.remarksList = data.results
  249. this.pullFlag = false
  250. setTimeout(() => {
  251. this.pullFlag = true
  252. }, 500)
  253. if (this.hasNextPage) {
  254. this.pullUpOn = false
  255. this.nomoreText = '上拉显示更多'
  256. } else {
  257. if (this.remarksList.length < 8) {
  258. this.pullUpOn = true
  259. } else {
  260. this.pullUpOn = false
  261. this.loadding = false
  262. this.nomoreText = '已至底部'
  263. }
  264. }
  265. } else {
  266. this.isEmpty = true
  267. }
  268. this.isRequest = true
  269. })
  270. .catch(error => {
  271. this.$util.msg(error.msg, 2000)
  272. })
  273. },
  274. GetOnReachBottomData(index) {
  275. //上拉加载
  276. this.listQuery.pageNum += 1
  277. this.UserService.userClubReportAssociatedList(this.listQuery)
  278. .then(response => {
  279. let data = response.data
  280. if (data.results && data.results.length > 0) {
  281. this.hasNextPage = data.hasNextPage
  282. this.remarksList = this.remarksList.concat(data.results)
  283. this.pullFlag = false // 防上拉暴滑
  284. setTimeout(() => {
  285. this.pullFlag = true
  286. }, 500)
  287. if (this.hasNextPage) {
  288. this.pullUpOn = false
  289. this.nomoreText = '上拉显示更多'
  290. } else {
  291. this.pullUpOn = false
  292. this.loadding = false
  293. this.nomoreText = '已至底部'
  294. }
  295. }
  296. })
  297. .catch(error => {
  298. this.$util.msg(error.msg, 2000)
  299. })
  300. },
  301. deleteRemark(remarksId) {
  302. this.handleRemarksId = remarksId
  303. this.modal = true
  304. this.contentModalText = '确定删除这条记录吗?'
  305. },
  306. handEditRemark(remarksId) {
  307. //跳转修改客户咨询记录
  308. this.$api.navigateTo(`/pages/seller/remarks/add?type=edit&remarksId=${remarksId}`)
  309. },
  310. handleAllUnder() {
  311. //跳转未注册客户咨询记录也
  312. this.$api.navigateTo('/pages/seller/remarks/record-list')
  313. },
  314. handleShowClubpopup() {
  315. //显示已注册机构弹窗
  316. this.isClubpopupShow = true
  317. },
  318. handleChoiceaClubData(data) {
  319. //跳转添加记录
  320. this.$api.navigateTo(`/pages/seller/remarks/add?userId=${data.userId}`)
  321. },
  322. handSearchConfirmData(data) {
  323. console.log('确定筛选', data)
  324. //确定筛选
  325. this.listQuery.startAddTime = data.startAddTime
  326. this.listQuery.endAddTime = data.endAddTime
  327. this.listQuery.consult = data.consult
  328. this.listQuery.leaderId = data.leaderId
  329. this.listQuery.groupId = data.groupId
  330. this.listQuery.pinceSensitve = data.pinceSensitve
  331. this.listQuery.satisfied = data.satisfied
  332. this.listQuery.followup = data.followup
  333. this.listQuery.newDeal = data.newDeal
  334. this.listQuery.status = data.status
  335. this.userClubReportAssociatedList()
  336. },
  337. showScreenDrawer() {
  338. //显示筛选抽屉
  339. this.isScreenDrawer = true
  340. },
  341. handleClick(e) {
  342. //确认删除
  343. if (e.index == 1) {
  344. this.handleDeleteUserLike()
  345. }
  346. this.modal = false
  347. },
  348. handleDeleteUserLike() {
  349. //操作删除资料备注
  350. this.UserService.getUserClubRemarksDelete({
  351. remarksId: this.handleRemarksId
  352. })
  353. .then(response => {
  354. this.$util.msg('已删除', 2000, true, 'success')
  355. setTimeout(() => {
  356. this.userClubReportAssociatedList()
  357. }, 2000)
  358. })
  359. .catch(error => {
  360. this.$util.msg(error.msg, 2000)
  361. })
  362. },
  363. onShowClose() {
  364. //输入框失去焦点时触发
  365. if (this.listQuery.keyWord != '') {
  366. this.isShowClose = true
  367. } else {
  368. this.isShowClose = false
  369. this.listQuery.pageNum = 1
  370. this.userClubReportAssociatedList()
  371. }
  372. },
  373. delInputText() {
  374. //清除输入框内容
  375. this.listQuery.keyWord = ''
  376. this.isShowClose = false
  377. this.listQuery.pageNum = 1
  378. this.userClubReportAssociatedList()
  379. },
  380. hideMobel() {
  381. this.modal = false
  382. },
  383. details(remarksId) {
  384. this.$api.navigateTo(`/pages/seller/remarks/details?remarksId=${remarksId}`)
  385. }
  386. },
  387. onPageScroll(e) {
  388. //实时获取到滚动的值
  389. },
  390. onReachBottom() {
  391. if (this.hasNextPage) {
  392. this.loadding = true
  393. this.pullUpOn = true
  394. this.GetOnReachBottomData()
  395. }
  396. },
  397. onPullDownRefresh() {
  398. setTimeout(() => {
  399. this.listQuery.pageNum = 1
  400. uni.stopPullDownRefresh()
  401. }, 200)
  402. },
  403. onShow() {
  404. this.initGetStotage()
  405. }
  406. }
  407. </script>
  408. <style lang="scss">
  409. @import '@/uni.scss';
  410. page {
  411. background: #f7f7f7;
  412. }
  413. .empty-container {
  414. z-index: 99;
  415. }
  416. .container-fiexd-top {
  417. width: 100%;
  418. height: 112rpx;
  419. background: #f5f5f5;
  420. box-sizing: border-box;
  421. position: fixed;
  422. top: 0;
  423. left: 0;
  424. z-index: 982;
  425. .club-search {
  426. width: 100%;
  427. height: 112rpx;
  428. padding: 24rpx;
  429. background: #ffffff;
  430. box-sizing: border-box;
  431. .search-screen {
  432. width: 152rpx;
  433. height: 64rpx;
  434. float: right;
  435. box-sizing: border-box;
  436. padding: 0 20rpx;
  437. border: 1px solid #999999;
  438. line-height: 64rpx;
  439. border-radius: 32rpx;
  440. color: #333333;
  441. text-align: center;
  442. font-size: 28rpx;
  443. .icon-gengduo1 {
  444. font-size: 30rpx;
  445. margin-right: 10rpx;
  446. }
  447. }
  448. .search-from {
  449. width: 526rpx;
  450. height: 100%;
  451. background: #f7f7f7;
  452. border-radius: 32rpx;
  453. float: left;
  454. position: relative;
  455. .input {
  456. width: 420rpx;
  457. height: 64rpx;
  458. float: left;
  459. line-height: 64rpx;
  460. color: $text-color;
  461. font-size: $font-size-24;
  462. }
  463. .icon-iconfonticonfontsousuo1 {
  464. width: 64rpx;
  465. height: 64rpx;
  466. line-height: 64rpx;
  467. text-align: center;
  468. display: block;
  469. font-size: $font-size-38;
  470. float: left;
  471. color: #999999;
  472. }
  473. .icon-shanchu1 {
  474. font-size: $font-size-32;
  475. color: #999999;
  476. position: absolute;
  477. width: 64rpx;
  478. height: 64rpx;
  479. line-height: 64rpx;
  480. text-align: center;
  481. top: 0;
  482. right: 0;
  483. z-index: 10;
  484. }
  485. }
  486. }
  487. }
  488. .remarks-content {
  489. width: 100%;
  490. height: auto;
  491. position: relative;
  492. padding: 0;
  493. box-sizing: border-box;
  494. padding: 24rpx;
  495. padding-top: 136rpx;
  496. .empty-container-image {
  497. width: 260rpx;
  498. height: 260rpx;
  499. margin-top: -300rpx;
  500. }
  501. .tui-remarks-cell {
  502. width: 100%;
  503. border-radius: 16rpx;
  504. margin-bottom: 24rpx;
  505. background: #ffffff;
  506. box-sizing: border-box;
  507. padding: 0 24rpx 24rpx 24rpx;
  508. &.orange {
  509. background: #ffffff linear-gradient(180deg, #ffede5 0%, rgba(255, 255, 255, 0) 50%);
  510. }
  511. &.blue {
  512. background: #ffffff linear-gradient(180deg, #deefff 0%, rgba(255, 255, 255, 0) 50%);
  513. }
  514. &.grey {
  515. background: #ffffff linear-gradient(180deg, #ececec 0%, rgba(255, 255, 255, 0) 50%);
  516. }
  517. .tui-remarks-title {
  518. width: 100%;
  519. height: auto;
  520. box-sizing: border-box;
  521. padding: 20rpx 0;
  522. border-bottom: 1px solid #e1e1e1;
  523. float: left;
  524. .tui-remarks-title-top {
  525. width: 100%;
  526. height: 56rpx;
  527. line-height: 56rpx;
  528. .tui-remarks-time {
  529. float: left;
  530. &.tt {
  531. width: 60%;
  532. font-size: $font-size-32;
  533. color: #333333;
  534. text-align: left;
  535. text-overflow: ellipsis;
  536. overflow: hidden;
  537. display: -webkit-box;
  538. -webkit-line-clamp: 1;
  539. line-clamp: 1;
  540. -webkit-box-orient: vertical;
  541. font-weight: bold;
  542. .tags {
  543. display: inline-block;
  544. padding: 0 10rpx;
  545. border-radius: 8rpx;
  546. line-height: 36rpx;
  547. font-size: 22rpx;
  548. background-color: #f94b4b;
  549. color: #ffffff;
  550. text-align: center;
  551. float: left;
  552. margin-right: 10rpx;
  553. margin-top: 10rpx;
  554. font-weight: normal;
  555. }
  556. }
  557. &.sm {
  558. width: 40%;
  559. font-size: $font-size-26;
  560. color: #999999;
  561. text-align: right;
  562. .orange {
  563. display: inline-block;
  564. padding: 0 15rpx;
  565. border-radius: 24rpx;
  566. line-height: 48rpx;
  567. font-size: 24rpx;
  568. background-color: #e15616;
  569. color: #ffffff;
  570. text-align: center;
  571. }
  572. .blue {
  573. display: inline-block;
  574. padding: 0 15rpx;
  575. border-radius: 24rpx;
  576. line-height: 48rpx;
  577. font-size: 24rpx;
  578. background-color: #1890f9;
  579. color: #ffffff;
  580. text-align: center;
  581. }
  582. .grey {
  583. display: inline-block;
  584. padding: 0 15rpx;
  585. border-radius: 24rpx;
  586. line-height: 48rpx;
  587. font-size: 24rpx;
  588. background-color: #e1e1e1;
  589. color: #999999;
  590. text-align: center;
  591. }
  592. }
  593. }
  594. }
  595. .tui-remarks-title-bot {
  596. width: 100%;
  597. height: auto;
  598. .tui-remarks-text-view {
  599. width: 100%;
  600. height: 48rpx;
  601. .tui-remarks-text {
  602. width: 50%;
  603. height: 48rpx;
  604. line-height: 48rpx;
  605. box-sizing: border-box;
  606. text-align: left;
  607. font-size: $font-size-26;
  608. color: #999999;
  609. float: left;
  610. text-overflow: ellipsis;
  611. overflow: hidden;
  612. display: -webkit-box;
  613. -webkit-line-clamp: 1;
  614. line-clamp: 1;
  615. -webkit-box-orient: vertical;
  616. &.a {
  617. width: 100%;
  618. }
  619. &.y {
  620. text-align: right;
  621. }
  622. }
  623. }
  624. }
  625. }
  626. .tui-remarks-name {
  627. width: 100%;
  628. height: 48rpx;
  629. line-height: 48rpx;
  630. font-size: $font-size-26;
  631. color: #666666;
  632. text-align: left;
  633. margin-bottom: 10rpx;
  634. margin-top: 20rpx;
  635. float: left;
  636. &.none {
  637. margin-top: 0;
  638. margin-bottom: 20rpx;
  639. }
  640. .tui-remarks-name-text {
  641. height: 48rpx;
  642. box-sizing: border-box;
  643. text-align: left;
  644. font-size: $font-size-26;
  645. color: #333333;
  646. float: left;
  647. text-overflow: ellipsis;
  648. overflow: hidden;
  649. display: -webkit-box;
  650. -webkit-line-clamp: 1;
  651. line-clamp: 1;
  652. -webkit-box-orient: vertical;
  653. .red {
  654. color: #f94b4b;
  655. }
  656. &.a {
  657. width: 100%;
  658. }
  659. &.h {
  660. width: 40%;
  661. padding-right: 24rpx;
  662. }
  663. &.y {
  664. width: 60%;
  665. padding-left: 24rpx;
  666. }
  667. }
  668. }
  669. .tui-remarks-content {
  670. width: 100%;
  671. height: auto;
  672. .tui-remarks-span {
  673. height: 48rpx;
  674. line-height: 48rpx;
  675. text-align: center;
  676. padding: 0 20rpx;
  677. background-color: #f7f7f7;
  678. font-size: $font-size-26;
  679. color: #666666;
  680. border-radius: 25rpx;
  681. display: inline-block;
  682. margin-right: 24rpx;
  683. margin-bottom: 24rpx;
  684. &:nth-child(4n) {
  685. margin-right: none;
  686. }
  687. }
  688. }
  689. .tui-remarks-button {
  690. width: 100%;
  691. height: 68rpx;
  692. border-top: 1px solid #e1e1e1;
  693. padding-top: 20rpx;
  694. .btn {
  695. width: 100%;
  696. line-height: 48rpx;
  697. box-sizing: border-box;
  698. text-align: center;
  699. font-size: $font-size-34;
  700. float: left;
  701. font-weight: bold;
  702. &.edit {
  703. color: #1890f9;
  704. }
  705. }
  706. }
  707. }
  708. }
  709. .tui-popup-box {
  710. position: relative;
  711. box-sizing: border-box;
  712. min-height: 100rpx;
  713. padding: 6rpx 24rpx;
  714. .tui-popup-content {
  715. padding-top: 30rpx;
  716. }
  717. }
  718. .tui-popup-btn {
  719. width: 100%;
  720. height: auto;
  721. float: left;
  722. box-sizing: border-box;
  723. margin-top: 30rpx;
  724. .tui-button {
  725. width: 600rpx;
  726. height: 88rpx;
  727. background: $btn-confirm;
  728. line-height: 88rpx;
  729. text-align: center;
  730. color: #ffffff;
  731. font-size: $font-size-28;
  732. border-radius: 44rpx;
  733. margin: 0 auto;
  734. }
  735. .tui-button-text {
  736. width: 600rpx;
  737. height: 48rpx;
  738. line-height: 48rpx;
  739. text-align: center;
  740. color: #e15616;
  741. font-size: $font-size-26;
  742. margin: 0 auto;
  743. margin-top: 15rpx;
  744. }
  745. }
  746. </style>