| 1 |
- {"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"]}]}
|
