{"remainingRequest":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js!D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\qianger\\7\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\qianger\\7\\jindouyunNewFront\\src\\views\\Cashier\\Commission.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\qianger\\7\\jindouyunNewFront\\src\\views\\Cashier\\Commission.vue","mtime":1655374732000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\babel.config.js","mtime":1655374732000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgb3ZlclZpZXcgfSBmcm9tICJAL2FwaS9DYXNoaWVyIjsKaW1wb3J0IHsgZ2V0QWxsU3RhZmZTdGFmZiB9IGZyb20gIkAvYXBpL0RlcGFydG1lbnQiOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIkNvbW1pc3Npb24iLAoKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgYWRkX2Zvcm06IHsKICAgICAgICBwaWNrZXJPcHRpb25zMTogewogICAgICAgICAgZGlzYWJsZWREYXRlKHRpbWUpIHsKICAgICAgICAgICAgcmV0dXJuIHRpbWUuZ2V0VGltZSgpID4gRGF0ZS5ub3coKTsKICAgICAgICAgIH0KCiAgICAgICAgfQogICAgICB9LAogICAgICB0aW1lOiBbXSwKICAgICAgc3RhcnRUaW1lOiAiIiwKICAgICAgZW5kVGltZTogIiIsCiAgICAgIHRvdGFsOiAwLAogICAgICBwYWdlOiAxLAogICAgICBwYWdlU2l6ZTogMTAsCiAgICAgIHZhbHVlOiAxLAogICAgICBjYXNoaWVyX25hbWU6ICIiLAogICAgICB0YWJsZURhdGE6IFtdLAogICAgICBkZWxldGVTdGF0dXM6IDUsCiAgICAgIGtleXdvcmQ6ICIiLAogICAgICBzaWduSWQ6IDEsCiAgICAgIHNob3BfY2FzaGllcjogW10KICAgIH07CiAgfSwKCiAgY3JlYXRlZCgpIHsKICAgIHRoaXMub3ZlclZpZXcoKTsKICAgIHRoaXMuZ2V0QWxsU3RhZmZTdGFmZigpOwogIH0sCgogIGFjdGl2YXRlZCgpIHsKICAgIGlmICh0aGlzLiRfaXNJbml0KCkpIHJldHVybjsKICAgIHRoaXMub3ZlclZpZXcoKTsKICAgIHRoaXMuZ2V0QWxsU3RhZmZTdGFmZigpOwogIH0sCgogIG1ldGhvZHM6IHsKICAgIHBhZ2VDaGFuZ2UodmFsKSB7CiAgICAgIHRoaXMucGFnZSA9IHZhbDsKICAgICAgdGhpcy5vdmVyVmlldygpOwogICAgfSwKCiAgICAvLyDmr4/pobXmlbDmja7lpKflsI/mlLnlj5gKICAgIHNpemVDaGFuZ2UodmFsKSB7CiAgICAgIHRoaXMucGFnZVNpemUgPSB2YWw7CiAgICAgIHRoaXMucGFnZUNoYW5nZSgxKTsKICAgIH0sCgogICAgb3JkZXJUaW1lQ2hhbmdlKHZhbCkgewogICAgICBpZiAodmFsICYmIHZhbC5sZW5ndGgpIHsKICAgICAgICB0aGlzLnN0YXJ0VGltZSA9IHZhbFswXSAvIDEwMDA7CiAgICAgICAgdGhpcy5lbmRUaW1lID0gdmFsWzFdIC8gMTAwMCArIDg2Mzk5OwogICAgICB9IGVsc2UgewogICAgICAgIHRoaXMuc3RhcnRUaW1lID0gIiI7CiAgICAgICAgdGhpcy5lbmRUaW1lID0gIiI7CiAgICAgIH0KCiAgICAgIHRoaXMucGFnZUNoYW5nZSgxKTsKICAgIH0sCgogICAgc3RhZmZDaGFuZ2UodmFsKSB7CiAgICAgIHRoaXMuZ2V0QWxsU3RhZmZTdGFmZigpOwogICAgICB0aGlzLnBhZ2VDaGFuZ2UoMSk7CiAgICB9LAoKICAgIGFzeW5jIG92ZXJWaWV3KCkgewogICAgICBjb25zdCBkYXRhID0gYXdhaXQgb3ZlclZpZXcoewogICAgICAgIHBhZ2U6IHRoaXMucGFnZSwKICAgICAgICBwYWdlU2l6ZTogdGhpcy5wYWdlU2l6ZSwKICAgICAgICBzdGFydFRpbWU6IHRoaXMuc3RhcnRUaW1lLAogICAgICAgIGVuZFRpbWU6IHRoaXMuZW5kVGltZSwKICAgICAgICB1c2VyQ2VudGVySWQ6IHRoaXMuY2FzaGllcl9uYW1lLAogICAgICAgIHR5cGU6IHRoaXMudmFsdWUKICAgICAgfSk7CiAgICAgIHRoaXMuYWRkX2Zvcm0gPSBkYXRhLmRhdGEuc3RhdGlzdGljczsKICAgICAgdGhpcy50YWJsZURhdGEgPSBkYXRhLmRhdGEubGlzdDsKICAgICAgdGhpcy50b3RhbCA9IGRhdGEucGFnZVRvdGFsOwogICAgfSwKCiAgICBhc3luYyBnZXRBbGxTdGFmZlN0YWZmKCkgewogICAgICBjb25zdCBkYXRhID0gYXdhaXQgZ2V0QWxsU3RhZmZTdGFmZih7CiAgICAgICAgcGFnZTogdGhpcy5wYWdlLAogICAgICAgIHBhZ2VTaXplOiB0aGlzLnBhZ2VTaXplLAogICAgICAgIGRlbGV0ZVN0YXR1czogdGhpcy5kZWxldGVTdGF0dXMsCiAgICAgICAga2V5d29yZDogdGhpcy5rZXl3b3JkLAogICAgICAgIHNpZ25JZDogdGhpcy52YWx1ZQogICAgICB9KTsKICAgICAgdGhpcy5zaG9wX2Nhc2hpZXIgPSBkYXRhLmRhdGE7CiAgICB9CgogIH0KfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkJA;AACA;AACA;EACAA,kBADA;;EAEAC;IACA;MACAC;QACAC;UACAC;YACA;UACA;;QAHA;MADA,CADA;MAQAC,QARA;MASAC,aATA;MAUAC,WAVA;MAWAC,QAXA;MAYAC,OAZA;MAaAC,YAbA;MAcAC,QAdA;MAeAC,gBAfA;MAgBAC,aAhBA;MAiBAC,eAjBA;MAkBAC,WAlBA;MAmBAC,SAnBA;MAoBAC;IApBA;EAsBA,CAzBA;;EA0BAC;IACA;IACA;EACA,CA7BA;;EA8BAC;IACA;IACA;IACA;EACA,CAlCA;;EAmCAC;IACAC;MACA;MACA;IACA,CAJA;;IAKA;IACAC;MACA;MACA;IACA,CATA;;IAUAC;MACA;QACA;QACA;MACA,CAHA,MAGA;QACA;QACA;MACA;;MACA;IACA,CAnBA;;IAoBAC;MACA;MACA;IACA,CAvBA;;IAwBA;MACA;QACAf,eADA;QAEAC,uBAFA;QAGAJ,yBAHA;QAIAC,qBAJA;QAKAkB,+BALA;QAMAC;MANA;MASA;MACA;MACA;IACA,CArCA;;IAsCA;MACA;QACAjB,eADA;QAEAC,uBAFA;QAGAI,+BAHA;QAIAC,qBAJA;QAKAC;MALA;MAQA;IACA;;EAhDA;AAnCA","names":["name","data","add_form","pickerOptions1","disabledDate","time","startTime","endTime","total","page","pageSize","value","cashier_name","tableData","deleteStatus","keyword","signId","shop_cashier","created","activated","methods","pageChange","sizeChange","orderTimeChange","staffChange","userCenterId","type"],"sourceRoot":"src/views/Cashier","sources":["Commission.vue"],"sourcesContent":["<template>\n  <div class=\"commission\">\n    <div class=\"model-view\">\n      <div class=\"clearfix model-tit\">\n        <div class=\"float_left\">提成概况</div>\n        <div class=\"float_right\">\n          <el-date-picker\n            v-model=\"time\"\n            size=\"small\"\n            type=\"daterange\"\n            value-format=\"timestamp\"\n            start-placeholder=\"开始日期\"\n            end-placeholder=\"结束日期\"\n            :picker-options=\"add_form.pickerOptions1\"\n            @change=\"orderTimeChange\"\n          ></el-date-picker>\n        </div>\n      </div>\n      <div class=\"model-main\" style=\"display: flex\">\n        <div class=\"top-data-li\">\n          <div class=\"grid-content clearfix\">\n            <div class=\"float_left left-icon\">\n              <i class=\"iconfont icon-kehu\"></i>\n            </div>\n            <div class=\"float_left\">\n              <p class=\"price\">收银员提成(元)</p>\n              <p class=\"num\" style=\"color: #0fcbcd\">\n                {{ $_common.formattedNumber(add_form.cashier_push_money) || 0 }}\n              </p>\n            </div>\n          </div>\n        </div>\n        <div class=\"top-data-li\">\n          <div class=\"grid-content clearfix\">\n            <div\n              class=\"float_left left-icon\"\n              style=\"background: linear-gradient(-125deg, #f6a16a, #fbd661)\"\n            >\n              <i class=\"iconfont icon-kehu\"></i>\n            </div>\n            <div class=\"float_left\">\n              <p class=\"price\">导购员提成(元)</p>\n              <p class=\"num\" style=\"color: #f6a16a\">\n                {{ $_common.formattedNumber(add_form.guide_push_money) || 0 }}\n              </p>\n            </div>\n          </div>\n        </div>\n        <div class=\"top-data-li\">\n          <div class=\"grid-content clearfix\">\n            <div\n              class=\"float_left left-icon\"\n              style=\"background: linear-gradient(-125deg, #f63057, #ee5f82)\"\n            >\n              <i class=\"iconfont icon-zu\"></i>\n            </div>\n            <div class=\"float_left\">\n              <p class=\"price\">订单付款金额(元)</p>\n              <p class=\"num\" style=\"color: #f63057\">\n                {{ $_common.formattedNumber(add_form.order_pay_price) || 0 }}\n              </p>\n            </div>\n          </div>\n        </div>\n        <div class=\"top-data-li\">\n          <div class=\"grid-content clearfix\">\n            <div\n              class=\"float_left left-icon\"\n              style=\"background: linear-gradient(-125deg, #00b29c, #38e8be)\"\n            >\n              <i class=\"iconfont icon-dingdan\"></i>\n            </div>\n            <div class=\"float_left\">\n              <p class=\"price\">订单数</p>\n              <p class=\"num\" style=\"color: #00b29c\">\n                {{ add_form.order_num || 0 }}\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"model-view\">\n      <div class=\"clearfix model-tit\">\n        <div class=\"float_left\">提成统计</div>\n        <div class=\"float_right\">\n          <div class=\"s-item\">\n            <span class=\"s-label\">类型:</span>\n            <el-select\n              v-model=\"value\"\n              size=\"small\"\n              placeholder=\"类型\"\n              @change=\"staffChange\"\n            >\n              <el-option :value=\"1\" label=\"收银员\"></el-option>\n              <el-option :value=\"2\" label=\"导购员\"></el-option>\n            </el-select>\n          </div>\n          <div class=\"s-item\">\n            <span class=\"s-label\">姓名:</span>\n            <el-select\n              v-model=\"cashier_name\"\n              size=\"small\"\n              clearable\n              @change=\"pageChange(1)\"\n            >\n              <el-option\n                v-for=\"item in shop_cashier\"\n                :key=\"item.id\"\n                :label=\"item.staffName\"\n                :value=\"item.id\"\n              ></el-option>\n            </el-select>\n          </div>\n        </div>\n      </div>\n      <div class=\"model-main\">\n        <el-table :data=\"tableData\" style=\"margin-bottom: 20px\">\n          <el-table-column type=\"index\" label=\"#\"></el-table-column>\n          <el-table-column prop=\"staffName\" label=\"姓名\"></el-table-column>\n          <el-table-column prop=\"mobile\" label=\"手机号\"></el-table-column>\n          <el-table-column prop=\"order_num\" label=\"订单数\"></el-table-column>\n          <el-table-column prop=\"order_price\" label=\"订单实付金额(元)\">\n            <template slot-scope=\"scope\">\n              {{ $_common.formattedNumber(scope.row.order_price) }}\n            </template>\n          </el-table-column>\n          <el-table-column prop=\"order_price\" label=\"提成金额(元)\">\n            <template slot-scope=\"scope\">\n              {{ $_common.formattedNumber(scope.row.order_price) }}\n            </template>\n          </el-table-column>\n        </el-table>\n        <FooterPage\n          :page-size=\"pageSize\"\n          :total-page.sync=\"total\"\n          :current-page.sync=\"page\"\n          @pageChange=\"pageChange\"\n          @sizeChange=\"sizeChange\"\n        ></FooterPage>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n  import { overView } from \"@/api/Cashier\";\n  import { getAllStaffStaff } from \"@/api/Department\";\n  export default {\n    name: \"Commission\",\n    data() {\n      return {\n        add_form: {\n          pickerOptions1: {\n            disabledDate(time) {\n              return time.getTime() > Date.now();\n            },\n          },\n        },\n        time: [],\n        startTime: \"\",\n        endTime: \"\",\n        total: 0,\n        page: 1,\n        pageSize: 10,\n        value: 1,\n        cashier_name: \"\",\n        tableData: [],\n        deleteStatus: 5,\n        keyword: \"\",\n        signId: 1,\n        shop_cashier: [],\n      };\n    },\n    created() {\n      this.overView();\n      this.getAllStaffStaff();\n    },\n    activated() {\n      if (this.$_isInit()) return;\n      this.overView();\n      this.getAllStaffStaff();\n    },\n    methods: {\n      pageChange(val) {\n        this.page = val;\n        this.overView();\n      },\n      // 每页数据大小改变\n      sizeChange(val) {\n        this.pageSize = val;\n        this.pageChange(1);\n      },\n      orderTimeChange(val) {\n        if (val && val.length) {\n          this.startTime = val[0] / 1000;\n          this.endTime = val[1] / 1000 + 86399;\n        } else {\n          this.startTime = \"\";\n          this.endTime = \"\";\n        }\n        this.pageChange(1);\n      },\n      staffChange(val) {\n        this.getAllStaffStaff();\n        this.pageChange(1);\n      },\n      async overView() {\n        const data = await overView({\n          page: this.page,\n          pageSize: this.pageSize,\n          startTime: this.startTime,\n          endTime: this.endTime,\n          userCenterId: this.cashier_name,\n          type: this.value,\n        });\n\n        this.add_form = data.data.statistics;\n        this.tableData = data.data.list;\n        this.total = data.pageTotal;\n      },\n      async getAllStaffStaff() {\n        const data = await getAllStaffStaff({\n          page: this.page,\n          pageSize: this.pageSize,\n          deleteStatus: this.deleteStatus,\n          keyword: this.keyword,\n          signId: this.value,\n        });\n\n        this.shop_cashier = data.data;\n      },\n    },\n  };\n</script>\n\n<style scoped>\n  .commission {\n    background-color: #f7f7f7;\n    height: calc(100vh - 70px);\n    overflow: auto;\n  }\n  .num {\n    font-size: 34px;\n  }\n  .price {\n    color: #999999;\n    font-size: 12px;\n  }\n  .grid-content {\n    border-radius: 4px;\n  }\n  .left-icon {\n    width: 60px;\n    height: 60px;\n    text-align: center;\n    line-height: 60px;\n    background: linear-gradient(-125deg, #8de4e9, #41cdd6);\n    color: #ffffff;\n    border-radius: 6px;\n    margin-right: 16px;\n  }\n  .left-icon .iconfont {\n    font-size: 34px;\n    opacity: 0.9;\n  }\n  .model-view {\n    margin-bottom: 20px;\n    background-color: #ffffff;\n  }\n  .model-tit {\n    padding: 0 20px;\n    line-height: 50px;\n    font-size: 14px;\n    font-weight: 600;\n    border-bottom: 1px solid #f2f2f2;\n  }\n  .model-main {\n    padding: 20px;\n  }\n  .s-item {\n    display: inline-block;\n    margin-left: 20px;\n  }\n  .s-label {\n    font-weight: 400;\n    color: #666666;\n  }\n  .top-data-li {\n    flex: 4;\n  }\n</style>\n"]}]}