storeInfo.vue 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722
  1. <template>
  2. <view class="container">
  3. <!-- #ifdef MP-WEIXIN -->
  4. <view class="container-center"></view>
  5. <!-- #endif -->
  6. <view class="backShop flex-y-center" @click="back" v-if="is_shop">
  7. <image src="../static/images/back.png" mode=""></image>
  8. <view class="">
  9. 返回商家
  10. </view>
  11. </view>
  12. <view class="header">
  13. <image :src="info.thumb" class="logo-img" mode="aspectFill"></image>
  14. <view class="content">
  15. <view class="name">{{info.title}}</view>
  16. </view>
  17. </view>
  18. <view class="main-block">
  19. <navigator url="../statistics/index/StoreIndex" class="flex-y-center haeder-title haeder-title-color ">
  20. <view class="border-b box-pack-between flex-grow-1 flex-y-center" style=" height: 90rpx;">
  21. <view class="flex-y-center">
  22. <view class="haeder flex-center haeder-color">
  23. <view class="haeder-bg">
  24. </view>
  25. </view>
  26. <view class="">
  27. 数据统计
  28. </view>
  29. </view>
  30. <text class="iconfont icongengduo"></text>
  31. </view>
  32. </navigator>
  33. <view class="page-block">
  34. <view class="num-block flex box-pack-between">
  35. <view class="item flex flex-col flex-center">
  36. <view class="num">{{turnover.jryye}}</view>
  37. <view class="name">今日营业额(元)</view>
  38. </view>
  39. <navigator :url="`/saomaDiancan/orderList/orderList?store_id=${store_id}&day=${day}`"
  40. class="item flex flex-col flex-center">
  41. <view class="num">{{turnover.jrdd}}</view>
  42. <view class="name">今日订单</view>
  43. </navigator>
  44. <view class="item flex flex-col flex-center">
  45. <view class="num">{{turnover.zyye}}</view>
  46. <view class="name">总营业额(元)</view>
  47. </view>
  48. </view>
  49. <view class="num-block flex box-pack-between">
  50. <view class="item flex flex-col flex-center">
  51. <view class="num">{{obj.dai_peisong_order||0}}</view>
  52. <view class="name">待配送</view>
  53. </view>
  54. <view class="item flex flex-col flex-center">
  55. <view class="num">{{obj.peisong_order||0}}</view>
  56. <view class="name">配送中</view>
  57. </view>
  58. <view class="item flex flex-col flex-center">
  59. <view class="num">{{obj.picked_order||0}}</view>
  60. <view class="name">待自提</view>
  61. </view>
  62. </view>
  63. </view>
  64. <view class="page-block">
  65. <view class="btn-list">
  66. <block v-for="(item,index) in power_list" :key='index'>
  67. <navigator v-if="item.id!=287 && item.id!=248 && item.id!=888 "
  68. :url="`${item.address}?id=${item.id}`" class="item flex flex-col flex-center">
  69. <image :src="item.image" class="icon-img" mode="aspectFit"></image>
  70. <view class="name">{{item.name}}</view>
  71. </navigator>
  72. <block v-if="item.id==287 && item.name=='商品管理'">
  73. <block v-for="(children,idx) of item.list" :key='idx'>
  74. <navigator v-if="children.id==233 || children.name=='商品列表'"
  75. :url="`/saomaDiancan/editGoods/editGoods?store_id=${store_id}`"
  76. class="item flex flex-col flex-center">
  77. <image src="./static/images/icon_11.png" class="icon-img" mode="aspectFit"></image>
  78. <view class="name">添加商品</view>
  79. </navigator>
  80. <navigator :url="`${children.address}?id=${children.id}`"
  81. class="item flex flex-col flex-center">
  82. <image :src="children.image" class="icon-img" mode="aspectFit"></image>
  83. <view class="name">{{children.name}}</view>
  84. </navigator>
  85. </block>
  86. </block>
  87. <block v-if="item.id== 288 && item.name=='订单管理'">
  88. <block v-for="(children,idx) of item.list" :key='idx'>
  89. <navigator v-if="children.id==238" :url="`${children.address}?id=${children.id}`"
  90. class="item flex flex-col flex-center">
  91. <image :src="children.image" class="icon-img" mode="aspectFit"></image>
  92. <view class="name">{{children.name}}</view>
  93. </navigator>
  94. </block>
  95. </block>
  96. <block v-if="item.id== 248 && item.name=='营销管理'">
  97. <block v-for="(children,idx) of item.list" :key='idx'>
  98. <navigator v-if="children.id==249" :url="`${children.address}?id=${children.id}`"
  99. class="item flex flex-col flex-center">
  100. <image :src="children.image" class="icon-img" mode="aspectFit"></image>
  101. <view class="name">{{children.name}}</view>
  102. </navigator>
  103. </block>
  104. </block>
  105. <block v-if="item.id== 888 && item.name=='数据统计'">
  106. <block v-for="(children,idx) of item.list" :key='idx'>
  107. <navigator v-if="children.id== 889" :url="`${children.address}?id=${children.id}`"
  108. class="item flex flex-col flex-center">
  109. <image :src="children.image" class="icon-img" mode="aspectFit"></image>
  110. <view class="name">{{children.name}}</view>
  111. </navigator>
  112. </block>
  113. </block>
  114. </block>
  115. <!-- <navigator :url="`/storeInfoIng/storeList?store_id=${store_id}`"
  116. class="item flex flex-col flex-center">
  117. <image src="./static/images/icon_15.png" class="icon-img" mode="aspectFit"></image>
  118. <view class="name">门店设置</view>
  119. </navigator>
  120. <navigator :url="`/saomaDiancan/orderList/orderList?store_id=${store_id}`"
  121. class="item flex flex-col flex-center">
  122. <image src="./static/images/icon_13.png" class="icon-img" mode="aspectFit"></image>
  123. <view class="name">订单列表</view>
  124. </navigator> -->
  125. <!-- <navigator :url="`/saomaDiancan/printer/printer?store_id=${store_id}`"
  126. class="item flex flex-col flex-center">
  127. <image src="./static/images/icon_14.png" class="icon-img" mode="aspectFit"></image>
  128. <view class="name">打印设置</view>
  129. </navigator>-->
  130. <!-- <navigator :url="`./bannerList?store_id=${store_id}`"
  131. class="item flex flex-col flex-center">
  132. <image src="./static/images/icon_3.png" class="icon-img" mode="aspectFit"></image>
  133. <view class="name">广告设置</view>
  134. </navigator>
  135. <navigator :url="`./staff?store_id=${store_id}&type=2`"
  136. class="item flex flex-col flex-center">
  137. <image src="./static/images/icon_4.png" class="icon-img" mode="aspectFit"></image>
  138. <view class="name">员工管理</view>
  139. </navigator>
  140. <navigator :url="`/storeInfoIng/deviceList?store_id=${store_id}`"
  141. class="item flex flex-col flex-center">
  142. <image src="./static/images/icon_14.png" class="icon-img" mode="aspectFit"></image>
  143. <view class="name">设备管理</view>
  144. </navigator>
  145. -->
  146. <!-- <navigator :url="`/saomaDiancan/member/member?store_id=${store_id}`"
  147. class="item flex flex-col flex-center">
  148. <image src="./static/images/icon_5.png" class="icon-img" mode="aspectFit"></image>
  149. <view class="name">会员设置</view>
  150. </navigator>
  151. <navigator :url="`/saomaDiancan/couponList/couponList?store_id=${store_id}`"
  152. class="item flex flex-col flex-center">
  153. <image src="./static/images/icon_7.png" class="icon-img" mode="aspectFit"></image>
  154. <view class="name">优惠券管理</view>
  155. </navigator> -->
  156. <!-- <navigator :url="`/saomaDiancan/goodsCatList/goodsCatList?store_id=${store_id}`"
  157. class="item flex flex-col flex-center">
  158. <image src="./static/images/icon_12.png" class="icon-img" mode="aspectFit"></image>
  159. <view class="name">商品分类</view>
  160. </navigator>
  161. <navigator :url="`/saomaDiancan/editGoods/editGoods?store_id=${store_id}`"
  162. class="item flex flex-col flex-center">
  163. <image src="./static/images/icon_11.png" class="icon-img" mode="aspectFit"></image>
  164. <view class="name">添加商品</view>
  165. </navigator>
  166. <navigator :url="`/saomaDiancan/goodsList/goodsList?store_id=${store_id}`"
  167. class="item flex flex-col flex-center">
  168. <image src="./static/images/icon_10.png" class="icon-img" mode="aspectFit"></image>
  169. <view class="name">商品列表</view>
  170. </navigator> -->
  171. <!-- <navigator :url="`/saomaDiancan/integral/integral?store_id=${store_id}`"
  172. class="item flex flex-col flex-center">
  173. <image src="./static/images/icon_2.png" class="icon-img" mode="aspectFit"></image>
  174. <view class="name">积分商城</view>
  175. </navigator> -->
  176. <!-- <navigator :url="`/saomaDiancan/order/order?store_id=${store_id}`"
  177. class="item flex flex-col flex-center">
  178. <image src="./static/images/icon_3.png" class="icon-img" mode="aspectFit"></image>
  179. <view class="name">订单管理</view>
  180. </navigator>
  181. <navigator url="/storeInfoIng/popup/home" class="item flex flex-col flex-center">
  182. <image src="./static/images/icon_8.png" class="icon-img" mode="aspectFit"></image>
  183. <view class="name">首页弹窗</view>
  184. </navigator> -->
  185. <navigator url="/yuyue/WriteOff/index" class="item flex flex-col flex-center">
  186. <image src="./static/images/icon_3.png" class="icon-img" mode="aspectFit"></image>
  187. <view class="name">核销管理</view>
  188. </navigator>
  189. <!-- <navigator :url="`/saomaDiancan/activity/codeList?store_id=${store_id}`" class="item flex flex-col flex-center">
  190. <image src="./static/images/icon_6.png" class="icon-img" mode="aspectFit"></image>
  191. <view class="name">营销码</view>
  192. </navigator>
  193. <navigator :url="`/saomaDiancan/ruyi/ruyi?store_id=${store_id}`" class="item flex flex-col flex-center">
  194. <image src="./static/images/icon_14.png" class="icon-img" mode="aspectFit"></image>
  195. <view class="name">如意设备</view>
  196. </navigator> -->
  197. <!-- <navigator :url="`/saomaDiancan/ruyi/staff?store_id=${store_id}`" class="item flex flex-col flex-center">
  198. <image src="./static/images/icon_14.png" class="icon-img" mode="aspectFit"></image>
  199. <view class="name">员工列表</view>
  200. </navigator>
  201. <navigator :url="`/saomaDiancan/ruyi/handover?store_id=${store_id}`" class="item flex flex-col flex-center">
  202. <image src="./static/images/icon_14.png" class="icon-img" mode="aspectFit"></image>
  203. <view class="name">交班记录</view>
  204. </navigator> -->
  205. <!-- <navigator :url="`/statistics/goodsData/goodsData?store_id=${store_id}`"
  206. class="item flex flex-col flex-center">
  207. <image src="./static/images/icon_14.png" class="icon-img" mode="aspectFit"></image>
  208. <view class="name">商品数据统计</view>
  209. </navigator> -->
  210. <!-- <navigator :url="`./goodsWarehousing/index?store_id=${store_id}`"
  211. class="item flex flex-col flex-center">
  212. <image src="./static/images/icon_12.png" class="icon-img" mode="aspectFit"></image>
  213. <view class="name">商品入库</view>
  214. </navigator> -->
  215. <navigator url="./saomaShoukuan/saomaShoukuan" class="item flex flex-col flex-center">
  216. <image src="/static/images/saoma.png" class="icon-img" mode="aspectFit"></image>
  217. <view class="name">快速收款</view>
  218. </navigator>
  219. <!-- <navigator url="/storeInfoIng/bindingCode/index" class="item flex flex-col flex-center">
  220. <image src="./static/images/icon_18.png" class="icon-img" mode="aspectFit"></image>
  221. <view class="name">空码管理</view>
  222. </navigator> -->
  223. <navigator url="/storeInfoIng/reservation/index" class="item flex flex-col flex-center">
  224. <image src="./static/images/yy.png" class="icon-img" mode="aspectFit"></image>
  225. <view class="name">预约查询</view>
  226. </navigator>
  227. </view>
  228. </view>
  229. <view class="btm-btn" @click="loginOut">退出登录</view>
  230. <!-- <view class="more-block">—— 更多服务 敬请期待 ——</view> -->
  231. </view>
  232. </view>
  233. </template>
  234. <script>
  235. export default {
  236. data() {
  237. return {
  238. store_id: "",
  239. info: {},
  240. turnover: {},
  241. ad: [],
  242. is_shop: false,
  243. day: null,
  244. obj: {},
  245. // getApp().globalData.is_shop,
  246. qc_list: [], //待取餐列表
  247. power_list: []
  248. }
  249. },
  250. onLoad(options) {
  251. if (!uni.getStorageSync("admin_id")) {
  252. uni.reLaunch({
  253. url: "/pages/login/login"
  254. })
  255. }
  256. this.store_id = uni.getStorageSync("store_id");
  257. this.is_shop = uni.getStorageSync("is_shop");
  258. this.day = this.getNowFormatDay();
  259. this.power();
  260. // 链接websocket 播放来单提醒
  261. getApp().initSocket(this.store_id)
  262. },
  263. onShow() {
  264. this.getInfo();
  265. this.getTurnover();
  266. this.http();
  267. this.getQcData()
  268. },
  269. onShareAppMessage() {
  270. },
  271. onShareTimeline() {
  272. },
  273. methods: {
  274. power() {
  275. this.request({
  276. url: 'index/index',
  277. data: {
  278. admin_id: uni.getStorageSync("admin_id")
  279. },
  280. is_agent: 'agent',
  281. }).then(res => {
  282. console.log(res, "index/index")
  283. if (res.code == '200') {
  284. this.power_list = res.data
  285. this.$store.commit('SET_MANAGE', res.data)
  286. // this.$store.state.management_list;
  287. }
  288. }).catch((res) => {
  289. uni.showToast({
  290. title: res.message,
  291. icon: 'none'
  292. })
  293. });
  294. },
  295. http(e) {
  296. this.request({
  297. url: 'Smdcshop/store_index',
  298. data: {
  299. admin_id: uni.getStorageSync("admin_id")
  300. }
  301. }).then(res => {
  302. if (res.code == 200) {
  303. this.obj = res.data;
  304. }
  305. }).catch((res) => {
  306. uni.showToast({
  307. title: res.message,
  308. icon: 'none'
  309. })
  310. });
  311. },
  312. getNowFormatDay() {
  313. var char = "-";
  314. let nowDate = new Date();
  315. var day = nowDate.getDate();
  316. var month = nowDate.getMonth() + 1; //注意月份需要+1
  317. var year = nowDate.getFullYear();
  318. //补全0,并拼接
  319. return year + char + completeDate(month) + char + completeDate(day);
  320. //补全0
  321. function completeDate(value) {
  322. return value < 10 ? "0" + value : value;
  323. }
  324. },
  325. back() {
  326. uni.setStorageSync("admin_id", uni.getStorageSync("admin_shopid")); //admin_id 重复
  327. // getApp().globalData.is_shop=null;
  328. uni.removeStorageSync("is_shop");
  329. uni.setStorageSync("is_login", 2);
  330. uni.reLaunch({
  331. url: "/saomaDiancan/index/index"
  332. })
  333. getApp().closeSocket('返回商家 关闭接单提醒',true)
  334. },
  335. loginOut() {
  336. uni.removeStorageSync("is_shop");
  337. uni.removeStorageSync("store_id");
  338. uni.removeStorageSync("store_user");
  339. uni.removeStorageSync("admin_id");
  340. uni.removeStorageSync("storeinfo");
  341. uni.removeStorage({
  342. key: 'is_login',
  343. success: (res) => {
  344. uni.reLaunch({
  345. url: "../pages/login/login"
  346. })
  347. }
  348. })
  349. getApp().closeSocket("退出登录 关闭接单提醒",true)
  350. },
  351. //门店信息
  352. getInfo() {
  353. this.request({
  354. url: 'Smdcshop/storeinfo',
  355. data: {
  356. store_id: this.store_id
  357. }
  358. }).then(res => {
  359. console.log(res)
  360. if (res.code == 200) {
  361. let info = res.data
  362. info.thumb = this.$siteroot + info.thumb
  363. this.info = info;
  364. uni.setStorageSync("storeinfo", res.data);
  365. }
  366. })
  367. },
  368. //营业额
  369. getTurnover() {
  370. this.request({
  371. url: 'Smdcshop/turnover',
  372. data: {
  373. store_id: this.store_id
  374. }
  375. }).then(res => {
  376. console.log(res)
  377. if (res.code == 200) {
  378. this.turnover = res.data
  379. }
  380. })
  381. },
  382. //获取待取餐列表
  383. getQcData() {
  384. this.request({
  385. url: 'Smdcshop/order_index_neal',
  386. data: {
  387. page: 1,
  388. limit: 4,
  389. store_id: this.store_id,
  390. }
  391. }).then(res => {
  392. if (res.code == 200 && res.data.length) {
  393. this.qc_list = res.data
  394. }
  395. })
  396. },
  397. //取餐订单时间格式化
  398. getQcTime(time) {
  399. return this.$utils.dateFormat('mm-dd HH:MM', new Date(time))
  400. },
  401. //提醒取餐
  402. onQucan(index) {
  403. this.request({
  404. url: 'merchant/take_meal',
  405. is_agent: 'agent',
  406. data: {
  407. order_id: this.qc_list[index].id
  408. }
  409. }).then(res => {
  410. if (res.code == 200) {
  411. uni.showModal({
  412. content: "已提醒取单",
  413. showCancel: false,
  414. success: () => {
  415. this.getQcData()
  416. }
  417. })
  418. }
  419. })
  420. },
  421. }
  422. }
  423. </script>
  424. <style lang="scss">
  425. .container-center {
  426. height: 44px;
  427. background-color: #3387FF;
  428. }
  429. page {
  430. background-color: #F4F5F7;
  431. }
  432. .backShop {
  433. position: absolute;
  434. left: 20rpx;
  435. /* #ifdef MP-WEIXIN */
  436. top: 44px;
  437. /* #endif */
  438. /* #ifdef H5 */
  439. top: 10rpx;
  440. /* #endif */
  441. font-size: 26rpx;
  442. color: #FFFFFF;
  443. z-index: 999;
  444. border: 1rpx solid #FFFFFF;
  445. padding: 6rpx 10rpx;
  446. border-radius: 4rpx;
  447. }
  448. .backShop image {
  449. width: 36rpx;
  450. height: 36rpx;
  451. }
  452. .btm-btn {
  453. width: 670rpx;
  454. height: 98rpx;
  455. background: linear-gradient(315deg, #3387ff 2%, #569bff 99%);
  456. border-radius: 8rpx;
  457. box-shadow: 0px 0px 8rpx 0px rgba(51, 135, 255, 0.2);
  458. font-size: 32rpx;
  459. font-weight: 500;
  460. text-align: center;
  461. color: #fff;
  462. line-height: 98rpx;
  463. margin: 0 auto;
  464. margin-top: 100rpx;
  465. margin-bottom: 30rpx;
  466. }
  467. .header {
  468. width: 100%;
  469. height: 216rpx;
  470. background: url(./static/images/store_info_bg.png) no-repeat;
  471. background-size: 750rpx 216rpx;
  472. background-position: bottom center;
  473. position: relative;
  474. }
  475. .header .content {
  476. width: 700rpx;
  477. height: 221rpx;
  478. background: #fff url(./static/images/stroe_info_bg2.png) no-repeat;
  479. background-size: 100%;
  480. border-radius: 8rpx;
  481. position: absolute;
  482. left: 50%;
  483. top: 120rpx;
  484. transform: translateX(-50%);
  485. }
  486. .header .content .name {
  487. text-align: center;
  488. font-size: 36rpx;
  489. color: #333;
  490. padding-top: 96rpx;
  491. line-height: 125rpx;
  492. }
  493. .header .logo-img {
  494. display: block;
  495. width: 160rpx;
  496. height: 160rpx;
  497. position: absolute;
  498. left: 50%;
  499. top: 56rpx;
  500. transform: translateX(-50%);
  501. z-index: 100;
  502. border-radius: 200px;
  503. }
  504. .main-block {
  505. padding: 155rpx 25rpx 0;
  506. }
  507. .page-block {
  508. width: 700rpx;
  509. background-color: #fff;
  510. box-sizing: border-box;
  511. border-radius: 8rpx;
  512. margin-bottom: 30rpx;
  513. }
  514. .num-block .item {
  515. width: 33.33%;
  516. height: 162rpx;
  517. flex: none;
  518. text-align: center;
  519. }
  520. .num-block .item .num {
  521. color: #3387FF;
  522. font-size: 44rpx;
  523. font-weight: bold;
  524. font-family: DIN;
  525. }
  526. .num-block .item .name {
  527. font-size: 24rpx;
  528. color: #666;
  529. margin-top: 16rpx;
  530. }
  531. .btn-list {
  532. display: flex;
  533. flex-flow: row wrap;
  534. justify-content: flex-start;
  535. align-content: flex-start;
  536. }
  537. .btn-list .item {
  538. width: 33.33%;
  539. height: 145rpx;
  540. }
  541. .btn-list .item .icon-img {
  542. display: block;
  543. width: 48rpx;
  544. height: 48rpx;
  545. }
  546. .btn-list .item .name {
  547. font-size: 24rpx;
  548. line-height: 33rpx;
  549. margin-top: 16rpx;
  550. color: #666;
  551. }
  552. .more-block {
  553. font-size: 24rpx;
  554. color: #B2B2B2;
  555. text-align: center;
  556. line-height: 33rpx;
  557. padding: 60rpx 0;
  558. position: fixed;
  559. left: 50%;
  560. bottom: 0;
  561. transform: translateX(-50%);
  562. }
  563. .haeder-title {
  564. font-size: 32rpx;
  565. font-family: PingFang SC, PingFang SC-Medium;
  566. font-weight: 500;
  567. text-align: center;
  568. color: #333333;
  569. border-radius: 8rpx 8rpx 0px 0px;
  570. padding: 0 24rpx;
  571. }
  572. .haeder-title-color {
  573. background-color: #FFFFFF;
  574. /* border-bottom: 1rpx solid #F1F1F1; */
  575. /* background: linear-gradient(90deg, rgba(114, 178, 255, 0.30), rgba(114, 178, 255, 0.00)); */
  576. }
  577. .haeder-color {
  578. background: linear-gradient(136deg, #6397fd 4%, #3377ff 100%);
  579. }
  580. .haeder {
  581. width: 36rpx;
  582. height: 36rpx;
  583. border-radius: 50%;
  584. margin-right: 10rpx;
  585. }
  586. .haeder-bg {
  587. width: 16rpx;
  588. height: 19rpx;
  589. background: linear-gradient(180deg, #ffffff, rgba(255, 255, 255, 0.60) 100%);
  590. border-radius: 4rpx;
  591. }
  592. /* 取餐表 */
  593. .qc-table-block {
  594. box-sizing: border-box;
  595. width: 100%;
  596. padding: 10rpx 24rpx;
  597. .qc-table {
  598. display: table;
  599. width: 100%;
  600. border-collapse: collapse;
  601. box-sizing: border-box;
  602. .tr {
  603. display: table-row;
  604. border-bottom: 1px solid #f0f0f0;
  605. .td {
  606. display: table-cell;
  607. font-size: 26rpx;
  608. color: #666;
  609. padding: 20rpx 6rpx;
  610. text-align: center;
  611. .qc-btn {
  612. background-color: #3387FF;
  613. color: #fff;
  614. border-radius: 6rpx;
  615. height: 48rpx;
  616. line-height: 48rpx;
  617. padding: 0 10rpx;
  618. }
  619. }
  620. }
  621. .th .td {
  622. font-weight: 500;
  623. color: #333;
  624. }
  625. }
  626. }
  627. </style>