myOrder.vue 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769
  1. <template>
  2. <view class="box">
  3. <homenav :iStatusBarHeight="iStatusBarHeight" :title="'我的订单'" :cj="3"></homenav>
  4. <view class="tab">
  5. <view class="tabLine" :class="{tabActive:tabIndex==0}" @click="tabClick(0)">全部</view>
  6. <view class="tabLine" :class="{tabActive:tabIndex==1}" @click="tabClick(1)">待付款</view>
  7. <view class="tabLine" :class="{tabActive:tabIndex==5}" @click="tabClick(5)">待成团</view>
  8. <view class="tabLine" :class="{tabActive:tabIndex==2}" @click="tabClick(2)">待服务</view>
  9. <view class="tabLine" :class="{tabActive:tabIndex==3}" @click="tabClick(3)">已完成</view>
  10. <view class="tabLine" :class="{tabActive:tabIndex==6}" @click="tabClick(6)">售后</view>
  11. </view>
  12. <view class="main">
  13. <view v-if="tabIndex!==6" >
  14. <view class="itemBg" v-for="(item,index) in items" @click="goDetail(item)">
  15. <view class="itemTop">
  16. <view class="orderCodeBox">
  17. <view class="itemType" v-if="item.SheetType==1">商城-商品订单</view>
  18. <view class="itemType" v-if="item.SheetType==2">商城-项目订单</view>
  19. <view class="itemType" v-if="item.SheetType==3">商城-套餐订单</view>
  20. <view class="itemType" v-if="item.SheetType==4">救援订单</view>
  21. <view class="itemType" v-if="item.SheetType==5">钣喷订单</view>
  22. <view class="itemType" v-if="item.SheetType==6">集客订单</view>
  23. <view class="itemType" v-if="item.SheetType==7">保养订单</view>
  24. <view class="itemType" v-else></view>
  25. <view class="orderCode">:{{item.Code}}</view>
  26. </view>
  27. <view class="itemSheetState redColor" v-if="item.SheetState==5">待成团</view>
  28. <view class="itemSheetState redColor" v-if="item.SheetState==1">待付款</view>
  29. <!-- <view v-if="item.SheetType==7">
  30. <view class="itemSheetState orangeColor" v-if="item.SheetState==2">已完成</view>
  31. </view> -->
  32. <view class="itemSheetState orangeColor" v-if="item.SheetState==2">待服务</view>
  33. <view class="itemSheetState greenColor" v-if="item.SheetState==3">已完成</view>
  34. <view class="itemSheetState" v-if="item.SheetState==4">已取消</view>
  35. </view>
  36. <view class="itemShopBg">
  37. <view class="shopName">{{item.SheetContent}}</view>
  38. <view style="color: #333333;font-size: 22rpx;">¥<span class="price">{{item.RealMoney}}</span></view>
  39. </view>
  40. <view class="renBox" v-if="item.SheetType==6">
  41. <image src="../../../static/timg/icon_ren.png" mode="" class="renimg"></image>
  42. <view class="renMobilePhone">{{item.MobilePhone}}</view>
  43. <view class="renNickName">{{item.NickName?item.NickName:''}}</view>
  44. </view>
  45. <view class="itemName">{{item.CreateTime}}</view>
  46. <view class="itemName" style="padding-top: 2rpx;padding-bottom: 0;">{{item.ShopName}}</view>
  47. <view class="package" v-if="item.SheetType==7" style="display: flex;">
  48. <view class="packageName" v-if="item.packageName">{{item.packageName}}</view>
  49. <view class="packageQty" v-if="item.packageQty" style="padding-left: 10rpx;">共{{item.packageQty}}件</view>
  50. </view>
  51. <view class="bottom" v-if="item.SheetState == 1">
  52. <view class="cancel" @click.stop="cancelBespeak(item)">取消订单</view>
  53. <view class="defer" v-if="item.PayType == 1" @click.stop="pay(item)">立即支付</view>
  54. </view>
  55. </view>
  56. <nodata v-show="isload&&items.length==0"></nodata>
  57. </view>
  58. <view v-if="tabIndex==6" class="afterSales">
  59. <view class="afterSalesLine" v-for="(item,index) in RefundList" @click="goReDetail(item)">
  60. <view class="afterSalesLineTop">
  61. <view class="" style="display: flex;">
  62. <view class="afterSalesShop">{{item.WriteoffShopName?item.WriteoffShopName:item.serverShopName}}</view>
  63. <image class="afterSalesLineJt" src="/static/img2/jt1.png" mode=""></image>
  64. </view>
  65. <view class="afterSalesLineState">退款</view>
  66. </view>
  67. <view class="afterSalesLineCont">
  68. <image src="../../../static/timg/noimg.png" class="afterSalesLineImg" mode=""></image>
  69. <view class="shCont">
  70. <view class="shCOntName" v-if="item.sheetType!=5">{{item.ItemName}}</view>
  71. <view class="shCOntName" v-if="item.sheetType==5">钣喷</view>
  72. <view class="shContMS">共 {{item.CouponCount}} 件商品</view>
  73. <view class="shContMS">退款:¥{{item.Money}}</view>
  74. </view>
  75. </view>
  76. <view class="tkStateBox">
  77. <span style="font-weight: 500;color: #222222;" v-if="item.RefundState==0">无退款</span>
  78. <span style="font-weight: 500;color: #222222;" v-if="item.RefundState==1">退款中</span>
  79. <span style="font-weight: 500;color: #222222;" v-if="item.RefundState==2">退款成功</span>
  80. <span style="font-weight: 500;color: #222222;" v-if="item.RefundState==3">退款拒绝</span>
  81. <span style="font-weight: 500;color: #222222;" v-if="item.RefundState==4">退款失败</span>
  82. <span style="font-weight: 500;color: #222222;" v-if="item.RefundState==5">退款关闭</span>
  83. <span style="font-weight: 500;color: #222222;" v-if="item.RefundState==6">待退款到账</span>
  84. <span style="padding-left: 24rpx;" >请查看详情</span>
  85. </view>
  86. <view class="tkBottom">
  87. <view class="tkBottomBtn">查看详情</view>
  88. </view>
  89. </view>
  90. <nodata v-show="RefundList.length==0&&isload"></nodata>
  91. </view>
  92. </view>
  93. <!-- 手机号授权 -->
  94. <view class="authorizBox" v-if="authorizShow" @click="authorizShow=false">
  95. <view class="authorizCont" @click.stop="">
  96. <view class="authorizName">{{wxOpenData.miniAppName}}</view>
  97. <view class="authorizMs">未注册的手机号登录后将自动创建会员账号,如果您不同意授权获取手机号,会影响您使用我们的产品和服务。</view>
  98. <button class="authorizContbutton" type="default" open-type="getPhoneNumber" @getphonenumber="decryptPhoneNumber">授权</button>
  99. </view>
  100. <view style="text-align: center;padding-top: 56rpx;">
  101. <image src="../../../static/timg/icon_guanbi@2x.png" mode="" class="authorizCloseImg"></image>
  102. </view>
  103. </view>
  104. </view>
  105. </template>
  106. <script>
  107. import nodata from '@/components/nodata/nodata.vue'
  108. import homenav from "@/components/homenav/nav.vue"
  109. export default {
  110. components: {
  111. nodata,homenav
  112. },
  113. data() {
  114. return {
  115. page: 1,
  116. tabIndex: '',
  117. items: [],
  118. isload: false,
  119. iStatusBarHeight:'',
  120. userInfo:'',
  121. ext:'',
  122. wxOpenData:'',
  123. themeColor:'',
  124. authorizShow:false,
  125. code:'',
  126. RefundList:[],
  127. }
  128. },
  129. onLoad(opt) {
  130. this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
  131. this.tabIndex = opt.num;
  132. this.userInfo=this.$store.state.userInfo;
  133. this.ext=this.$common.getExtStoreId();
  134. this.themeColor = uni.getStorageSync("themeColor");
  135. if(this.userInfo){
  136. this.getData()
  137. }else{
  138. this.$common.automaticlogin().then(val => {
  139. this.userInfo=this.$store.state.userInfo;
  140. this.wxOpenData=this.$store.state.wxOpenData;
  141. this.themeColor = uni.getStorageSync("themeColor");
  142. this.getData();
  143. if(!this.userInfo){
  144. this.authorizShow=true
  145. }
  146. })
  147. }
  148. },
  149. onShow() {
  150. console.log(this.tabIndex)
  151. this.getData()
  152. },
  153. methods: {
  154. goReDetail(item){
  155. uni.navigateTo({
  156. url:'../../subPack/refundDetail?id='+item.ID
  157. })
  158. },
  159. pay(item){
  160. this.$http('openMallOrder/unifiedPay', {
  161. sheetId:item.ID
  162. },'POST').then(res => {
  163. if(res.code==0){
  164. this.requestPayment(res.data)
  165. }else{
  166. uni.showToast({
  167. title: res.msg,
  168. icon: 'none',
  169. duration: 3000
  170. });
  171. }
  172. })
  173. },
  174. requestPayment(res){
  175. var payInfo=res;
  176. //console.log(payInfo)
  177. //console.log(String(Date.now()))
  178. var that=this;
  179. uni.requestPayment({
  180. provider: 'wxpay',
  181. //timeStamp: String(Date.now()),
  182. timeStamp: payInfo.timeStamp,
  183. nonceStr: payInfo.nonceStr,
  184. package:payInfo.package,
  185. signType: payInfo.signType,
  186. paySign: payInfo.paySign,
  187. appid:payInfo.appId,
  188. success: function (res) {
  189. console.log('success:' + JSON.stringify(res));
  190. uni.showToast({
  191. title: '支付成功',
  192. icon:'none',
  193. duration: 2000
  194. });
  195. that.tabIndex=0
  196. that.page = 1;
  197. that.getData()
  198. },
  199. fail: function (err) {
  200. console.log(err)
  201. uni.showToast({
  202. title: '支付失败',
  203. icon:'none',
  204. duration: 2000
  205. });
  206. }
  207. });
  208. },
  209. cancelBespeak(item){
  210. var that = this
  211. uni.showModal({
  212. title: '提示',
  213. content: '是否取消该订单',
  214. cancelText:'否',
  215. confirmText:'是',
  216. success: function (res) {
  217. if (res.confirm) {
  218. uni.showLoading({
  219. title: '加载中'
  220. })
  221. that.$http('openOrderManagement/updateSheetState', {
  222. id: item.ID,
  223. }, 'POST').then(res => {
  224. uni.hideLoading();
  225. // var list = res.data.Items
  226. if(res.code==0){
  227. uni.showToast({
  228. title: '取消成功',
  229. icon: 'none',
  230. duration: 2000
  231. });
  232. setTimeout(function() {
  233. that.page = 1;
  234. that.getData();
  235. }, 100);
  236. }else{
  237. uni.showToast({
  238. title: res.msg,
  239. icon: 'none',
  240. duration: 3000
  241. });
  242. }
  243. })
  244. } else if (res.cancel) {
  245. }
  246. }
  247. });
  248. },
  249. decryptPhoneNumber: function(e) {
  250. console.log(e);
  251. this.code=e.detail.code
  252. this.wxPhoneLogin()
  253. this.authorizShow=false;
  254. },
  255. wxPhoneLogin(){
  256. var that=this;
  257. this.$http('miniApp2/sys/wxPhoneLogin', {
  258. appId:this.ext.appId,
  259. unionId:this.ext.unionId,
  260. code:this.code,
  261. openId:this.wxOpenData.openid
  262. },'POST').then(res => {
  263. var data = res.data;
  264. if(data.loginInfo){
  265. this.userInfo=data.loginInfo.openUser;
  266. this.wxOpenData=data.loginInfo;
  267. this.$store.commit('mutationswxOpenData', data)
  268. this.$store.commit('mutationsuserInfo', this.userInfo)
  269. this.getData()
  270. }
  271. })
  272. },
  273. tabClick(num) {
  274. this.tabIndex = num;
  275. this.page = 1;
  276. if(num==6){
  277. this.getOpenSheetRefundList()
  278. }else{
  279. this.getData()
  280. }
  281. },
  282. getOpenSheetRefundList(){
  283. uni.showLoading({
  284. title: '加载中'
  285. });
  286. this.isload = false;
  287. var padata = {
  288. page: this.page,
  289. limit: 10,
  290. //sheetState: this.tabIndex > 0 ? this.tabIndex : ''
  291. }
  292. this.$http('openOrderManagement/getOpenSheetRefundList', padata, 'GET').then(res => {
  293. uni.hideLoading();
  294. this.isload = true;
  295. var list = res.data.Items;
  296. if (this.page == 1) {
  297. this.RefundList = list
  298. } else {
  299. this.RefundList = this.RefundList.concat(list)
  300. }
  301. })
  302. },
  303. goDetail(item) {
  304. //SheetType 1 商品2项目3套餐4救援5钣喷6集客
  305. if((item.SheetType==1)||(item.SheetType==2)||(item.SheetType==3)){
  306. uni.navigateTo({
  307. url: "mallOrderDetail?id=" + item.ID +"&SheetType=" + item.SheetType
  308. })
  309. }
  310. else if (item.SheetType==5){
  311. uni.navigateTo({
  312. url: "paintOrderDetail?id=" + item.ID
  313. })
  314. }
  315. else if (item.SheetType==6){
  316. uni.navigateTo({
  317. url: "activityOrderDetail?id=" + item.ID//+'&sx=1'
  318. })
  319. }
  320. },
  321. getData() {
  322. uni.showLoading({
  323. title: '加载中'
  324. });
  325. this.isload = false;
  326. var padata = {
  327. page: this.page,
  328. limit: 10,
  329. sheetState: this.tabIndex > 0 ? this.tabIndex : ''
  330. }
  331. this.$http('openOrderManagement/getOpenSheetList', padata, 'GET').then(res => {
  332. uni.hideLoading();
  333. this.isload = true;
  334. var list = res.data.Items;
  335. if (this.page == 1) {
  336. this.items = list
  337. } else {
  338. this.items = this.items.concat(list)
  339. }
  340. })
  341. },
  342. },
  343. onReachBottom() {
  344. this.page++;
  345. this.getData()
  346. },
  347. onPullDownRefresh() {
  348. this.page = 1;
  349. this.getData()
  350. setTimeout(function() {
  351. uni.stopPullDownRefresh();
  352. }, 1000);
  353. }
  354. }
  355. </script>
  356. <style scoped>
  357. .box {
  358. min-height: 100vh;
  359. background: #F4F5F7;
  360. }
  361. .renBox{
  362. color: #1A1A1A;
  363. background: #F7F7F7;
  364. border-radius: 10rpx;
  365. display: flex;
  366. padding: 20rpx;font-size: 24rpx;
  367. line-height: 30rpx;
  368. margin-top: 16rpx;
  369. }
  370. .renimg{
  371. width: 30rpx;height: 30rpx;
  372. }
  373. .renMobilePhone{
  374. padding-left: 13rpx;
  375. }
  376. .renNickName{
  377. padding-left: 20rpx;
  378. }
  379. .tab {
  380. background: #FFFFFF;
  381. display: flex;
  382. justify-content: space-between;
  383. line-height: 92rpx;
  384. position: fixed;
  385. width: calc(100vw - 100rpx);
  386. padding-left: 50rpx;
  387. padding-right: 50rpx;
  388. height: 92rpx;
  389. z-index: 11;
  390. }
  391. .tabLine {
  392. font-size: 28rpx;
  393. color: #333333;
  394. text-align: center;
  395. }
  396. .tabActive {
  397. color: #EC0F0A;
  398. font-weight: bold;
  399. border-bottom: 4rpx solid #EC0F0A;
  400. }
  401. .main {
  402. padding-top: 92rpx;
  403. padding-bottom: 20rpx;
  404. background-color: #F4F5F7;
  405. }
  406. .itemBg {
  407. margin: 20rpx 24rpx;
  408. background-color: #FFFFFF;
  409. border-radius: 10rpx;
  410. padding: 20rpx;
  411. }
  412. .itemTop {
  413. display: flex;
  414. justify-content: space-between;
  415. }
  416. .itemType {
  417. color: #999999;
  418. font-size: 24rpx;
  419. }
  420. .itemSheetState {
  421. font-size: 24rpx;
  422. color: #999999
  423. }
  424. .redColor {
  425. color: #EC0F0A;
  426. }
  427. .orangeColor {
  428. color: #F19D01;
  429. }
  430. .greenColor {
  431. color: #00A040;
  432. }
  433. .itemShopBg {
  434. display: flex;
  435. justify-content: space-between;
  436. margin-top: 20rpx;
  437. }
  438. .shopName {
  439. color: #333333;
  440. font-size: 30rpx;
  441. font-weight: bold;
  442. /* 隐藏文字显示 ...不换行 */
  443. overflow: hidden;
  444. text-overflow: ellipsis;
  445. white-space: nowrap;
  446. }
  447. .price {
  448. color: #333333;
  449. font-weight: bold;
  450. font-size: 32rpx;
  451. }
  452. .itemName {
  453. color: #666666;
  454. font-size: 24rpx;
  455. padding: 16rpx 0;
  456. height: 30rpx;
  457. overflow: hidden;
  458. text-overflow: ellipsis;
  459. white-space: nowrap;
  460. }
  461. .plateBg {
  462. display: flex;
  463. justify-content: space-between;
  464. align-items: center;
  465. }
  466. .plateNumber {
  467. color: #666666;
  468. font-size: 24rpx;
  469. margin-bottom: 20rpx;
  470. display: flex;
  471. }
  472. .itemLineBottom {
  473. display: flex;
  474. justify-content: flex-end;
  475. }
  476. .itemBtn1 {
  477. width: 150rpx;
  478. height: 56rpx;
  479. border-radius: 36rpx;
  480. border: 2rpx solid #DDDDDD;
  481. text-align: center;
  482. line-height: 56rpx;
  483. font-size: 28rpx;
  484. color: #3C3C3C;
  485. margin-left: 40rpx;
  486. }
  487. .itemBtn2 {
  488. width: 150rpx;
  489. height: 56rpx;
  490. border-radius: 36rpx;
  491. border: 2rpx solid #FF4F00;
  492. text-align: center;
  493. line-height: 56rpx;
  494. font-size: 28rpx;
  495. color: #FF4F00;
  496. margin-left: 40rpx;
  497. }
  498. .orderState {
  499. color: #F19D01;
  500. font-size: 24rpx;
  501. padding-left: 20rpx;
  502. }
  503. .authorizBox{
  504. width: 100vw;
  505. height: 100vh;
  506. background: rgba(0, 0, 0, 0.5);
  507. position: fixed;
  508. top: 0;
  509. left: 0;
  510. }
  511. .authorizCont{
  512. margin-top: 30vh;
  513. width: 564rpx;
  514. height: 408rpx;
  515. background: #FFFFFF;
  516. border-radius: 24rpx;
  517. margin-left: 93rpx;
  518. position: relative;
  519. }
  520. .authorizCloseImg{
  521. width: 62rpx;
  522. height: 62rpx;
  523. }
  524. .sqLogoBox{
  525. width: 180rpx;
  526. height: 180rpx;
  527. background: #FFFFFF;
  528. border-radius: 90rpx;
  529. text-align: center;
  530. position: absolute;
  531. top: -50rpx;
  532. left: 192rpx;
  533. }
  534. .authorizName{
  535. color: #333333;
  536. line-height: 42rpx;
  537. font-size: 30rpx;
  538. text-align: center;
  539. padding-top: 58rpx;
  540. }
  541. .authorizMs{
  542. color: #999999;
  543. line-height: 36rpx;
  544. font-size: 26rpx;
  545. width: 452rpx;
  546. padding-top: 24rpx;
  547. text-align: center;
  548. margin-left: 56rpx;
  549. }
  550. .authorizContbutton{
  551. width: 422rpx;
  552. height: 88rpx;
  553. background: #EC0F0A;
  554. border-radius: 44rpx;
  555. line-height: 88rpx;
  556. text-align: center;
  557. font-size:30rpx;
  558. color: #FFFFFF;
  559. margin-top: 62rpx;
  560. margin-left:71rpx;
  561. }
  562. .shopBoxpt{
  563. margin-top: 20rpx;
  564. }
  565. button::after{
  566. border: none;
  567. }
  568. button{
  569. position: relative;
  570. display: block;
  571. margin-left: 0;
  572. margin-right: 0;
  573. padding-left: 0px;
  574. padding-right: 0px;
  575. box-sizing: border-box;
  576. // font-size: 18px;
  577. text-align: center;
  578. text-decoration: none;
  579. // line-height: 1;
  580. line-height: 1.35;
  581. // border-radius: 5px;
  582. -webkit-tap-highlight-color: transparent;
  583. overflow: hidden;
  584. color: #000000;
  585. background-color: #fff;
  586. height: 100%;
  587. }
  588. .orderCodeBox{
  589. display: flex;
  590. }
  591. .orderCode{
  592. color: #999999; font-size: 24rpx;
  593. }
  594. .cancel {
  595. color: #3C3C3C;
  596. font-size: 24rpx;
  597. width: 130rpx;
  598. height: 56rpx;
  599. border-radius: 8rpx;
  600. border: 1rpx solid #DDDDDD;
  601. text-align: center;
  602. line-height: 56rpx;
  603. /* margin-right: 20rpx; */
  604. }
  605. .defer {
  606. color: #EC0F0A;
  607. font-size: 24rpx;
  608. width: 130rpx;
  609. height: 56rpx;
  610. border-radius: 8rpx;
  611. border: 1rpx solid #EC0F0A;
  612. text-align: center;
  613. line-height: 56rpx;
  614. margin-left: 20rpx;
  615. }
  616. .bottom{
  617. display: flex;
  618. justify-content: flex-end;
  619. }
  620. .packageName{
  621. font-size: 22rpx;
  622. color: #FF0035;
  623. border-radius: 5rpx;
  624. border: 1px solid #FF0035;
  625. padding: 2rpx 8rpx;
  626. }
  627. .package{
  628. justify-content: space-between;
  629. padding-top: 10rpx;padding-bottom: 10rpx;
  630. }
  631. .packageQty{
  632. font-size: 26rpx;
  633. color: #666666;
  634. }
  635. .afterSalesLineJt{
  636. width: 10rpx;height: 20rpx;
  637. margin-top: 12rpx;
  638. margin-left: 10rpx;
  639. }
  640. .afterSales{
  641. padding: 0 24rpx;
  642. }
  643. .afterSalesLine{
  644. background: #FFFFFF;
  645. margin-top: 20rpx;
  646. padding: 30rpx 20rpx;border-radius: 16rpx;
  647. }
  648. .afterSalesLineTop{
  649. display: flex;
  650. justify-content: space-between;
  651. }
  652. .afterSalesShop{
  653. font-size: 30rpx;
  654. color: #222222;
  655. line-height: 42rpx;
  656. font-weight: 500;
  657. }
  658. .afterSalesLineState{
  659. font-size: 26rpx;line-height: 42rpx;
  660. color: #666666;
  661. }
  662. .afterSalesLineImg{
  663. width: 144rpx;
  664. height: 144rpx;
  665. border-radius: 10rpx;
  666. }
  667. .afterSalesLineCont{
  668. display: flex;padding: 24rpx 0;
  669. }
  670. .shCont{
  671. color: #222222;padding-left: 20rpx;
  672. }
  673. .shCOntName{
  674. font-size: 26rpx;line-height: 37rpx;
  675. }
  676. .shContMS{
  677. font-size: 22rpx;
  678. color: #222222;
  679. line-height: 30rpx;
  680. padding-top: 8rpx;
  681. }
  682. .tkStateBox{
  683. height: 60rpx;padding-left: 16rpx;
  684. background: #F9F9F9;color: #666666;
  685. border-radius: 10rpx;
  686. line-height: 60rpx;font-size: 26rpx;
  687. }
  688. .tkBottomBtn{
  689. font-size: 24rpx;
  690. color: #222222;
  691. width: 137rpx;
  692. height: 56rpx;
  693. line-height: 58rpx;
  694. font-size: 24rpx;
  695. color: #222222;
  696. border-radius: 8rpx;
  697. border: 1rpx solid #DDDDDD;
  698. margin-top: 24rpx;
  699. text-align: center;
  700. }
  701. .tkBottom{
  702. display: flex;justify-content: flex-end;
  703. }
  704. </style>