{"remainingRequest":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\views\\Purchase\\ManageP\\Stockout.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\views\\Purchase\\ManageP\\Stockout.vue","mtime":1655374732000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\babel.config.js","mtime":1655374732000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgZ2V0RGlzdHJpYnV0aW9uQWxsIH0gZnJvbSAiQC9hcGkvT3JkZXIiOwppbXBvcnQgU2VsZWN0Q3VzdG9tZXIgZnJvbSAiQC9jb21wb25lbnQvY29tbW9uL1NlbGVjdEN1c3RvbWVyLnZ1ZSI7CmltcG9ydCBzdGFmZkxpc3RNb2RhbCBmcm9tICJAL2NvbXBvbmVudC9jb21tb24vc3RhZmZMaXN0TW9kYWwiOwpleHBvcnQgZGVmYXVsdCB7CiAgY29tcG9uZW50czogewogICAgU2VsZWN0Q3VzdG9tZXIsCiAgICBzdGFmZkxpc3RNb2RhbAogIH0sCgogIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBjdXN0b21lcl9uYW1lOiAiIiwKICAgICAgaXNzZXJjaDogdHJ1ZSwKICAgICAgc3RhZmZfc2hvdzogZmFsc2UsCiAgICAgIHBhZ2U6IDEsCiAgICAgIHBhZ2VTaXplOiAxMCwKICAgICAgdG90YWw6IDAsCiAgICAgIHRhYmxlRGF0YTogW10sCiAgICAgIHRpbWU6IFtdLAogICAgICBubzogIiIsCiAgICAgIHVzZXJDZW50ZXJJZDogIiIKICAgIH07CiAgfSwKCiAgY3JlYXRlZCgpIHsKICAgIHRoaXMuZ2V0RGlzdHJpYnV0aW9uQWxsKCk7CiAgfSwKCiAgbWV0aG9kczogewogICAgY3VzdG9tZXJTZWwodmFsLCByb3cpIHsKICAgICAgdGhpcy51c2VyQ2VudGVySWQgPSByb3dbMF0udXNlckNlbnRlcklkOwogICAgICB0aGlzLnBhZ2VDaGFuZ2UoMSk7CiAgICB9LAoKICAgIGN1c3RvbWVyQ2xlYXIoKSB7CiAgICAgIHRoaXMuY3VzdG9tZXJfbmFtZSA9ICIiOwogICAgICB0aGlzLnVzZXJDZW50ZXJJZCA9ICIiOwogICAgICB0aGlzLnBhZ2VDaGFuZ2UoMSk7CiAgICB9LAoKICAgIHN0YWZmU2VsKCkge30sCgogICAgc3RhZmZDbGVhcigpIHt9LAoKICAgIHNlYXJjaERhdGEoKSB7CiAgICAgIHRoaXMucGFnZSA9IDE7CiAgICAgIHRoaXMuZ2V0RGlzdHJpYnV0aW9uQWxsKCk7CiAgICB9LAoKICAgIHBhZ2VDaGFuZ2UocGFnZSkgewogICAgICB0aGlzLnBhZ2UgPSBwYWdlOwogICAgICB0aGlzLmdldERpc3RyaWJ1dGlvbkFsbCgpOwogICAgfSwKCiAgICBzaXplQ2hhbmdlKHNpemUpIHsKICAgICAgdGhpcy5wYWdlU2l6ZSA9IHNpemU7CiAgICAgIHRoaXMucGFnZUNoYW5nZSgxKTsKICAgIH0sCgogICAgLy8g55So5LqO5Y+v5bGV5byA6KGo5qC85LiO5qCR5b2i6KGo5qC877yM5YiH5o2i5p+Q5LiA6KGM55qE5bGV5byA54q25oCB77yM5aaC5p6c5L2/55So5LqG56ys5LqM5Liq5Y+C5pWw77yM5YiZ5piv6K6+572u6L+Z5LiA6KGM5bGV5byA5LiO5ZCm77yIZXhwYW5kZWQg5Li6IHRydWUg5YiZ5bGV5byA77yJCiAgICB0b2dnbGVSb3dFeHBhbnNpb24ocm93KSB7CiAgICAgIHRoaXMuJHJlZnMuYmlsbERhdGEudG9nZ2xlUm93RXhwYW5zaW9uKHJvdyk7CiAgICB9LAoKICAgIGFzeW5jIGdldERpc3RyaWJ1dGlvbkFsbCgpIHsKICAgICAgY29uc3QgewogICAgICAgIGRhdGEsCiAgICAgICAgcGFnZVRvdGFsCiAgICAgIH0gPSBhd2FpdCBnZXREaXN0cmlidXRpb25BbGwoewogICAgICAgIHBhZ2U6IHRoaXMucGFnZSwKICAgICAgICBwYWdlU2l6ZTogdGhpcy5wYWdlU2l6ZSwKICAgICAgICBubzogdGhpcy5ubywKICAgICAgICBzdGFydFRpbWU6IHRoaXMudGltZVswXSAvIDEwMDAsCiAgICAgICAgZW5kVGltZTogdGhpcy50aW1lWzFdIC8gMTAwMCwKICAgICAgICB1c2VyQ2VudGVySWQ6IHRoaXMudXNlckNlbnRlcklkCiAgICAgIH0pOwogICAgICB0aGlzLnRhYmxlRGF0YSA9IGRhdGE7CiAgICAgIHRoaXMudG90YWwgPSBwYWdlVG90YWw7CiAgICB9CgogIH0KfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8IA;AACA;AACA;AACA;EACAA;IAAAC;IAAAC;EAAA,CADA;;EAEAC;IACA;MACAC,iBADA;MAEAC,aAFA;MAGAC,iBAHA;MAIAC,OAJA;MAKAC,YALA;MAMAC,QANA;MAOAC,aAPA;MAQAC,QARA;MASAC,MATA;MAUAC;IAVA;EAYA,CAfA;;EAgBAC;IACA;EACA,CAlBA;;EAmBAC;IACAC;MACA;MACA;IACA,CAJA;;IAKAC;MACA;MACA;MACA;IACA,CATA;;IAUAC,aAVA;;IAWAC,eAXA;;IAYAC;MACA;MACA;IACA,CAfA;;IAgBAC;MACA;MACA;IACA,CAnBA;;IAoBAC;MACA;MACA;IACA,CAvBA;;IAwBA;IACAC;MACA;IACA,CA3BA;;IA4BA;MACA;QAAApB;QAAAqB;MAAA;QACAjB,eADA;QAEAC,uBAFA;QAGAI,WAHA;QAIAa,8BAJA;QAKAC,4BALA;QAMAb;MANA;MAQA;MACA;IACA;;EAvCA;AAnBA","names":["components","SelectCustomer","staffListModal","data","customer_name","isserch","staff_show","page","pageSize","total","tableData","time","no","userCenterId","created","methods","customerSel","customerClear","staffSel","staffClear","searchData","pageChange","sizeChange","toggleRowExpansion","pageTotal","startTime","endTime"],"sourceRoot":"src/views/Purchase/ManageP","sources":["Stockout.vue"],"sourcesContent":["<template>\n  <ContainerQuery>\n    <!--    <div slot=\"left\">-->\n    <!--      <el-button size=\"small\" type=\"primary\">导出</el-button>-->\n    <!--    </div>-->\n    <div slot=\"more\">\n      <el-form :inline=\"true\" size=\"small\">\n        <el-form-item>\n          <el-input\n            v-model=\"no\"\n            style=\"width: 220px\"\n            placeholder=\"订单号\"\n            clearable\n            @clear=\"pageChange(1)\"\n          >\n            <el-button slot=\"append\">\n              <i class=\"el-icon-search\" @click=\"pageChange(1)\"></i>\n            </el-button>\n          </el-input>\n        </el-form-item>\n        <!--        <el-form-item>-->\n        <!--          <el-input-->\n        <!--            v-model=\"search_form.staff\"-->\n        <!--            clearable-->\n        <!--            style=\"width: 150px\"-->\n        <!--            placeholder=\"业务员\"-->\n        <!--            @clear=\"staffClear\"-->\n        <!--            @blur=\"search_form.staff = ''\"-->\n        <!--          >-->\n        <!--            <i-->\n        <!--              slot=\"suffix\"-->\n        <!--              class=\"el-input__icon el-icon-search\"-->\n        <!--              @click=\"saleFn(true)\"-->\n        <!--            ></i>-->\n        <!--          </el-input>-->\n        <!--        </el-form-item>-->\n        <el-form-item>\n          <SelectCustomer\n            v-model=\"customer_name\"\n            @clear=\"customerClear\"\n            @change=\"customerSel\"\n          />\n        </el-form-item>\n        <el-form-item>\n          <el-date-picker\n            v-model=\"time\"\n            clearable\n            type=\"daterange\"\n            value-format=\"timestamp\"\n            range-separator=\"-\"\n            start-placeholder=\"下单开始日期\"\n            end-placeholder=\"下单结束日期\"\n            @change=\"searchData\"\n          ></el-date-picker>\n        </el-form-item>\n      </el-form>\n    </div>\n    <el-table ref=\"billData\" :data=\"tableData\" style=\"width: 100%\">\n      <el-table-column type=\"index\" label=\"ID\" width=\"60\"></el-table-column>\n      <el-table-column\n        prop=\"customerName\"\n        label=\"客户名\"\n        min-width=\"160\"\n        show-overflow-tooltip\n      ></el-table-column>\n      <el-table-column\n        prop=\"salesManName\"\n        label=\"业务员\"\n        show-overflow-tooltip\n        min-width=\"140\"\n      ></el-table-column>\n      <el-table-column prop=\"goodsName\" label=\"商品\" width=\"100\">\n        <template slot-scope=\"scope\">\n          <div class=\"sku-btn\" @click=\"toggleRowExpansion(scope.row)\">\n            {{ `${scope.row.goodsData.length}件商品` }}\n          </div>\n        </template>\n      </el-table-column>\n      <el-table-column min-width=\"40\" label=\"\" type=\"expand\">\n        <template slot-scope=\"scope\">\n          <ul class=\"sku-ul\">\n            <li\n              v-for=\"(item, index) in scope.row.goodsData\"\n              :key=\"index\"\n              class=\"sku-li\"\n            >\n              <div class=\"clearfix\">\n                <div class=\"float_left\">\n                  <img class=\"sku-img\" :src=\"item.images[0]\" alt=\"\" />\n                </div>\n                <div class=\"sku-info float_left\">\n                  <p>{{ item.goodsName }}</p>\n                  <p class=\"code\">{{ item.goodsCode }}</p>\n                  <p>\n                    <span class=\"label\">规格:</span>\n                    {{ item.unitName }};\n\n                    <span v-for=\"(sku, skuI) in item.specGroup\" :key=\"skuI\">\n                      {{ sku.specValueName }}\n                    </span>\n                  </p>\n                  <p>\n                    <span class=\"label\">库存:</span>\n                    {{ $_common.formatNub(item.inventory) }}；\n                    <span class=\"label\">未发货:</span>\n                    {{ $_common.formatNub(item.salesNum) }}\n                  </p>\n                </div>\n              </div>\n            </li>\n          </ul>\n        </template>\n      </el-table-column>\n      <el-table-column\n        prop=\"no\"\n        min-width=\"180\"\n        label=\"订单号\"\n      ></el-table-column>\n      <el-table-column prop=\"createTime\" min-width=\"160\" label=\"订单时间\">\n        <template slot-scope=\"scope\">\n          {{ $_common.formatDate(scope.row.createTime) }}\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    <staffListModal\n      v-if=\"staff_show\"\n      :is-show=\"staff_show\"\n      :is-check=\"false\"\n      :isserch=\"isserch\"\n      @cancel=\"staff_show = false\"\n      @confirm=\"staffSel\"\n    />\n  </ContainerQuery>\n</template>\n<script>\n  import { getDistributionAll } from \"@/api/Order\";\n  import SelectCustomer from \"@/component/common/SelectCustomer.vue\";\n  import staffListModal from \"@/component/common/staffListModal\";\n  export default {\n    components: { SelectCustomer, staffListModal },\n    data() {\n      return {\n        customer_name: \"\",\n        isserch: true,\n        staff_show: false,\n        page: 1,\n        pageSize: 10,\n        total: 0,\n        tableData: [],\n        time: [],\n        no: \"\",\n        userCenterId: \"\",\n      };\n    },\n    created() {\n      this.getDistributionAll();\n    },\n    methods: {\n      customerSel(val, row) {\n        this.userCenterId = row[0].userCenterId;\n        this.pageChange(1);\n      },\n      customerClear() {\n        this.customer_name = \"\";\n        this.userCenterId = \"\";\n        this.pageChange(1);\n      },\n      staffSel() {},\n      staffClear() {},\n      searchData() {\n        this.page = 1;\n        this.getDistributionAll();\n      },\n      pageChange(page) {\n        this.page = page;\n        this.getDistributionAll();\n      },\n      sizeChange(size) {\n        this.pageSize = size;\n        this.pageChange(1);\n      },\n      // 用于可展开表格与树形表格，切换某一行的展开状态，如果使用了第二个参数，则是设置这一行展开与否（expanded 为 true 则展开）\n      toggleRowExpansion(row) {\n        this.$refs.billData.toggleRowExpansion(row);\n      },\n      async getDistributionAll() {\n        const { data, pageTotal } = await getDistributionAll({\n          page: this.page,\n          pageSize: this.pageSize,\n          no: this.no,\n          startTime: this.time[0] / 1000,\n          endTime: this.time[1] / 1000,\n          userCenterId: this.userCenterId,\n        });\n        this.tableData = data;\n        this.total = pageTotal;\n      },\n    },\n  };\n</script>\n<style lang=\"scss\" scoped>\n  .sku-ul {\n    .sku-li {\n      display: inline-block;\n      margin-right: 10px;\n      border: 1px solid #ebeef5;\n      padding: 10px;\n      width: 294px;\n      vertical-align: middle;\n      .sku-img {\n        width: 50px;\n        margin-right: 8px;\n      }\n      .sku-info {\n        line-height: 23px;\n        color: #111111;\n        .code {\n          color: #666666;\n          font-size: 12px;\n        }\n        .label {\n          display: inline-block;\n          /*width: 50px;*/\n          color: #666666;\n          text-align: right;\n        }\n      }\n    }\n  }\n  .sku-btn {\n    width: 71px;\n    height: 22px;\n    line-height: 22px;\n    background: #f5f5f5;\n    border-radius: 4px;\n    border: 1px solid #cad0d7;\n    text-align: center;\n    font-size: 12px;\n    cursor: pointer;\n  }\n</style>\n"]}]}