{"version":3,"sources":["webpack:///./node_modules/core-js/modules/_array-methods.js","webpack:///./node_modules/core-js/modules/_is-array.js","webpack:///./src/views/retention/retentionAdd.vue?08e2","webpack:///./src/views/retention/retentionAdd.vue?8435","webpack:///src/views/retention/retentionAdd.vue","webpack:///./src/views/retention/retentionAdd.vue?552d","webpack:///./src/views/retention/retentionAdd.vue","webpack:///./node_modules/core-js/modules/es6.array.find.js","webpack:///./node_modules/core-js/modules/_array-species-create.js","webpack:///./node_modules/core-js/modules/_array-species-constructor.js","webpack:///./src/views/retention/retentionAdd.vue?26c3"],"names":["ctx","__webpack_require__","IObject","toObject","toLength","asc","module","exports","TYPE","$create","IS_MAP","IS_FILTER","IS_SOME","IS_EVERY","IS_FIND_INDEX","NO_HOLES","create","$this","callbackfn","that","val","res","O","self","f","length","index","result","undefined","push","cof","Array","isArray","arg","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_retentionAdd_vue_vue_type_style_index_1_lang_scss___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_retentionAdd_vue_vue_type_style_index_1_lang_scss___WEBPACK_IMPORTED_MODULE_0___default","n","render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","ref","attrs","model","retentionForm","rules","_v","prop","staticStyle","width","filterable","clearable","placeholder","value","callback","$$v","$set","expression","_l","item","key","id","label","name","type","rows","directives","rawName","data","items","border","align","scopedSlots","_u","fn","scope","$index","required","message","trigger","on","change","$event","codeChange","row","productId","simpleCode","_s","series","specification","quantity","min","size","_e","click","handleretentionDelete","handleretentionAdd","handelSubmit","handelEdit","staticRenderFns","retentionAddvue_type_script_lang_js_","tableLoading","clientNames","prodcutOptions","clientId","remark","itemsCopyForEdit","computed","isRightToolBar","$store","state","app","rightToolBar","isMobile","isMobileMode","created","$route","query","getClientNames","getProductOptions","methods","_objectSpread","Object","vuex_esm","ToggleMobileSideBar","ToggleToolBar","CloseMobileSideBar","CloseToolBar","getProjectForm","_this","$api","get","concat","then","status","products","forEach","ele","target","find","element","unit","unitsPerPack","catch","err","console","error","response","$message","_this2","_this3","filter","splice","organizeParams","_this4","paramItems","tar","_this5","$refs","validate","valid","warning","post","$confirm","confirmButtonText","cancelButtonText","$router","path","refresh","initForm","resetFields","_this6","put","success","filterSearch","retention_retentionAddvue_type_script_lang_js_","component","componentNormalizer","__webpack_exports__","$export","$find","KEY","forced","P","F","arguments","speciesConstructor","original","isObject","SPECIES","C","constructor","prototype","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_retentionAdd_vue_vue_type_style_index_0_id_f69f3138_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_retentionAdd_vue_vue_type_style_index_0_id_f69f3138_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default"],"mappings":"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","file":"js/chunk-b2032554.02bc7700.js","sourcesContent":["// 0 -> Array#forEach\n// 1 -> Array#map\n// 2 -> Array#filter\n// 3 -> Array#some\n// 4 -> Array#every\n// 5 -> Array#find\n// 6 -> Array#findIndex\nvar ctx = require('./_ctx');\nvar IObject = require('./_iobject');\nvar toObject = require('./_to-object');\nvar toLength = require('./_to-length');\nvar asc = require('./_array-species-create');\nmodule.exports = function (TYPE, $create) {\n  var IS_MAP = TYPE == 1;\n  var IS_FILTER = TYPE == 2;\n  var IS_SOME = TYPE == 3;\n  var IS_EVERY = TYPE == 4;\n  var IS_FIND_INDEX = TYPE == 6;\n  var NO_HOLES = TYPE == 5 || IS_FIND_INDEX;\n  var create = $create || asc;\n  return function ($this, callbackfn, that) {\n    var O = toObject($this);\n    var self = IObject(O);\n    var f = ctx(callbackfn, that, 3);\n    var length = toLength(self.length);\n    var index = 0;\n    var result = IS_MAP ? create($this, length) : IS_FILTER ? create($this, 0) : undefined;\n    var val, res;\n    for (;length > index; index++) if (NO_HOLES || index in self) {\n      val = self[index];\n      res = f(val, index, O);\n      if (TYPE) {\n        if (IS_MAP) result[index] = res;   // map\n        else if (res) switch (TYPE) {\n          case 3: return true;             // some\n          case 5: return val;              // find\n          case 6: return index;            // findIndex\n          case 2: result.push(val);        // filter\n        } else if (IS_EVERY) return false; // every\n      }\n    }\n    return IS_FIND_INDEX ? -1 : IS_SOME || IS_EVERY ? IS_EVERY : result;\n  };\n};\n","// 7.2.2 IsArray(argument)\nvar cof = require('./_cof');\nmodule.exports = Array.isArray || function isArray(arg) {\n  return cof(arg) == 'Array';\n};\n","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./retentionAdd.vue?vue&type=style&index=1&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./retentionAdd.vue?vue&type=style&index=1&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"retention-wrapper\"},[_vm._m(0),_c('div',{staticClass:\"retention-table-wrapper\"},[_c('el-form',{ref:\"retentionForm\",staticClass:\"retention-form\",attrs:{\"model\":_vm.retentionForm,\"rules\":_vm.rules}},[_c('div',{staticClass:\"client-wrapper\"},[_c('div',{staticClass:\"label\"},[_c('span',{staticClass:\"required\"},[_vm._v(\"*\")]),_vm._v(\" 客户名称：\")]),_c('div',{staticClass:\"content\"},[_c('el-form-item',{attrs:{\"prop\":\"clientId\"}},[_c('el-select',{staticStyle:{\"width\":\"100%\"},attrs:{\"filterable\":\"\",\"clearable\":\"\",\"placeholder\":\"请选择客户\"},model:{value:(_vm.retentionForm.clientId),callback:function ($$v) {_vm.$set(_vm.retentionForm, \"clientId\", $$v)},expression:\"retentionForm.clientId\"}},_vm._l((_vm.clientNames),function(item){return _c('el-option',{key:item.id,attrs:{\"label\":item.name,\"value\":item.id}})}),1)],1)],1)]),_c('div',{staticClass:\"remarks-wrapper\"},[_c('div',{staticClass:\"remark-label\"},[_vm._v(\"留货备注：\")]),_c('div',{staticClass:\"remark-content\"},[_c('el-form-item',{staticStyle:{\"width\":\"100%\"},attrs:{\"prop\":\"\"}},[_c('el-input',{staticClass:\"remark\",attrs:{\"type\":\"textarea\",\"rows\":4,\"placeholder\":\"请输入内容\"},model:{value:(_vm.retentionForm.remark),callback:function ($$v) {_vm.$set(_vm.retentionForm, \"remark\", $$v)},expression:\"retentionForm.remark\"}})],1)],1)]),_c('el-table',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.tableLoading),expression:\"tableLoading\"}],staticClass:\"retention-table\",staticStyle:{\"width\":\"100%\"},attrs:{\"data\":_vm.retentionForm.items,\"border\":\"\"}},[_c('el-table-column',{attrs:{\"prop\":\"id\",\"label\":\"*产品简码\",\"align\":\"center\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('el-form-item',{staticStyle:{\"width\":\"100%\"},attrs:{\"prop\":'items.' + scope.$index + '.productId',\"rules\":[\n                {\n                  required: true,\n                  message: '请选择简码',\n                  trigger: ['blur', 'change'],\n                } ]}},[_c('el-select',{attrs:{\"filterable\":\"\",\"clearable\":\"\",\"placeholder\":\"请选择\"},on:{\"change\":function($event){return _vm.codeChange(scope.row.productId, scope.$index, scope.row)}},model:{value:(scope.row.productId),callback:function ($$v) {_vm.$set(scope.row, \"productId\", $$v)},expression:\"scope.row.productId\"}},_vm._l((_vm.prodcutOptions),function(item){return _c('el-option',{key:item.id,attrs:{\"label\":item.simpleCode,\"value\":item.id}},[_c('span',[_vm._v(_vm._s(item.simpleCode || item.id)+\" - \"+_vm._s(item.series)+\" -\\n                    \"+_vm._s(item.specification)+\" - \"+_vm._s(item.quantity))])])}),1)],1)]}}])}),_c('el-table-column',{attrs:{\"prop\":\"series\",\"label\":\"产品系列\",\"align\":\"center\"}}),_c('el-table-column',{attrs:{\"prop\":\"specification\",\"align\":\"center\",\"label\":\"规格\"}}),_c('el-table-column',{attrs:{\"prop\":\"unitsPerPack\",\"align\":\"center\",\"label\":\"片/箱\"}}),_c('el-table-column',{attrs:{\"prop\":\"quantity\",\"align\":\"center\",\"label\":\"*数量\",\"width\":\"180\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('el-form-item',{staticStyle:{\"width\":\"100%\"},attrs:{\"prop\":'items.' + scope.$index + '.quantity',\"rules\":[\n                {\n                  required: true,\n                  message: '请输入数量',\n                  trigger: ['blur', 'change'],\n                } ]}},[_c('el-input-number',{attrs:{\"min\":0,\"size\":\"small\"},model:{value:(scope.row.quantity),callback:function ($$v) {_vm.$set(scope.row, \"quantity\", $$v)},expression:\"scope.row.quantity\"}})],1)]}}])}),_c('el-table-column',{attrs:{\"prop\":\"unit\",\"align\":\"center\",\"label\":\"单位\"}}),(false)?_c('el-table-column',{attrs:{\"prop\":\"area\",\"align\":\"center\",\"label\":\"可销售数量\"}}):_vm._e(),_c('el-table-column',{attrs:{\"prop\":\"control\",\"align\":\"center\",\"label\":\"操作\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('el-button',{staticClass:\"delete-btn\",attrs:{\"type\":\"text\",\"size\":\"small\"},on:{\"click\":function($event){return _vm.handleretentionDelete(scope.$index)}}},[_vm._v(\"删除\")])]}}])})],1),_c('div',{staticClass:\"btn-group\"},[_c('el-button',{staticClass:\"add\",on:{\"click\":_vm.handleretentionAdd}},[_vm._v(\"+增加\")]),(_vm.type === 'add')?_c('el-button',{staticClass:\"submit\",attrs:{\"type\":\"danger\"},on:{\"click\":_vm.handelSubmit}},[_vm._v(\"提交\")]):_vm._e(),(_vm.type === 'edit')?_c('el-button',{staticClass:\"submit\",attrs:{\"type\":\"warning\"},on:{\"click\":_vm.handelEdit}},[_vm._v(\"修改\")]):_vm._e()],1)],1)],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"section-title\"},[_c('i',{staticClass:\"el-icon-download\"}),_c('span',{staticClass:\"title-name\"},[_vm._v(\"留货下单\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"retention-wrapper\">\r\n    <div class=\"section-title\">\r\n      <i class=\"el-icon-download\"></i>\r\n      <span class=\"title-name\">留货下单</span>\r\n    </div>\r\n    <div class=\"retention-table-wrapper\">\r\n      <el-form\r\n        :model=\"retentionForm\"\r\n        :rules=\"rules\"\r\n        ref=\"retentionForm\"\r\n        class=\"retention-form\"\r\n      >\r\n        <div class=\"client-wrapper\">\r\n          <div class=\"label\"><span class=\"required\">*</span> 客户名称：</div>\r\n          <div class=\"content\">\r\n            <el-form-item prop=\"clientId\">\r\n              <el-select\r\n                v-model=\"retentionForm.clientId\"\r\n                filterable\r\n                clearable\r\n                placeholder=\"请选择客户\"\r\n                style=\"width: 100%\"\r\n              >\r\n                <el-option\r\n                  v-for=\"item in clientNames\"\r\n                  :key=\"item.id\"\r\n                  :label=\"item.name\"\r\n                  :value=\"item.id\"\r\n                ></el-option>\r\n              </el-select>\r\n            </el-form-item>\r\n          </div>\r\n        </div>\r\n        <div class=\"remarks-wrapper\">\r\n          <div class=\"remark-label\">留货备注：</div>\r\n          <div class=\"remark-content\">\r\n            <el-form-item prop style=\"width: 100%\">\r\n              <el-input\r\n                type=\"textarea\"\r\n                class=\"remark\"\r\n                :rows=\"4\"\r\n                placeholder=\"请输入内容\"\r\n                v-model=\"retentionForm.remark\"\r\n              ></el-input>\r\n            </el-form-item>\r\n          </div>\r\n        </div>\r\n        <el-table\r\n          v-loading=\"tableLoading\"\r\n          :data=\"retentionForm.items\"\r\n          border\r\n          class=\"retention-table\"\r\n          style=\"width: 100%\"\r\n        >\r\n          <el-table-column prop=\"id\" label=\"*产品简码\" align=\"center\">\r\n            <template slot-scope=\"scope\">\r\n              <el-form-item\r\n                style=\"width: 100%\"\r\n                :prop=\"'items.' + scope.$index + '.productId'\"\r\n                :rules=\"[\r\n                  {\r\n                    required: true,\r\n                    message: '请选择简码',\r\n                    trigger: ['blur', 'change'],\r\n                  },\r\n                ]\"\r\n              >\r\n                <el-select\r\n                  v-model=\"scope.row.productId\"\r\n                  filterable\r\n                  clearable\r\n                  placeholder=\"请选择\"\r\n                  @change=\"\r\n                    codeChange(scope.row.productId, scope.$index, scope.row)\r\n                  \"\r\n                >\r\n                  <el-option\r\n                    v-for=\"item in prodcutOptions\"\r\n                    :key=\"item.id\"\r\n                    :label=\"item.simpleCode\"\r\n                    :value=\"item.id\"\r\n                  >\r\n                    <span\r\n                      >{{ item.simpleCode || item.id }} - {{ item.series }} -\r\n                      {{ item.specification }} - {{ item.quantity }}</span\r\n                    >\r\n                    <!-- <el-popover\r\n                          placement=\"top-start\"\r\n                          trigger=\"hover\">\r\n                          <div></div>\r\n                          <div>{{item.specification}}</div>\r\n                          <div>{{item.quantity}}</div>\r\n                          <span slot=\"reference\">{{item.simpleCode}}({{item.id}})</span>\r\n                    </el-popover>-->\r\n                  </el-option>\r\n                </el-select>\r\n              </el-form-item>\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column prop=\"series\" label=\"产品系列\" align=\"center\">\r\n            <!-- <template slot-scope=\"scope\">\r\n                  <el-input type=\"textarea\" :rows=\"2\" v-model=\"scope.row.series\" class=\"row-input\"></el-input>\r\n            </template>-->\r\n          </el-table-column>\r\n          <el-table-column prop=\"specification\" align=\"center\" label=\"规格\">\r\n            <!-- <template slot-scope=\"scope\">\r\n                  <el-input type=\"textarea\" :rows=\"2\" v-model=\"scope.row.specification\" class=\"row-input\"></el-input>\r\n            </template>-->\r\n          </el-table-column>\r\n          <el-table-column prop=\"unitsPerPack\" align=\"center\" label=\"片/箱\">\r\n            <!-- <template slot-scope=\"scope\">\r\n                  <el-input type=\"textarea\" :rows=\"2\" v-model=\"scope.row.unitsPerPack\" class=\"row-input\"></el-input>\r\n            </template>-->\r\n          </el-table-column>\r\n          <el-table-column\r\n            prop=\"quantity\"\r\n            align=\"center\"\r\n            label=\"*数量\"\r\n            width=\"180\"\r\n          >\r\n            <template slot-scope=\"scope\">\r\n              <el-form-item\r\n                style=\"width: 100%\"\r\n                :prop=\"'items.' + scope.$index + '.quantity'\"\r\n                :rules=\"[\r\n                  {\r\n                    required: true,\r\n                    message: '请输入数量',\r\n                    trigger: ['blur', 'change'],\r\n                  },\r\n                ]\"\r\n              >\r\n                <el-input-number\r\n                  v-model=\"scope.row.quantity\"\r\n                  :min=\"0\"\r\n                  size=\"small\"\r\n                ></el-input-number>\r\n              </el-form-item>\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column prop=\"unit\" align=\"center\" label=\"单位\">\r\n            <!-- <template slot-scope=\"scope\">\r\n                  <el-input type=\"textarea\" :rows=\"2\" v-model=\"scope.row.unit\" class=\"row-input\"></el-input>\r\n            </template>-->\r\n          </el-table-column>\r\n          <el-table-column\r\n            v-if=\"false\"\r\n            prop=\"area\"\r\n            align=\"center\"\r\n            label=\"可销售数量\"\r\n          >\r\n            <!-- <template slot-scope=\"scope\">\r\n                  <el-input type=\"textarea\" :rows=\"2\" v-model=\"scope.row.area\" class=\"row-input\"></el-input>\r\n            </template>-->\r\n          </el-table-column>\r\n          <el-table-column prop=\"control\" align=\"center\" label=\"操作\">\r\n            <template slot-scope=\"scope\">\r\n              <el-button\r\n                type=\"text\"\r\n                class=\"delete-btn\"\r\n                size=\"small\"\r\n                @click=\"handleretentionDelete(scope.$index)\"\r\n                >删除</el-button\r\n              >\r\n            </template>\r\n          </el-table-column>\r\n        </el-table>\r\n        <div class=\"btn-group\">\r\n          <el-button class=\"add\" @click=\"handleretentionAdd\">+增加</el-button>\r\n          <el-button\r\n            type=\"danger\"\r\n            class=\"submit\"\r\n            @click=\"handelSubmit\"\r\n            v-if=\"type === 'add'\"\r\n            >提交</el-button\r\n          >\r\n          <el-button\r\n            type=\"warning\"\r\n            class=\"submit\"\r\n            @click=\"handelEdit\"\r\n            v-if=\"type === 'edit'\"\r\n            >修改</el-button\r\n          >\r\n        </div>\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { mapMutations } from \"vuex\";\r\nexport default {\r\n  name: \"retentionAdd\",\r\n  data() {\r\n    return {\r\n      type: \"add\",\r\n      tableLoading: false,\r\n      clientNames: [],\r\n      prodcutOptions: [],\r\n      retentionForm: {\r\n        clientId: \"\",\r\n        items: [],\r\n        remark: \"\",\r\n      },\r\n      itemsCopyForEdit: [],\r\n      rules: {\r\n        clientId: [\r\n          {\r\n            required: true,\r\n            message: \"请选择客户\",\r\n            trigger: [\"blur\", \"change\"],\r\n          },\r\n        ],\r\n      },\r\n    };\r\n  },\r\n  computed: {\r\n    isRightToolBar() {\r\n      return this.$store.state.app.rightToolBar;\r\n    },\r\n    isMobile() {\r\n      return this.$store.state.app.isMobileMode;\r\n    },\r\n  },\r\n  created() {\r\n    this.type = this.$route.query.type;\r\n    this.getClientNames();\r\n    this.getProductOptions();\r\n  },\r\n  methods: {\r\n    ...mapMutations({\r\n      ToggleMobileSideBar: \"app/ToggleMobileSideBar\",\r\n      ToggleToolBar: \"app/ToggleToolBar\",\r\n      CloseMobileSideBar: \"app/CloseMobileSideBar\",\r\n      CloseToolBar: \"app/CloseToolBar\",\r\n    }),\r\n    getProjectForm(id) {\r\n      this.tableLoading = true;\r\n      this.$api\r\n        .get(`/reserves/${id}/form`)\r\n        .then((res) => {\r\n          if (res.status === 200 || res.status === 206) {\r\n            this.retentionForm.clientId = res.data.clientId;\r\n            this.retentionForm.remark = res.data.remark;\r\n            res.data.products.forEach((ele) => {\r\n              let target = this.prodcutOptions.find(\r\n                (element) => element.id === ele.productId\r\n              );\r\n              let items = {\r\n                id: ele.id,\r\n                productId: ele.productId,\r\n                quantity: ele.quantity,\r\n                series: target.series,\r\n                simpleCode: target.simpleCode,\r\n                specification: target.specification,\r\n                unit: target.unit,\r\n                unitsPerPack: target.unitsPerPack,\r\n              };\r\n              this.retentionForm.items.push(items);\r\n              this.itemsCopyForEdit.push(items);\r\n            });\r\n            this.tableLoading = false;\r\n          }\r\n        })\r\n        .catch((err) => {\r\n          console.error(err.response);\r\n          this.$message.error(err.response.data.message);\r\n        });\r\n      // 因为拦截器对401和404全局拦截后，不会再分发事件到具体请求的catch中，所以loading放在尾部关闭即可\r\n      this.tableLoading = false;\r\n    },\r\n    getClientNames() {\r\n      this.$api\r\n        .get(`/clients/selections`)\r\n        .then((res) => {\r\n          if (res.status === 200 || res.status === 206) {\r\n            this.clientNames = res.data;\r\n          }\r\n        })\r\n        .catch((err) => {\r\n          console.error(err.response);\r\n          this.$message.error(err.response.data.message);\r\n        });\r\n    },\r\n    getProductOptions() {\r\n      this.$api\r\n        .get(`/reserves/products/selections`)\r\n        .then((res) => {\r\n          if (res.status === 200 || res.status === 206) {\r\n            this.prodcutOptions = res.data;\r\n            if (this.$route.query.id) {\r\n              this.getProjectForm(this.$route.query.id);\r\n            }\r\n          }\r\n        })\r\n        .catch((err) => {\r\n          console.error(err.response);\r\n          this.$message.error(err.response.data.message);\r\n        });\r\n    },\r\n    codeChange(value, index, item) {\r\n      let target = this.prodcutOptions.filter((ele) => ele.id === value);\r\n      if (target.length <= 0) {\r\n        this.retentionForm.items.splice(index, 1);\r\n        return;\r\n      }\r\n      // console.log('index',index)\r\n      // console.log('item',item)\r\n      item.id = null;\r\n      item.quantity = target[0].quantity;\r\n      item.series = target[0].series;\r\n      item.simpleCode = target[0].simpleCode;\r\n      item.specification = target[0].specification;\r\n      item.unit = target[0].unit;\r\n      item.unitsPerPack = target[0].unitsPerPack;\r\n    },\r\n    handleretentionAdd() {\r\n      this.retentionForm.items.push({\r\n        id: null,\r\n        productId: \"\",\r\n        quantity: null,\r\n        series: \"\",\r\n        simpleCode: \"\",\r\n        specification: \"\",\r\n        unit: \"\",\r\n        unitsPerPack: null,\r\n      });\r\n    },\r\n    handleretentionDelete(index) {\r\n      this.retentionForm.items.splice(index, 1);\r\n    },\r\n    // 对数据进行整合汇总，整理成符合传回去的数据格式\r\n    organizeParams() {\r\n      let paramItems = [];\r\n      this.retentionForm.items.forEach((ele) => {\r\n        if (this.type === \"edit\") {\r\n          // 编辑修改模式下需要回传id\r\n          // 修改后的是否与修改前的有相同产品，如果有，把修改前的id赋值给修改后的同产品的id\r\n          let target = this.itemsCopyForEdit.find(\r\n            (tar) => tar.productId === ele.productId\r\n          );\r\n          paramItems.push({\r\n            id: target ? target.id : ele.id,\r\n            productId: ele.productId,\r\n            quantity: ele.quantity,\r\n          });\r\n        } else {\r\n          paramItems.push({\r\n            productId: ele.productId,\r\n            quantity: ele.quantity,\r\n          });\r\n        }\r\n      });\r\n      return {\r\n        clientId: this.retentionForm.clientId,\r\n        products: paramItems,\r\n        remark: this.retentionForm.remark,\r\n      };\r\n    },\r\n    handelSubmit() {\r\n      this.$refs[\"retentionForm\"].validate((valid) => {\r\n        if (valid) {\r\n          // 因为element验证只会针对有数据的时候的验证，所以这里还要做一次没写产品数据的验证\r\n          let target = this.organizeParams();\r\n          if (target.products && target.products.length <= 0) {\r\n            this.$message.warning(\"产品不能为空！\");\r\n            return false;\r\n          }\r\n          this.tableLoading = true;\r\n          this.$api\r\n            .post(\"/reserves\", this.organizeParams())\r\n            .then((res) => {\r\n              if (res.status === 201 || res.status === 200) {\r\n                this.tableLoading = false;\r\n                this.$confirm(\"添加成功，是否返回列表?\", \"提示\", {\r\n                  confirmButtonText: \"返回列表\",\r\n                  cancelButtonText: \"继续添加\",\r\n                  type: \"success\",\r\n                })\r\n                  .then(() => {\r\n                    this.$router.push({\r\n                      path: \"/retention/list\",\r\n                      query: {\r\n                        refresh: true,\r\n                      },\r\n                    });\r\n                  })\r\n                  .catch(() => {\r\n                    this.initForm();\r\n                    this.$refs[\"retentionForm\"].resetFields();\r\n                  });\r\n              }\r\n            })\r\n            .catch((err) => {\r\n              this.tableLoading = false;\r\n              console.error(err.response);\r\n              if (err.response.data.status === 403) {\r\n                this.$message.error(\"访问受限403\");\r\n              } else {\r\n                this.$message.error(err.response.data.message);\r\n              }\r\n            });\r\n        } else {\r\n          this.$message.warning(\"表单有误!\");\r\n          return false;\r\n        }\r\n      });\r\n    },\r\n    handelEdit() {\r\n      this.tableLoading = true;\r\n      this.$refs[\"retentionForm\"].validate((valid) => {\r\n        if (valid) {\r\n          let target = this.organizeParams();\r\n          if (target.products && target.products.length <= 0) {\r\n            this.$message.warning(\"产品不能为空！\");\r\n            return false;\r\n          }\r\n          this.$api\r\n            .put(`/reserves/${this.$route.query.id}`, this.organizeParams())\r\n            .then((res) => {\r\n              if (res.status === 201 || res.status === 204) {\r\n                this.tableLoading = false;\r\n                this.$message.success(\"修改成功！\");\r\n                this.$router.push({\r\n                  path: \"/retention/list\",\r\n                  query: {\r\n                    refresh: true,\r\n                  },\r\n                });\r\n              }\r\n            })\r\n            .catch((err) => {\r\n              this.tableLoading = false;\r\n              console.error(err.response);\r\n              this.$message.error(err.response.data.message);\r\n            });\r\n        } else {\r\n          this.$message.warning(\"表单有误!\");\r\n          return false;\r\n        }\r\n      });\r\n    },\r\n    filterSearch() {\r\n      // 移动端模式下需要关闭侧边栏\r\n      if (this.isMobile) {\r\n        this.CloseToolBar();\r\n      }\r\n    },\r\n    initForm() {\r\n      this.retentionForm = {\r\n        clientId: \"\",\r\n        items: [\r\n          {\r\n            id: null,\r\n            productId: \"\",\r\n            quantity: 0,\r\n            series: \"\",\r\n            simpleCode: \"\",\r\n            specification: \"\",\r\n            unit: \"\",\r\n            unitsPerPack: 0,\r\n          },\r\n        ],\r\n        remark: \"\",\r\n      };\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n@import \"@/style/custom-variables.scss\";\r\n.retention-wrapper {\r\n  .required {\r\n    color: #f30;\r\n  }\r\n  .retention-table-wrapper {\r\n    width: 100%;\r\n    padding-top: 30px;\r\n    .retention-table {\r\n      border: 1px solid #dbdbdb;\r\n      .delete-btn {\r\n        color: #333;\r\n        cursor: pointer;\r\n        &:hover {\r\n          color: $theme_color;\r\n        }\r\n      }\r\n    }\r\n    .client-wrapper {\r\n      width: 100%;\r\n      min-height: 40px;\r\n      line-height: 40px;\r\n      margin-bottom: 18px;\r\n      display: flex;\r\n      justify-content: flex-start;\r\n      overflow: hidden;\r\n      .label {\r\n        flex: 80px 0 0;\r\n        font-size: 14px;\r\n        color: #333;\r\n        text-align: left;\r\n      }\r\n      .content {\r\n        flex: 2;\r\n        text-align: left;\r\n      }\r\n    }\r\n    .remarks-wrapper {\r\n      width: 100%;\r\n      display: flex;\r\n      overflow: hidden;\r\n      .remark-label {\r\n        flex: 80px 0 0;\r\n        text-align: left;\r\n        font-size: 14px;\r\n        color: #333;\r\n        line-height: 30px;\r\n      }\r\n      .remark-content {\r\n        flex: 1;\r\n        .remark {\r\n          textarea {\r\n            border: none;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .retention-table {\r\n      margin-top: 50px;\r\n    }\r\n    .btn-group {\r\n      margin-top: 20px;\r\n      text-align: right;\r\n      .submit {\r\n        background-color: $theme_color;\r\n        border-color: $theme_color;\r\n        color: #333;\r\n      }\r\n      .add {\r\n        background-color: transparent;\r\n        &:hover {\r\n          color: #333;\r\n          border: 1px solid #6e6e6e;\r\n        }\r\n        &:active {\r\n          color: #333;\r\n          border: 1px solid #6e6e6e;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .section-title {\r\n    width: 100%;\r\n    padding: 19px 0 26px 0;\r\n    border-bottom: 1px solid #e0e0e0;\r\n    text-align: left;\r\n    font-size: 24px;\r\n    .title-name {\r\n      font-size: 24px;\r\n      color: #4a4a4a;\r\n      font-weight: bold;\r\n      margin-left: 8px;\r\n    }\r\n  }\r\n}\r\n// @media screen and(max-width:992px) {\r\n//   .retention-wrapper {\r\n//     padding: 0px 0px 20px 0px;\r\n//     .retention-table-wrapper {\r\n//       padding: 0;\r\n//     }\r\n//   }\r\n// }\r\n</style>\r\n<style lang=\"scss\">\r\n.retention-wrapper {\r\n  .el-input--suffix .el-input__inner {\r\n    border: none;\r\n    border-radius: 0;\r\n  }\r\n  .el-textarea {\r\n    .el-textarea__inner {\r\n      border: none;\r\n      border-radius: 0px;\r\n    }\r\n  }\r\n  .retention-table-wrapper {\r\n    // 表格样式自定义\r\n    .el-table {\r\n      background-color: transparent;\r\n      & ::before,\r\n      & ::after {\r\n        border-color: #dbdbdb;\r\n      }\r\n    }\r\n    .el-table tr {\r\n      background-color: transparent;\r\n    }\r\n    .el-table th {\r\n      font-weight: normal;\r\n      color: #000;\r\n      background-color: #e7e7e7;\r\n      border-color: #dbdbdb;\r\n    }\r\n    .el-table td {\r\n      background-color: transparent;\r\n      border-color: #dbdbdb;\r\n    }\r\n    .retention-table {\r\n      .row-input {\r\n        border: none;\r\n        border-radius: 0px;\r\n        background-color: #eeeeee;\r\n        .el-input__inner {\r\n          border: none;\r\n          border-radius: 0px;\r\n          background-color: transparent;\r\n          &:focus {\r\n            background: #fff;\r\n            color: #000;\r\n          }\r\n        }\r\n      }\r\n      .el-textarea {\r\n        .el-textarea__inner {\r\n          border: none;\r\n          border-radius: 0px;\r\n          background-color: transparent;\r\n          &:focus {\r\n            background: #fff;\r\n            color: #000;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n\r\n\r\n\r\n","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!./retentionAdd.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!./retentionAdd.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./retentionAdd.vue?vue&type=template&id=f69f3138&scoped=true&\"\nimport script from \"./retentionAdd.vue?vue&type=script&lang=js&\"\nexport * from \"./retentionAdd.vue?vue&type=script&lang=js&\"\nimport style0 from \"./retentionAdd.vue?vue&type=style&index=0&id=f69f3138&lang=scss&scoped=true&\"\nimport style1 from \"./retentionAdd.vue?vue&type=style&index=1&lang=scss&\"\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  \"f69f3138\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\n// 22.1.3.8 Array.prototype.find(predicate, thisArg = undefined)\nvar $export = require('./_export');\nvar $find = require('./_array-methods')(5);\nvar KEY = 'find';\nvar forced = true;\n// Shouldn't skip holes\nif (KEY in []) Array(1)[KEY](function () { forced = false; });\n$export($export.P + $export.F * forced, 'Array', {\n  find: function find(callbackfn /* , that = undefined */) {\n    return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\nrequire('./_add-to-unscopables')(KEY);\n","// 9.4.2.3 ArraySpeciesCreate(originalArray, length)\nvar speciesConstructor = require('./_array-species-constructor');\n\nmodule.exports = function (original, length) {\n  return new (speciesConstructor(original))(length);\n};\n","var isObject = require('./_is-object');\nvar isArray = require('./_is-array');\nvar SPECIES = require('./_wks')('species');\n\nmodule.exports = function (original) {\n  var C;\n  if (isArray(original)) {\n    C = original.constructor;\n    // cross-realm fallback\n    if (typeof C == 'function' && (C === Array || isArray(C.prototype))) C = undefined;\n    if (isObject(C)) {\n      C = C[SPECIES];\n      if (C === null) C = undefined;\n    }\n  } return C === undefined ? Array : C;\n};\n","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./retentionAdd.vue?vue&type=style&index=0&id=f69f3138&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./retentionAdd.vue?vue&type=style&index=0&id=f69f3138&lang=scss&scoped=true&\""],"sourceRoot":""}