creatOrder.vue 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785
  1. <template>
  2. <view class="content flex flex_column">
  3. <view class="searchBar">
  4. <view class="p-title flex align_center">
  5. <text></text>
  6. <view class="shelfName">
  7. <view>{{nowData.shelfName}}</view>
  8. </view>
  9. <view v-if="placeTab.length" class="btns" @click="showTab = true">筛选<u-icon size="20" name="arrow-down"></u-icon></view>
  10. </view>
  11. <view class="search flex align_center">
  12. <view class="input">
  13. <u-search
  14. v-model="queryWord"
  15. @custom="getpartList"
  16. @search="getpartList"
  17. @clear="clearSearch"
  18. @input="$u.debounce(changeSearch, 800)"
  19. bg-color="#fff"
  20. :show-action="false"
  21. placeholder="请输入产品编码或名称搜索"></u-search>
  22. </view>
  23. <view class="icon" @click="toScan">
  24. <u-icon name="scan"></u-icon>
  25. </view>
  26. </view>
  27. </view>
  28. <view class="check-list">
  29. <productList ref="productList" noDataText="暂无产品" @allChecked="allCheckedCallback"></productList>
  30. </view>
  31. <!-- 底部栏 -->
  32. <view class="footer-bar flex align_center">
  33. <view class="f-left">
  34. <u-checkbox size="40" @change="allCheckeChange" v-model="allChecked" shape="circle">{{allChecked?'取消全选':'全选'}}</u-checkbox>
  35. </view>
  36. <view class="f-mid flex align_center" @click="openCart">
  37. <view>
  38. 已选<text>{{orderTotal}}</text>款/<text>{{orderTotal}}</text>件
  39. </view>
  40. <view>
  41. 查看明细
  42. <u-icon name="arrow-up"></u-icon>
  43. </view>
  44. </view>
  45. <view class="f-btns">
  46. <u-button size="medium" @click="submitOrder" :custom-style="customBtnStyle" shape="circle" type="primary" hover-class="none" >创建补货单</u-button>
  47. </view>
  48. </view>
  49. <!-- 已选配件 购物车 -->
  50. <div class="cpb_cart-mask" v-if="showCart">
  51. <div class="cpb_cart-box">
  52. <div class="cpb_close flex align-center justify_center" @click="showCart=false">
  53. <u-icon name="close"></u-icon>
  54. </div>
  55. <div class="cpb_cart-tit">
  56. <view>已选配件</view>
  57. <view class="cpb_heji flex align_center justify_between">
  58. <text @click="clearDetail">清空列表</text>
  59. <view v-if="detail">
  60. 盈亏总数量:
  61. <text>
  62. {{detail.totalProfitLossQty}}
  63. </text>
  64. 盈亏总金额:
  65. <text>
  66. ¥{{detail.totalProfitLossCost}}
  67. </text>
  68. </view>
  69. </view>
  70. </div>
  71. <div class="cpb_cart-list">
  72. <u-swipe-action
  73. :show="item.show"
  74. :btn-width="120"
  75. :index="index"
  76. @click="delDetail"
  77. v-for="(item, index) in chooseList"
  78. :key="item.id"
  79. :options="options"
  80. >
  81. <view class="nav-right-item flex">
  82. <view class="uni-col-2">
  83. <u-image :src="item.product&&item.product.images?item.product.images:`../../static/${$config('themePath')}/def_img@2x.png`" width="100" height="100" border-radius="30"></u-image>
  84. </view>
  85. <view class="item-info uni-col-10">
  86. <view class="item-name">
  87. <text>{{item.shelfPlaceCode}}</text>
  88. {{item.product.productName}}
  89. </view>
  90. <view class="item-detail">
  91. <view class="item-detail-info align_center flex justify_between">
  92. <view>
  93. {{item.productCode}}
  94. </view>
  95. <view class="flex justify_end">
  96. <text class="item-detail-text">
  97. 可用:{{item.stockQty?item.stockQty:0}} {{item.product&&item.product.unit}}
  98. </text>
  99. <text class="item-detail-text">
  100. 冻结:{{item.freezeQty?item.freezeQty:0}} {{item.product&&item.product.unit}}
  101. </text>
  102. </view>
  103. </view>
  104. </view>
  105. <view class="item-detail">
  106. <view class="item-detail-info">
  107. <view class="flex justify_between">
  108. <view></view>
  109. <view class="item-detail-text">
  110. 实际可用:
  111. <u-number-box
  112. v-model="item.checkQty"
  113. @minus="cartChangeNums"
  114. @plus="cartChangeNums"
  115. @blur="cartChangeNums"
  116. :index="'cart_'+item.id"
  117. :max="999999"></u-number-box>
  118. </view>
  119. </view>
  120. </view>
  121. </view>
  122. </view>
  123. </view>
  124. </u-swipe-action>
  125. </div>
  126. </div>
  127. </div>
  128. <!-- 筛选项 -->
  129. <u-popup v-model="showTab" mode="right" width="70%">
  130. <view class="tabBox flex flex_column">
  131. <view class="tabs">
  132. <view>
  133. <view :class="'available'==curType?'active':''" @click="curType=curType=='available'?'':'available'">有可用库存的产品</view>
  134. <view :class="'blocked'==curType?'active':''" @click="curType=curType=='blocked'?'':'blocked'">有冻结库存的产品</view>
  135. </view>
  136. <view class="flex">
  137. <view :class="item==curTab?'active':''" v-for="item in placeTab" :key="item" @click="curTab=curTab==item?'':item">{{item}}层</view>
  138. </view>
  139. </view>
  140. <view class="btns">
  141. <u-button class="handle-btn" shape="circle" size="medium" hover-class="none" @click="handleClear">重置</u-button>
  142. <u-button class="handle-btn" shape="circle" size="medium" hover-class="none" :custom-style="customBtnStyle" @click="clearSearch">查询</u-button>
  143. </view>
  144. </view>
  145. </u-popup>
  146. </view>
  147. </template>
  148. <script>
  149. import { getShelfProductList,getProductPlace } from '@/api/shelf'
  150. import productList from './productList.vue'
  151. import {
  152. stockCheckDetailQueryList,
  153. stockCheckDetailDelete,
  154. stockCheckSave,
  155. stockCheckBySn,
  156. stockCheckDetailSave,
  157. deleteByStockCheckSn
  158. } from '@/api/stockCheck'
  159. import { clzConfirm } from '@/libs/tools'
  160. export default {
  161. components: {
  162. productList
  163. },
  164. data() {
  165. return {
  166. queryWord: '',
  167. nowData:null,
  168. stockCheckSn: null,
  169. detail:null,
  170. pageNo:1,
  171. pageSize: 20,
  172. total: 0, // 列表总数
  173. noDataText: '暂无产品',
  174. status: 'loading',
  175. partList: [],
  176. allChecked: false,
  177. showTab: false,
  178. placeTab: [],
  179. curTab: '',
  180. curType: '',
  181. customBtnStyle: { // 自定义按钮样式
  182. borderColor: this.$config('primaryColor'),
  183. backgroundColor: this.$config('primaryColor'),
  184. color: '#fff'
  185. },
  186. orderTotal: 0,
  187. showCart: false,
  188. chooseList: [],
  189. tempData: null,
  190. options: [
  191. {
  192. text: '删除',
  193. style: {
  194. backgroundColor: '#dd524d'
  195. }
  196. }
  197. ]
  198. }
  199. },
  200. onNavigationBarButtonTap(e) {
  201. if(e.index == 0){
  202. uni.navigateTo({
  203. url: '/pages/stockCheck/checkRecord?shelfSn='+this.nowData.shelfSn
  204. })
  205. }
  206. },
  207. onBackPress(e) {
  208. if(this.showTab||this.showCart) {
  209. this.showTab = false;
  210. this.showCart = false;
  211. return true;
  212. }
  213. },
  214. onLoad(opts) {
  215. this.nowData = JSON.parse(decodeURIComponent(opts.data));
  216. this.stockCheckSn = this.nowData.stockCheckSn
  217. this.getpartList()
  218. this.getShelfPlace()
  219. if(this.stockCheckSn){
  220. // 获取盘点单明细
  221. this.getDetail()
  222. // 获取盘点明细列表
  223. this.getChooseList()
  224. }
  225. // 重置盘点单
  226. uni.$on("resetStockCheck",()=>{
  227. this.resetStockCheck()
  228. })
  229. },
  230. onUnload() {
  231. uni.$off("resetStockCheck")
  232. },
  233. methods: {
  234. // 全选
  235. allCheckeChange(e){
  236. this.$refs.productList.allSelect(e.value)
  237. },
  238. allCheckedCallback(val){
  239. this.allChecked = val
  240. },
  241. // 重置盘点单
  242. resetStockCheck(){
  243. this.chooseList = []
  244. this.orderTotal = 0
  245. this.stockCheckSn = null
  246. this.detail = null
  247. this.tempData = null
  248. this.queryWord = ''
  249. this.showCart = false
  250. this.handleClear()
  251. },
  252. // 获取盘点明细列表
  253. getChooseList(){
  254. stockCheckDetailQueryList({
  255. stockCheckSn: this.stockCheckSn
  256. }).then(res => {
  257. this.chooseList = res.data || []
  258. this.orderTotal = this.chooseList.length
  259. })
  260. },
  261. // 详细
  262. getDetail(){
  263. stockCheckBySn({stockCheckSn: this.stockCheckSn}).then(res => {
  264. this.detail = res.data || null
  265. })
  266. },
  267. //添加产品
  268. toEdit(item){
  269. },
  270. // 创建补货单
  271. creatOrder(data){
  272. uni.showLoading({
  273. title:"正在保存.."
  274. })
  275. stockCheckSave({
  276. shelfSn: this.nowData.shelfSn,
  277. totalCategory: this.nowData.totalCategory,
  278. totalStockQty: this.nowData.totalStockQty,
  279. totalFreezeQty: this.nowData.totalFreezeQty
  280. }).then(res => {
  281. if(res.status == 200){
  282. this.detail = res.data || null
  283. this.stockCheckSn = res.data.stockCheckSn
  284. }else{
  285. uni.hideLoading()
  286. }
  287. })
  288. },
  289. // 打开购物车
  290. openCart(){
  291. if(this.orderTotal){
  292. this.showCart = !this.showCart
  293. }else{
  294. uni.showToast({
  295. icon: 'none',
  296. title: '请先添加产品'
  297. })
  298. }
  299. },
  300. // 清空购物车
  301. clearDetail(){
  302. const _this = this
  303. clzConfirm({
  304. title: '提示',
  305. content: '确认要清空列表吗?',
  306. success (ret) {
  307. if (ret.confirm || ret.index == 0) {
  308. }
  309. }
  310. })
  311. },
  312. // 修改数量
  313. cartChangeNums(v){
  314. console.log(v,this.showCart)
  315. const data = this.chooseList.find(item => item.id == v.index.split('_')[1])
  316. },
  317. // 删除盘点详细
  318. delDetail(a,b){
  319. if(b==0){
  320. const data = this.chooseList[a]
  321. stockCheckDetailDelete({stockCheckDetailSn: data.stockCheckDetailSn}).then(res=>{
  322. if(res.status == 200){
  323. this.chooseList.splice(a,1)
  324. this.orderTotal = this.chooseList.length
  325. // 删除最后一个后刷新列表
  326. if(this.orderTotal == 0){
  327. this.showCart = false
  328. this.getChooseList()
  329. }
  330. this.getDetail()
  331. }
  332. })
  333. }
  334. },
  335. // 获取货位号
  336. getShelfPlace(flag){
  337. getProductPlace({ shelfSn: this.nowData.shelfSn }).then(res => {
  338. if (res.status == 200) {
  339. for(let a in res.data){
  340. this.placeTab.push(a)
  341. }
  342. // 排序
  343. this.placeTab.sort(function(a,b){ return (a+'').localeCompare(b+'');});
  344. if(!flag){
  345. this.curTab = ''
  346. }
  347. } else {
  348. this.placeTab = []
  349. }
  350. })
  351. },
  352. handleClear(){
  353. this.curTab = ''
  354. this.curType = ''
  355. this.clearSearch()
  356. },
  357. clearSearch(){
  358. this.queryWord = ''
  359. this.changeSearch()
  360. },
  361. changeSearch(){
  362. this.pageNo = 1
  363. this.partList = []
  364. this.getpartList()
  365. },
  366. // 获取数字货架列表
  367. getpartList(){
  368. const _this = this
  369. let params = {
  370. pageNo: this.pageNo,
  371. pageSize: this.pageSize,
  372. shelfSn: this.nowData.shelfSn,
  373. queryWord: this.queryWord,
  374. shelfPlaceCodeHead: this.curTab,
  375. currQtyFlag: this.curType=='available' ? 1 : '',
  376. freezeQtyFlag: this.curType=='blocked' ? 1 : '',
  377. }
  378. _this.status = 'loading'
  379. getShelfProductList(params).then(res => {
  380. uni.hideLoading()
  381. if(res.status == 200){
  382. let list = res.data.list
  383. console.log(list)
  384. if (list && list.length){
  385. // 分页 拼接数据
  386. if (_this.pageNo != 1) {
  387. _this.partList = _this.partList ? _this.partList.concat(list) : list
  388. } else {
  389. _this.partList = list
  390. }
  391. this.total = res.data.count
  392. if (_this.partList.length == res.data.count) {
  393. _this.status = 'nomore'
  394. } else {
  395. _this.status = 'loadmore'
  396. }
  397. } else {
  398. _this.partList = list || []
  399. this.total = 0
  400. _this.status = 'nomore'
  401. }
  402. _this.noDataText = '暂无匹配产品'
  403. }else{
  404. _this.status = 'loadmore'
  405. _this.partList = []
  406. _this.total = 0
  407. _this.noDataText = res.message ? res.message : '网络似乎出错了,请稍后再试'
  408. }
  409. this.showTab = false
  410. })
  411. },
  412. // 加载更多
  413. onreachBottom () {
  414. if(this.partList.length < this.total ){
  415. this.pageNo++
  416. this.getpartList()
  417. }else{
  418. this.status = "nomore"
  419. }
  420. },
  421. // 提交盘点单
  422. submitOrder(){
  423. if(this.chooseList.length){
  424. uni.navigateTo({
  425. url: '/pages/stockCheck/submitStockCheck?stockCheckSn='+this.stockCheckSn+'&type=submit'
  426. })
  427. }else{
  428. uni.showToast({
  429. icon: 'none',
  430. title: '请先添加产品'
  431. })
  432. }
  433. },
  434. // 扫描
  435. toScan(){
  436. this.mpaasScanModule = uni.requireNativePlugin("wss-scan")
  437. this.mpaasScanModule.scan(
  438. {
  439. "scanMode":"Customized",
  440. "scanStyle":{
  441. "scanFrameSizePlus":{"width":250,"height":250},
  442. "scanFrameSize":200,
  443. "scanLight":"visible",
  444. "scanText":"对准条形码/二维码进行识别",
  445. "scanTitle":"扫码搜索货位产品",
  446. }
  447. },
  448. (result) => {
  449. if(result.scanStatus == 1){
  450. this.scanResult(result)
  451. }
  452. })
  453. },
  454. // 扫描结果
  455. scanResult(data){
  456. const params = {
  457. pageNo: 1,
  458. pageSize:1,
  459. shelfSn: this.nowData.shelfSn
  460. }
  461. // 二维码
  462. if(data.scanType == 'QRCODE'){
  463. const ret = data.scanValue.split("&")
  464. params.queryWord = ret[1] // 产品编码
  465. }else{
  466. params.qrCode = data.scanValue
  467. }
  468. getShelfProductList(params).then(res => {
  469. console.log(res)
  470. if(res.status == 200){
  471. if(res.data&&res.data.list.length){
  472. this.toEdit(res.data.list[0])
  473. }else{
  474. uni.showToast({
  475. icon: "none",
  476. title: "产品不属于此货架,请重新扫描",
  477. duration: 5000
  478. })
  479. }
  480. }
  481. })
  482. }
  483. }
  484. }
  485. </script>
  486. <style lang="less">
  487. .content{
  488. height: 100vh;
  489. width: 100%;
  490. background: #fff;
  491. .searchBar{
  492. padding: 0 0.8rem 0.3rem;
  493. .p-title{
  494. padding: 0 15rpx;
  495. display: flex;
  496. align-items: center;
  497. color: #222;
  498. font-size: 30rpx;
  499. > text{
  500. display: block;
  501. height: 30rpx;
  502. width: 6rpx;
  503. background: #0485F6;
  504. margin-right: 10rpx;
  505. border-radius: 10rpx;
  506. }
  507. .shelfName{
  508. flex-grow: 1;
  509. font-weight: bold;
  510. width: 80%;
  511. > view{
  512. overflow: hidden;
  513. white-space: nowrap;
  514. text-overflow: ellipsis;
  515. }
  516. }
  517. .btns{
  518. width:100rpx;
  519. text-align: right;
  520. font-size: 28rpx;
  521. color: #0485F6;
  522. }
  523. }
  524. .search{
  525. margin-top: 15upx;
  526. padding: 0.1rem;
  527. border-radius: 50rpx;
  528. border:1rpx solid #eee;
  529. .input{
  530. flex-grow: 1;
  531. padding: 4rpx;
  532. }
  533. .icon{
  534. width: 13%;
  535. text-align: center;
  536. font-size: 46rpx;
  537. color: #999;
  538. }
  539. }
  540. }
  541. .check-list{
  542. padding: 0 0.5rem;
  543. flex-grow: 1;
  544. .scroll-view{
  545. height: calc(100vh - 260rpx);
  546. box-sizing: border-box;
  547. }
  548. .partList-list-box{
  549. padding: 20rpx 30rpx;
  550. border-bottom: 2rpx solid #f5f5f5;
  551. &:last-child{
  552. border:0;
  553. }
  554. .product{
  555. flex-grow: 1;
  556. &:active{
  557. opacity: 0.6;
  558. background-color: #f8f8f8;
  559. }
  560. .pimgs{
  561. position: relative;
  562. border:2rpx solid #eee;
  563. border-radius: 15rpx;
  564. padding: 5rpx;
  565. > text{
  566. position: absolute;
  567. left: 0;
  568. bottom:0;
  569. z-index: 500;
  570. width: 100%;
  571. text-align: center;
  572. background: rgba(255, 0, 0, 0.6);
  573. color: #fff;
  574. font-size: 20upx;
  575. }
  576. }
  577. .item-detail{
  578. margin-top: 10rpx;
  579. display: flex;
  580. align-items: center;
  581. justify-content: space-between;
  582. color: #9DA8B5;
  583. font-size: 26upx;
  584. .item-detail-text{
  585. font-size: 26upx;
  586. color: #333;
  587. }
  588. }
  589. .pinfo{
  590. flex-grow: 1;
  591. padding-left: 20rpx;
  592. .pname{
  593. font-size: 28rpx;
  594. color: #191919;
  595. text{
  596. font-weight: normal;
  597. margin-right: 6rpx;
  598. padding: 0 10rpx;
  599. background: rgba(3, 54, 146, 0.15);
  600. border-radius: 100rpx;
  601. color: #033692;
  602. font-size: 24rpx;
  603. }
  604. }
  605. .ptxt{
  606. font-size: 28rpx;
  607. color: #333;
  608. font-weight: bold;
  609. margin-top: 10upx;
  610. .pnums{
  611. color: #222;
  612. }
  613. }
  614. }
  615. }
  616. }
  617. }
  618. .footer-bar{
  619. background-color: #f8f8f8;
  620. padding: 20upx;
  621. .f-left{
  622. color: #fff;
  623. }
  624. .active{
  625. background-color: #0485F6;
  626. }
  627. .f-mid{
  628. flex-grow: 1;
  629. font-size: 0.8rem;
  630. color: #666;
  631. > view{
  632. padding: 0 10upx;
  633. &:first-child{
  634. text{
  635. color: red;
  636. }
  637. }
  638. }
  639. }
  640. .f-btns{
  641. button{
  642. width: 200upx;
  643. }
  644. }
  645. }
  646. // 筛选
  647. .tabBox{
  648. height: 100vh;
  649. .tabs{
  650. flex-grow: 1;
  651. overflow: auto;
  652. padding: 20rpx;
  653. > view{
  654. flex-wrap: wrap;
  655. justify-content: space-between;
  656. > view{
  657. width: 45%;
  658. border: 1rpx solid #eee;
  659. padding: 15rpx;
  660. border-radius: 50rpx;
  661. text-align: center;
  662. margin-bottom: 15rpx;
  663. }
  664. .active{
  665. border:0;
  666. background-color: #0485F6;
  667. color: #fff;
  668. }
  669. &:first-child{
  670. > view{
  671. width: 100%;
  672. }
  673. }
  674. }
  675. }
  676. .btns{
  677. display: flex;
  678. padding: 20upx;
  679. justify-content: space-between;
  680. .handle-btn {
  681. font-size: 28upx;
  682. }
  683. }
  684. }
  685. // 购物车
  686. .cpb_cart-mask{
  687. position: fixed;
  688. width: 100%;
  689. background: rgba(0,0,0,0.5);
  690. z-index: 900;
  691. bottom: 100rpx;
  692. top: 0;
  693. }
  694. .cpb_cart-box{
  695. background-color: #fff;
  696. position: absolute;
  697. width: 100%;
  698. z-index: 1000;
  699. bottom: 0;
  700. border-radius: 30rpx 30rpx 0 0;
  701. max-height: 70vh;
  702. display: flex;
  703. flex-direction: column;
  704. .cpb_close{
  705. position: absolute;
  706. top: 10rpx;
  707. right: 20rpx;
  708. width: 70rpx;
  709. height: 70rpx;
  710. font-size: 32rpx;
  711. color: #999;
  712. }
  713. .cpb_cart-tit{
  714. text-align: center;
  715. padding: 20rpx;
  716. font-size: 32rpx;
  717. border-bottom: 2rpx solid #eee;
  718. .cpb_heji{
  719. padding-top: 20rpx;
  720. font-size: 26upx;
  721. > text{
  722. color: #00aaff;
  723. }
  724. > view{
  725. color: #999;
  726. > text{
  727. color: #333;
  728. &:first-child{
  729. margin-right: 20upx;
  730. }
  731. }
  732. }
  733. }
  734. }
  735. .cpb_cart-list{
  736. padding: 20rpx 0;
  737. overflow: auto;
  738. flex-grow: 1;
  739. > view{
  740. margin-bottom: 20rpx;
  741. }
  742. .nav-right-item{
  743. padding: 0 30upx;
  744. }
  745. .item-name{
  746. font-size: 30rpx;
  747. text{
  748. background: rgba(3, 54, 146, 0.15);
  749. color: #1c588a;
  750. border-radius: 1em;
  751. font-size: 0.8em;
  752. padding: 0 0.5em;
  753. margin-right: 10upx;
  754. }
  755. }
  756. .item-info{
  757. border-bottom:2rpx solid #eee;
  758. flex-grow: 1;
  759. padding-left: 0.2em;
  760. }
  761. .item-detail{
  762. .item-detail-info{
  763. padding: 10upx 0 4upx;
  764. font-size: 24upx;
  765. > view{
  766. padding-bottom: 20rpx;
  767. align-items: center;
  768. .item-detail-text{
  769. color: #999;
  770. margin-left: 20upx;
  771. }
  772. }
  773. }
  774. }
  775. }
  776. }
  777. }
  778. </style>