pintuanOrderDetail.vue 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779
  1. <template>
  2. <view class="container" v-if="info.info.id">
  3. <view class="order-status">
  4. <template v-if="info.info.is_refund == 1">退款中</template>
  5. <template v-else-if="info.info.is_refund == 2">退款成功</template>
  6. <template v-else-if="info.info.order_status == 1">待支付</template>
  7. <template v-else-if="info.info.order_status == 2">拼团中</template>
  8. <template v-else-if="info.info.order_status == 3">
  9. <template v-if="info.info.status == 1">
  10. <template v-if="info.info.send_type == 1">制作中</template>
  11. <template v-else-if="info.info.send_type == 2">制作中</template>
  12. <template v-else-if="info.info.send_type == 3">待发货</template>
  13. </template>
  14. <template v-else-if="info.info.status == 2">
  15. <template v-if="info.info.send_type == 1">待送达</template>
  16. <template v-else-if="info.info.send_type == 2">待取货</template>
  17. <template v-else-if="info.info.send_type == 3">待收货</template>
  18. </template>
  19. <template v-if="info.info.status == 3">已完成</template>
  20. </template>
  21. <template v-else-if="info.info.order_status == 4">拼团失败</template>
  22. <template v-else-if="info.info.order_status == 5">已取消</template>
  23. </view>
  24. <view class="page-block">
  25. <view class="page-title-block">
  26. <view class="title">订单信息</view>
  27. </view>
  28. <view class="content">
  29. <view class="cell flex flex-y-center">
  30. <view class="title-block required">
  31. <text>订单编号:</text>
  32. </view>
  33. <view class="desc">
  34. <view class="info" style="color:#FEAF44">{{info.info.order_no}}</view>
  35. </view>
  36. </view>
  37. <view class="cell flex flex-y-center" v-if="info.info.order_status == 3 && info.info.zt_num">
  38. <view class="title-block required">
  39. <text>取餐码:</text>
  40. </view>
  41. <view class="desc">
  42. <view class="info" style="color:#FEAF44">{{info.info.zt_num}}</view>
  43. </view>
  44. </view>
  45. <view class="cell flex flex-y-center">
  46. <view class="title-block required">
  47. <text>支付方式:</text>
  48. </view>
  49. <view class="desc">
  50. <view class="info" style="color:#FEAF44">
  51. <template v-if="info.info.pay_type == 1">微信支付</template>
  52. <template v-else-if="info.info.pay_type == 2">支付宝支付</template>
  53. <template v-else-if="info.info.pay_type == 3">余额支付</template>
  54. </view>
  55. </view>
  56. </view>
  57. <view class="cell flex flex-y-center">
  58. <view class="title-block required">
  59. <text>订单金额:</text>
  60. </view>
  61. <view class="desc">
  62. <view class="info" style="color:#FEAF44">¥{{info.info.pay_price}}</view>
  63. </view>
  64. </view>
  65. <view class="cell flex flex-y-center">
  66. <view class="title-block required">
  67. <text>提货方式:</text>
  68. </view>
  69. <view class="desc">
  70. <view class="info" style="color:#FEAF44">
  71. <template v-if="info.info.send_type == 1">外卖</template>
  72. <template v-else-if="info.info.send_type == 2">自提</template>
  73. <template v-else-if="info.info.send_type == 3">快递</template>
  74. </view>
  75. </view>
  76. </view>
  77. <view class="cell flex flex-y-center">
  78. <view class="title-block required">
  79. <text>用户昵称:</text>
  80. </view>
  81. <view class="desc">
  82. <view class="info" style="color:#FEAF44">{{info.info.user_name}}</view>
  83. </view>
  84. </view>
  85. <view class="cell flex flex-y-center">
  86. <view class="title-block required">
  87. <text>电话:</text>
  88. </view>
  89. <view class="desc">
  90. <view class="info" style="color:#FEAF44">{{info.info.tel}}</view>
  91. </view>
  92. </view>
  93. <view class="cell flex flex-y-center">
  94. <view class="title-block required">
  95. <text>地址:</text>
  96. </view>
  97. <view class="desc">
  98. <view class="info" style="color:#FEAF44">{{info.info.address}}</view>
  99. </view>
  100. </view>
  101. <view class="cell flex flex-y-center" v-if="info.info.user_remark">
  102. <view class="title-block required">
  103. <text>用户备注:</text>
  104. </view>
  105. <view class="desc">
  106. <view class="info" style="color:#FEAF44">{{info.info.user_remark}}</view>
  107. </view>
  108. </view>
  109. <view class="cell flex flex-y-center">
  110. <view class="title-block required">
  111. <text>下单时间:</text>
  112. </view>
  113. <view class="desc">
  114. <view class="info" style="color:#FEAF44">{{info.info.create_time}}</view>
  115. </view>
  116. </view>
  117. <view class="cell flex flex-y-center" v-if="info.info.order_status > 1">
  118. <view class="title-block required">
  119. <text>支付时间:</text>
  120. </view>
  121. <view class="desc">
  122. <view class="info" style="color:#FEAF44">{{info.info.pay_time}}</view>
  123. </view>
  124. </view>
  125. <view class="cell flex flex-y-center" v-if="info.info.send_type == 1">
  126. <view class="title-block required">
  127. <text>配送方式:</text>
  128. </view>
  129. <view class="desc">
  130. <view class="info" style="color:#FEAF44">
  131. <template v-if="info.info.is_dd == 0">未开始配送</template>
  132. <template v-if="info.info.is_dd == 1">达达配送</template>
  133. <template v-else-if="info.info.is_dd == 2">商家配送</template>
  134. <template v-else-if="info.info.is_dd == 3">松鼠屋配送</template>
  135. </view>
  136. </view>
  137. </view>
  138. <view class="cell flex flex-y-center" v-if="info.info.logistic">
  139. <view class="title-block required">
  140. <text>配送平台:</text>
  141. </view>
  142. <view class="desc">
  143. <view class="info" style="color:#FEAF44">{{info.info.logistic}}</view>
  144. </view>
  145. </view>
  146. <view class="cell flex flex-y-center">
  147. <view class="title-block required">
  148. <text>配送费用:</text>
  149. </view>
  150. <view class="desc">
  151. <view class="info" style="color:#FEAF44">{{info.info.express_price}}</view>
  152. </view>
  153. </view>
  154. <template v-if="info.info.send_type == 2">
  155. <view class="cell flex flex-y-center">
  156. <view class="title-block required">
  157. <text>自提时间:</text>
  158. </view>
  159. <view class="desc">
  160. <view class="info" style="color:#FEAF44">{{info.info.zt_time}}</view>
  161. </view>
  162. </view>
  163. <view class="cell flex flex-y-center" v-if="info.info.status == 3">
  164. <view class="title-block required">
  165. <text>确认自提时间:</text>
  166. </view>
  167. <view class="desc">
  168. <view class="info" style="color:#FEAF44">{{info.info.success_time}}</view>
  169. </view>
  170. </view>
  171. </template>
  172. <template v-if="info.info.send_type == 3">
  173. <view class="cell flex flex-y-center">
  174. <view class="title-block required">
  175. <text>快递公司:</text>
  176. </view>
  177. <view class="desc">
  178. <view class="info" style="color:#FEAF44">{{info.info.express || ''}}</view>
  179. </view>
  180. </view>
  181. <view class="cell flex flex-y-center" v-if="info.info.status == 3">
  182. <view class="title-block required">
  183. <text>快递单号:</text>
  184. </view>
  185. <view class="desc">
  186. <view class="info" style="color:#FEAF44">{{info.info.express_no || ''}}</view>
  187. </view>
  188. </view>
  189. </template>
  190. <template v-if="info.info.is_refund == 2">
  191. <view class="cell flex flex-y-center">
  192. <view class="title-block required">
  193. <text>退款金额:</text>
  194. </view>
  195. <view class="desc">
  196. <view class="info" style="color:#FEAF44">{{info.info.refund_price}}</view>
  197. </view>
  198. </view>
  199. <view class="cell flex flex-y-center" v-if="info.info.status == 3">
  200. <view class="title-block required">
  201. <text>退款时间:</text>
  202. </view>
  203. <view class="desc">
  204. <view class="info" style="color:#FEAF44">{{info.info.refund_time}}</view>
  205. </view>
  206. </view>
  207. </template>
  208. <template v-if="info.info.is_refund > 0">
  209. <view class="cell flex flex-y-center">
  210. <view class="title-block required">
  211. <text>退款原因:</text>
  212. </view>
  213. <view class="desc">
  214. <view class="info" style="color:#FEAF44">{{info.info.refund_msg || ''}}</view>
  215. </view>
  216. </view>
  217. </template>
  218. </view>
  219. </view>
  220. <view class="page-block">
  221. <view class="page-title-block">
  222. <view class="title">商品信息</view>
  223. </view>
  224. <view class="content">
  225. <view class="goods-tab">
  226. <view class="tr">
  227. <view class="td goods-name">商品名称</view>
  228. <view class="td">商品规格</view>
  229. <view class="td">商品数量</view>
  230. <view class="td">商品总价</view>
  231. </view>
  232. <view class="tr" v-for="(item,index) in info.goods" :key="id">
  233. <view class="td goods-name">{{item.goods_name || ''}}</view>
  234. <view class="td goods-name">{{item.spec || ''}}</view>
  235. <view class="td goods-name">{{item.num || ''}}</view>
  236. <view class="td goods-name">{{item.price || ''}}</view>
  237. </view>
  238. </view>
  239. </view>
  240. </view>
  241. <view class="btm-btn-block-content">
  242. <view class="btm-btn-block">
  243. <template v-if="info.info.is_refund == 1">
  244. <view class="btn btn11" @click="next(100,'确定要退款吗')"> 同意退款 </view>
  245. <view class="btn btn11" @click="next(101,'确定要拒绝退款吗')"> 拒绝退款 </view>
  246. </template>
  247. <view class="btn btn11" @click="next(99,'确定要删除该订单记录吗')" v-else-if="info.info.order_status == 1"> 删除
  248. </view>
  249. <view class="btn btn11" @click="next(100,'确定要退款吗')" v-else-if="info.info.order_status == 2"> 退款 </view>
  250. <template v-else-if='info.info.order_status == 3'>
  251. <!-- 外卖 -->
  252. <template v-if="info.info.send_type == 1">
  253. <view class="btn btn11" @click="next(2,'确定已制作好吗')" v-if="info.info.status == 1"> 配送 </view>
  254. <view class="btn btn11" @click="next(3,'确定已配送成功吗')" v-else-if="info.info.status == 2"> 确认送达
  255. </view>
  256. </template>
  257. <!-- 自提 -->
  258. <template v-else-if="info.info.send_type == 2">
  259. <view class="btn btn11" @click="next(2,'确定已制作好吗')" v-if="info.info.status == 1"> 已做好 </view>
  260. <view class="btn btn11" @click="next(3,'确定客户已到店自提吗')" v-else-if="info.info.status == 2"> 确认自提
  261. </view>
  262. </template>
  263. <!-- 快递 -->
  264. <template v-else-if="info.info.send_type == 3">
  265. <view class="btn btn11" @click="showExpress" v-if="info.info.status == 1"> 发货 </view>
  266. <view class="btn btn11" @click="next(2,'确认用户已收到货吗')" v-else-if="info.info.status == 2"> 确认收货
  267. </view>
  268. </template>
  269. <!-- -->
  270. <view class="btn btn11" @click="next(100,'确定要退款吗')" v-else-if="info.info.status < 3"> 退款 </view>
  271. </template>
  272. <view class="btn btn11" @click="next(100,'确定要退款吗')" v-else-if="info.info.order_status == 4"> 退款 </view>
  273. </view>
  274. </view>
  275. <uni-popup ref="express" type="center">
  276. <view class="operation-content">
  277. <view class="title">快递发货</view>
  278. <input type="text" :value="express" placeholder="快递公司" class="refund-amount"
  279. @input="onInput($event,'express')" />
  280. <input type="text" :value="express_no" placeholder="快递单号" class="refund-amount"
  281. @input="onInput($event,'express_no')" />
  282. <view class="btns box-pack-between">
  283. <view class="operation-btn" @click="closePop('express')">取消</view>
  284. <view class="operation-btn" @click="fahuo" style="color:#3387ff;">发货</view>
  285. </view>
  286. </view>
  287. </uni-popup>
  288. </view>
  289. </template>
  290. <script>
  291. export default {
  292. data() {
  293. return {
  294. URL: getApp().globalData.URL,
  295. id: "",
  296. info: {},
  297. express: "",
  298. express_no: ''
  299. }
  300. },
  301. onLoad(options) {
  302. this.id = options.id;
  303. this.getData()
  304. },
  305. methods: {
  306. //操作 status 100:同意退款,101:拒绝退款,3:确认用户已收到货,99:删除该订单,3:确认送到,确认自提,2:配送
  307. next(status, msg) {
  308. uni.showModal({
  309. content: `${msg}`,
  310. success: r => {
  311. if (r.confirm) {
  312. this.request({
  313. url: 'smdcshop/collage_editOrder',
  314. data: {
  315. id: this.id,
  316. status,
  317. }
  318. }).then(res => {
  319. this.getData()
  320. this.updatePrePage()
  321. })
  322. }
  323. }
  324. })
  325. },
  326. showExpress() {
  327. this.express = ""
  328. this.express_no = ""
  329. this.$refs.express.open()
  330. },
  331. fahuo() {
  332. this.request({
  333. url: 'smdcshop/collage_editOrder',
  334. data: {
  335. id: this.id,
  336. status:2,
  337. express:this.express,
  338. express_no:this.express_no
  339. }
  340. }).then(res => {
  341. this.getData()
  342. this.updatePrePage()
  343. })
  344. },
  345. onInput(e, name) {
  346. console.log(e, name)
  347. this[name] = e.detail.value
  348. },
  349. closePop(name) {
  350. this.$refs[name].close()
  351. },
  352. // 更新上个页面
  353. updatePrePage() {
  354. let pages = getCurrentPages()
  355. if (pages.length > 1) {
  356. let prePage = pages[pages.length - 2]
  357. if (prePage.route == 'saomaDiancan/order/pintuanOrder') {
  358. prePage.$vm.getData(1)
  359. }
  360. }
  361. },
  362. showImg(src) {
  363. uni.previewImage({
  364. urls: [src]
  365. })
  366. },
  367. getData() {
  368. this.request({
  369. url: 'smdcshop/collage_info',
  370. data: {
  371. id: this.id
  372. }
  373. }).then(res => {
  374. this.info = res.data;
  375. })
  376. },
  377. }
  378. }
  379. </script>
  380. <style>
  381. page {
  382. background-color: #F4F5F7;
  383. }
  384. page .act {
  385. color: #007AFF;
  386. }
  387. .model-content-center {
  388. width: 650rpx;
  389. background-color: #FFFFFF;
  390. border-radius: 16rpx;
  391. }
  392. .model-content-center .content {
  393. padding: 20rpx;
  394. }
  395. .model-content-center .round {
  396. border: 1rpx solid #CCCCCC;
  397. width: 40rpx;
  398. height: 40rpx;
  399. margin-right: 10rpx;
  400. border-radius: 4rpx;
  401. }
  402. .amount-text {
  403. font-size: 26rpx;
  404. padding-bottom: 20rpx;
  405. }
  406. .amount-input {
  407. padding: 10rpx;
  408. border: 1rpx solid #F1F1F1;
  409. }
  410. .model-refund-title {
  411. font-size: 36rpx;
  412. text-align: center;
  413. padding: 20rpx 0;
  414. }
  415. .model-refund-btn {
  416. border-top-color: #f5f5f5;
  417. border-top-style: solid;
  418. border-top-width: 1px;
  419. }
  420. .model-refund-btn .cancel {
  421. height: 90rpx;
  422. }
  423. .model-refund-btn .submit {
  424. height: 90rpx;
  425. border-left-color: #f0f0f0;
  426. border-left-style: solid;
  427. border-left-width: 1px;
  428. }
  429. button {
  430. background-color: #fff;
  431. padding: 0;
  432. margin: 0;
  433. line-height: 1rpx;
  434. /* border: 1px solid #cccccc; */
  435. min-height: 0;
  436. font-size: 28rpx;
  437. background: #fff;
  438. border-radius: none;
  439. }
  440. button::after {
  441. border: none;
  442. }
  443. .model-content-peiSong {
  444. text-align: center;
  445. padding: 10rpx 0;
  446. border-bottom: 1rpx solid #F1F1F1;
  447. font-size: 28rpx;
  448. }
  449. .pd10 {
  450. padding: 10rpx 0;
  451. }
  452. .model {
  453. width: 100%;
  454. height: 100%;
  455. position: fixed;
  456. top: 0;
  457. left: 0;
  458. background: rgba(0, 0, 0, .5);
  459. }
  460. .model-content {
  461. background: #FFFFFF;
  462. height: 800rpx;
  463. }
  464. .model-content-title {
  465. padding: 20rpx;
  466. }
  467. .text-r {
  468. text-align: right;
  469. color: red;
  470. }
  471. .info image {
  472. width: 40rpx;
  473. height: 50rpx;
  474. }
  475. .goods_list-img {
  476. width: 100rpx;
  477. height: 100rpx;
  478. margin-right: 20rpx;
  479. min-width: 100rpx;
  480. }
  481. .order-status {
  482. width: 100%;
  483. height: 130rpx;
  484. background: url(../static/images/order_detail_bg.png) no-repeat center;
  485. background-size: 100%;
  486. text-align: center;
  487. line-height: 130rpx;
  488. font-size: 36rpx;
  489. color: #fff;
  490. font-weight: bold;
  491. }
  492. .page-block {}
  493. .page-block .page-title-block {
  494. height: 90rpx;
  495. padding: 0 35rpx;
  496. }
  497. .page-block .page-title-block .title {
  498. font-size: 32rpx;
  499. line-height: 90rpx;
  500. color: #999;
  501. font-weight: bold;
  502. }
  503. .page-block .content {
  504. padding: 30rpx 35rpx 0;
  505. background-color: #fff;
  506. overflow: hidden;
  507. }
  508. .page-block .cell {
  509. min-height: 45rpx;
  510. margin-bottom: 30rpx;
  511. }
  512. .page-block .cell .title-block {
  513. width: 175rpx;
  514. flex: none;
  515. font-size: 30rpx;
  516. line-height: 45rpx;
  517. font-weight: 600;
  518. color: #333;
  519. }
  520. .page-block .cell .desc {
  521. flex: auto;
  522. min-height: 45rpx;
  523. line-height: 45rpx;
  524. font-size: 32rpx;
  525. color: #333;
  526. }
  527. .pay-type-icon {
  528. display: block;
  529. width: 30rpx;
  530. height: 30rpx;
  531. margin-right: 8rpx;
  532. }
  533. .goods {
  534. font-size: 32rpx;
  535. color: #333;
  536. line-height: 45rpx;
  537. margin-bottom: 30rpx;
  538. }
  539. .price {
  540. color: red;
  541. }
  542. .btm-btn-block-content {
  543. margin-top: 50rpx;
  544. }
  545. .btm-btn-block {
  546. padding: 0 20rpx;
  547. margin-bottom: 20rpx;
  548. display: flex;
  549. flex-flow: row nowrap;
  550. justify-content: space-around;
  551. align-items: center;
  552. }
  553. .btm-btn-block .btn {
  554. flex: none;
  555. /* width: 325rpx; */
  556. width: 217rpx;
  557. height: 98rpx;
  558. border-radius: 8rpx;
  559. text-align: center;
  560. line-height: 98rpx;
  561. font-size: 32rpx;
  562. font-weight: 500;
  563. }
  564. .btm-btn-block .btn11 {
  565. background: linear-gradient(315deg, #3387ff 2%, #569bff 99%);
  566. box-shadow: 0 0 8rpx 0 rgba(51, 135, 255, 0.2);
  567. color: #fff;
  568. }
  569. .btm-btn-block .btn12 {
  570. background: linear-gradient(315deg, #999 2%, #999 99%);
  571. box-shadow: 0 0 8rpx 0 rgba(51, 135, 255, 0.2);
  572. color: #fff;
  573. }
  574. .zt-btn {
  575. background: linear-gradient(315deg, #3387ff 2%, #569bff 99%);
  576. box-shadow: 0 0 8rpx 0 rgba(51, 135, 255, 0.2);
  577. color: #fff;
  578. font-size: 24rpx;
  579. padding: 10rpx 12rpx;
  580. border-radius: 6rpx;
  581. }
  582. /* */
  583. .qc-btn {
  584. background-color: #3387FF;
  585. color: #fff;
  586. border-radius: 6rpx;
  587. height: 48rpx;
  588. line-height: 48rpx;
  589. padding: 0 20rpx;
  590. margin-left: 10rpx;
  591. }
  592. /* */
  593. .store-remark-form {
  594. display: block;
  595. }
  596. .store-remark-form .store-remark {
  597. display: block;
  598. width: 100%;
  599. background: #f1f1f1;
  600. padding: 20rpx;
  601. border-radius: 20rpx;
  602. font-size: 26rpx;
  603. line-height: 1.5;
  604. }
  605. .store-remark-form .stroe-remark-btn {
  606. display: block;
  607. width: 600rpx;
  608. height: 88rpx;
  609. background: linear-gradient(315deg, #3387ff 2%, #569bff 99%);
  610. color: #fff;
  611. font-weight: 500;
  612. line-height: 88rpx;
  613. text-align: center;
  614. font-size: 30rpx;
  615. margin: 30rpx auto;
  616. }
  617. /* */
  618. .goods-tab {
  619. display: table;
  620. width: 100%;
  621. border-collapse: collapse;
  622. margin-bottom: 30rpx;
  623. }
  624. .goods-tab .tr {
  625. display: table-row;
  626. }
  627. .goods-tab .td {
  628. display: table-cell;
  629. text-align: center;
  630. font-size: 24rpx;
  631. padding: 10rpx;
  632. border: 1rpx solid #ddd;
  633. }
  634. .goods-tab .goods-name {
  635. width: 200rpx;
  636. }
  637. /* */
  638. .operation-content {
  639. width: 600rpx;
  640. background-color: #fff;
  641. border-radius: 20rpx;
  642. overflow: hidden;
  643. }
  644. .title {
  645. height: 80rpx;
  646. /* border-bottom: 1rpx solid #ddd; */
  647. text-align: center;
  648. line-height: 80rpx;
  649. font-size: 30rpx;
  650. font-weight: 500;
  651. color: #333;
  652. }
  653. .refund-amount {
  654. width: 80%;
  655. height: 88rpx;
  656. padding: 0 20rpx;
  657. border: 1rpx solid #ddd;
  658. font-size: 30rpx;
  659. color: #333;
  660. margin: 30rpx auto;
  661. border-radius: 12rpx;
  662. }
  663. .refund-remark {
  664. width: 80%;
  665. padding: 20rpx;
  666. border: 1rpx solid #ddd;
  667. font-size: 28rpx;
  668. line-height: 1.5;
  669. color: #333;
  670. margin: 30rpx auto;
  671. border-radius: 12rpx;
  672. }
  673. .operation-content .btns {
  674. border-top: 1px solid #ddd;
  675. }
  676. .operation-btn {
  677. width: 100%;
  678. height: 88rpx;
  679. color: #333;
  680. font-weight: 500;
  681. line-height: 88rpx;
  682. text-align: center;
  683. font-size: 30rpx;
  684. }
  685. .operation-btn+.operation-btn {
  686. border-left: 1px solid #ddd;
  687. }
  688. </style>