{"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\product\\productAdd\\components\\SpecStock.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\product\\productAdd\\components\\SpecStock.vue","mtime":1761185180160},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQppbXBvcnQgdnVlZHJhZ2dhYmxlIGZyb20gJ3Z1ZWRyYWdnYWJsZSc7DQppbXBvcnQgVmlydHVhbFNjcm9sbCBmcm9tICcuL3ZpcnR1YWxUYWJlbC52dWUnOw0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOiAnU3BlY1N0b2NrJywNCiAgY29tcG9uZW50czogew0KICAgIGRyYWdnYWJsZTogdnVlZHJhZ2dhYmxlLA0KICAgIFZpcnR1YWxTY3JvbGwsDQogIH0sDQogIHByb3BzOiB7DQogICAgZm9ybVZhbGlkYXRlOiB7DQogICAgICB0eXBlOiBPYmplY3QsDQogICAgICByZXF1aXJlZDogdHJ1ZSwNCiAgICB9LA0KICAgIHJ1bGVMaXN0OiB7DQogICAgICB0eXBlOiBBcnJheSwNCiAgICAgIHJlcXVpcmVkOiB0cnVlLA0KICAgIH0sDQogICAgYXR0cnM6IHsNCiAgICAgIHR5cGU6IEFycmF5LA0KICAgICAgcmVxdWlyZWQ6IHRydWUsDQogICAgfSwNCiAgICBtYW55Rm9ybVZhbGlkYXRlOiB7DQogICAgICB0eXBlOiBBcnJheSwNCiAgICAgIHJlcXVpcmVkOiB0cnVlLA0KICAgIH0sDQogICAgb25lRm9ybVZhbGlkYXRlOiB7DQogICAgICB0eXBlOiBBcnJheSwNCiAgICAgIHJlcXVpcmVkOiB0cnVlLA0KICAgIH0sDQogICAgdGFibGVLZXk6IHsNCiAgICAgIHR5cGU6IE51bWJlciwNCiAgICAgIHJlcXVpcmVkOiB0cnVlLA0KICAgIH0sDQogICAgY2FuU2VsOiB7DQogICAgICB0eXBlOiBCb29sZWFuLA0KICAgICAgcmVxdWlyZWQ6IHRydWUsDQogICAgfSwNCiAgICBmb3JtRHluYW1pYzogew0KICAgICAgdHlwZTogT2JqZWN0LA0KICAgICAgcmVxdWlyZWQ6IHRydWUsDQogICAgfSwNCiAgICBvbmVGb3JtQmF0Y2g6IHsNCiAgICAgIHR5cGU6IEFycmF5LA0KICAgICAgcmVxdWlyZWQ6IHRydWUsDQogICAgfSwNCiAgfSwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgdmlydHVhbExpc3Q6IFtdLA0KICAgIH07DQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICBjaGFuZ2VTcGVjKHZhbCkgew0KICAgICAgdGhpcy4kZW1pdCgnY2hhbmdlU3BlYycsIHZhbCk7DQogICAgfSwNCiAgICBjb25maXJtKG5hbWUpIHsNCiAgICAgIHRoaXMuJGVtaXQoJ2NvbmZpcm0nLCBuYW1lKTsNCiAgICB9LA0KICAgIG9uTW92ZVNwZWModmFsKSB7DQogICAgICB0aGlzLiRlbWl0KCdvbk1vdmVTcGVjJywgdmFsKTsNCiAgICB9LA0KICAgIGNoYW5nZURlZmF1bHRTZWxlY3QoZSwgaW5kZXgpIHsNCiAgICAgIHRoaXMuJGVtaXQoJ2NoYW5nZURlZmF1bHRTZWxlY3QnLCBlLCBpbmRleCk7DQogICAgfSwNCiAgICBjaGFuZ2VEZWZhdWx0U2hvdyhpbmRleCkgew0KICAgICAgdGhpcy4kZW1pdCgnY2hhbmdlRGVmYXVsdFNob3cnLCBpbmRleCk7DQogICAgfSwNCiAgICBtb2RhbFBpY1RhcCh0eXBlLCB0YWJsZU5hbWUsIGluZGV4KSB7DQogICAgICB0aGlzLiRlbWl0KCdtb2RhbFBpY1RhcCcsIHR5cGUsIHRhYmxlTmFtZSwgaW5kZXgpOw0KICAgIH0sDQogICAgaGFuZGxlUmVtb3ZlMihpbmRleCwgdHlwZSwgdGFibGVOYW1lKSB7DQogICAgICB0aGlzLiRlbWl0KCdoYW5kbGVSZW1vdmUyJywgaW5kZXgsIHR5cGUsIHRhYmxlTmFtZSk7DQogICAgfSwNCiAgICBiYXRjaEFkZCgpIHsNCiAgICAgIHRoaXMuJGVtaXQoJ2JhdGNoQWRkJyk7DQogICAgfSwNCiAgICBoYW5kbGVBZGRSb2xlKCkgew0KICAgICAgdGhpcy4kZW1pdCgnaGFuZGxlQWRkUm9sZScpOw0KICAgIH0sDQogICAgYmF0Y2hEZWwoKSB7DQogICAgICB0aGlzLiRlbWl0KCdiYXRjaERlbCcpOw0KICAgIH0sDQogICAgaGFuZGxlRm9jdXMoZSkgew0KICAgICAgdGhpcy4kZW1pdCgnaGFuZGxlRm9jdXMnLCBlKTsNCiAgICB9LA0KICAgIGF0dHJEZXRhaWxDaGFuZ2VWYWx1ZSh2YWwsIGluZGV4KSB7DQogICAgICB0aGlzLiRlbWl0KCdhdHRyRGV0YWlsQ2hhbmdlVmFsdWUnLCB2YWwsIGluZGV4KTsNCiAgICB9LA0KICAgIGhhbmRsZUJsdXIoZSkgew0KICAgICAgdGhpcy4kZW1pdCgnaGFuZGxlQmx1cicsIGUpOw0KICAgIH0sDQogICAgYXR0ckNoYW5nZVZhbHVlKHZhbCwgaW5kZXgpIHsNCiAgICAgIHRoaXMuJGVtaXQoJ2F0dHJDaGFuZ2VWYWx1ZScsIHZhbCwgaW5kZXgpOw0KICAgIH0sDQogICAgaGFuZGxlU2hvd1BvcChlKSB7DQogICAgICB0aGlzLiRlbWl0KCdoYW5kbGVTaG93UG9wJywgZSk7DQogICAgfSwNCiAgICBoYW5kbGVTZWxJbWcoZSkgew0KICAgICAgdGhpcy4kZW1pdCgnaGFuZGxlU2VsSW1nJywgZSk7DQogICAgfSwNCiAgICBoYW5kbGVTYXZlQXNUZW1wbGF0ZSgpIHsNCiAgICAgIHRoaXMuJGVtaXQoJ2hhbmRsZVNhdmVBc1RlbXBsYXRlJyk7DQogICAgfSwNCiAgICBhZGRHb29kc0NvdXBvbihpbmRleCwgdHlwZSkgew0KICAgICAgdGhpcy4kZW1pdCgnYWRkR29vZHNDb3Vwb24nLCBpbmRleCwgdHlwZSk7DQogICAgfSwNCiAgICBjaGFuZ2VDdXJyZW50SW5kZXgoaW5kZXgpIHsNCiAgICAgIHRoaXMuJGVtaXQoJ2NoYW5nZUN1cnJlbnRJbmRleCcsIGluZGV4KTsNCiAgICB9LA0KICAgIGFkZFZpcnR1YWwoaW5kZXgsIHR5cGUpIHsNCiAgICAgIHRoaXMuJGVtaXQoJ2FkZFZpcnR1YWwnLCBpbmRleCwgdHlwZSk7DQogICAgfSwNCiAgICBoYW5kbGVSZW1vdmVJbWcoaW5kZXgpIHsNCiAgICAgIHRoaXMuJGVtaXQoJ2hhbmRsZVJlbW92ZUltZycsIGluZGV4KTsNCiAgICB9LA0KICAgIGhhbmRsZVJlbW92ZVJvbGUoaW5kZXgpIHsNCiAgICAgIHRoaXMuJGVtaXQoJ2hhbmRsZVJlbW92ZVJvbGUnLCBpbmRleCk7DQogICAgfSwNCiAgICBzZWUodmFsLCB0eXBlLCBpbmRleCkgew0KICAgICAgdGhpcy4kZW1pdCgnc2VlJywgdmFsLCB0eXBlLCBpbmRleCk7DQogICAgfSwNCiAgICBjcmVhdGVBdHRyKGRhdGEsIGluZGV4KSB7DQogICAgICB0aGlzLiRlbWl0KCdjcmVhdGVBdHRyJywgZGF0YSwgaW5kZXgpOw0KICAgIH0sDQogICAgLy8g55Sf5oiQ5YiX6KGoIOihjCDliJcg5pWw5o2uDQogICAgdGFibGVDZWxsQ2xhc3NOYW1lKHsgcm93LCBjb2x1bW4sIHJvd0luZGV4LCBjb2x1bW5JbmRleCB9KSB7DQogICAgICAvL+azqOaEj+i/memHjOaYr+ino+aehA0KICAgICAgLy/liKnnlKjljZXlhYPmoLznmoQgY2xhc3NOYW1lIOeahOWbnuiwg+aWueazle+8jOe7meihjOWIl+e0ouW8lei1i+WAvA0KICAgICAgcm93LmluZGV4ID0gcm93SW5kZXggfHwgJyc7DQogICAgICBjb2x1bW4uaW5kZXggPSBjb2x1bW5JbmRleDsNCiAgICB9LA0KICAgIC8vIOinhOagvOWbvueJh+a3u+WKoOW8gOWFsw0KICAgIGFkZFBpYyhlLCBpKSB7DQogICAgICBpZiAoZSkgew0KICAgICAgICB0aGlzLmF0dHJzLm1hcCgoaXRlbSwgaWkpID0+IHsNCiAgICAgICAgICBpZiAoaWkgIT09IGkpIHsNCiAgICAgICAgICAgIHRoaXMuJHNldChpdGVtLCAnYWRkX3BpYycsIDApOw0KICAgICAgICAgIH0NCiAgICAgICAgfSk7DQogICAgICAgIHRoaXMuY2FuU2VsID0gZmFsc2U7DQogICAgICB9IGVsc2Ugew0KICAgICAgICB0aGlzLmNhblNlbCA9IHRydWU7DQogICAgICB9DQogICAgfSwNCiAgICAvLyDlkIjlubbljZXlhYPmoLwNCiAgICBvYmplY3RTcGFuTWV0aG9kKHsgcm93LCBjb2x1bW4sIHJvd0luZGV4LCBjb2x1bW5JbmRleCB9KSB7DQogICAgICBpZiAoY29sdW1uSW5kZXggPT09IDAgJiYgcm93SW5kZXggPiAwKSB7DQogICAgICAgIGxldCBsYWJsZSA9IGNvbHVtbi5sYWJlbDsNCiAgICAgICAgLy/ov5nph4zliKTmlq3nrKzlh6DliJfpnIDopoHlkIjlubYNCiAgICAgICAgY29uc3QgdGFnRmFtaWx5ID0gdGhpcy5tYW55Rm9ybVZhbGlkYXRlW3Jvd0luZGV4XS5kZXRhaWxbbGFibGVdOw0KICAgICAgICBjb25zdCBpbmRleCA9IHRoaXMubWFueUZvcm1WYWxpZGF0ZS5maW5kSW5kZXgoKGl0ZW0sIGluZGV4KSA9PiB7DQogICAgICAgICAgaWYgKGluZGV4ID4gMCkgcmV0dXJuIGl0ZW0uZGV0YWlsW2xhYmxlXSA9PSB0YWdGYW1pbHk7DQogICAgICAgIH0pOw0KICAgICAgICBpZiAocm93SW5kZXggPT0gaW5kZXgpIHsNCiAgICAgICAgICBsZXQgbGVuID0gMTsNCiAgICAgICAgICBmb3IgKGxldCBpID0gaW5kZXggKyAxOyBpIDwgdGhpcy5tYW55Rm9ybVZhbGlkYXRlLmxlbmd0aDsgaSsrKSB7DQogICAgICAgICAgICBpZiAodGhpcy5tYW55Rm9ybVZhbGlkYXRlW2ldLmRldGFpbFtsYWJsZV0gIT09IHRhZ0ZhbWlseSkgew0KICAgICAgICAgICAgICBicmVhazsNCiAgICAgICAgICAgIH0NCiAgICAgICAgICAgIGxlbisrOw0KICAgICAgICAgIH0NCiAgICAgICAgICByZXR1cm4gew0KICAgICAgICAgICAgcm93c3BhbjogbGVuLA0KICAgICAgICAgICAgY29sc3BhbjogMSwNCiAgICAgICAgICB9Ow0KICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgIHJldHVybiB7DQogICAgICAgICAgICByb3dzcGFuOiAwLA0KICAgICAgICAgICAgY29sc3BhbjogMCwNCiAgICAgICAgICB9Ow0KICAgICAgICB9DQogICAgICB9DQogICAgfSwNCiAgfSwNCn07DQo="},{"version":3,"sources":["SpecStock.vue"],"names":[],"mappings":";AA0iBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"SpecStock.vue","sourceRoot":"src/pages/product/productAdd/components","sourcesContent":["<template>\r\n  <!-- 规格库存 -->\r\n  <el-row :gutter=\"24\">\r\n    <el-col :span=\"24\">\r\n      <el-form-item label=\"规格类型：\" props=\"spec_type\">\r\n        <el-radio-group v-model=\"formValidate.spec_type\" @input=\"changeSpec\">\r\n          <el-radio :label=\"0\" class=\"radio\">单规格</el-radio>\r\n          <el-radio :label=\"1\">多规格</el-radio>\r\n        </el-radio-group>\r\n        <el-dropdown v-if=\"formValidate.spec_type == 1\" class=\"ml20\" @command=\"confirm\" trigger=\"hover\">\r\n          <span class=\"el-dropdown-link\"> 选择规格模版<i class=\"el-icon-arrow-down el-icon--right\"></i> </span>\r\n          <el-dropdown-menu slot=\"dropdown\">\r\n            <el-dropdown-item v-for=\"(item, index) in ruleList\" :key=\"index\" :command=\"item.rule_name\">{{\r\n              item.rule_name\r\n            }}</el-dropdown-item>\r\n          </el-dropdown-menu>\r\n        </el-dropdown>\r\n      </el-form-item>\r\n    </el-col>\r\n    <!-- 规格设置 -->\r\n    <el-col :span=\"24\" v-if=\"formValidate.spec_type === 1\" class=\"noForm\">\r\n      <el-form-item label=\"商品规格：\" prop=\"\">\r\n        <div class=\"specifications\">\r\n          <draggable\r\n            group=\"specifications\"\r\n            :disabled=\"attrs.length < 2\"\r\n            :list=\"attrs\"\r\n            handle=\".move-icon\"\r\n            @end=\"onMoveSpec\"\r\n            animation=\"300\"\r\n          >\r\n            <div\r\n              class=\"specifications-item active\"\r\n              v-for=\"(item, index) in attrs\"\r\n              :key=\"index\"\r\n              @click=\"changeCurrentIndex(index)\"\r\n            >\r\n              <div class=\"move-icon\">\r\n                <span class=\"iconfont icondrag2\"></span>\r\n              </div>\r\n              <i class=\"del el-icon-error\" @click=\"handleRemoveRole(index, item.value)\"></i>\r\n              <div class=\"specifications-item-box\">\r\n                <div class=\"lineBox\"></div>\r\n                <div class=\"specifications-item-name mb18\">\r\n                  <el-input\r\n                    v-model=\"item.value\"\r\n                    placeholder=\"规格名称\"\r\n                    @change=\"attrChangeValue(index, item.value)\"\r\n                    @focus=\"handleFocus(item.value)\"\r\n                    class=\"specifications-item-name-input\"\r\n                    maxlength=\"30\"\r\n                    show-word-limit\r\n                  ></el-input>\r\n                  <el-checkbox\r\n                    class=\"ml20\"\r\n                    v-model=\"item.add_pic\"\r\n                    :disabled=\"!item.add_pic && !canSel\"\r\n                    :true-label=\"1\"\r\n                    :false-label=\"0\"\r\n                    @change=\"(e) => addPic(e, index)\"\r\n                    >添加规格图</el-checkbox\r\n                  >\r\n                  <el-tooltip\r\n                    class=\"item\"\r\n                    effect=\"dark\"\r\n                    content=\"添加规格图片, 仅支持打开一个(建议尺寸:800*800)\"\r\n                    placement=\"right\"\r\n                  >\r\n                    <i class=\"el-icon-info\"></i>\r\n                  </el-tooltip>\r\n                </div>\r\n                <div class=\"rulesBox ml30\">\r\n                  <draggable\r\n                    class=\"item\"\r\n                    :list=\"item.detail\"\r\n                    :disabled=\"item.detail.length < 2\"\r\n                    handle=\".drag\"\r\n                    @end=\"onMoveSpec\"\r\n                  >\r\n                    <div v-for=\"(det, indexn) in item.detail\" :key=\"indexn\" class=\"mr10 spec drag\">\r\n                      <i class=\"el-icon-error\" @click=\"handleRemove2(item.detail, indexn, det.value)\"></i>\r\n\r\n                      <el-input\r\n                        style=\"width: 120px\"\r\n                        v-model=\"det.value\"\r\n                        placeholder=\"规格值\"\r\n                        @change=\"attrDetailChangeValue(det.value, index)\"\r\n                        @focus=\"handleFocus(det.value)\"\r\n                        maxlength=\"30\"\r\n                        @blur=\"handleBlur()\"\r\n                      >\r\n                        <template slot=\"prefix\">\r\n                          <span class=\"iconfont icondrag2\"></span>\r\n                        </template>\r\n                      </el-input>\r\n                      <div class=\"img-popover\" v-if=\"item.add_pic\">\r\n                        <div class=\"popper-arrow\"></div>\r\n                        <div class=\"popper\" @click=\"handleSelImg(det, indexn)\">\r\n                          <img class=\"img\" v-if=\"det.pic\" :src=\"det.pic\" />\r\n                          <i v-else class=\"el-icon-plus\"></i>\r\n                        </div>\r\n                        <i v-if=\"det.pic\" class=\"img-del el-icon-error\" @click=\"handleRemoveImg(det)\"></i>\r\n                      </div>\r\n                    </div>\r\n                    <el-popover\r\n                      :ref=\"'popoverRef_' + index\"\r\n                      placement=\"\"\r\n                      width=\"210\"\r\n                      trigger=\"click\"\r\n                      @after-enter=\"handleShowPop(index)\"\r\n                    >\r\n                      <el-input\r\n                        :ref=\"'inputRef_' + index\"\r\n                        placeholder=\"请输入规格值\"\r\n                        v-model=\"formDynamic.attrsVal\"\r\n                        @keyup.enter.native=\"createAttr(formDynamic.attrsVal, index)\"\r\n                        @blur=\"createAttr(formDynamic.attrsVal, index)\"\r\n                        maxlength=\"30\"\r\n                        show-word-limit\r\n                      >\r\n                      </el-input>\r\n                      <div class=\"addfont\" slot=\"reference\" type=\"text\" v-db-click>添加规格值</div>\r\n                    </el-popover>\r\n                  </draggable>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </draggable>\r\n          <el-button v-if=\"attrs.length < 4\" v-db-click @click=\"handleAddRole()\">添加新规格</el-button>\r\n          <el-button v-if=\"attrs.length >= 1\" type=\"text\" v-db-click @click=\"handleSaveAsTemplate()\"\r\n            >另存为模板</el-button\r\n          >\r\n        </div>\r\n      </el-form-item>\r\n    </el-col>\r\n    <el-col :span=\"24\" v-if=\"formValidate.spec_type === 1\">\r\n      <el-form-item label=\"商品属性：\" class=\"labeltop\" v-if=\"manyFormValidate.length\">\r\n        <VirtualScroll\r\n          :data=\"manyFormValidate\"\r\n          :buffer=\"50\"\r\n          :height=\"62\"\r\n          key-prop=\"index\"\r\n          @change=\"(renderData) => (virtualList = renderData)\"\r\n        >\r\n          <!-- <el-table row-key=\"id\" :data=\"virtualList\" height=\"500px\"> </el-table> -->\r\n          <el-table\r\n            row-key=\"index\"\r\n            height=\"700px\"\r\n            :data=\"manyFormValidate\"\r\n            style=\"width: 100%\"\r\n            :cell-class-name=\"tableCellClassName\"\r\n            :span-method=\"objectSpanMethod\"\r\n            border\r\n            :key=\"tableKey\"\r\n          >\r\n            <el-table-column\r\n              v-for=\"(item, index) in formValidate.header\"\r\n              :key=\"index\"\r\n              :label=\"item.title\"\r\n              :min-width=\"item.minWidth || '100'\"\r\n              :fixed=\"item.fixed\"\r\n            >\r\n              <template slot-scope=\"scope\">\r\n                <!-- 批量设置 -->\r\n                <template v-if=\"scope.$index == 0\">\r\n                  <template v-if=\"item.key\">\r\n                    <div v-if=\"attrs.length && attrs[scope.column.index] && manyFormValidate.length\">\r\n                      <el-select v-model=\"oneFormBatch[0][item.title]\" :placeholder=\"`请选择${item.title}`\" clearable>\r\n                        <el-option\r\n                          v-for=\"val in attrs[scope.column.index].detail\"\r\n                          :key=\"val.value\"\r\n                          :label=\"val.value\"\r\n                          :value=\"val.value\"\r\n                        >\r\n                        </el-option>\r\n                      </el-select>\r\n                    </div>\r\n                  </template>\r\n                  <template v-else-if=\"item.slot === 'pic'\">\r\n                    <div class=\"acea-row row-middle\" v-db-click @click=\"modalPicTap('dan', 'duopi', scope.$index)\">\r\n                      <div class=\"pictrue pictrueTab\" v-if=\"oneFormBatch[0].pic\">\r\n                        <img v-lazy=\"oneFormBatch[0].pic\" />\r\n                      </div>\r\n                      <div class=\"upLoad pictrueTab acea-row row-center-wrapper\" v-else>\r\n                        <i class=\"el-icon-picture-outline\" style=\"font-size: 24px\"></i>\r\n                      </div>\r\n                    </div>\r\n                  </template>\r\n                  <template v-else-if=\"item.slot === 'price'\">\r\n                    <el-input-number\r\n                      :controls=\"false\"\r\n                      v-model=\"oneFormBatch[0].price\"\r\n                      :min=\"0\"\r\n                      :max=\"9999999999\"\r\n                      class=\"priceBox\"\r\n                      clearable\r\n                    ></el-input-number>\r\n                  </template>\r\n                  <template v-else-if=\"item.slot === 'cost'\">\r\n                    <el-input-number\r\n                      :controls=\"false\"\r\n                      v-model=\"oneFormBatch[0].cost\"\r\n                      :min=\"0\"\r\n                      :max=\"9999999999\"\r\n                      class=\"priceBox\"\r\n                      clearable\r\n                    ></el-input-number>\r\n                  </template>\r\n                  <template v-else-if=\"item.slot === 'ot_price'\">\r\n                    <el-input-number\r\n                      :controls=\"false\"\r\n                      v-model=\"oneFormBatch[0].ot_price\"\r\n                      :min=\"0\"\r\n                      class=\"priceBox\"\r\n                      clearable\r\n                    ></el-input-number>\r\n                  </template>\r\n                  <template v-else-if=\"item.slot === 'stock'\">\r\n                    <el-input-number\r\n                      :controls=\"false\"\r\n                      v-model=\"oneFormBatch[0].stock\"\r\n                      :disabled=\"formValidate.virtual_type == 1\"\r\n                      :min=\"0\"\r\n                      :max=\"9999999999\"\r\n                      class=\"priceBox\"\r\n                      clearable\r\n                    ></el-input-number>\r\n                  </template>\r\n                  <template v-else-if=\"item.slot === 'fictitious'\"> -- </template>\r\n                  <template v-else-if=\"item.slot === 'bar_code'\">\r\n                    <el-input v-model=\"oneFormBatch[0].bar_code\"></el-input>\r\n                  </template>\r\n                  <template v-else-if=\"item.slot === 'bar_code_number'\">\r\n                    <el-input v-model=\"oneFormBatch[0].bar_code_number\"></el-input>\r\n                  </template>\r\n                  <template v-else-if=\"item.slot === 'weight'\">\r\n                    <el-input-number\r\n                      :controls=\"false\"\r\n                      v-model=\"oneFormBatch[0].weight\"\r\n                      :step=\"0.1\"\r\n                      :min=\"0\"\r\n                      :max=\"9999999999\"\r\n                      class=\"priceBox\"\r\n                      clearable\r\n                    ></el-input-number>\r\n                  </template>\r\n                  <template v-else-if=\"item.slot === 'volume'\">\r\n                    <el-input-number\r\n                      :controls=\"false\"\r\n                      v-model=\"oneFormBatch[0].volume\"\r\n                      :step=\"0.1\"\r\n                      :min=\"0\"\r\n                      :max=\"9999999999\"\r\n                      class=\"priceBox\"\r\n                      clearable\r\n                    ></el-input-number>\r\n                  </template>\r\n                  <template v-else-if=\"item.slot === 'selected_spec'\"> -- </template>\r\n                  <template v-else-if=\"item.slot === 'action'\">\r\n                    <a v-db-click @click=\"batchAdd\">批量修改</a>\r\n                    <el-divider direction=\"vertical\"></el-divider>\r\n                    <a v-db-click @click=\"batchDel\">清空</a>\r\n                  </template>\r\n                </template>\r\n                <template v-else>\r\n                  <template v-if=\"item.key\">\r\n                    <div>\r\n                      <span>{{ scope.row.detail[item.key] }}</span>\r\n                    </div>\r\n                  </template>\r\n                  <template v-if=\"item.slot === 'pic'\">\r\n                    <div class=\"acea-row row-middle\" v-db-click @click=\"modalPicTap('dan', 'duoTable', scope.$index)\">\r\n                      <div class=\"pictrue pictrueTab\" v-if=\"manyFormValidate[scope.$index].pic\">\r\n                        <img v-lazy=\"manyFormValidate[scope.$index].pic\" />\r\n                      </div>\r\n                      <div class=\"upLoad pictrueTab acea-row row-center-wrapper\" v-else>\r\n                        <i class=\"el-icon-picture-outline\" style=\"font-size: 24px\"></i>\r\n                      </div>\r\n                    </div>\r\n                  </template>\r\n                  <template v-if=\"item.slot === 'price'\">\r\n                    <el-input-number\r\n                      :controls=\"false\"\r\n                      v-model=\"manyFormValidate[scope.$index].price\"\r\n                      :min=\"0\"\r\n                      :max=\"9999999999\"\r\n                      class=\"priceBox\"\r\n                    ></el-input-number>\r\n                  </template>\r\n                  <template v-else-if=\"item.slot === 'cost'\">\r\n                    <el-input-number\r\n                      :controls=\"false\"\r\n                      v-model=\"manyFormValidate[scope.$index].cost\"\r\n                      :min=\"0\"\r\n                      :max=\"9999999999\"\r\n                      class=\"priceBox\"\r\n                    ></el-input-number>\r\n                  </template>\r\n                  <template v-else-if=\"item.slot === 'ot_price'\">\r\n                    <el-input-number\r\n                      :controls=\"false\"\r\n                      v-model=\"manyFormValidate[scope.$index].ot_price\"\r\n                      :min=\"0\"\r\n                      :max=\"9999999999\"\r\n                      class=\"priceBox\"\r\n                    ></el-input-number>\r\n                  </template>\r\n                  <template v-else-if=\"item.slot === 'stock'\">\r\n                    <el-input-number\r\n                      :controls=\"false\"\r\n                      v-model=\"manyFormValidate[scope.$index].stock\"\r\n                      :disabled=\"formValidate.virtual_type == 1\"\r\n                      :min=\"0\"\r\n                      :max=\"9999999999\"\r\n                      :precision=\"0\"\r\n                      class=\"priceBox\"\r\n                    ></el-input-number>\r\n                  </template>\r\n                  <template v-else-if=\"item.slot === 'bar_code'\">\r\n                    <el-input v-model=\"manyFormValidate[scope.$index].bar_code\"></el-input>\r\n                  </template>\r\n                  <template v-else-if=\"item.slot === 'bar_code_number'\">\r\n                    <el-input v-model=\"manyFormValidate[scope.$index].bar_code_number\"></el-input>\r\n                  </template>\r\n                  <template v-else-if=\"item.slot === 'weight'\">\r\n                    <el-input-number\r\n                      :controls=\"false\"\r\n                      v-model=\"manyFormValidate[scope.$index].weight\"\r\n                      :min=\"0\"\r\n                      :max=\"9999999999\"\r\n                      class=\"priceBox\"\r\n                    ></el-input-number>\r\n                  </template>\r\n                  <template v-else-if=\"item.slot === 'volume'\">\r\n                    <el-input-number\r\n                      :controls=\"false\"\r\n                      v-model=\"manyFormValidate[scope.$index].volume\"\r\n                      :min=\"0\"\r\n                      :max=\"9999999999\"\r\n                      class=\"priceBox\"\r\n                    ></el-input-number>\r\n                  </template>\r\n                  <template v-else-if=\"item.slot === 'fictitious'\">\r\n                    <el-button\r\n                      v-if=\"!manyFormValidate[scope.$index].coupon_id && formValidate.virtual_type == 2\"\r\n                      v-db-click\r\n                      @click=\"addGoodsCoupon(scope.$index, 'manyFormValidate')\"\r\n                      >选择优惠券</el-button\r\n                    >\r\n                    <span\r\n                      class=\"see\"\r\n                      v-else-if=\"manyFormValidate[scope.$index].coupon_id && formValidate.virtual_type == 2\"\r\n                      v-db-click\r\n                      @click=\"see(manyFormValidate[scope.$index], 'manyFormValidate', scope.$index)\"\r\n                      >{{ manyFormValidate[scope.$index].coupon_name }}</span\r\n                    >\r\n                    <el-button\r\n                      v-else-if=\"\r\n                        !manyFormValidate[scope.$index].virtual_list.length &&\r\n                        !manyFormValidate[scope.$index].stock &&\r\n                        formValidate.virtual_type == 1\r\n                      \"\r\n                      v-db-click\r\n                      @click=\"addVirtual(scope.$index, 'manyFormValidate')\"\r\n                      >添加卡密</el-button\r\n                    >\r\n                    <span\r\n                      class=\"see\"\r\n                      v-else-if=\"\r\n                        (manyFormValidate[scope.$index].virtual_list.length || manyFormValidate[scope.$index].stock) &&\r\n                        formValidate.virtual_type == 1\r\n                      \"\r\n                      v-db-click\r\n                      @click=\"see(manyFormValidate[scope.$index], 'manyFormValidate', scope.$index)\"\r\n                      >已设置</span\r\n                    >\r\n                  </template>\r\n\r\n                  <template v-else-if=\"item.slot === 'selected_spec'\">\r\n                    <el-switch\r\n                      v-model=\"manyFormValidate[scope.$index].is_default_select\"\r\n                      :active-value=\"1\"\r\n                      :inactive-value=\"0\"\r\n                      @change=\"(e) => changeDefaultSelect(e, scope.$index)\"\r\n                    />\r\n                  </template>\r\n                  <template v-else-if=\"item.slot === 'action'\">\r\n                    <el-switch\r\n                      class=\"defineSwitch\"\r\n                      v-model=\"manyFormValidate[scope.$index].is_show\"\r\n                      active-text=\"显示\"\r\n                      inactive-text=\"隐藏\"\r\n                      :active-value=\"1\"\r\n                      :inactive-value=\"0\"\r\n                      @change=\"changeDefaultShow(scope.$index)\"\r\n                    />\r\n                  </template>\r\n                </template>\r\n              </template>\r\n            </el-table-column>\r\n          </el-table>\r\n        </VirtualScroll>\r\n      </el-form-item>\r\n    </el-col>\r\n    <!-- ------------------------------------------------- -->\r\n    <!-- 单规格表格-->\r\n    <div v-if=\"formValidate.spec_type === 0\">\r\n      <el-col :span=\"24\">\r\n        <el-form-item label=\"图片：\">\r\n          <div class=\"pictrueBox\" v-db-click @click=\"modalPicTap('dan', 'danTable', 0)\">\r\n            <div class=\"pictrue\" v-if=\"oneFormValidate[0].pic\">\r\n              <img v-lazy=\"oneFormValidate[0].pic\" />\r\n              <el-input v-model=\"oneFormValidate[0].pic\" style=\"display: none\"></el-input>\r\n            </div>\r\n            <div class=\"upLoad acea-row row-center-wrapper\" v-else>\r\n              <el-input v-model=\"oneFormValidate[0].pic\" style=\"display: none\"></el-input>\r\n              <i class=\"el-icon-picture-outline\" style=\"font-size: 24px\"></i>\r\n            </div>\r\n          </div>\r\n        </el-form-item>\r\n      </el-col>\r\n      <el-col :span=\"24\">\r\n        <el-form-item label=\"售价：\">\r\n          <el-input-number\r\n            :controls=\"false\"\r\n            v-model=\"oneFormValidate[0].price\"\r\n            :min=\"0\"\r\n            :precision=\"2\"\r\n            :max=\"9999999999\"\r\n            class=\"input_width input-number-unit-class\"\r\n            :active-change=\"false\"\r\n            class-unit=\"元\"\r\n          ></el-input-number>\r\n        </el-form-item>\r\n      </el-col>\r\n      <el-col :span=\"24\">\r\n        <el-form-item label=\"成本价：\">\r\n          <el-input-number\r\n            :controls=\"false\"\r\n            v-model=\"oneFormValidate[0].cost\"\r\n            :min=\"0\"\r\n            :max=\"9999999999\"\r\n            :precision=\"2\"\r\n            :active-change=\"false\"\r\n            class=\"input_width input-number-unit-class\"\r\n            class-unit=\"元\"\r\n          ></el-input-number>\r\n        </el-form-item>\r\n      </el-col>\r\n      <el-col :span=\"24\">\r\n        <el-form-item label=\"划线价：\">\r\n          <el-input-number\r\n            :controls=\"false\"\r\n            v-model=\"oneFormValidate[0].ot_price\"\r\n            :min=\"0\"\r\n            :max=\"9999999999\"\r\n            :precision=\"2\"\r\n            :active-change=\"false\"\r\n            class=\"input_width input-number-unit-class\"\r\n            class-unit=\"元\"\r\n          ></el-input-number>\r\n        </el-form-item>\r\n      </el-col>\r\n      <el-col :span=\"24\">\r\n        <el-form-item label=\"库存：\">\r\n          <el-input-number\r\n            :controls=\"false\"\r\n            v-model=\"oneFormValidate[0].stock\"\r\n            :min=\"0\"\r\n            :max=\"9999999999\"\r\n            :disabled=\"formValidate.virtual_type == 1\"\r\n            :precision=\"0\"\r\n            class=\"input_width input-number-unit-class\"\r\n            :class-unit=\"formValidate.unit_name || '件'\"\r\n          ></el-input-number>\r\n        </el-form-item>\r\n      </el-col>\r\n      <el-col :span=\"24\">\r\n        <el-form-item label=\"商品编码：\">\r\n          <el-input v-model.trim=\"oneFormValidate[0].bar_code\" class=\"input_width\"></el-input>\r\n        </el-form-item>\r\n      </el-col>\r\n      <el-col :span=\"24\">\r\n        <el-form-item label=\"条形码：\">\r\n          <el-input v-model.trim=\"oneFormValidate[0].bar_code_number\" class=\"input_width\"></el-input>\r\n        </el-form-item>\r\n      </el-col>\r\n      <el-col :span=\"24\" v-if=\"formValidate.virtual_type == 0\">\r\n        <el-form-item label=\"重量：\">\r\n          <el-input-number\r\n            :controls=\"false\"\r\n            v-model=\"oneFormValidate[0].weight\"\r\n            :min=\"0\"\r\n            :max=\"9999999999\"\r\n            class=\"input_width input-number-unit-class\"\r\n            class-unit=\"kg\"\r\n          ></el-input-number>\r\n        </el-form-item>\r\n      </el-col>\r\n      <el-col :span=\"24\">\r\n        <el-form-item label=\"体积：\" v-if=\"formValidate.virtual_type == 0\">\r\n          <el-input-number\r\n            :controls=\"false\"\r\n            v-model=\"oneFormValidate[0].volume\"\r\n            :min=\"0\"\r\n            :max=\"9999999999\"\r\n            class=\"input_width input-number-unit-class\"\r\n            class-unit=\"m³\"\r\n          ></el-input-number>\r\n        </el-form-item>\r\n      </el-col>\r\n\r\n      <el-col :span=\"24\">\r\n        <el-form-item\r\n          :label=\"formValidate.virtual_type == 1 ? '添加卡密/网盘：' : '选择优惠券：'\"\r\n          v-if=\"formValidate.virtual_type == 1 || formValidate.virtual_type == 2\"\r\n        >\r\n          <el-button\r\n            v-if=\"!oneFormValidate[0].coupon_id && formValidate.virtual_type == 2\"\r\n            v-db-click\r\n            @click=\"addGoodsCoupon(0, 'oneFormValidate')\"\r\n            >选择优惠券</el-button\r\n          >\r\n          <span\r\n            class=\"see\"\r\n            v-else-if=\"oneFormValidate[0].coupon_id && formValidate.virtual_type == 2\"\r\n            v-db-click\r\n            @click=\"see(oneFormValidate[0], 'oneFormValidate', 0)\"\r\n            >{{ oneFormValidate[0].coupon_name }}</span\r\n          >\r\n          <el-button\r\n            v-if=\"\r\n              !oneFormValidate[0].virtual_list.length && !oneFormValidate[0].stock && formValidate.virtual_type == 1\r\n            \"\r\n            v-db-click\r\n            @click=\"addVirtual(0, 'oneFormValidate')\"\r\n            >添加卡密</el-button\r\n          >\r\n          <span\r\n            class=\"see\"\r\n            v-else-if=\"\r\n              (oneFormValidate[0].virtual_list.length || oneFormValidate[0].stock > 0) && formValidate.virtual_type == 1\r\n            \"\r\n            v-db-click\r\n            @click=\"see(oneFormValidate[0], 'oneFormValidate', 0)\"\r\n            >已设置</span\r\n          >\r\n        </el-form-item>\r\n      </el-col>\r\n    </div>\r\n  </el-row>\r\n</template>\r\n\r\n<script>\r\nimport vuedraggable from 'vuedraggable';\r\nimport VirtualScroll from './virtualTabel.vue';\r\nexport default {\r\n  name: 'SpecStock',\r\n  components: {\r\n    draggable: vuedraggable,\r\n    VirtualScroll,\r\n  },\r\n  props: {\r\n    formValidate: {\r\n      type: Object,\r\n      required: true,\r\n    },\r\n    ruleList: {\r\n      type: Array,\r\n      required: true,\r\n    },\r\n    attrs: {\r\n      type: Array,\r\n      required: true,\r\n    },\r\n    manyFormValidate: {\r\n      type: Array,\r\n      required: true,\r\n    },\r\n    oneFormValidate: {\r\n      type: Array,\r\n      required: true,\r\n    },\r\n    tableKey: {\r\n      type: Number,\r\n      required: true,\r\n    },\r\n    canSel: {\r\n      type: Boolean,\r\n      required: true,\r\n    },\r\n    formDynamic: {\r\n      type: Object,\r\n      required: true,\r\n    },\r\n    oneFormBatch: {\r\n      type: Array,\r\n      required: true,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      virtualList: [],\r\n    };\r\n  },\r\n  methods: {\r\n    changeSpec(val) {\r\n      this.$emit('changeSpec', val);\r\n    },\r\n    confirm(name) {\r\n      this.$emit('confirm', name);\r\n    },\r\n    onMoveSpec(val) {\r\n      this.$emit('onMoveSpec', val);\r\n    },\r\n    changeDefaultSelect(e, index) {\r\n      this.$emit('changeDefaultSelect', e, index);\r\n    },\r\n    changeDefaultShow(index) {\r\n      this.$emit('changeDefaultShow', index);\r\n    },\r\n    modalPicTap(type, tableName, index) {\r\n      this.$emit('modalPicTap', type, tableName, index);\r\n    },\r\n    handleRemove2(index, type, tableName) {\r\n      this.$emit('handleRemove2', index, type, tableName);\r\n    },\r\n    batchAdd() {\r\n      this.$emit('batchAdd');\r\n    },\r\n    handleAddRole() {\r\n      this.$emit('handleAddRole');\r\n    },\r\n    batchDel() {\r\n      this.$emit('batchDel');\r\n    },\r\n    handleFocus(e) {\r\n      this.$emit('handleFocus', e);\r\n    },\r\n    attrDetailChangeValue(val, index) {\r\n      this.$emit('attrDetailChangeValue', val, index);\r\n    },\r\n    handleBlur(e) {\r\n      this.$emit('handleBlur', e);\r\n    },\r\n    attrChangeValue(val, index) {\r\n      this.$emit('attrChangeValue', val, index);\r\n    },\r\n    handleShowPop(e) {\r\n      this.$emit('handleShowPop', e);\r\n    },\r\n    handleSelImg(e) {\r\n      this.$emit('handleSelImg', e);\r\n    },\r\n    handleSaveAsTemplate() {\r\n      this.$emit('handleSaveAsTemplate');\r\n    },\r\n    addGoodsCoupon(index, type) {\r\n      this.$emit('addGoodsCoupon', index, type);\r\n    },\r\n    changeCurrentIndex(index) {\r\n      this.$emit('changeCurrentIndex', index);\r\n    },\r\n    addVirtual(index, type) {\r\n      this.$emit('addVirtual', index, type);\r\n    },\r\n    handleRemoveImg(index) {\r\n      this.$emit('handleRemoveImg', index);\r\n    },\r\n    handleRemoveRole(index) {\r\n      this.$emit('handleRemoveRole', index);\r\n    },\r\n    see(val, type, index) {\r\n      this.$emit('see', val, type, index);\r\n    },\r\n    createAttr(data, index) {\r\n      this.$emit('createAttr', data, index);\r\n    },\r\n    // 生成列表 行 列 数据\r\n    tableCellClassName({ row, column, rowIndex, columnIndex }) {\r\n      //注意这里是解构\r\n      //利用单元格的 className 的回调方法，给行列索引赋值\r\n      row.index = rowIndex || '';\r\n      column.index = columnIndex;\r\n    },\r\n    // 规格图片添加开关\r\n    addPic(e, i) {\r\n      if (e) {\r\n        this.attrs.map((item, ii) => {\r\n          if (ii !== i) {\r\n            this.$set(item, 'add_pic', 0);\r\n          }\r\n        });\r\n        this.canSel = false;\r\n      } else {\r\n        this.canSel = true;\r\n      }\r\n    },\r\n    // 合并单元格\r\n    objectSpanMethod({ row, column, rowIndex, columnIndex }) {\r\n      if (columnIndex === 0 && rowIndex > 0) {\r\n        let lable = column.label;\r\n        //这里判断第几列需要合并\r\n        const tagFamily = this.manyFormValidate[rowIndex].detail[lable];\r\n        const index = this.manyFormValidate.findIndex((item, index) => {\r\n          if (index > 0) return item.detail[lable] == tagFamily;\r\n        });\r\n        if (rowIndex == index) {\r\n          let len = 1;\r\n          for (let i = index + 1; i < this.manyFormValidate.length; i++) {\r\n            if (this.manyFormValidate[i].detail[lable] !== tagFamily) {\r\n              break;\r\n            }\r\n            len++;\r\n          }\r\n          return {\r\n            rowspan: len,\r\n            colspan: 1,\r\n          };\r\n        } else {\r\n          return {\r\n            rowspan: 0,\r\n            colspan: 0,\r\n          };\r\n        }\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n@use '../productAdd.scss' as *;\r\n</style>\r\n"]}]}