{"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\\viewsMerch\\index\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\qianger\\7\\jindouyunNewFront\\src\\viewsMerch\\index\\index.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: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"]}]}