{"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\\productList\\attribute\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\product\\productList\\attribute\\index.vue","mtime":1761185180165},{"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:DQppbXBvcnQgeyBtYXBTdGF0ZSB9IGZyb20gJ3Z1ZXgnOw0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOiAnYXR0cmlidXRlJywNCiAgcHJvcHM6IHsNCiAgICBhdHRyVGVtcGxhdGU6IHsNCiAgICAgIHR5cGU6IEJvb2xlYW4sDQogICAgfSwNCiAgfSwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgdmFsOiBmYWxzZSwNCiAgICAgIHNwZWNzVmFsOiAnJywNCiAgICAgIHNwZWNzOiBbXSwNCiAgICAgIGF0dHJWYWw6ICcnLA0KICAgICAgYXR0ckxpc3Q6IFtdLA0KICAgIH07DQogIH0sDQogIHdhdGNoOiB7DQogICAgYXR0clRlbXBsYXRlOiBmdW5jdGlvbiAobikgew0KICAgICAgdGhpcy52YWwgPSBuOw0KICAgIH0sDQogIH0sDQogIGNvbXB1dGVkOiB7fSwNCiAgbWV0aG9kczogew0KICAgIGNhbmNlbCgpIHsNCiAgICAgIHRoaXMuJGVtaXQoJ2NoYW5nZVRlbXBsYXRlJywgZmFsc2UpOw0KICAgIH0sDQogICAgY29uZmlybSgpIHsNCiAgICAgIGlmICh0aGlzLnNwZWNzVmFsID09PSAnJykgew0KICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKCfor7floavlhpnop4TmoLzlkI3np7AnKTsNCiAgICAgIH0gZWxzZSB7DQogICAgICAgIHRoaXMuc3BlY3MucHVzaCh0aGlzLnNwZWNzVmFsKTsNCiAgICAgICAgdGhpcy5hdHRyTGlzdC5wdXNoKHsNCiAgICAgICAgICBhdHRyOiB0aGlzLnNwZWNzVmFsLA0KICAgICAgICAgIGlucHV0VmFsOiAnJywNCiAgICAgICAgICBhdHRyVmFsOiBbXSwNCiAgICAgICAgfSk7DQogICAgICAgIHRoaXMuc3BlY3NWYWwgPSAnJzsNCiAgICAgICAgaWYgKHRoaXMuc3BlY3NWYWwgIT09ICcnKSB7DQogICAgICAgICAgdGhpcy5hdHRyTGlzdC5mb3JFYWNoKChpdGVtKSA9PiB7DQogICAgICAgICAgICBpZiAoaXRlbS5hdHRyVmFsLmxlbmd0aCA8IDEpIHsNCiAgICAgICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcign6K+35aGr5YaZ6KeE5qC85bGe5oCnJyk7DQogICAgICAgICAgICB9DQogICAgICAgICAgfSk7DQogICAgICAgIH0NCiAgICAgIH0NCiAgICB9LA0KICAgIGNvbmZpcm1BdHRyKGluZGV4KSB7DQogICAgICBsZXQgYXR0ckxpc3QgPSB0aGlzLmF0dHJMaXN0W2luZGV4XTsNCiAgICAgIGlmIChhdHRyTGlzdC5pbnB1dFZhbCA9PT0gJycpIHsNCiAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcign6K+35aGr5YaZ6KeE5qC85bGe5oCnJyk7DQogICAgICB9IGVsc2Ugew0KICAgICAgICBhdHRyTGlzdC5hdHRyVmFsLnB1c2goYXR0ckxpc3QuaW5wdXRWYWwpOw0KICAgICAgICBhdHRyTGlzdC5pbnB1dFZhbCA9PT0gJyc7DQogICAgICB9DQogICAgfSwNCiAgfSwNCiAgbW91bnRlZCgpIHt9LA0KfTsNCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAgDA;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":"index.vue","sourceRoot":"src/pages/product/productList/attribute","sourcesContent":["<template>\r\n  <div>\r\n    <el-dialog :visible.sync=\"val\" title=\"商品属性\" width=\"1000px\" @closed=\"cancel\">\r\n      <div class=\"Modals\">\r\n        <el-form class=\"form\" ref=\"form\" label-width=\"70px\" label-position=\"right\">\r\n          <el-row :gutter=\"24\">\r\n            <el-col :xl=\"24\" :lg=\"24\" :md=\"24\" :sm=\"24\" :xs=\"24\">\r\n              <el-form-item label=\"规格：\" prop=\"store_name\" label-for=\"store_name\">\r\n                <el-input\r\n                  placeholder=\"规格\"\r\n                  style=\"width: 10%\"\r\n                  class=\"input\"\r\n                  :value=\"item\"\r\n                  v-for=\"(item, index) in specs\"\r\n                  :key=\"index\"\r\n                >\r\n                </el-input>\r\n                <el-input placeholder=\"请输入\" v-model=\"specsVal\" style=\"width: 10%\" class=\"input\">\r\n                  <i slot=\"suffix\" class=\"el-input__icon el-icon-plus\" v-db-click @click=\"confirm\"></i>\r\n                </el-input>\r\n                <!--<el-button type=\"primary\" v-db-click @click=\"confirm\"></el-button>-->\r\n              </el-form-item>\r\n            </el-col>\r\n            <el-col :xl=\"24\" :lg=\"24\" :md=\"24\" :sm=\"24\" :xs=\"24\">\r\n              <el-form-item\r\n                :label=\"item.attr + ':'\"\r\n                prop=\"store_name\"\r\n                label-for=\"store_name\"\r\n                v-for=\"(item, index) in attrList\"\r\n                :key=\"index\"\r\n              >\r\n                <el-tag closable color=\"primary\" v-for=\"(itemn, index) in item.attrVal\" :key=\"index\">{{\r\n                  itemn\r\n                }}</el-tag>\r\n                <el-input placeholder=\"请输入\" v-model=\"item.inputVal\" style=\"width: 10%\" class=\"input\">\r\n                  <i slot=\"suffix\" class=\"el-input__icon el-icon-plus\" v-db-click @click=\"confirmAttr(index)\"></i>\r\n                </el-input>\r\n                <!--<el-button type=\"primary\" v-db-click @click=\"confirm\"></el-button>-->\r\n              </el-form-item>\r\n            </el-col>\r\n          </el-row>\r\n        </el-form>\r\n      </div>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nexport default {\r\n  name: 'attribute',\r\n  props: {\r\n    attrTemplate: {\r\n      type: Boolean,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      val: false,\r\n      specsVal: '',\r\n      specs: [],\r\n      attrVal: '',\r\n      attrList: [],\r\n    };\r\n  },\r\n  watch: {\r\n    attrTemplate: function (n) {\r\n      this.val = n;\r\n    },\r\n  },\r\n  computed: {},\r\n  methods: {\r\n    cancel() {\r\n      this.$emit('changeTemplate', false);\r\n    },\r\n    confirm() {\r\n      if (this.specsVal === '') {\r\n        this.$message.error('请填写规格名称');\r\n      } else {\r\n        this.specs.push(this.specsVal);\r\n        this.attrList.push({\r\n          attr: this.specsVal,\r\n          inputVal: '',\r\n          attrVal: [],\r\n        });\r\n        this.specsVal = '';\r\n        if (this.specsVal !== '') {\r\n          this.attrList.forEach((item) => {\r\n            if (item.attrVal.length < 1) {\r\n              this.$message.error('请填写规格属性');\r\n            }\r\n          });\r\n        }\r\n      }\r\n    },\r\n    confirmAttr(index) {\r\n      let attrList = this.attrList[index];\r\n      if (attrList.inputVal === '') {\r\n        this.$message.error('请填写规格属性');\r\n      } else {\r\n        attrList.attrVal.push(attrList.inputVal);\r\n        attrList.inputVal === '';\r\n      }\r\n    },\r\n  },\r\n  mounted() {},\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.Modals ::v-deep .input {\r\n  margin-right: 10px;\r\n}\r\n</style>\r\n"]}]}