| 1 |
- {"remainingRequest":"/Users/lihai/jolijoli/pad_spa/node_modules/babel-loader/lib/index.js!/Users/lihai/jolijoli/pad_spa/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/lihai/jolijoli/pad_spa/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/lihai/jolijoli/pad_spa/src/pages/home/index.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/lihai/jolijoli/pad_spa/src/pages/home/index.vue","mtime":1652154820245},{"path":"/Users/lihai/jolijoli/pad_spa/babel.config.js","mtime":1649813268617},{"path":"/Users/lihai/jolijoli/pad_spa/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/lihai/jolijoli/pad_spa/node_modules/babel-loader/lib/index.js","mtime":315532800000},{"path":"/Users/lihai/jolijoli/pad_spa/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/lihai/jolijoli/pad_spa/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport api from '@/server/home';\nexport default {\n name: 'home',\n data: function data() {\n return {\n tabList: [{\n image: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n num: 0,\n name: '预约订单'\n }, {\n image: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/unpaid.png',\n num: 0,\n name: '未支付订单'\n }, {\n image: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/cancelOrder.png',\n num: 0,\n name: '取消订单'\n }],\n orderList: [{\n img: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n name: '滴滴滴',\n ts: '2022.04.25 14:30-16:30',\n num: '5',\n imgList: ['https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png', 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png', 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png', 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png', 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png', 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png'],\n status: '未支付'\n }, {\n img: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n name: '滴滴滴',\n ts: '2022.04.25 14:30-16:30',\n num: '5',\n imgList: ['https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png', 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png', 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png', 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png', 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png', 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png'],\n status: '未支付'\n }, {\n img: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n name: '滴滴滴',\n ts: '2022.04.25 14:30-16:30',\n num: '5',\n imgList: ['https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png', 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png', 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png', 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png', 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png', 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png'],\n status: '未支付'\n }, {\n img: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n name: '滴滴滴',\n ts: '2022.04.25 14:30-16:30',\n num: '5',\n imgList: ['https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png', 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png', 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png', 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png', 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png', 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png'],\n status: '未支付'\n }]\n };\n },\n mounted: function mounted() {},\n created: function created() {},\n methods: {\n initData: function initData() {}\n },\n computed: {},\n watch: {}\n};",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,OAAA,GAAA,MAAA,eAAA;AAEA,eAAA;AACA,EAAA,IAAA,EAAA,MADA;AAEA,EAAA,IAFA,kBAEA;AACA,WAAA;AACA,MAAA,OAAA,EAAA,CACA;AACA,QAAA,KAAA,EAAA,qEADA;AAEA,QAAA,GAAA,EAAA,CAFA;AAGA,QAAA,IAAA,EAAA;AAHA,OADA,EAMA;AACA,QAAA,KAAA,EAAA,uEADA;AAEA,QAAA,GAAA,EAAA,CAFA;AAGA,QAAA,IAAA,EAAA;AAHA,OANA,EAWA;AACA,QAAA,KAAA,EAAA,4EADA;AAEA,QAAA,GAAA,EAAA,CAFA;AAGA,QAAA,IAAA,EAAA;AAHA,OAXA,CADA;AAkBA,MAAA,SAAA,EAAA,CACA;AACA,QAAA,GAAA,EAAA,qEADA;AAEA,QAAA,IAAA,EAAA,KAFA;AAGA,QAAA,EAAA,EAAA,yBAHA;AAIA,QAAA,GAAA,EAAA,GAJA;AAKA,QAAA,OAAA,EAAA,CACA,qEADA,EAEA,qEAFA,EAGA,qEAHA,EAIA,qEAJA,EAKA,qEALA,EAMA,qEANA,CALA;AAaA,QAAA,MAAA,EAAA;AAbA,OADA,EAgBA;AACA,QAAA,GAAA,EAAA,qEADA;AAEA,QAAA,IAAA,EAAA,KAFA;AAGA,QAAA,EAAA,EAAA,yBAHA;AAIA,QAAA,GAAA,EAAA,GAJA;AAKA,QAAA,OAAA,EAAA,CACA,qEADA,EAEA,qEAFA,EAGA,qEAHA,EAIA,qEAJA,EAKA,qEALA,EAMA,qEANA,CALA;AAaA,QAAA,MAAA,EAAA;AAbA,OAhBA,EA+BA;AACA,QAAA,GAAA,EAAA,qEADA;AAEA,QAAA,IAAA,EAAA,KAFA;AAGA,QAAA,EAAA,EAAA,yBAHA;AAIA,QAAA,GAAA,EAAA,GAJA;AAKA,QAAA,OAAA,EAAA,CACA,qEADA,EAEA,qEAFA,EAGA,qEAHA,EAIA,qEAJA,EAKA,qEALA,EAMA,qEANA,CALA;AAaA,QAAA,MAAA,EAAA;AAbA,OA/BA,EA8CA;AACA,QAAA,GAAA,EAAA,qEADA;AAEA,QAAA,IAAA,EAAA,KAFA;AAGA,QAAA,EAAA,EAAA,yBAHA;AAIA,QAAA,GAAA,EAAA,GAJA;AAKA,QAAA,OAAA,EAAA,CACA,qEADA,EAEA,qEAFA,EAGA,qEAHA,EAIA,qEAJA,EAKA,qEALA,EAMA,qEANA,CALA;AAaA,QAAA,MAAA,EAAA;AAbA,OA9CA;AAlBA,KAAA;AAkFA,GArFA;AAsFA,EAAA,OAAA,EAAA,mBAAA,CAEA,CAxFA;AAyFA,EAAA,OAAA,EAAA,mBAAA,CAEA,CA3FA;AA4FA,EAAA,OAAA,EAAA;AACA,IAAA,QADA,sBACA,CAEA;AAHA,GA5FA;AAiGA,EAAA,QAAA,EAAA,EAjGA;AAkGA,EAAA,KAAA,EAAA;AAlGA,CAAA","sourcesContent":["<template>\n <div class=\"home\">\n <div class=\"tab\">\n <div class=\"make-order\" v-for=\"item in tabList\">\n <div class=\"make-icon\">\n <img :src=\"item.image\">\n </div>\n <div class=\"make-tips\">\n <div class=\"make-num\">{{ item.num }}</div>\n <div class=\"make-name\">{{ item.name }}</div>\n </div>\n </div>\n </div>\n <div class=\"order-list\">\n <div class=\"title\">预约订单列表</div>\n <div class=\"list-info\">\n <div class=\"user-info\" v-for=\"(item,index) in orderList\" :style=\"index==orderList.length-1?'border-bottom:0px':''\">\n <div class=\"head-img\"> <div class=\"new\">新</div><img :src=\"item.img\" alt=\"\"></div>\n <div class=\"user-information\">\n <div class=\"name\">客户昵称：<span>{{ item.name }}</span></div>\n <div class=\"name\">预约项目时间：<span>{{ item.ts }}</span></div>\n <div class=\"name\">预约项目数量：<span>{{ item.num }}</span></div>\n </div>\n <ul class=\"product-list\">\n <li class=\"product-image\" v-for=\"value in item.imgList\"><img :src=\"value\" alt=\"\"></li>\n </ul>\n <div class=\"status\">\n {{ item.status }}\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<script>\nimport api from '@/server/home'\n\nexport default {\n name: 'home',\n data() {\n return {\n tabList: [\n {\n image: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n num: 0,\n name: '预约订单'\n },\n {\n image: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/unpaid.png',\n num: 0,\n name: '未支付订单'\n },\n {\n image: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/cancelOrder.png',\n num: 0,\n name: '取消订单'\n },\n ],\n orderList: [\n {\n img: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n name: '滴滴滴',\n ts: '2022.04.25 14:30-16:30',\n num: '5',\n imgList: [\n 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n ],\n status: '未支付'\n },\n {\n img: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n name: '滴滴滴',\n ts: '2022.04.25 14:30-16:30',\n num: '5',\n imgList: [\n 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n ],\n status: '未支付'\n },\n {\n img: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n name: '滴滴滴',\n ts: '2022.04.25 14:30-16:30',\n num: '5',\n imgList: [\n 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n ],\n status: '未支付'\n },\n {\n img: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n name: '滴滴滴',\n ts: '2022.04.25 14:30-16:30',\n num: '5',\n imgList: [\n 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n ],\n status: '未支付'\n },\n ],\n\n }\n },\n mounted: function () {\n\n },\n created: function () {\n\n },\n methods: {\n initData() {\n\n },\n },\n computed: {},\n watch: {}\n}\n</script>\n<style lang='less' scoped>\n@import url(../../style/root.less);\n\n.home {\n text-align: center;\n\n .tab {\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n .make-order {\n width: 274px;\n padding: 14px 30px;\n background: #FFFFFF;\n box-shadow: 0px 2px 4px 0px rgba(184, 191, 198, 0.2);\n border-radius: 8px;\n display: flex;\n align-items: center;\n\n .make-icon {\n img {\n width: 68px;\n }\n }\n\n .make-tips {\n margin-left: 20px;\n\n .make-num {\n font-size: 34px;\n font-family: OPPOSans-B, OPPOSans;\n font-weight: normal;\n color: #333333;\n line-height: 40px;\n text-align: left;\n }\n\n .make-name {\n font-size: 14px;\n font-family: PingFangSC-Regular, PingFang SC;\n font-weight: 400;\n color: #333333;\n line-height: 20px;\n }\n }\n }\n }\n\n .order-list {\n margin-top: 18px;\n width: 100%;\n background: #FFFFFF;\n box-shadow: 0px 2px 4px 0px rgba(184, 191, 198, 0.2);\n border-radius: 8px;\n padding: 14px 12px;\n\n .title {\n font-size: 14px;\n font-family: PingFangSC-Medium, PingFang SC;\n font-weight: 500;\n color: #333333;\n line-height: 20px;\n text-align: left;\n padding-bottom: 5px;\n }\n\n .list-info {\n height: 300px;\n overflow: auto;\n\n .user-info {\n padding: 14px 0;\n border-bottom: 1px solid #E6E6E6;\n display: flex;\n align-items: center;\n\n .head-img {\n position: relative;\n width: 72px;\n .new{\n position: absolute;\n top: -2px;\n right: -2px;\n width: 21px;\n height: 21px;\n line-height: 21px;\n text-align: center;\n font-size: 12px;\n font-family: PingFangSC-Regular, PingFang SC;\n font-weight: 400;\n color: #FFFFFF;\n line-height: 17px;\n background: #FF6945;\n border-radius: 50%;\n }\n\n img {\n width: 100%;\n border-radius: 50%;\n }\n }\n\n .user-information {\n margin-left: 16px;\n text-align: left;\n font-size: 14px;\n font-family: SourceHanSansCN-Regular, SourceHanSansCN;\n font-weight: 400;\n color: #999999;\n line-height: 21px;\n\n .name {\n span {\n color: #333333;\n }\n }\n }\n\n .product-list {\n width: 322px;\n margin-left: 22px;\n white-space: nowrap;\n overflow-x: scroll;\n overflow-y: hidden;\n padding-left: 8px;\n\n\n .product-image {\n display: inline-block;\n margin-left: 16px;\n width: 72px;\n img{\n border-radius: 8px;\n width: 100%;\n display: block;\n }\n\n }\n\n }\n .status{\n margin-left: 56px;\n font-size: 16px;\n font-family: SourceHanSansCN-Regular, SourceHanSansCN;\n font-weight: 400;\n color: #FC3019;\n line-height: 24px;\n }\n }\n }\n\n }\n}\n\n</style>\n"],"sourceRoot":"src/pages/home"}]}
|
