{"remainingRequest":"/Users/lihai/jolijoli/pad_spa/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/lihai/jolijoli/pad_spa/src/pages/testSkin/index.vue?vue&type=style&index=0&id=182aee76&lang=less&scoped=true&","dependencies":[{"path":"/Users/lihai/jolijoli/pad_spa/src/pages/testSkin/index.vue","mtime":1652250608518},{"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\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.mine {\n  .condition {\n    display: flex;\n\n    .search {\n      width: 152px;\n      margin-left: 18px;\n    }\n\n    .searchButton {\n      margin-left: 18px;\n      width: 68px;\n      background: #fa7d22;\n      border-radius: 2px;\n      border-color: #fa7d22;\n    }\n  }\n\n  .list {\n    margin-top: 18px;\n    padding: 14px 12px;\n    background: #ffffff;\n    box-shadow: 0px 2px 4px 0px rgba(184, 191, 198, 0.2);\n    border-radius: 8px;\n\n    .tab {\n      padding-bottom: 9px;\n      border-bottom: 1px solid #e6e6e6;\n      display: flex;\n      align-items: center;\n      font-size: 14px;\n      font-family: PingFangSC-Regular, PingFang SC;\n      font-weight: 400;\n      color: #999999;\n      line-height: 20px;\n\n      .head-img {\n        width: 84px;\n\n        img {\n          width: 36px;\n        }\n      }\n\n      .head-name {\n        width: 144px;\n      }\n\n      .head-phone {\n        width: 192px;\n      }\n\n      .head-ts {\n        width: 288px;\n      }\n\n      .head-status {\n      }\n    }\n\n    .content {\n      border-bottom: 0px;\n      padding-top: 14px;\n      max-height: 300px;\n      overflow: auto;\n\n      .user-info {\n        border-bottom: 18px;\n        font-size: 14px;\n        font-family: PingFangSC-Regular, PingFang SC;\n        font-weight: 400;\n        color: #333333;\n        line-height: 22px;\n      }\n    }\n\n    .el-pagination {\n      text-align: center;\n      margin-top: 50px;\n    }\n  }\n}\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqKA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/pages/testSkin","sourcesContent":["<template>\n  <div class=\"mine\">\n    <div class=\"condition\">\n      <el-date-picker v-model=\"dates\"\n                      type=\"daterange\"\n                      range-separator=\"->\"\n                      start-placeholder=\"开始日期\"\n                      end-placeholder=\"结束日期\">\n      </el-date-picker>\n\n      <el-input placeholder=\"请输入内容\"\n                class=\"search\"\n                v-model=\"searchText\">\n        <i slot=\"prefix\"\n           class=\"el-input__icon el-icon-search\"></i>\n      </el-input>\n      <el-button type=\"primary\"\n                 class=\"searchButton\">搜索</el-button>\n    </div>\n    <div class=\"list\">\n      <div class=\"tab\">\n        <div class=\"head-img\">头像</div>\n        <div class=\"head-name\">昵称</div>\n        <div class=\"head-phone\">联系电话</div>\n        <div class=\"head-ts\">预约时间</div>\n        <div class=\"head-status\">状态</div>\n      </div>\n      <div class=\"content\">\n        <div class=\"tab user-info\"\n             v-for=\"(item,index) in userList\"\n             :key=\"index\"\n             @click=\"onDetails\">\n          <div class=\"head-img\"><img :src=\"item.img\"\n                 alt=\"\"></div>\n          <div class=\"head-name\">{{ item.name }}</div>\n          <div class=\"head-phone\">{{ item.phone }}</div>\n          <div class=\"head-ts\">{{ item.ts }}</div>\n          <div class=\"head-status\">{{ item.status }}</div>\n        </div>\n      </div>\n      <div class=\"pagin\">\n        <el-pagination background\n                       layout=\"prev, pager, next\"\n                       @size-change=\"handleSizeChange\"\n                       @current-change=\"handleCurrentChange\"\n                       :current-page.sync=\"currentPage1\"\n                       :total=\"1000\">\n        </el-pagination>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  components: {},\n  data () {\n    return {\n      dates: '',\n      searchText: '',\n      userList: [\n        {\n          img:\n            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n          name: '张三',\n          phone: 4556455645,\n          ts: '2022.04.15  14:30-16:30',\n          status: '标签信息未填写'\n        },\n        {\n          img:\n            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n          name: '张三',\n          phone: 4556455645,\n          ts: '2022.04.15  14:30-16:30',\n          status: '标签信息未填写'\n        },\n        {\n          img:\n            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n          name: '张三',\n          phone: 4556455645,\n          ts: '2022.04.15  14:30-16:30',\n          status: '标签信息未填写'\n        },\n        {\n          img:\n            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n          name: '张三',\n          phone: 4556455645,\n          ts: '2022.04.15  14:30-16:30',\n          status: '标签信息未填写'\n        },\n        {\n          img:\n            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n          name: '张三',\n          phone: 4556455645,\n          ts: '2022.04.15  14:30-16:30',\n          status: '标签信息未填写'\n        },\n        {\n          img:\n            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n          name: '张三',\n          phone: 4556455645,\n          ts: '2022.04.15  14:30-16:30',\n          status: '标签信息未填写'\n        },\n        {\n          img:\n            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n          name: '张三',\n          phone: 4556455645,\n          ts: '2022.04.15  14:30-16:30',\n          status: '标签信息未填写'\n        },\n        {\n          img:\n            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n          name: '张三',\n          phone: 4556455645,\n          ts: '2022.04.15  14:30-16:30',\n          status: '标签信息未填写'\n        },\n        {\n          img:\n            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n          name: '张三',\n          phone: 4556455645,\n          ts: '2022.04.15  14:30-16:30',\n          status: '标签信息未填写'\n        },\n        {\n          img:\n            'https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png',\n          name: '张三',\n          phone: 4556455645,\n          ts: '2022.04.15  14:30-16:30',\n          status: '标签信息未填写'\n        }\n      ],\n      currentPage1: 2\n    }\n  },\n  computed: {},\n  watch: {},\n\n  methods: {\n    onDetails () {\n      this.$router.push({\n        path: '/testSkin/details'\n      })\n    },\n    handleCurrentChange () { },\n    handleSizeChange () { }\n  },\n\n  created () { },\n\n  mounted () { }\n}\n</script>\n\n<style lang='less' scoped>\n.mine {\n  .condition {\n    display: flex;\n\n    .search {\n      width: 152px;\n      margin-left: 18px;\n    }\n\n    .searchButton {\n      margin-left: 18px;\n      width: 68px;\n      background: #fa7d22;\n      border-radius: 2px;\n      border-color: #fa7d22;\n    }\n  }\n\n  .list {\n    margin-top: 18px;\n    padding: 14px 12px;\n    background: #ffffff;\n    box-shadow: 0px 2px 4px 0px rgba(184, 191, 198, 0.2);\n    border-radius: 8px;\n\n    .tab {\n      padding-bottom: 9px;\n      border-bottom: 1px solid #e6e6e6;\n      display: flex;\n      align-items: center;\n      font-size: 14px;\n      font-family: PingFangSC-Regular, PingFang SC;\n      font-weight: 400;\n      color: #999999;\n      line-height: 20px;\n\n      .head-img {\n        width: 84px;\n\n        img {\n          width: 36px;\n        }\n      }\n\n      .head-name {\n        width: 144px;\n      }\n\n      .head-phone {\n        width: 192px;\n      }\n\n      .head-ts {\n        width: 288px;\n      }\n\n      .head-status {\n      }\n    }\n\n    .content {\n      border-bottom: 0px;\n      padding-top: 14px;\n      max-height: 300px;\n      overflow: auto;\n\n      .user-info {\n        border-bottom: 18px;\n        font-size: 14px;\n        font-family: PingFangSC-Regular, PingFang SC;\n        font-weight: 400;\n        color: #333333;\n        line-height: 22px;\n      }\n    }\n\n    .el-pagination {\n      text-align: center;\n      margin-top: 50px;\n    }\n  }\n}\n</style>\n"]}]}