{"remainingRequest":"/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=style&index=0&id=5b685826&lang=less&scoped=true&","dependencies":[{"path":"/Users/lihai/jolijoli/pad_spa/src/pages/home/index.vue","mtime":1652154820245},{"path":"/Users/lihai/jolijoli/pad_spa/node_modules/css-loader/index.js","mtime":499162500000},{"path":"/Users/lihai/jolijoli/pad_spa/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/Users/lihai/jolijoli/pad_spa/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/Users/lihai/jolijoli/pad_spa/node_modules/less-loader/dist/cjs.js","mtime":1652237051060},{"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\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\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\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\n\n\n\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",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4IA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA","file":"index.vue","sourceRoot":"src/pages/home","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"]}]}