| 1 |
- {"remainingRequest":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js??ref--0-2!E:\\item\\newItem\\admin\\src\\pages\\kefu\\mobile\\orderList\\orderDetail.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\pages\\kefu\\mobile\\orderList\\orderDetail.vue","mtime":1677828270203},{"path":"E:\\item\\newItem\\admin\\babel.config.js","mtime":1677828270071},{"path":"E:\\item\\newItem\\admin\\.babelrc","mtime":1677828270070},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js","mtime":1570440814000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IFByaWNlQ2hhbmdlIGZyb20gJy4uLy4uL2NvbXBvbmVudHMvUHJpY2VDaGFuZ2UnOwppbXBvcnQgQ2xpcGJvYXJkSlMgZnJvbSAnY2xpcGJvYXJkJzsKaW1wb3J0IHsgb3JkZXJJbmZvIH0gZnJvbSAnQC9hcGkva2VmdSc7CmltcG9ydCB7IHJlcXVpcmVkLCBudW0gfSBmcm9tICdAL3V0aWxzL3ZhbGlkYXRlJzsKaW1wb3J0IHsgdmFsaWRhdG9yRGVmYXVsdENhdGNoIH0gZnJvbSAnQC9saWJzL2RpYWxvZyc7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnQWRtaW5PcmRlcicsCiAgY29tcG9uZW50czogewogICAgUHJpY2VDaGFuZ2U6IFByaWNlQ2hhbmdlCiAgfSwKICBwcm9wczoge30sCiAgZGF0YTogZnVuY3Rpb24gZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIG9yZGVyOiBmYWxzZSwKICAgICAgY2hhbmdlOiBmYWxzZSwKICAgICAgb3JkZXJJZDogJycsCiAgICAgIG9yZGVySW5mbzoge30sCiAgICAgIHN0YXR1czogMCwKICAgICAgdGl0bGU6ICcnLAogICAgICBwYXlUeXBlOiAnJywKICAgICAgdHlwZXM6ICcnCiAgICB9OwogIH0sCiAgd2F0Y2g6IHsKICAgICckcm91dGUucGFyYW1zLmlkJzogZnVuY3Rpb24gJHJvdXRlUGFyYW1zSWQobmV3VmFsKSB7CiAgICAgIHZhciB0aGF0ID0gdGhpczsKCiAgICAgIGlmIChuZXdWYWwgIT0gdW5kZWZpbmVkKSB7CiAgICAgICAgdGhhdC5vcmRlcklkID0gbmV3VmFsOwogICAgICAgIHRoYXQuZ2V0SW5kZXgoKTsKICAgICAgfQogICAgfQogIH0sCiAgbW91bnRlZDogZnVuY3Rpb24gbW91bnRlZCgpIHsKICAgIC8vIHRoaXMub3JkZXJJZCA9IHRoaXMuJHJvdXRlLnBhcmFtcy5pZDsKICAgIHRoaXMuZ2V0SW5kZXgoKTsKICAgIHRoaXMuJG5leHRUaWNrKGZ1bmN0aW9uICgpIHsKICAgICAgdmFyIF90aGlzID0gdGhpczsKCiAgICAgIHZhciBjb3B5YnRuID0gZG9jdW1lbnQuZ2V0RWxlbWVudHNCeUNsYXNzTmFtZSgnY29weS1kYXRhJyk7CiAgICAgIHZhciBjbGlwYm9hcmQgPSBuZXcgQ2xpcGJvYXJkSlMoY29weWJ0bik7CiAgICAgIGNsaXBib2FyZC5vbignc3VjY2VzcycsIGZ1bmN0aW9uICgpIHsKICAgICAgICBfdGhpcy4kZGlhbG9nLnN1Y2Nlc3MoJ+WkjeWItuaIkOWKnycpOwogICAgICB9KTsKICAgIH0pOwogIH0sCiAgbWV0aG9kczogewogICAgbW9yZTogZnVuY3Rpb24gbW9yZSgpIHsKICAgICAgdGhpcy5vcmRlciA9ICF0aGlzLm9yZGVyOwogICAgfSwKICAgIG1vZGlmeTogZnVuY3Rpb24gbW9kaWZ5KHN0YXR1cykgewogICAgICB0aGlzLmNoYW5nZSA9IHRydWU7CiAgICAgIHRoaXMuc3RhdHVzID0gc3RhdHVzOwogICAgfSwKICAgIGNoYW5nZWNsb3NlOiBmdW5jdGlvbiBjaGFuZ2VjbG9zZShtc2cpIHsKICAgICAgdGhpcy5jaGFuZ2UgPSBtc2c7CiAgICAgIHRoaXMuZ2V0SW5kZXgoKTsKICAgIH0sCiAgICBjbG9zZUNoYW5nZTogZnVuY3Rpb24gY2xvc2VDaGFuZ2UobXNnKSB7CiAgICAgIHRoaXMuY2hhbmdlID0gbXNnOwogICAgfSwKICAgIGdldEluZGV4OiBmdW5jdGlvbiBnZXRJbmRleCgpIHsKICAgICAgdmFyIF90aGlzMiA9IHRoaXM7CgogICAgICB2YXIgdGhhdCA9IHRoaXM7CiAgICAgIG9yZGVySW5mbyh0aGlzLiRyb3V0ZS5wYXJhbXMuaWQpLnRoZW4oZnVuY3Rpb24gKHJlcykgewogICAgICAgIHRoYXQub3JkZXJJbmZvID0gcmVzLmRhdGEub3JkZXJJbmZvOwogICAgICAgIHRoYXQudHlwZXMgPSByZXMuZGF0YS5vcmRlckluZm8uX3N0YXR1cy5fdHlwZTsKICAgICAgICB0aGF0LnRpdGxlID0gcmVzLmRhdGEub3JkZXJJbmZvLl9zdGF0dXMuX3RpdGxlOwoKICAgICAgICBfdGhpczIuJG5leHRUaWNrKGZ1bmN0aW9uICgpIHsKICAgICAgICAgIHZhciBfdGhpczMgPSB0aGlzOwoKICAgICAgICAgIHZhciBjb3B5YnRuID0gZG9jdW1lbnQuZ2V0RWxlbWVudHNCeUNsYXNzTmFtZSgnY29weS1kYXRhJyk7CiAgICAgICAgICB2YXIgY2xpcGJvYXJkID0gbmV3IENsaXBib2FyZEpTKGNvcHlidG4pOwogICAgICAgICAgY2xpcGJvYXJkLm9uKCdzdWNjZXNzJywgZnVuY3Rpb24gKCkgewogICAgICAgICAgICBfdGhpczMuJGRpYWxvZy5zdWNjZXNzKCflpI3liLbmiJDlip8nKTsKICAgICAgICAgIH0pOwogICAgICAgIH0pOwogICAgICB9LCBmdW5jdGlvbiAoZXJyKSB7CiAgICAgICAgdGhhdC4kZGlhbG9nLmVycm9yKGVyci5tc2cpOwogICAgICB9KTsKICAgIH0sCiAgICBvZmZsaW5lUGF5OiBmdW5jdGlvbiBvZmZsaW5lUGF5KCkgewogICAgICB2YXIgX3RoaXM0ID0gdGhpczsKCiAgICAgIHNldE9mZmxpbmVQYXkoewogICAgICAgIG9yZGVySWQ6IHRoaXMub3JkZXJJbmZvLm9yZGVySWQKICAgICAgfSkudGhlbihmdW5jdGlvbiAocmVzKSB7CiAgICAgICAgX3RoaXM0LiRkaWFsb2cuc3VjY2VzcyhyZXMubXNnKTsKCiAgICAgICAgX3RoaXM0LmdldEluZGV4KCk7CiAgICAgIH0sIGZ1bmN0aW9uIChlcnIpIHsKICAgICAgICBfdGhpczQuJGRpYWxvZy5lcnJvcihlcnIubXNnKTsKICAgICAgfSk7CiAgICB9CiAgfQp9Ow=="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoJA;AACA;AACA;AACA;AACA;AAEA;EACAA,kBADA;EAEAC;IACAC;EADA,CAFA;EAKAC,SALA;EAMAC;IACA;MACAC,YADA;MAEAC,aAFA;MAGAC,WAHA;MAIAC,aAJA;MAKAC,SALA;MAMAC,SANA;MAOAC,WAPA;MAQAC;IARA;EAUA,CAjBA;EAkBAC;IACA;MACA;;MACA;QACAC;QACAA;MACA;IACA;EAPA,CAlBA;EA2BAC;IACA;IACA;IACA;MAAA;;MACA;MACA;MACAC;QACA;MACA,CAFA;IAGA,CANA;EAOA,CArCA;EAsCAC;IACAC;MACA;IACA,CAHA;IAIAC;MACA;MACA;IACA,CAPA;IAQAC;MACA;MACA;IACA,CAXA;IAYAC,WAZA,uBAYAC,GAZA,EAYA;MACA;IACA,CAdA;IAeAC;MAAA;;MACA;MACAf,sCACA;QACAM;QACAA;QACAA;;QACA;UAAA;;UACA;UACA;UACAE;YACA;UACA,CAFA;QAGA,CANA;MAOA,CAZA,EAaA;QACAF;MACA,CAfA;IAiBA,CAlCA;IAmCAU;MAAA;;MACAC;QAAAlB;MAAA,QACA;QACA;;QACA;MACA,CAJA,EAKA;QACA;MACA,CAPA;IASA;EA7CA;AAtCA","names":["name","components","PriceChange","props","data","order","change","orderId","orderInfo","status","title","payType","types","watch","that","mounted","clipboard","methods","more","modify","changeclose","closeChange","msg","getIndex","offlinePay","setOfflinePay"],"sourceRoot":"src/pages/kefu/mobile/orderList","sources":["orderDetail.vue"],"sourcesContent":["<template>\r\n <div class=\"order-details pos-order-details\" v-if=\"orderInfo\">\r\n <div class=\"header acea-row row-middle\">\r\n <div class=\"state\">{{ title }}</div>\r\n <div class=\"data\">\r\n <div class=\"order-num\">订单：{{ orderInfo.order_id }}</div>\r\n <div>\r\n <span class=\"time\">{{ orderInfo._add_time }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"remarks acea-row\" v-if=\"$route.params.goname != 'looks'\">\r\n <span class=\"iconfontYI icon-zhinengkefu- mr10\"></span>\r\n <span\r\n class=\"line1\"\r\n style=\"text-align: left\"\r\n v-text=\"orderInfo.remark ? orderInfo.remark : '订单未备注，点击添加备注信息'\"\r\n @click=\"modify(1)\"\r\n />\r\n </div>\r\n <div class=\"orderingUser acea-row row-middle\">\r\n <span class=\"iconfontYI icon-yonghu2\"></span>{{ orderInfo.real_name }}\r\n </div>\r\n <div class=\"address\">\r\n <div class=\"name\">\r\n {{ orderInfo.real_name }}<span class=\"phone\">{{ orderInfo.user_phone }}</span>\r\n </div>\r\n <div>{{ orderInfo.user_address }}</div>\r\n </div>\r\n <div class=\"line\"><img src=\"../../../../assets/images/line.jpg\" /></div>\r\n <div class=\"pos-order-goods\">\r\n <div class=\"goods acea-row row-between-wrapper\" v-for=\"(item, index) in orderInfo.cartInfo\" :key=\"index\">\r\n <div class=\"picTxt acea-row row-between-wrapper\">\r\n <div class=\"pictrue\">\r\n <img :src=\"item.productInfo.image\" />\r\n </div>\r\n <div class=\"text\">\r\n <div class=\"info line2\">\r\n {{ item.productInfo.store_name }}\r\n </div>\r\n <div class=\"attr\">{{ item.productInfo.attrInfo.suk }}</div>\r\n </div>\r\n </div>\r\n <div class=\"money\">\r\n <div class=\"x-money\">￥{{ item.productInfo.attrInfo.price }}</div>\r\n <div class=\"num\">x{{ item.cart_num }}</div>\r\n <div class=\"y-money\">￥{{ item.productInfo.ot_price }}</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"public-total\">\r\n 共{{ orderInfo.cart_num }}件商品，应支付 <span class=\"money\">￥{{ orderInfo.pay_price }}</span> ( 邮费 ¥{{\r\n orderInfo.pay_postage\r\n }}\r\n )\r\n </div>\r\n <div class=\"wrapper\">\r\n <div class=\"item acea-row row-between\">\r\n <div>订单编号：</div>\r\n <div class=\"conter acea-row row-middle row-right\">\r\n {{ orderInfo.order_id }}\r\n <span class=\"copy copy-data\" :data-clipboard-text=\"orderInfo.order_id\">复制</span>\r\n </div>\r\n </div>\r\n <div class=\"item acea-row row-between\">\r\n <div>支付时间：</div>\r\n <div class=\"conter\">{{ orderInfo._pay_time }}</div>\r\n </div>\r\n <div class=\"item acea-row row-between\">\r\n <div>支付状态：</div>\r\n <div class=\"conter\">\r\n {{ title }}\r\n </div>\r\n </div>\r\n <div class=\"item acea-row row-between\">\r\n <div>支付方式：</div>\r\n <div class=\"conter\">\r\n {{ orderInfo._status ? orderInfo._status._payType : '' }}\r\n </div>\r\n </div>\r\n <div class=\"item acea-row row-between\">\r\n <div>买家留言：</div>\r\n <div class=\"conter\">{{ orderInfo.mark }}</div>\r\n </div>\r\n </div>\r\n <div class=\"wrapper\">\r\n <div class=\"item acea-row row-between\">\r\n <div>支付金额：</div>\r\n <div class=\"conter\">￥{{ orderInfo.total_price }}</div>\r\n </div>\r\n <div class=\"item acea-row row-between\">\r\n <div>优惠券抵扣：</div>\r\n <div class=\"conter\">-￥{{ orderInfo.coupon_price }}</div>\r\n </div>\r\n <div class=\"item acea-row row-between\">\r\n <div>运费：</div>\r\n <div class=\"conter\">￥{{ orderInfo.total_postage }}</div>\r\n </div>\r\n <div class=\"actualPay acea-row row-right\">\r\n 实付款：<span class=\"money font-color-red\">￥{{ orderInfo.pay_price }}</span>\r\n </div>\r\n </div>\r\n <div class=\"wrapper\" v-if=\"orderInfo.deliveryType === 'express'\">\r\n <div class=\"item acea-row row-between\">\r\n <div>配送方式：</div>\r\n <div class=\"conter\" v-if=\"orderInfo.delivery_type === 'express'\">快递</div>\r\n <div class=\"conter\" v-if=\"orderInfo.delivery_type === 'send'\">送货</div>\r\n </div>\r\n <div class=\"item acea-row row-between\">\r\n <div v-if=\"orderInfo.delivery_type === 'express'\">快递公司：</div>\r\n <div v-if=\"orderInfo.delivery_type === 'send'\">送货人：</div>\r\n <div class=\"conter\">{{ orderInfo.deliveryName }}</div>\r\n </div>\r\n <div class=\"item acea-row row-between\">\r\n <div v-if=\"orderInfo.delivery_type === 'express'\">快递单号：</div>\r\n <div v-if=\"orderInfo.delivery_type === 'send'\">送货人电话：</div>\r\n <div class=\"conter\">\r\n {{ orderInfo.delivery_id\r\n }}<span class=\"copy copy-data\" :data-clipboard-text=\"orderInfo.delivery_id\">复制</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div style=\"height: 1.2rem\"></div>\r\n <div class=\"footer acea-row row-right row-middle\" v-if=\"$route.params.goname != 'looks'\">\r\n <div class=\"more\"></div>\r\n <div class=\"bnt cancel\" @click=\"modify(0)\" v-if=\"types === 0\">一键改价</div>\r\n <div class=\"bnt cancel\" @click=\"modify(0)\" v-if=\"types === -1\">立即退款</div>\r\n <div class=\"bnt cancel\" @click=\"modify(1)\">订单备注</div>\r\n <div class=\"bnt cancel\" v-if=\"orderInfo.pay_type === 'offline' && orderInfo.paid === 0\" @click=\"offlinePay\">\r\n 确认付款\r\n </div>\r\n <router-link\r\n class=\"bnt delivery\"\r\n v-if=\"types === 1 && orderInfo.shipping_type !== 2\"\r\n :to=\"'/kefu/orderDelivery/' + orderInfo.id + '/' + orderInfo.order_id\"\r\n >去发货\r\n </router-link>\r\n </div>\r\n <PriceChange\r\n :change=\"change\"\r\n :orderInfo=\"orderInfo\"\r\n v-on:closechange=\"changeclose($event)\"\r\n @closeChange=\"closeChange($event)\"\r\n :status=\"status\"\r\n ></PriceChange>\r\n </div>\r\n</template>\r\n<script>\r\nimport PriceChange from '../../components/PriceChange';\r\nimport ClipboardJS from 'clipboard';\r\nimport { orderInfo } from '@/api/kefu';\r\nimport { required, num } from '@/utils/validate';\r\nimport { validatorDefaultCatch } from '@/libs/dialog';\r\n\r\nexport default {\r\n name: 'AdminOrder',\r\n components: {\r\n PriceChange,\r\n },\r\n props: {},\r\n data: function () {\r\n return {\r\n order: false,\r\n change: false,\r\n orderId: '',\r\n orderInfo: {},\r\n status: 0,\r\n title: '',\r\n payType: '',\r\n types: '',\r\n };\r\n },\r\n watch: {\r\n '$route.params.id': function (newVal) {\r\n let that = this;\r\n if (newVal != undefined) {\r\n that.orderId = newVal;\r\n that.getIndex();\r\n }\r\n },\r\n },\r\n mounted: function () {\r\n // this.orderId = this.$route.params.id;\r\n this.getIndex();\r\n this.$nextTick(function () {\r\n var copybtn = document.getElementsByClassName('copy-data');\r\n const clipboard = new ClipboardJS(copybtn);\r\n clipboard.on('success', () => {\r\n this.$dialog.success('复制成功');\r\n });\r\n });\r\n },\r\n methods: {\r\n more: function () {\r\n this.order = !this.order;\r\n },\r\n modify: function (status) {\r\n this.change = true;\r\n this.status = status;\r\n },\r\n changeclose: function (msg) {\r\n this.change = msg;\r\n this.getIndex();\r\n },\r\n closeChange(msg) {\r\n this.change = msg;\r\n },\r\n getIndex: function () {\r\n let that = this;\r\n orderInfo(this.$route.params.id).then(\r\n (res) => {\r\n that.orderInfo = res.data.orderInfo;\r\n that.types = res.data.orderInfo._status._type;\r\n that.title = res.data.orderInfo._status._title;\r\n this.$nextTick(function () {\r\n let copybtn = document.getElementsByClassName('copy-data');\r\n const clipboard = new ClipboardJS(copybtn);\r\n clipboard.on('success', () => {\r\n this.$dialog.success('复制成功');\r\n });\r\n });\r\n },\r\n (err) => {\r\n that.$dialog.error(err.msg);\r\n },\r\n );\r\n },\r\n offlinePay: function () {\r\n setOfflinePay({ orderId: this.orderInfo.orderId }).then(\r\n (res) => {\r\n this.$dialog.success(res.msg);\r\n this.getIndex();\r\n },\r\n (err) => {\r\n this.$dialog.error(err.msg);\r\n },\r\n );\r\n },\r\n },\r\n};\r\n</script>\r\n<style scoped lang=\"less\">\r\ninput {\r\n display: block;\r\n height: 100%;\r\n background: none;\r\n color: inherit;\r\n opacity: 1;\r\n -webkit-text-fill-color: currentcolor;\r\n font: inherit;\r\n line-height: inherit;\r\n letter-spacing: inherit;\r\n text-align: inherit;\r\n text-indent: inherit;\r\n text-transform: inherit;\r\n text-shadow: inherit;\r\n}\r\n\r\n.pos-order-goods {\r\n padding: 0 0.3rem;\r\n background-color: #fff;\r\n}\r\n\r\n.pos-order-goods .goods {\r\n height: 1.85rem;\r\n}\r\n\r\n.pos-order-goods .goods ~ .goods {\r\n border-top: 1px dashed #e5e5e5;\r\n}\r\n\r\n.pos-order-goods .goods .picTxt {\r\n width: 5.15rem;\r\n}\r\n\r\n.pos-order-goods .goods .picTxt .pictrue {\r\n width: 1.3rem;\r\n height: 1.3rem;\r\n}\r\n\r\n.pos-order-goods .goods .picTxt .pictrue img {\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 0.06rem;\r\n}\r\n\r\n.pos-order-goods .goods .picTxt .text {\r\n width: 3.65rem;\r\n height: 1.3rem;\r\n}\r\n\r\n.pos-order-goods .goods .picTxt .text .info {\r\n font-size: 0.28rem;\r\n color: #282828;\r\n}\r\n\r\n.pos-order-goods .goods .picTxt .text .attr {\r\n font-size: 0.2rem;\r\n color: #999;\r\n height: 0.8rem;\r\n line-height: 0.8rem;\r\n}\r\n\r\n.pos-order-goods .goods .money {\r\n width: 1.64rem;\r\n text-align: right;\r\n font-size: 0.28rem;\r\n}\r\n\r\n.pos-order-goods .goods .money .x-money {\r\n color: #282828;\r\n}\r\n\r\n.pos-order-goods .goods .money .num {\r\n color: #ff9600;\r\n margin: 0.05rem 0;\r\n}\r\n\r\n.pos-order-goods .goods .money .y-money {\r\n color: #999;\r\n text-decoration: line-through;\r\n}\r\n.order-details {\r\n overflow-y: scroll;\r\n height: 100%;\r\n}\r\n.order-details .header {\r\n padding: 0 0.3rem;\r\n height: 1.5rem;\r\n}\r\n\r\n.order-details .header.on {\r\n background-color: #666 !important;\r\n}\r\n\r\n.order-details .header .pictrue {\r\n width: 1.1rem;\r\n height: 1.1rem;\r\n}\r\n\r\n.order-details .header .pictrue img {\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.order-details .header .data {\r\n color: rgba(255, 255, 255, 0.8);\r\n font-size: 0.24rem;\r\n margin-left: 0.27rem;\r\n}\r\n\r\n.order-details .header.on .data {\r\n margin-left: 0;\r\n}\r\n\r\n.order-details .header .data .state {\r\n font-size: 0.3rem;\r\n font-weight: bold;\r\n color: #fff;\r\n margin-bottom: 0.07rem;\r\n}\r\n\r\n.order-details .nav {\r\n background-color: #fff;\r\n font-size: 0.26rem;\r\n color: #282828;\r\n padding: 0.25rem 0;\r\n}\r\n\r\n.order-details .nav .navCon {\r\n padding: 0 0.4rem;\r\n}\r\n\r\n.order-details .nav .navCon .on {\r\n font-weight: bold;\r\n color: #e93323;\r\n}\r\n\r\n.order-details .nav .progress {\r\n padding: 0 0.65rem;\r\n margin-top: 0.1rem;\r\n}\r\n\r\n.order-details .nav .progress .line {\r\n width: 1rem;\r\n height: 0.02rem;\r\n background-color: #939390;\r\n}\r\n\r\n.order-details .nav .progress .iconfontYI {\r\n font-size: 0.25rem;\r\n color: #939390;\r\n margin-top: -0.02rem;\r\n width: 0.3rem;\r\n height: 0.3rem;\r\n line-height: 0.33rem;\r\n text-align: center;\r\n margin-right: 0 !important;\r\n}\r\n\r\n.order-details .address {\r\n font-size: 0.26rem;\r\n color: #868686;\r\n background-color: #fff;\r\n padding: 0.25rem 0.3rem 0.3rem 0.3rem;\r\n}\r\n\r\n.order-details .address .name {\r\n font-size: 0.3rem;\r\n color: #282828;\r\n margin-bottom: 0.1rem;\r\n}\r\n\r\n.order-details .address .name .phone {\r\n margin-left: 0.4rem;\r\n}\r\n\r\n.order-details .line {\r\n width: 100%;\r\n height: 0.03rem;\r\n}\r\n\r\n.order-details .line img {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n}\r\n\r\n.order-details .wrapper {\r\n background-color: #fff;\r\n margin-top: 0.12rem;\r\n padding: 0.3rem;\r\n}\r\n\r\n.order-details .wrapper .item {\r\n font-size: 0.28rem;\r\n color: #282828;\r\n}\r\n\r\n.order-details .wrapper .item ~ .item {\r\n margin-top: 0.2rem;\r\n}\r\n\r\n.order-details .wrapper .item .conter {\r\n color: #868686;\r\n width: 5rem;\r\n text-align: right;\r\n}\r\n\r\n.order-details .wrapper .item .conter .copy {\r\n font-size: 0.2rem;\r\n color: #333;\r\n border-radius: 0.03rem;\r\n border: 1px solid #666;\r\n padding: 0.03rem 0.15rem;\r\n margin-left: 0.24rem;\r\n}\r\n\r\n.order-details .wrapper .actualPay {\r\n border-top: 0.01rem solid #eee;\r\n margin-top: 0.3rem;\r\n padding-top: 0.3rem;\r\n}\r\n\r\n.order-details .wrapper .actualPay .money {\r\n font-weight: bold;\r\n font-size: 0.3rem;\r\n}\r\n\r\n.order-details .footer {\r\n width: 100%;\r\n height: 1rem;\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n background-color: #fff;\r\n padding: 0 0.3rem;\r\n border-top: 1px solid #eee;\r\n}\r\n\r\n.order-details .footer .bnt {\r\n width: auto;\r\n height: 0.6rem;\r\n text-align: center;\r\n line-height: 0.6rem;\r\n border-radius: 0.5rem;\r\n color: #fff;\r\n font-size: 0.27rem;\r\n padding: 0 3%;\r\n}\r\n\r\n.order-details .footer .bnt.cancel {\r\n color: #aaa;\r\n border: 1px solid #ddd;\r\n}\r\n\r\n.order-details .footer .bnt.default {\r\n color: #444;\r\n border: 1px solid #444;\r\n}\r\n\r\n.order-details .footer .bnt ~ .bnt {\r\n margin-left: 0.18rem;\r\n}\r\n\r\n.pos-order-details .header {\r\n background: linear-gradient(to right, #2291f8 0%, #1cd1dc 100%);\r\n background: -webkit-linear-gradient(to right, #2291f8 0%, #1cd1dc 100%);\r\n background: -moz-linear-gradient(to right, #2291f8 0%, #1cd1dc 100%);\r\n}\r\n\r\n.pos-order-details .header .state {\r\n font-size: 0.36rem;\r\n color: #fff;\r\n}\r\n\r\n.pos-order-details .header .data {\r\n margin-left: 0.35rem;\r\n font-size: 0.28rem;\r\n}\r\n\r\n.pos-order-details .header .data .order-num {\r\n font-size: 0.3rem;\r\n margin-bottom: 0.08rem;\r\n}\r\n\r\n.pos-order-details .remarks {\r\n width: 100%;\r\n height: 0.86rem;\r\n background-color: #fff;\r\n padding: 0 0.3rem;\r\n line-height: 0.86rem;\r\n}\r\n\r\n.pos-order-details .remarks .iconfontYI {\r\n font-size: 0.4rem;\r\n color: #2a7efb;\r\n}\r\n\r\n.pos-order-details .remarks input {\r\n width: 6.3rem;\r\n height: 100%;\r\n font-size: 0.3rem;\r\n}\r\n\r\n.pos-order-details .remarks input::placeholder {\r\n color: #666;\r\n}\r\n\r\n.pos-order-details .orderingUser {\r\n font-size: 0.26rem;\r\n color: #282828;\r\n padding: 0 0.3rem;\r\n height: 0.67rem;\r\n background-color: #fff;\r\n margin-top: 0.16rem;\r\n border-bottom: 1px solid #f5f5f5;\r\n}\r\n\r\n.pos-order-details .orderingUser .iconfontYI {\r\n font-size: 0.4rem;\r\n color: #2a7efb;\r\n margin-right: 0.15rem;\r\n}\r\n\r\n.pos-order-details .address {\r\n margin-top: 0;\r\n}\r\n\r\n.pos-order-details .pos-order-goods {\r\n margin-top: 0.17rem;\r\n}\r\n\r\n.pos-order-details .footer .more {\r\n font-size: 0.27rem;\r\n color: #aaa;\r\n width: 1rem;\r\n height: 0.64rem;\r\n text-align: center;\r\n line-height: 0.64rem;\r\n margin-right: 0.25rem;\r\n position: relative;\r\n}\r\n\r\n.pos-order-details .footer .delivery {\r\n background: linear-gradient(to right, #2291f8 0%, #1cd1dc 100%);\r\n background: -webkit-linear-gradient(to right, #2291f8 0%, #1cd1dc 100%);\r\n background: -moz-linear-gradient(to right, #2291f8 0%, #1cd1dc 100%);\r\n}\r\n\r\n.pos-order-details .footer .more .order .arrow {\r\n width: 0;\r\n height: 0;\r\n border-left: 0.11rem solid transparent;\r\n border-right: 0.11rem solid transparent;\r\n border-top: 0.2rem solid #e5e5e5;\r\n position: absolute;\r\n left: 0.15rem;\r\n bottom: -0.18rem;\r\n}\r\n\r\n.pos-order-details .footer .more .order .arrow:before {\r\n content: '';\r\n width: 0;\r\n height: 0;\r\n border-left: 0.09rem solid transparent;\r\n border-right: 0.09rem solid transparent;\r\n border-top: 0.19rem solid #fff;\r\n position: absolute;\r\n left: -0.1rem;\r\n bottom: 0;\r\n}\r\n\r\n.pos-order-details .footer .more .order {\r\n width: 2rem;\r\n background-color: #fff;\r\n border: 1px solid #eee;\r\n border-radius: 0.1rem;\r\n position: absolute;\r\n top: -2rem;\r\n z-index: 9;\r\n}\r\n\r\n.pos-order-details .footer .more .order .item {\r\n height: 0.77rem;\r\n line-height: 0.77rem;\r\n}\r\n\r\n.pos-order-details .footer .more .order .item ~ .item {\r\n border-top: 1px solid #f5f5f5;\r\n}\r\n\r\n.pos-order-details .footer .more .moreName {\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.public-total {\r\n font-size: 0.28rem;\r\n color: #282828;\r\n border-top: 1px solid #eee;\r\n height: 0.92rem;\r\n line-height: 0.92rem;\r\n text-align: right;\r\n padding: 0 0.3rem;\r\n background-color: #fff;\r\n}\r\n\r\n.public-total .money {\r\n color: #ff4c3c;\r\n}\r\n</style>\r\n"]}]}
|
