travel/admin/node_modules/.cache/vue-loader/55b18a36b3b2bc7fee75b866dcf8a855.json

{"remainingRequest":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\phpstudy_pro\\WWW\\travel\\admin\\src\\views\\dashboard\\admin\\components\\PanelGroup.vue?vue&type=style&index=0&id=48c369af&lang=scss&scoped=true","dependencies":[{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\src\\views\\dashboard\\admin\\components\\PanelGroup.vue","mtime":1718070786044},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\css-loader\\dist\\cjs.js","mtime":1718764958140},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1718764960674},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":1718764958994},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1718764957182},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1718764957200},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":1718764959862}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoNCi5wYW5lbC1ncm91cCB7DQogIG1hcmdpbi10b3A6IDE4cHg7DQoNCiAgLmNhcmQtcGFuZWwtY29sIHsNCiAgICBtYXJnaW4tYm90dG9tOiAzMnB4Ow0KICB9DQoNCiAgLmNhcmQtcGFuZWwgew0KICAgIGhlaWdodDogMTA4cHg7DQogICAgY3Vyc29yOiBwb2ludGVyOw0KICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICBwb3NpdGlvbjogcmVsYXRpdmU7DQogICAgb3ZlcmZsb3c6IGhpZGRlbjsNCiAgICBjb2xvcjogIzY2NjsNCiAgICBiYWNrZ3JvdW5kOiAjZmZmOw0KICAgIGJveC1zaGFkb3c6IDRweCA0cHggNDBweCByZ2JhKDAsIDAsIDAsIC4wNSk7DQogICAgYm9yZGVyLWNvbG9yOiByZ2JhKDAsIDAsIDAsIC4wNSk7DQoNCiAgICAmOmhvdmVyIHsNCiAgICAgIC5jYXJkLXBhbmVsLWljb24td3JhcHBlciB7DQogICAgICAgIGNvbG9yOiAjZmZmOw0KICAgICAgfQ0KDQogICAgICAuaWNvbi1wZW9wbGUgew0KICAgICAgICBiYWNrZ3JvdW5kOiAjNDBjOWM2Ow0KICAgICAgfQ0KDQogICAgICAuaWNvbi1tZXNzYWdlIHsNCiAgICAgICAgYmFja2dyb3VuZDogIzM2YTNmNzsNCiAgICAgIH0NCg0KICAgICAgLmljb24tbW9uZXkgew0KICAgICAgICBiYWNrZ3JvdW5kOiAjZjQ1MTZjOw0KICAgICAgfQ0KDQogICAgICAuaWNvbi1zaG9wcGluZyB7DQogICAgICAgIGJhY2tncm91bmQ6ICMzNGJmYTMNCiAgICAgIH0NCiAgICB9DQoNCiAgICAuaWNvbi1wZW9wbGUgew0KICAgICAgY29sb3I6ICM0MGM5YzY7DQogICAgfQ0KDQogICAgLmljb24tbWVzc2FnZSB7DQogICAgICBjb2xvcjogIzM2YTNmNzsNCiAgICB9DQoNCiAgICAuaWNvbi1tb25leSB7DQogICAgICBjb2xvcjogI2Y0NTE2YzsNCiAgICB9DQoNCiAgICAuaWNvbi1zaG9wcGluZyB7DQogICAgICBjb2xvcjogIzM0YmZhMw0KICAgIH0NCg0KICAgIC5jYXJkLXBhbmVsLWljb24td3JhcHBlciB7DQogICAgICBmbG9hdDogbGVmdDsNCiAgICAgIG1hcmdpbjogMTRweCAwIDAgMTRweDsNCiAgICAgIHBhZGRpbmc6IDE2cHg7DQogICAgICB0cmFuc2l0aW9uOiBhbGwgMC4zOHMgZWFzZS1vdXQ7DQogICAgICBib3JkZXItcmFkaXVzOiA2cHg7DQogICAgfQ0KDQogICAgLmNhcmQtcGFuZWwtaWNvbiB7DQogICAgICBmbG9hdDogbGVmdDsNCiAgICAgIGZvbnQtc2l6ZTogNDhweDsNCiAgICB9DQoNCiAgICAuY2FyZC1wYW5lbC1kZXNjcmlwdGlvbiB7DQogICAgICBmbG9hdDogcmlnaHQ7DQogICAgICBmb250LXdlaWdodDogYm9sZDsNCiAgICAgIG1hcmdpbjogMjZweDsNCiAgICAgIG1hcmdpbi1sZWZ0OiAwcHg7DQoNCiAgICAgIC5jYXJkLXBhbmVsLXRleHQgew0KICAgICAgICBsaW5lLWhlaWdodDogMThweDsNCiAgICAgICAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC40NSk7DQogICAgICAgIGZvbnQtc2l6ZTogMTZweDsNCiAgICAgICAgbWFyZ2luLWJvdHRvbTogMTJweDsNCiAgICAgIH0NCg0KICAgICAgLmNhcmQtcGFuZWwtbnVtIHsNCiAgICAgICAgZm9udC1zaXplOiAyMHB4Ow0KICAgICAgfQ0KICAgIH0NCiAgfQ0KfQ0KDQpAbWVkaWEgKG1heC13aWR0aDo1NTBweCkgew0KICAuY2FyZC1wYW5lbC1kZXNjcmlwdGlvbiB7DQogICAgZGlzcGxheTogbm9uZTsNCiAgfQ0KDQogIC5jYXJkLXBhbmVsLWljb24td3JhcHBlciB7DQogICAgZmxvYXQ6IG5vbmUgIWltcG9ydGFudDsNCiAgICB3aWR0aDogMTAwJTsNCiAgICBoZWlnaHQ6IDEwMCU7DQogICAgbWFyZ2luOiAwICFpbXBvcnRhbnQ7DQoNCiAgICAuc3ZnLWljb24gew0KICAgICAgZGlzcGxheTogYmxvY2s7DQogICAgICBtYXJnaW46IDE0cHggYXV0byAhaW1wb3J0YW50Ow0KICAgICAgZmxvYXQ6IG5vbmUgIWltcG9ydGFudDsNCiAgICB9DQogIH0NCn0NCg=="},{"version":3,"sources":["PanelGroup.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6FA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA","file":"PanelGroup.vue","sourceRoot":"src/views/dashboard/admin/components","sourcesContent":["<template>\r\n  <el-row :gutter=\"40\" class=\"panel-group\">\r\n    <el-col :xs=\"12\" :sm=\"12\" :lg=\"6\" class=\"card-panel-col\">\r\n      <div class=\"card-panel\">\r\n        <div class=\"card-panel-icon-wrapper icon-people\">\r\n          <svg-icon icon-class=\"peoples\" class-name=\"card-panel-icon\" />\r\n        </div>\r\n        <div class=\"card-panel-description\">\r\n          <div class=\"card-panel-text\">\r\n            <router-link to=\"/order/index\">订单</router-link>\r\n          </div>\r\n          <count-to :start-val=\"0\" :end-val=\"all\" :duration=\"1\" class=\"card-panel-num\" />\r\n        </div>\r\n      </div>\r\n    </el-col>\r\n    <el-col :xs=\"12\" :sm=\"12\" :lg=\"6\" class=\"card-panel-col\">\r\n      <div class=\"card-panel\">\r\n        <div class=\"card-panel-icon-wrapper icon-message\">\r\n          <svg-icon icon-class=\"message\" class-name=\"card-panel-icon\" />\r\n        </div>\r\n        <div class=\"card-panel-description\">\r\n          <div class=\"card-panel-text\">\r\n            <router-link to=\"/order/index?status=0\">待跟进</router-link>\r\n          </div>\r\n          <count-to :start-val=\"0\" :end-val=\"wait\" :duration=\"1\" class=\"card-panel-num\" />\r\n        </div>\r\n      </div>\r\n    </el-col>\r\n    <el-col :xs=\"12\" :sm=\"12\" :lg=\"6\" class=\"card-panel-col\">\r\n      <div class=\"card-panel\">\r\n        <div class=\"card-panel-icon-wrapper icon-money\">\r\n          <svg-icon icon-class=\"money\" class-name=\"card-panel-icon\" />\r\n        </div>\r\n        <div class=\"card-panel-description\">\r\n          <div class=\"card-panel-text\">\r\n            <router-link to=\"/order/index?status=1\">跟进中</router-link>\r\n          </div>\r\n          <count-to :start-val=\"0\" :end-val=\"doing\" :duration=\"1\" class=\"card-panel-num\" />\r\n        </div>\r\n      </div>\r\n    </el-col>\r\n    <el-col :xs=\"12\" :sm=\"12\" :lg=\"6\" class=\"card-panel-col\">\r\n      <div class=\"card-panel\">\r\n        <div class=\"card-panel-icon-wrapper icon-shopping\">\r\n          <svg-icon icon-class=\"shopping\" class-name=\"card-panel-icon\" />\r\n        </div>\r\n        <div class=\"card-panel-description\">\r\n          <div class=\"card-panel-text\">\r\n            订单总额\r\n          </div>\r\n          <count-to :start-val=\"0\" :end-val=\"total\" :duration=\"10\" class=\"card-panel-num\" />\r\n        </div>\r\n      </div>\r\n    </el-col>\r\n  </el-row>\r\n</template>\r\n\r\n<script>\r\nimport CountTo from 'vue-count-to'\r\n\r\nexport default {\r\n  components: {\r\n    CountTo\r\n  },\r\n  data(){\r\n    return {\r\n      wait:0,\r\n      doing:0,\r\n      all:0,\r\n      total:0\r\n    }\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.$axios.get('/admin/index/orders').then(res=>{\r\n        this.wait = parseFloat(res.data.wait)\r\n        this.doing = parseFloat(res.data.doing)\r\n        this.all = parseFloat(res.data.all)\r\n        this.total = parseFloat(res.data.total)/100\r\n      }).catch(err=>{\r\n        console.log(err)  \r\n      })\r\n    })\r\n  },\r\n  methods: {\r\n    handleSetLineChartData(type) {\r\n      this.$emit('handleSetLineChartData', type)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.panel-group {\r\n  margin-top: 18px;\r\n\r\n  .card-panel-col {\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  .card-panel {\r\n    height: 108px;\r\n    cursor: pointer;\r\n    font-size: 12px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    color: #666;\r\n    background: #fff;\r\n    box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);\r\n    border-color: rgba(0, 0, 0, .05);\r\n\r\n    &:hover {\r\n      .card-panel-icon-wrapper {\r\n        color: #fff;\r\n      }\r\n\r\n      .icon-people {\r\n        background: #40c9c6;\r\n      }\r\n\r\n      .icon-message {\r\n        background: #36a3f7;\r\n      }\r\n\r\n      .icon-money {\r\n        background: #f4516c;\r\n      }\r\n\r\n      .icon-shopping {\r\n        background: #34bfa3\r\n      }\r\n    }\r\n\r\n    .icon-people {\r\n      color: #40c9c6;\r\n    }\r\n\r\n    .icon-message {\r\n      color: #36a3f7;\r\n    }\r\n\r\n    .icon-money {\r\n      color: #f4516c;\r\n    }\r\n\r\n    .icon-shopping {\r\n      color: #34bfa3\r\n    }\r\n\r\n    .card-panel-icon-wrapper {\r\n      float: left;\r\n      margin: 14px 0 0 14px;\r\n      padding: 16px;\r\n      transition: all 0.38s ease-out;\r\n      border-radius: 6px;\r\n    }\r\n\r\n    .card-panel-icon {\r\n      float: left;\r\n      font-size: 48px;\r\n    }\r\n\r\n    .card-panel-description {\r\n      float: right;\r\n      font-weight: bold;\r\n      margin: 26px;\r\n      margin-left: 0px;\r\n\r\n      .card-panel-text {\r\n        line-height: 18px;\r\n        color: rgba(0, 0, 0, 0.45);\r\n        font-size: 16px;\r\n        margin-bottom: 12px;\r\n      }\r\n\r\n      .card-panel-num {\r\n        font-size: 20px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media (max-width:550px) {\r\n  .card-panel-description {\r\n    display: none;\r\n  }\r\n\r\n  .card-panel-icon-wrapper {\r\n    float: none !important;\r\n    width: 100%;\r\n    height: 100%;\r\n    margin: 0 !important;\r\n\r\n    .svg-icon {\r\n      display: block;\r\n      margin: 14px auto !important;\r\n      float: none !important;\r\n    }\r\n  }\r\n}\r\n</style>\r\n"]}]}