{"version":3,"sources":["webpack:///./src/views/purchase/index.vue?b08a","webpack:///./src/views/purchase/index.vue?4431","webpack:///src/views/purchase/index.vue","webpack:///./src/views/purchase/index.vue?baa0","webpack:///./src/views/purchase/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","model","value","callback","$$v","material","expression","docEntry","_n","isLoading","on","handleSearch","_l","status","index","key","class","activeStatus","$event","toggleStatus","_s","label","_m","purchaseList","length","directives","name","rawName","item","_f","docDueDate","state","item1","index1","itemName","itemCode","itemQualityName","brand","machine","module","quantity","price","viewDetail","currentPage","pageSize","total","handleSizeChange","handleCurrentChange","staticRenderFns","data","statusArr","beforeCreate","$store","commit","created","getPurchaseList","methods","skipCount","maxResultCount","$http","get","params","newSize","newPage","$router","push","path","query","id","component"],"mappings":"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","file":"js/chunk-297f65f6.ef46059e.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=b1e6c918&lang=less&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=b1e6c918&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"purchase-container\"},[_c('div',{staticClass:\"fixed-wrapper\"},[_c('div',{staticClass:\"purchase-header\"},[_vm._v(\" 传统采购 \")]),_c('div',{staticClass:\"search-row\"},[_c('div',{staticClass:\"material-name\"},[_c('span',[_vm._v(\"物料名称/编码\")]),_c('el-input',{attrs:{\"placeholder\":\"请输入物料名称或物料编码\",\"clearable\":\"\",\"size\":\"mini\"},model:{value:(_vm.material),callback:function ($$v) {_vm.material=$$v},expression:\"material\"}})],1),_c('div',{staticClass:\"purchase-order\"},[_c('span',[_vm._v(\"采购订单\")]),_c('el-input',{attrs:{\"placeholder\":\"请输入采购订单编码\",\"type\":\"number\",\"clearable\":\"\",\"size\":\"mini\"},model:{value:(_vm.docEntry),callback:function ($$v) {_vm.docEntry=_vm._n($$v)},expression:\"docEntry\"}})],1),_c('el-button',{attrs:{\"type\":\"primary\",\"size\":\"mini\",\"loading\":_vm.isLoading},on:{\"click\":_vm.handleSearch}},[_vm._v(\"查询\")])],1),_c('div',{staticClass:\"status-row\"},_vm._l((_vm.statusArr),function(status,index){return _c('div',{key:index,class:{'is-active': _vm.activeStatus === status.value},on:{\"click\":function($event){return _vm.toggleStatus(status)}}},[_vm._v(_vm._s(status.label))])}),0),_vm._m(0)]),(_vm.purchaseList.length > 0)?_c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.isLoading),expression:\"isLoading\"}],staticClass:\"order-list-wrapper\"},_vm._l((_vm.purchaseList),function(item,index){return _c('div',{key:index,staticClass:\"item-wrapper\"},[_c('div',{staticClass:\"item-header\"},[_c('div',{staticClass:\"header-left\"},[_c('span',{staticClass:\"time\"},[_vm._v(_vm._s(_vm._f(\"date\")(item.docDueDate)))]),_c('span',[_vm._v(\"采购订单：\"+_vm._s(item.docEntry))])]),_c('div',{staticClass:\"status\"},[_vm._v(\" 状态：\"+_vm._s(_vm._f(\"purchaseStatus\")(item.state))+\" \")])]),_c('div',{staticClass:\"item-content\"},[_c('div',{staticClass:\"order-list\"},_vm._l((item.sapPurchaseOrderDetails),function(item1,index1){return _c('div',{key:index1,staticClass:\"order-item\"},[_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(item1.itemName))]),_c('div',{staticClass:\"code\"},[_vm._v(_vm._s(item1.itemCode))]),_c('div',{staticClass:\"quality\"},[_c('el-tag',{attrs:{\"type\":_vm._f(\"qualityType\")(item1.itemQualityName),\"size\":\"mini\"}},[_vm._v(\" \"+_vm._s(item1.itemQualityName)+\" \")])],1),_c('div',{staticClass:\"brand\"},[_vm._v(_vm._s(item1.brand))]),_c('div',{staticClass:\"model\"},[_vm._v(_vm._s(item1.machine))]),_c('div',{staticClass:\"module\"},[_vm._v(_vm._s(item1.module))]),_c('div',{staticClass:\"quantity\"},[_vm._v(_vm._s(item1.quantity))]),_c('div',{staticClass:\"price\"},[_vm._v(_vm._s(item1.price))])])}),0),_c('div',{staticClass:\"operation\",on:{\"click\":function($event){return _vm.viewDetail(item.docEntry)}}},[_vm._v(\" 查看 \")])])])}),0):_c('div',{staticClass:\"blank-replace\"},[_vm._v(\" 暂无数据 \")]),_c('div',{staticClass:\"pagination-wrapper\"},[_c('el-pagination',{attrs:{\"current-page\":_vm.currentPage,\"page-sizes\":[10, 20, 50],\"page-size\":_vm.pageSize,\"background\":\"\",\"layout\":\"total, sizes, prev, pager, next, jumper\",\"total\":_vm.total},on:{\"size-change\":_vm.handleSizeChange,\"current-change\":_vm.handleCurrentChange}})],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"order-property-wrapper\"},[_c('ul',{staticClass:\"order-property\"},[_c('li',{staticClass:\"name\"},[_vm._v(\"物料名称\")]),_c('li',{staticClass:\"code\"},[_vm._v(\"物料编码\")]),_c('li',{staticClass:\"quality\"},[_vm._v(\"品项\")]),_c('li',{staticClass:\"brand\"},[_vm._v(\"品牌\")]),_c('li',{staticClass:\"model\"},[_vm._v(\"机型\")]),_c('li',{staticClass:\"module\"},[_vm._v(\"模块\")]),_c('li',{staticClass:\"quantity\"},[_vm._v(\"采购数量\")]),_c('li',{staticClass:\"price\"},[_vm._v(\"单价\")])]),_c('div',{staticClass:\"operation\"},[_vm._v(\"操作\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"purchase-container\">\r\n    <div class=\"fixed-wrapper\">\r\n      <div class=\"purchase-header\">\r\n        传统采购\r\n      </div>\r\n      <div class=\"search-row\">\r\n        <div class=\"material-name\">\r\n          <span>物料名称/编码</span>\r\n          <el-input placeholder=\"请输入物料名称或物料编码\"\r\n                    v-model=\"material\"\r\n                    clearable\r\n                    size=\"mini\"></el-input>\r\n        </div>\r\n        <div class=\"purchase-order\">\r\n          <span>采购订单</span>\r\n          <el-input placeholder=\"请输入采购订单编码\"\r\n                    type=\"number\"\r\n                    clearable\r\n                    v-model.number=\"docEntry\"\r\n                    size=\"mini\"></el-input>\r\n        </div>\r\n        <el-button type=\"primary\"\r\n                   size=\"mini\"\r\n                   :loading=\"isLoading\"\r\n                   @click=\"handleSearch\">查询</el-button>\r\n      </div>\r\n      <div class=\"status-row\">\r\n        <div v-for=\"(status,index) in statusArr\"\r\n             :key=\"index\"\r\n             :class=\"{'is-active': activeStatus === status.value}\"\r\n             @click=\"toggleStatus(status)\">{{ status.label }}</div>\r\n      </div>\r\n      <div class=\"order-property-wrapper\">\r\n        <ul class=\"order-property\">\r\n          <li class=\"name\">物料名称</li>\r\n          <li class=\"code\">物料编码</li>\r\n          <li class=\"quality\">品项</li>\r\n          <li class=\"brand\">品牌</li>\r\n          <li class=\"model\">机型</li>\r\n          <li class=\"module\">模块</li>\r\n          <li class=\"quantity\">采购数量</li>\r\n          <li class=\"price\">单价</li>\r\n        </ul>\r\n        <div class=\"operation\">操作</div>\r\n      </div>\r\n    </div>\r\n    <div class=\"order-list-wrapper\"\r\n         v-loading=\"isLoading\"\r\n         v-if=\"purchaseList.length > 0\">\r\n      <div class=\"item-wrapper\"\r\n           v-for=\"(item,index) in purchaseList\"\r\n           :key=\"index\">\r\n        <div class=\"item-header\">\r\n          <div class=\"header-left\">\r\n            <span class=\"time\">{{ item.docDueDate | date }}</span>\r\n            <span>采购订单：{{ item.docEntry }}</span>\r\n          </div>\r\n          <div class=\"status\">\r\n            状态：{{ item.state | purchaseStatus }}\r\n          </div>\r\n        </div>\r\n        <div class=\"item-content\">\r\n          <div class=\"order-list\">\r\n            <div class=\"order-item\"\r\n                 v-for=\"(item1, index1) in item.sapPurchaseOrderDetails\"\r\n                 :key=\"index1\">\r\n              <div class=\"name\">{{item1.itemName}}</div>\r\n              <div class=\"code\">{{item1.itemCode}}</div>\r\n              <div class=\"quality\">\r\n                <el-tag :type=\"item1.itemQualityName | qualityType\"\r\n                        size=\"mini\">\r\n                  {{ item1.itemQualityName }}\r\n                </el-tag>\r\n              </div>\r\n              <div class=\"brand\">{{item1.brand}}</div>\r\n              <div class=\"model\">{{item1.machine}}</div>\r\n              <div class=\"module\">{{item1.module}}</div>\r\n              <div class=\"quantity\">{{item1.quantity}}</div>\r\n              <div class=\"price\">{{item1.price}}</div>\r\n            </div>\r\n          </div>\r\n          <div class=\"operation\"\r\n               @click=\"viewDetail(item.docEntry)\">\r\n            查看\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n    </div>\r\n    <div class=\"blank-replace\"\r\n         v-else>\r\n      暂无数据\r\n    </div>\r\n    <div class=\"pagination-wrapper\">\r\n      <el-pagination @size-change=\"handleSizeChange\"\r\n                     @current-change=\"handleCurrentChange\"\r\n                     :current-page=\"currentPage\"\r\n                     :page-sizes=\"[10, 20, 50]\"\r\n                     :page-size=\"pageSize\"\r\n                     background\r\n                     layout=\"total, sizes, prev, pager, next, jumper\"\r\n                     :total=\"total\">\r\n      </el-pagination>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data () {\r\n    return {\r\n      material: '',\r\n      docEntry: '',\r\n      statusArr: [{\r\n        label: '全部',\r\n        value: ''\r\n      }, {\r\n        label: '待收货',\r\n        value: 'Created'\r\n      }, {\r\n        label: '处理中',\r\n        value: 'Processing'\r\n      }, {\r\n        label: '已完成',\r\n        value: 'Completed'\r\n      }],\r\n      activeStatus: '',\r\n      purchaseList: [],\r\n      isLoading: false,\r\n      currentPage: 1,\r\n      pageSize: 10,\r\n      total: 0,\r\n    };\r\n  },\r\n  beforeCreate () {\r\n    this.$store.commit('setActiveIndex', '/purchase')\r\n    this.$store.commit('setAsideWidth', 150)\r\n  },\r\n  created () {\r\n    this.getPurchaseList()\r\n  },\r\n  methods: {\r\n    getPurchaseList () {\r\n      this.isLoading = true\r\n      const params = {\r\n        docEntry: this.docEntry,\r\n        material: this.material,\r\n        state: this.activeStatus,\r\n        skipCount: (this.currentPage - 1) * this.pageSize,\r\n        maxResultCount: this.pageSize\r\n      }\r\n      this.$http.get('/api/services/inquiryApp/purchaseOrder/GetSapAll', params)\r\n        .then(res => {\r\n          this.purchaseList = res.result.items\r\n          this.total = res.result.totalCount\r\n          this.isLoading = false\r\n        })\r\n        .catch(err => {\r\n          console.log(err);\r\n          this.$message.error('获取数据失败！')\r\n          this.isLoading = false\r\n        })\r\n    },\r\n    handleSearch () {\r\n      this.currentPage = 1\r\n      this.getPurchaseList()\r\n    },\r\n    toggleStatus (status) {\r\n      this.activeStatus = status.value\r\n      this.getPurchaseList()\r\n    },\r\n    handleSizeChange (newSize) {\r\n      this.pageSize = newSize\r\n      this.currentPage = 1\r\n      this.getPurchaseList()\r\n    },\r\n    handleCurrentChange (newPage) {\r\n      this.currentPage = newPage\r\n      this.getPurchaseList()\r\n    },\r\n    viewDetail (id) {\r\n      this.$router.push({\r\n        path: '/purchase-detail',\r\n        query: {\r\n          id: id\r\n        }\r\n      })\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"less\" scoped>\r\n.purchase-container {\r\n  height: 100%;\r\n  width: 100%;\r\n  background-color: #ffffff;\r\n  font-family: 'Source Han Sans CN';\r\n  padding: 20px;\r\n}\r\n.purchase-header {\r\n  border-bottom: 1px solid #eff2f9;\r\n  display: flex;\r\n  align-items: center;\r\n  font-size: 16px;\r\n  padding-bottom: 15px;\r\n  color: #2f343c;\r\n  font-weight: 600;\r\n}\r\n.fixed-wrapper {\r\n  height: 185px;\r\n  width: 100%;\r\n}\r\n.search-row,\r\n.material-name,\r\n.purchase-order {\r\n  display: flex;\r\n  align-items: center;\r\n  white-space: nowrap;\r\n  span {\r\n    margin-right: 15px;\r\n    color: #2f343c;\r\n  }\r\n  .el-input {\r\n    width: 200px;\r\n  }\r\n}\r\n.search-row {\r\n  margin-top: 15px;\r\n}\r\n.material-name,\r\n.purchase-order {\r\n  margin-right: 30px;\r\n}\r\n\r\n.status-row {\r\n  height: 35px;\r\n  display: flex;\r\n  position: relative;\r\n  margin-top: 15px;\r\n  .is-active {\r\n    border: 1px solid #027cff;\r\n    color: #027cff;\r\n    z-index: 5;\r\n  }\r\n  > div {\r\n    height: 35px;\r\n    padding: 0 10px;\r\n    text-align: center;\r\n    line-height: 35px;\r\n    border: 1px solid #b7bbc8;\r\n    position: absolute;\r\n    color: #2f343c;\r\n    user-select: none;\r\n    &:hover {\r\n      border: 1px solid #027cff;\r\n      color: #027cff;\r\n      z-index: 5;\r\n      cursor: pointer;\r\n    }\r\n    &:first-child {\r\n      border-radius: 3px 0 0 3px;\r\n      left: 0;\r\n    }\r\n    &:nth-child(2) {\r\n      left: 49px;\r\n    }\r\n    &:nth-child(3) {\r\n      left: 112px;\r\n    }\r\n    &:nth-child(4) {\r\n      left: 175px;\r\n      border-radius: 0 3px 3px 0;\r\n    }\r\n  }\r\n}\r\n.order-property-wrapper {\r\n  width: 100%;\r\n  height: 45px;\r\n  margin-top: 15px;\r\n  padding: 0 40px 0 20px;\r\n  border-bottom: 1px solid #ededed;\r\n  background-color: #f5f5f5;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  color: #2f343c;\r\n  display: flex;\r\n  align-items: center;\r\n  .order-property {\r\n    width: 90%;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n  .operation {\r\n    width: 10%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n}\r\n.order-list-wrapper {\r\n  width: 100%;\r\n  // height: 1000px;\r\n  height: calc(100% - 250px);\r\n  background-color: #ffffff;\r\n  overflow: auto;\r\n  margin-top: 10px;\r\n  border-top: 1px solid #ededed;\r\n  border-bottom: 1px solid #ededed;\r\n  font-size: 12px;\r\n}\r\n.item-wrapper {\r\n  margin-top: 10px;\r\n  border: 1px solid #ededed;\r\n  &:first-child {\r\n    margin-top: 0;\r\n  }\r\n  .item-header {\r\n    height: 35px;\r\n    padding: 0 20px;\r\n    background-color: #f5f5f5;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    .header-left {\r\n      height: 35px;\r\n      display: flex;\r\n      align-items: center;\r\n      .time {\r\n        margin-right: 30px;\r\n      }\r\n    }\r\n  }\r\n  .item-content {\r\n    min-height: 45px;\r\n    display: flex;\r\n    padding: 0 20px;\r\n    .order-list {\r\n      width: 90%;\r\n    }\r\n    .operation {\r\n      width: 10%;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      color: #027cff;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n  .order-item {\r\n    width: 100%;\r\n    height: 45px;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n}\r\n.blank-replace {\r\n  height: 60px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  color: #909399;\r\n  border-bottom: 1px solid #ebeef5;\r\n}\r\n.name {\r\n  width: 30%;\r\n}\r\n.code {\r\n  width: 10%;\r\n}\r\n.quality {\r\n  width: 10%;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n.brand {\r\n  width: 5%;\r\n}\r\n.model {\r\n  width: 10%;\r\n}\r\n.module {\r\n  width: 10%;\r\n}\r\n.quantity {\r\n  width: 10%;\r\n}\r\n.price {\r\n  width: 5%;\r\n}\r\n.operation {\r\n  width: 10%;\r\n}\r\n.pagination-wrapper {\r\n  margin-top: 20px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=b1e6c918&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=b1e6c918&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"b1e6c918\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}