1 |
- {"remainingRequest":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\viewsMerch\\index\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\viewsMerch\\index\\index.vue","mtime":1678954023651},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\babel.config.js","mtime":1681371897685},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1681371912860},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1681371925849}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgZ2V0SW5mb01lcmNoYW50IH0gZnJvbSAiQC9hcGkvTWVyY2hhbnRzIjsKaW1wb3J0IHsgbWFwR2V0dGVycyB9IGZyb20gInZ1ZXgiOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIk1lcmNoSW5kZXgiLAogIGNvbXBvbmVudHM6IHt9LAoKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgdmFsdWU6ICIiLAogICAgICBvcHRpb25zOiBbXSwKICAgICAgdG9wX2J0bl9saXN0OiBbXSwKICAgICAgYmFsYW5jZTogIjAuMDAiLAogICAgICBidG5fbGlzdDogW3sKICAgICAgICBsYWJlbDogIuWVhuWTgeWIl+ihqCIsCiAgICAgICAgcGF0aDogIi9nb29kcy9zYWxlL01lcmNoYW50c0dvb2RzIiwKICAgICAgICBpY29uOiAiaWNvbi1tb2ZhbmciLAogICAgICAgIGNvbG9yOiAibGluZWFyLWdyYWRpZW50KDI3MGRlZywjNEI5RUZGIDAlLCMzRDg5RkYgMTAwJSkiCiAgICAgIH0sIHsKICAgICAgICBsYWJlbDogIuiwg+S7t+ihqCIsCiAgICAgICAgcGF0aDogIi9nb29kcy9zYWxlL1ByaWNlVGFibGUiLAogICAgICAgIGljb246ICJpY29uLTM2IiwKICAgICAgICBjb2xvcjogImxpbmVhci1ncmFkaWVudCgyNzBkZWcsIzczOUVGRiAwJSwjM0Y2NEZGIDEwMCUpIgogICAgICB9LCB7CiAgICAgICAgbGFiZWw6ICLllYbmiLflhaXlupPljZUiLAogICAgICAgIHBhdGg6ICIvUHVyY2hhc2UvTWFuYWdlUC9NZXJjaGFudCIsCiAgICAgICAgaWNvbjogImljb24taWNvbl9mdW5jdGlvbl9ydWt1IiwKICAgICAgICBjb2xvcjogImxpbmVhci1ncmFkaWVudCgyNzBkZWcsIzczQ0RGRiAwJSwjM0Y5RkZGIDEwMCUpIgogICAgICB9LCB7CiAgICAgICAgbGFiZWw6ICLlupPlrZjmn6Xor6IiLAogICAgICAgIHBhdGg6ICIvc3RvY2svV2FyZWhvdXNlQWRtaW4vcXVlcnkiLAogICAgICAgIGljb246ICJpY29uLXNoZW5oZSIsCiAgICAgICAgY29sb3I6ICJsaW5lYXItZ3JhZGllbnQoMjcwZGVnLCM1QUE0RkYgMCUsIzM4ODRGRiAxMDAlKSIKICAgICAgfSwgewogICAgICAgIGxhYmVsOiAi5bqT5a2Y5rGH5oC7IiwKICAgICAgICBwYXRoOiAiL3N0b2NrL3N1bW1hcnkvV2FyZWhvdXNlU3RvY2tTdW1tYXJ5IiwKICAgICAgICBpY29uOiAiaWNvbi1rdWN1biIsCiAgICAgICAgY29sb3I6ICJsaW5lYXItZ3JhZGllbnQoMjcwZGVnLCM0OEM5REQgMCUsIzM2QjVDRiAxMDAlKSIKICAgICAgfSwgewogICAgICAgIGxhYmVsOiAi57uT566X6K6w5b2VIiwKICAgICAgICBwYXRoOiAiL1NldHRsZW1lbnQvU2V0dGxlbWVudExvZ3MiLAogICAgICAgIGljb246ICJpY29uLXpoaWppYW5kYW4tIiwKICAgICAgICBjb2xvcjogImxpbmVhci1ncmFkaWVudCgyNzBkZWcsIzVBQTRGRiAwJSwjMzg4NEZGIDEwMCUpIgogICAgICB9LCB7CiAgICAgICAgbGFiZWw6ICLmlLbmlK/orrDlvZUiLAogICAgICAgIHBhdGg6ICIvRmluYW5jZS9NdWx0aXBsZVN0b3JlL0luQW5kT3V0TG9ncyIsCiAgICAgICAgaWNvbjogImljb24tc2hvdXpoaXpvbmdiaWFvIiwKICAgICAgICBjb2xvcjogImxpbmVhci1ncmFkaWVudCgyNzBkZWcsIzczOUVGRiAwJSwjM0Y2NEZGIDEwMCUpIgogICAgICB9LCB7CiAgICAgICAgbGFiZWw6ICLmj5DnjrDorrDlvZUiLAogICAgICAgIHBhdGg6ICIvRmluYW5jZS9NdWx0aXBsZVN0b3JlL1dpdGhkcmF3TG9ncyIsCiAgICAgICAgaWNvbjogImljb24tdGl4aWFuIiwKICAgICAgICBjb2xvcjogImxpbmVhci1ncmFkaWVudCgyNzBkZWcsI0MyNkREMiAwJSwjOEUzQkE2IDEwMCUpIgogICAgICB9XQogICAgfTsKICB9LAoKICBjb21wdXRlZDogeyAuLi5tYXBHZXR0ZXJzKHsKICAgICAgc3RvcmVEYXRhOiAiTVVzZXIvc3RvcmVEYXRhIgogICAgfSkKICB9LAoKICBjcmVhdGVkKCkgewogICAgdGhpcy5nZXRJbmZvTWVyY2hhbnQoKTsKICB9LAoKICBtb3VudGVkKCkgewogICAgLy8g5bi455So5Yqf6IO95p2D6ZmQ5Yik5patCiAgICB0aGlzLnRvcF9idG5fbGlzdCA9IHRoaXMuYnRuX2xpc3QuZmlsdGVyKGl0ZW0gPT4gewogICAgICByZXR1cm4gdGhpcy4kYWNjZXNzQ2hlY2sodGhpcy4kQWNjZXNzW2l0ZW0uYWNjZXNzXSk7CiAgICB9KTsKICB9LAoKICBtZXRob2RzOiB7CiAgICBhc3luYyBnZXRJbmZvTWVyY2hhbnQoKSB7CiAgICAgIGNvbnN0IHsKICAgICAgICBkYXRhCiAgICAgIH0gPSBhd2FpdCBnZXRJbmZvTWVyY2hhbnQodGhpcy5zdG9yZURhdGEubWVyY2hhbnREYXRhLmlkKTsKICAgICAgdGhpcy5iYWxhbmNlID0gZGF0YS5iYWxhbmNlOwogICAgfQoKICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8NA;AACA;AACA;EACAA,kBADA;EAEAC,cAFA;;EAGAC;IACA;MACAC,SADA;MAEAC,WAFA;MAGAC,gBAHA;MAIAC,eAJA;MAKAC,WACA;QACAC,aADA;QAEAC,kCAFA;QAGAC,mBAHA;QAIAC;MAJA,CADA,EAOA;QACAH,YADA;QAEAC,8BAFA;QAGAC,eAHA;QAIAC;MAJA,CAPA,EAaA;QACAH,cADA;QAEAC,kCAFA;QAGAC,+BAHA;QAIAC;MAJA,CAbA,EAmBA;QACAH,aADA;QAEAC,mCAFA;QAGAC,mBAHA;QAIAC;MAJA,CAnBA,EAyBA;QACAH,aADA;QAEAC,4CAFA;QAGAC,kBAHA;QAIAC;MAJA,CAzBA,EA+BA;QACAH,aADA;QAEAC,kCAFA;QAGAC,wBAHA;QAIAC;MAJA,CA/BA,EAqCA;QACAH,aADA;QAEAC,2CAFA;QAGAC,4BAHA;QAIAC;MAJA,CArCA,EA2CA;QACAH,aADA;QAEAC,2CAFA;QAGAC,mBAHA;QAIAC;MAJA,CA3CA;IALA;EAwDA,CA5DA;;EA6DAC,YACA;MAAAC;IAAA;EADA,CA7DA;;EAgEAC;IACA;EACA,CAlEA;;EAmEAC;IACA;IACA;MACA;IACA,CAFA;EAGA,CAxEA;;EAyEAC;IACA;MACA;QAAAd;MAAA;MACA;IACA;;EAJA;AAzEA","names":["name","components","data","value","options","top_btn_list","balance","btn_list","label","path","icon","color","computed","storeData","created","mounted","methods"],"sourceRoot":"src/viewsMerch/index","sources":["index.vue"],"sourcesContent":["<!--首页-->\n<template>\n <div class=\"box\">\n <div class=\"top-fn-view\">\n <div style=\"line-height: 42px; border-bottom: 1px solid #d8d8d8\">\n <span class=\"ph_title\">常用功能</span>\n </div>\n <ul class=\"nav-btn-ul\">\n <li\n v-for=\"(item, index) in top_btn_list\"\n :key=\"index\"\n class=\"nav-btn-li\"\n @click=\"$router.push(item.path)\"\n >\n <span\n :style=\"{ background: item.color }\"\n class=\"iconfont nav-btn-icon\"\n :class=\"[item.icon]\"\n ></span>\n <span style=\"color: #24365c; margin-left: 10px\">\n {{ item.label }}\n </span>\n </li>\n </ul>\n </div>\n <ul class=\"top-data-ul\">\n <li class=\"top-data-li clearfix\">\n <div class=\"btn\">\n <el-button\n type=\"primary\"\n @click=\"$router.push('/Finance/MultipleStore/WithdrawLogs')\"\n >\n 收支记录\n </el-button>\n <el-button\n type=\"danger\"\n @click=\"$router.push('/Finance/MultipleStore/WithdrawLogs')\"\n >\n 提现\n </el-button>\n </div>\n <div class=\"float_left\">\n <p class=\"card-label\" style=\"position: relative\">\n <i\n class=\"el-icon-s-help\"\n style=\"\n color: #0668f0;\n font-size: 10px;\n position: relative;\n top: -2px;\n left: 0;\n \"\n ></i>\n 可提现金额\n </p>\n <p class=\"card-des\">\n <i class=\"el-icon-edit\" style=\"color: transparent\"></i>\n 当前可提现金额\n </p>\n <p class=\"card-num\">\n <i\n class=\"el-icon-edit\"\n style=\"font-size: 13px; color: transparent\"\n ></i>\n <span class=\"money\">\n {{ $_common.formattedNumber(balance) }}\n </span>\n </p>\n </div>\n <div class=\"float_left\">\n <el-tooltip\n effect=\"dark\"\n content=\"当前可提现金额\"\n placement=\"top-start\"\n >\n <i class=\"el-icon-question mark\"></i>\n </el-tooltip>\n </div>\n </li>\n </ul>\n\n <el-row v-if=\"false\" :gutter=\"12\">\n <el-col :span=\"16\">\n <div class=\"model-view\">\n <div class=\"total\">合计:¥400.00</div>\n <div class=\"title\">\n <span>财务实时数据</span>\n <el-tooltip class=\"item\" effect=\"dark\" placement=\"top-start\">\n <div slot=\"content\">\n 1、待出库商品:客户已下单商品未出库商品数量;\n <br />\n 2、待结算金额:商品已出库,结算单财务未审核金额;\n <br />\n 3、可提现金额:商品已出库,已审核结算单,未提现金额;\n <br />\n 4、可用库存金额:目前剩余的库存*当前商品单价=预计库存剩余金额;\n <br />\n 5、合计金额:代配送金额+待结算金额+可提现金额+可用库存金额=合计金额;\n <br />\n 6、以上所有字段点击查看分仓明细数据\n </div>\n <i class=\"el-icon-question\"></i>\n </el-tooltip>\n <span class=\"desc\">更新时间(2020-09-09 11:11:11)</span>\n </div>\n <ul class=\"content-view\">\n <li class=\"data-li\">\n <p class=\"money\">¥0.00</p>\n <p class=\"label\">待出库金额</p>\n </li>\n <li class=\"data-li\">\n <p class=\"money\">¥0.00</p>\n <p class=\"label\">待结算金额</p>\n </li>\n <li class=\"data-li\">\n <p class=\"money\">¥0.00</p>\n <p class=\"label\">可提现金额</p>\n </li>\n <li class=\"data-li\">\n <p class=\"money\">¥0.00</p>\n <p class=\"label\">可用库存金额</p>\n </li>\n </ul>\n </div>\n </el-col>\n <el-col :span=\"8\">\n <div class=\"model-view\">\n <div class=\"total\">\n <span>可提现金额:0元</span>\n <el-button\n style=\"border: 0px; color: #0e0eff; font-size: 14px\"\n @click=\"$router.push('/Finance/MultipleStore/WithdrawLogs')\"\n >\n 提现\n </el-button>\n </div>\n <div class=\"title\">商品管理</div>\n <div class=\"goods\">\n <div class=\"goods_item\">\n <p class=\"num\">500</p>\n <p class=\"label\">商品总数</p>\n </div>\n <div class=\"goods_item\">\n <p class=\"num\">80</p>\n <p class=\"label\">上架数</p>\n </div>\n <div class=\"goods_item\">\n <p class=\"num\">0</p>\n <p class=\"label\">下架数</p>\n </div>\n </div>\n </div>\n </el-col>\n </el-row>\n <!-- <el-row :span=\"24\">-->\n <!-- <div class=\"model-data\">-->\n <!-- <div class=\"time_date\">-->\n <!-- <span>实时数据</span>-->\n <!-- <el-tooltip-->\n <!-- class=\"item\"-->\n <!-- effect=\"dark\"-->\n <!-- content=\"Top Left 提示文字\"-->\n <!-- placement=\"top-start\"-->\n <!-- >-->\n <!-- <i class=\"el-icon-question\"></i>-->\n <!-- </el-tooltip>-->\n <!-- <span class=\"desc\">更新时间(2020-09-09 11:11:11)</span>-->\n <!-- <div class=\"select\">-->\n <!-- <span style=\"margin-right: 4px\">全部:</span>-->\n <!-- <el-select v-model=\"value\" placeholder=\"请选择\">-->\n <!-- <el-option-->\n <!-- v-for=\"item in options\"-->\n <!-- :key=\"item.value\"-->\n <!-- :label=\"item.label\"-->\n <!-- :value=\"item.value\"-->\n <!-- ></el-option>-->\n <!-- </el-select>-->\n <!-- </div>-->\n <!-- </div>-->\n <!-- <div class=\"content\">-->\n <!-- <div class=\"conten-item\">-->\n <!-- <p class=\"label\">流水额</p>-->\n <!-- <p class=\"money\">0.00</p>-->\n <!-- <p>昨日0</p>-->\n <!-- </div>-->\n <!-- <div class=\"conten-item\">-->\n <!-- <p class=\"label\">成交订单数</p>-->\n <!-- <p class=\"money\">0</p>-->\n <!-- <p>昨日0</p>-->\n <!-- </div>-->\n <!-- <div class=\"conten-item\">-->\n <!-- <p class=\"label\">到点访客数</p>-->\n <!-- <p class=\"money\">0</p>-->\n <!-- <p>昨日0</p>-->\n <!-- </div>-->\n <!-- <div class=\"conten-item\">-->\n <!-- <p class=\"label\">商品浏览量</p>-->\n <!-- <p class=\"money\">0.00</p>-->\n <!-- <p>昨日0</p>-->\n <!-- </div>-->\n <!-- <div class=\"conten-item\">-->\n <!-- <p class=\"label\">平均订单价</p>-->\n <!-- <p class=\"money\">0.00</p>-->\n <!-- <p>昨日0</p>-->\n <!-- </div>-->\n <!-- <div class=\"conten-item\">-->\n <!-- <p class=\"label\">成交客户数</p>-->\n <!-- <p class=\"money\">0.00</p>-->\n <!-- <p>昨日0</p>-->\n <!-- </div>-->\n <!-- <div class=\"conten-item content-special\">-->\n <!-- <p class=\"label\">成交转化率</p>-->\n <!-- <p class=\"money\">0.00</p>-->\n <!-- <p>昨日0%</p>-->\n <!-- </div>-->\n <!-- </div>-->\n <!-- </div>-->\n <!-- </el-row>-->\n </div>\n</template>\n\n<script>\n import { getInfoMerchant } from \"@/api/Merchants\";\n import { mapGetters } from \"vuex\";\n export default {\n name: \"MerchIndex\",\n components: {},\n data() {\n return {\n value: \"\",\n options: [],\n top_btn_list: [],\n balance: \"0.00\",\n btn_list: [\n {\n label: \"商品列表\",\n path: \"/goods/sale/MerchantsGoods\",\n icon: \"icon-mofang\",\n color: \"linear-gradient(270deg,#4B9EFF 0%,#3D89FF 100%)\",\n },\n {\n label: \"调价表\",\n path: \"/goods/sale/PriceTable\",\n icon: \"icon-36\",\n color: \"linear-gradient(270deg,#739EFF 0%,#3F64FF 100%)\",\n },\n {\n label: \"商户入库单\",\n path: \"/Purchase/ManageP/Merchant\",\n icon: \"icon-icon_function_ruku\",\n color: \"linear-gradient(270deg,#73CDFF 0%,#3F9FFF 100%)\",\n },\n {\n label: \"库存查询\",\n path: \"/stock/WarehouseAdmin/query\",\n icon: \"icon-shenhe\",\n color: \"linear-gradient(270deg,#5AA4FF 0%,#3884FF 100%)\",\n },\n {\n label: \"库存汇总\",\n path: \"/stock/summary/WarehouseStockSummary\",\n icon: \"icon-kucun\",\n color: \"linear-gradient(270deg,#48C9DD 0%,#36B5CF 100%)\",\n },\n {\n label: \"结算记录\",\n path: \"/Settlement/SettlementLogs\",\n icon: \"icon-zhijiandan-\",\n color: \"linear-gradient(270deg,#5AA4FF 0%,#3884FF 100%)\",\n },\n {\n label: \"收支记录\",\n path: \"/Finance/MultipleStore/InAndOutLogs\",\n icon: \"icon-shouzhizongbiao\",\n color: \"linear-gradient(270deg,#739EFF 0%,#3F64FF 100%)\",\n },\n {\n label: \"提现记录\",\n path: \"/Finance/MultipleStore/WithdrawLogs\",\n icon: \"icon-tixian\",\n color: \"linear-gradient(270deg,#C26DD2 0%,#8E3BA6 100%)\",\n },\n ],\n };\n },\n computed: {\n ...mapGetters({ storeData: \"MUser/storeData\" }),\n },\n created() {\n this.getInfoMerchant();\n },\n mounted() {\n // 常用功能权限判断\n this.top_btn_list = this.btn_list.filter((item) => {\n return this.$accessCheck(this.$Access[item.access]);\n });\n },\n methods: {\n async getInfoMerchant() {\n const { data } = await getInfoMerchant(this.storeData.merchantData.id);\n this.balance = data.balance;\n },\n },\n };\n</script>\n<style scoped lang=\"scss\">\n .top-fn-view {\n padding: 0 24px;\n background: #ffffff;\n margin-bottom: 16px;\n border-radius: 10px;\n .ph_title {\n font-weight: 700;\n font-size: 16px;\n color: #1b2d54;\n }\n\n .nav-btn-ul {\n display: flex;\n padding: 20px 0;\n .nav-btn-li {\n flex: 10;\n cursor: pointer;\n font-size: 16px;\n .nav-btn-icon {\n display: inline-block;\n width: 48px;\n height: 48px;\n text-align: center;\n color: #fff;\n background-color: #409eff;\n border-radius: 100%;\n line-height: 48px;\n font-size: 24px;\n }\n }\n }\n }\n .top-data-ul {\n font-size: 16px;\n .top-data-li {\n width: 30%;\n min-height: 158px;\n padding: 12px 17px 12px 17px;\n border-radius: 6px;\n margin-bottom: 10px;\n background-color: #fff;\n box-shadow: 0px 2px 6px 0px rgba(76, 80, 88, 0.16);\n position: relative;\n .el-icon-question {\n font-size: 14px;\n color: #c0c5cf;\n margin-left: 5px;\n }\n .btn {\n position: absolute;\n bottom: 12px;\n right: 17px;\n }\n .card-label {\n padding-bottom: 4px;\n font-weight: 700;\n font-size: 16px;\n }\n .card-des {\n font-size: 12px;\n color: #848890;\n }\n .card-num {\n font-size: 20px;\n color: #24365c;\n margin-top: 50px;\n }\n }\n }\n\n .model-data {\n margin-top: 20px;\n background: #ffffff;\n box-shadow: 0px 2px 6px 0px rgba(76, 80, 88, 0.16);\n border-radius: 6px;\n padding: 14px 24px;\n .time_date {\n font-size: 16px;\n font-weight: 600;\n color: #1b2d54;\n line-height: 22px;\n position: relative;\n .select {\n position: absolute;\n top: -9px;\n right: 2px;\n }\n .el-icon-question {\n font-size: 14px;\n color: #c0c5cf;\n margin-left: 5px;\n }\n .desc {\n margin-left: 10px;\n font-size: 12px;\n font-weight: 400;\n color: #848890;\n line-height: 17px;\n }\n }\n .content {\n margin-top: 5px;\n display: flex;\n height: 140px;\n //border: 1px solid #d3d3d3;\n padding: 15px 10px;\n border-radius: 5px;\n .conten-item {\n width: 15%;\n height: 110px;\n border-right: 1px solid #d3d3d3;\n padding-left: 20px;\n .money {\n font-size: 20px;\n font-weight: 500;\n color: #24365c;\n line-height: 26px;\n }\n .label {\n font-size: 14px;\n font-weight: 400;\n color: #99a0b0;\n line-height: 20px;\n }\n p {\n margin-top: 10px;\n }\n }\n .content-special {\n border: 0;\n }\n }\n }\n .model-view {\n background: #ffffff;\n box-shadow: 0px 2px 6px 0px rgba(76, 80, 88, 0.16);\n border-radius: 6px;\n padding: 14px 24px;\n position: relative;\n .total {\n font-size: 14px;\n position: absolute;\n top: 14px;\n right: 24px;\n }\n .txt {\n padding-top: 10px;\n margin-top: 6px;\n height: 35px;\n color: #696969;\n border-radius: 2px;\n }\n .goods {\n display: flex;\n flex: 3;\n justify-content: space-between;\n padding: 20px 0;\n .goods_item {\n padding-top: 4px;\n text-align: center;\n width: 25%;\n height: 50px;\n //border: 1px solid #f6f8f9;\n font-weight: 600;\n line-height: 20px;\n .label {\n font-size: 14px;\n font-weight: 400;\n color: #99a0b0;\n margin-top: 8px;\n }\n .num {\n //margin-bottom: 4px;\n font-size: 20px;\n font-weight: 400;\n color: #24365c;\n }\n }\n }\n .title {\n font-size: 16px;\n font-weight: 600;\n color: #1b2d54;\n line-height: 22px;\n .desc {\n margin-left: 10px;\n font-size: 12px;\n font-weight: 400;\n color: #848890;\n line-height: 17px;\n }\n .el-icon-question {\n font-size: 14px;\n color: #c0c5cf;\n margin-left: 5px;\n }\n }\n .content-view {\n display: flex;\n padding: 20px 0;\n .data-li {\n flex: 4;\n text-align: center;\n .label {\n font-size: 14px;\n font-weight: 400;\n color: #99a0b0;\n line-height: 20px;\n }\n .money {\n margin-bottom: 4px;\n font-size: 20px;\n font-weight: 500;\n color: #24365c;\n line-height: 26px;\n }\n }\n }\n }\n</style>\n"]}]}
|