{"remainingRequest":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js??ref--0-2!E:\\item\\newItem\\admin\\src\\pages\\product\\productAttr\\addAttr.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\pages\\product\\productAttr\\addAttr.vue","mtime":1677828270228},{"path":"E:\\item\\newItem\\admin\\babel.config.js","mtime":1677828270071},{"path":"E:\\item\\newItem\\admin\\.babelrc","mtime":1677828270070},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js","mtime":1570440814000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkuc3BsaWNlLmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMub2JqZWN0LnRvLXN0cmluZy5qcyI7Ci8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCmltcG9ydCB7IG1hcFN0YXRlIH0gZnJvbSAndnVleCc7CmltcG9ydCB7IHJ1bGVBZGRBcGksIHJ1bGVJbmZvQXBpIH0gZnJvbSAnQC9hcGkvcHJvZHVjdCc7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnYWRkQXR0cicsCiAgZGF0YTogZnVuY3Rpb24gZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIHNwaW5TaG93OiBmYWxzZSwKICAgICAgbW9kYWxfbG9hZGluZzogZmFsc2UsCiAgICAgIGdyaWQ6IHsKICAgICAgICB4bDogMywKICAgICAgICBsZzogMywKICAgICAgICBtZDogMTIsCiAgICAgICAgc206IDI0LAogICAgICAgIHhzOiAyNAogICAgICB9LAogICAgICBtb2RhbDogZmFsc2UsCiAgICAgIGluZGV4OiAxLAogICAgICBydWxlczogewogICAgICAgIHJ1bGVfbmFtZTogW3sKICAgICAgICAgIHJlcXVpcmVkOiB0cnVlLAogICAgICAgICAgbWVzc2FnZTogJ+ivt+i+k+WFpeinhOagvOWQjeensCcsCiAgICAgICAgICB0cmlnZ2VyOiAnYmx1cicKICAgICAgICB9XQogICAgICB9LAogICAgICBmb3JtRHluYW1pYzogewogICAgICAgIHJ1bGVfbmFtZTogJycsCiAgICAgICAgc3BlYzogW10KICAgICAgfSwKICAgICAgYXR0cnNOYW1lOiAnJywKICAgICAgYXR0cnNWYWw6ICcnLAogICAgICBmb3JtRHluYW1pY05hbWVEYXRhOiBbXSwKICAgICAgaXNCdG46IGZhbHNlLAogICAgICBmb3JtRHluYW1pY05hbWU6IFtdLAogICAgICByZXN1bHRzOiBbXSwKICAgICAgcmVzdWx0OiBbXSwKICAgICAgaWRzOiAwCiAgICB9OwogIH0sCiAgY29tcHV0ZWQ6IHt9LAogIG1ldGhvZHM6IHsKICAgIG9uQ2FuY2VsOiBmdW5jdGlvbiBvbkNhbmNlbCgpIHsKICAgICAgdGhpcy5pZHMgPSAwOwogICAgICB0aGlzLmNsZWFyKCk7CiAgICB9LAogICAgLy8g5re75Yqg5oyJ6ZKuCiAgICBhZGRCdG46IGZ1bmN0aW9uIGFkZEJ0bigpIHsKICAgICAgdGhpcy5pc0J0biA9IHRydWU7CiAgICB9LAogICAgLy8g6K+m5oOFCiAgICBnZXRJb2ZvOiBmdW5jdGlvbiBnZXRJb2ZvKHJvdykgewogICAgICB2YXIgX3RoaXMgPSB0aGlzOwoKICAgICAgdGhpcy5zcGluU2hvdyA9IHRydWU7CiAgICAgIHRoaXMuaWRzID0gcm93LmlkOwogICAgICBydWxlSW5mb0FwaShyb3cuaWQpLnRoZW4oZnVuY3Rpb24gKHJlcykgewogICAgICAgIF90aGlzLmZvcm1EeW5hbWljID0gcmVzLmRhdGEuaW5mbzsKICAgICAgICBfdGhpcy5zcGluU2hvdyA9IGZhbHNlOwogICAgICB9KS5jYXRjaChmdW5jdGlvbiAocmVzKSB7CiAgICAgICAgX3RoaXMuc3BpblNob3cgPSBmYWxzZTsKCiAgICAgICAgX3RoaXMuJE1lc3NhZ2UuZXJyb3IocmVzLm1zZyk7CiAgICAgIH0pOwogICAgfSwKICAgIC8vIOaPkOS6pAogICAgaGFuZGxlU3VibWl0OiBmdW5jdGlvbiBoYW5kbGVTdWJtaXQobmFtZSkgewogICAgICB2YXIgX3RoaXMyID0gdGhpczsKCiAgICAgIHRoaXMuJHJlZnNbbmFtZV0udmFsaWRhdGUoZnVuY3Rpb24gKHZhbGlkKSB7CiAgICAgICAgaWYgKHZhbGlkKSB7CiAgICAgICAgICBpZiAoX3RoaXMyLmZvcm1EeW5hbWljLnNwZWMubGVuZ3RoID09PSAwKSB7CiAgICAgICAgICAgIHJldHVybiBfdGhpczIuJE1lc3NhZ2Uud2FybmluZygn6K+36Iez5bCR5re75Yqg5LiA5p2h5ZWG5ZOB6KeE5qC877yBJyk7CiAgICAgICAgICB9CgogICAgICAgICAgX3RoaXMyLm1vZGFsX2xvYWRpbmcgPSB0cnVlOwogICAgICAgICAgc2V0VGltZW91dChmdW5jdGlvbiAoKSB7CiAgICAgICAgICAgIHJ1bGVBZGRBcGkoX3RoaXMyLmZvcm1EeW5hbWljLCBfdGhpczIuaWRzKS50aGVuKGZ1bmN0aW9uIChyZXMpIHsKICAgICAgICAgICAgICBfdGhpczIuJE1lc3NhZ2Uuc3VjY2VzcyhyZXMubXNnKTsKCiAgICAgICAgICAgICAgc2V0VGltZW91dChmdW5jdGlvbiAoKSB7CiAgICAgICAgICAgICAgICBfdGhpczIubW9kYWwgPSBmYWxzZTsKICAgICAgICAgICAgICAgIF90aGlzMi5tb2RhbF9sb2FkaW5nID0gZmFsc2U7CiAgICAgICAgICAgICAgfSwgNTAwKTsKICAgICAgICAgICAgICBzZXRUaW1lb3V0KGZ1bmN0aW9uICgpIHsKICAgICAgICAgICAgICAgIF90aGlzMi4kZW1pdCgnZ2V0TGlzdCcpOwoKICAgICAgICAgICAgICAgIF90aGlzMi5jbGVhcigpOwogICAgICAgICAgICAgIH0sIDYwMCk7CiAgICAgICAgICAgIH0pLmNhdGNoKGZ1bmN0aW9uIChyZXMpIHsKICAgICAgICAgICAgICBfdGhpczIubW9kYWxfbG9hZGluZyA9IGZhbHNlOwoKICAgICAgICAgICAgICBfdGhpczIuJE1lc3NhZ2UuZXJyb3IocmVzLm1zZyk7CiAgICAgICAgICAgIH0pOwogICAgICAgICAgfSwgMTIwMCk7CiAgICAgICAgfSBlbHNlIHsKICAgICAgICAgIHJldHVybiBmYWxzZTsKICAgICAgICB9CiAgICAgIH0pOwogICAgfSwKICAgIGNsZWFyOiBmdW5jdGlvbiBjbGVhcigpIHsKICAgICAgdGhpcy4kcmVmc1snZm9ybUR5bmFtaWMnXS5yZXNldEZpZWxkcygpOwogICAgICB0aGlzLmZvcm1EeW5hbWljLnNwZWMgPSBbXTsKICAgICAgdGhpcy5pc0J0biA9IGZhbHNlOwogICAgICB0aGlzLmF0dHJzTmFtZSA9ICcnOwogICAgICB0aGlzLmF0dHJzVmFsID0gJyc7CiAgICAgIHRoaXMuaWRzID0gMDsKICAgIH0sCiAgICAvLyDlj5bmtogKICAgIG9mZkF0dHJOYW1lOiBmdW5jdGlvbiBvZmZBdHRyTmFtZSgpIHsKICAgICAgdGhpcy5pc0J0biA9IGZhbHNlOwogICAgfSwKICAgIC8vIOWIoOmZpAogICAgaGFuZGxlUmVtb3ZlOiBmdW5jdGlvbiBoYW5kbGVSZW1vdmUoaW5kZXgpIHsKICAgICAgdGhpcy5mb3JtRHluYW1pYy5zcGVjLnNwbGljZShpbmRleCwgMSk7CiAgICB9LAogICAgLy8g5Yig6Zmk5bGe5oCnCiAgICBoYW5kbGVSZW1vdmUyOiBmdW5jdGlvbiBoYW5kbGVSZW1vdmUyKGl0ZW0sIGluZGV4KSB7CiAgICAgIGl0ZW0uc3BsaWNlKGluZGV4LCAxKTsKICAgIH0sCiAgICAvLyDmt7vliqDop4TliJnlkI3np7AKICAgIGNyZWF0ZUF0dHJOYW1lOiBmdW5jdGlvbiBjcmVhdGVBdHRyTmFtZSgpIHsKICAgICAgaWYgKHRoaXMuYXR0cnNOYW1lICYmIHRoaXMuYXR0cnNWYWwpIHsKICAgICAgICB2YXIgZGF0YSA9IHsKICAgICAgICAgIHZhbHVlOiB0aGlzLmF0dHJzTmFtZSwKICAgICAgICAgIGRldGFpbDogW3RoaXMuYXR0cnNWYWxdCiAgICAgICAgfTsKICAgICAgICB0aGlzLmZvcm1EeW5hbWljLnNwZWMucHVzaChkYXRhKTsKICAgICAgICB2YXIgaGFzaCA9IHt9OwogICAgICAgIHRoaXMuZm9ybUR5bmFtaWMuc3BlYyA9IHRoaXMuZm9ybUR5bmFtaWMuc3BlYy5yZWR1Y2UoZnVuY3Rpb24gKGl0ZW0sIG5leHQpIHsKICAgICAgICAgIC8qIGVzbGludC1kaXNhYmxlICovCiAgICAgICAgICBoYXNoW25leHQudmFsdWVdID8gJycgOiBoYXNoW25leHQudmFsdWVdID0gdHJ1ZSAmJiBpdGVtLnB1c2gobmV4dCk7CiAgICAgICAgICByZXR1cm4gaXRlbTsKICAgICAgICB9LCBbXSk7CiAgICAgICAgdGhpcy5hdHRyc05hbWUgPSAnJzsKICAgICAgICB0aGlzLmF0dHJzVmFsID0gJyc7CiAgICAgICAgdGhpcy5pc0J0biA9IGZhbHNlOwogICAgICB9IGVsc2UgewogICAgICAgIHRoaXMuJE1lc3NhZ2Uud2FybmluZygn6K+35re75Yqg6KeE5qC85ZCN56ew5oiW6KeE5qC85YC8Jyk7CiAgICAgIH0KICAgIH0sCiAgICAvLyDmt7vliqDlsZ7mgKcKICAgIGNyZWF0ZUF0dHI6IGZ1bmN0aW9uIGNyZWF0ZUF0dHIobnVtLCBpZHgpIHsKICAgICAgaWYgKG51bSkgewogICAgICAgIHRoaXMuZm9ybUR5bmFtaWMuc3BlY1tpZHhdLmRldGFpbC5wdXNoKG51bSk7CiAgICAgICAgdmFyIGhhc2ggPSB7fTsKICAgICAgICB0aGlzLmZvcm1EeW5hbWljLnNwZWNbaWR4XS5kZXRhaWwgPSB0aGlzLmZvcm1EeW5hbWljLnNwZWNbaWR4XS5kZXRhaWwucmVkdWNlKGZ1bmN0aW9uIChpdGVtLCBuZXh0KSB7CiAgICAgICAgICAvKiBlc2xpbnQtZGlzYWJsZSAqLwogICAgICAgICAgaGFzaFtuZXh0XSA/ICcnIDogaGFzaFtuZXh0XSA9IHRydWUgJiYgaXRlbS5wdXNoKG5leHQpOwogICAgICAgICAgcmV0dXJuIGl0ZW07CiAgICAgICAgfSwgW10pOwogICAgICB9IGVsc2UgewogICAgICAgIHRoaXMuJE1lc3NhZ2Uud2FybmluZygn6K+35re75Yqg5bGe5oCnJyk7CiAgICAgIH0KICAgIH0KICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6EA;AACA;AACA;EACAA,eADA;EAEAC,IAFA,kBAEA;IACA;MACAC,eADA;MAEAC,oBAFA;MAGAC;QACAC,KADA;QAEAC,KAFA;QAGAC,MAHA;QAIAC,MAJA;QAKAC;MALA,CAHA;MAUAC,YAVA;MAWAC,QAXA;MAYAC;QACAC;UAAAC;UAAAC;UAAAC;QAAA;MADA,CAZA;MAeAC;QACAJ,aADA;QAEAK;MAFA,CAfA;MAmBAC,aAnBA;MAoBAC,YApBA;MAqBAC,uBArBA;MAsBAC,YAtBA;MAuBAC,mBAvBA;MAwBAC,WAxBA;MAyBAC,UAzBA;MA0BAC;IA1BA;EA4BA,CA/BA;EAgCAC,YAhCA;EAiCAC;IACAC,QADA,sBACA;MACA;MACA;IACA,CAJA;IAKA;IACAC,MANA,oBAMA;MACA;IACA,CARA;IASA;IACAC,OAVA,mBAUAC,GAVA,EAUA;MAAA;;MACA;MACA;MACAC,oBACAC,IADA,CACA;QACA;QACA;MACA,CAJA,EAKAC,KALA,CAKA;QACA;;QACA;MACA,CARA;IASA,CAtBA;IAuBA;IACAC,YAxBA,wBAwBApC,IAxBA,EAwBA;MAAA;;MACA;QACA;UACA;YACA;UACA;;UACA;UACAqC;YACAC,2CACAJ,IADA,CACA;cACA;;cACAG;gBACA;gBACA;cACA,CAHA,EAGA,GAHA;cAIAA;gBACA;;gBACA;cACA,CAHA,EAGA,GAHA;YAIA,CAXA,EAYAF,KAZA,CAYA;cACA;;cACA;YACA,CAfA;UAgBA,CAjBA,EAiBA,IAjBA;QAkBA,CAvBA,MAuBA;UACA;QACA;MACA,CA3BA;IA4BA,CArDA;IAsDAI,KAtDA,mBAsDA;MACA;MACA;MACA;MACA;MACA;MACA;IACA,CA7DA;IA8DA;IACAC,WA/DA,yBA+DA;MACA;IACA,CAjEA;IAkEA;IACAC,YAnEA,wBAmEA9B,KAnEA,EAmEA;MACA;IACA,CArEA;IAsEA;IACA+B,aAvEA,yBAuEAC,IAvEA,EAuEAhC,KAvEA,EAuEA;MACAgC;IACA,CAzEA;IA0EA;IACAC,cA3EA,4BA2EA;MACA;QACA;UACAC,qBADA;UAEAC;QAFA;QAIA;QACA;QACA;UACA;UACAC;UACA;QACA,CAJA,EAIA,EAJA;QAKA;QACA;QACA;MACA,CAfA,MAeA;QACA;MACA;IACA,CA9FA;IA+FA;IACAC,UAhGA,sBAgGAC,GAhGA,EAgGAC,GAhGA,EAgGA;MACA;QACA;QACA;QACA;UACA;UACAH;UACA;QACA,CAJA,EAIA,EAJA;MAKA,CARA,MAQA;QACA;MACA;IACA;EA5GA;AAjCA","names":["name","data","spinShow","modal_loading","grid","xl","lg","md","sm","xs","modal","index","rules","rule_name","required","message","trigger","formDynamic","spec","attrsName","attrsVal","formDynamicNameData","isBtn","formDynamicName","results","result","ids","computed","methods","onCancel","addBtn","getIofo","row","ruleInfoApi","then","catch","handleSubmit","setTimeout","ruleAddApi","clear","offAttrName","handleRemove","handleRemove2","item","createAttrName","value","detail","hash","createAttr","num","idx"],"sourceRoot":"src/pages/product/productAttr","sources":["addAttr.vue"],"sourcesContent":["<template>\r\n  <Modal scrollable v-model=\"modal\" @on-cancel=\"onCancel\" title=\"商品规格\" width=\"950\">\r\n    <Form\r\n      ref=\"formDynamic\"\r\n      :model=\"formDynamic\"\r\n      :rules=\"rules\"\r\n      class=\"attrFrom\"\r\n      :label-width=\"110\"\r\n      label-position=\"right\"\r\n      @submit.native.prevent\r\n    >\r\n      <Row :gutter=\"24\">\r\n        <Col span=\"24\">\r\n          <Col span=\"8\" class=\"mb15\">\r\n            <FormItem label=\"规格模板名称：\" prop=\"rule_name\">\r\n              <Input placeholder=\"请输入标题名称\" :maxlength=\"20\" v-model.trim=\"formDynamic.rule_name\" />\r\n            </FormItem>\r\n          </Col>\r\n        </Col>\r\n        <Col span=\"23\" class=\"noForm\" v-for=\"(item, index) in formDynamic.spec\" :key=\"index\">\r\n          <FormItem>\r\n            <div class=\"acea-row row-middle\">\r\n              <span class=\"mr5\">{{ item.value }}</span\r\n              ><Icon type=\"ios-close-circle\" @click=\"handleRemove(index)\" />\r\n            </div>\r\n            <div class=\"rulesBox\">\r\n              <Tag\r\n                type=\"dot\"\r\n                class=\"\"\r\n                closable\r\n                color=\"primary\"\r\n                v-for=\"(j, indexn) in item.detail\"\r\n                :key=\"indexn\"\r\n                :name=\"j\"\r\n                @on-close=\"handleRemove2(item.detail, indexn)\"\r\n                >{{ j }}</Tag\r\n              >\r\n              <Input\r\n                search\r\n                enter-button=\"添加\"\r\n                placeholder=\"请输入属性名称\"\r\n                v-model.trim=\"item.detail.attrsVal\"\r\n                @on-search=\"createAttr(item.detail.attrsVal, index)\"\r\n                style=\"width: 200px\"\r\n              />\r\n            </div>\r\n          </FormItem>\r\n        </Col>\r\n        <Col span=\"24\" v-if=\"isBtn\" class=\"mt10\">\r\n          <Col span=\"8\" class=\"mr15\">\r\n            <FormItem label=\"规格名称：\">\r\n              <Input placeholder=\"请输入规格\" v-model=\"attrsName\" />\r\n            </FormItem>\r\n          </Col>\r\n          <Col span=\"8\" class=\"mr20\">\r\n            <FormItem label=\"规格值：\">\r\n              <Input v-model=\"attrsVal\" placeholder=\"请输入规格值\" />\r\n            </FormItem>\r\n          </Col>\r\n          <Col span=\"2\">\r\n            <Button type=\"primary\" @click=\"createAttrName\">确定</Button>\r\n          </Col>\r\n          <Col span=\"2\">\r\n            <Button @click=\"offAttrName\">取消</Button>\r\n          </Col>\r\n        </Col>\r\n        <Spin size=\"large\" fix v-if=\"spinShow\"></Spin>\r\n      </Row>\r\n      <Button type=\"primary\" icon=\"md-add\" @click=\"addBtn\" v-if=\"!isBtn\" class=\"ml95 mt10\">添加新规格</Button>\r\n    </Form>\r\n    <div slot=\"footer\">\r\n      <Button type=\"primary\" :loading=\"modal_loading\" @click=\"handleSubmit('formDynamic')\">确定</Button>\r\n    </div>\r\n  </Modal>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport { ruleAddApi, ruleInfoApi } from '@/api/product';\r\nexport default {\r\n  name: 'addAttr',\r\n  data() {\r\n    return {\r\n      spinShow: false,\r\n      modal_loading: false,\r\n      grid: {\r\n        xl: 3,\r\n        lg: 3,\r\n        md: 12,\r\n        sm: 24,\r\n        xs: 24,\r\n      },\r\n      modal: false,\r\n      index: 1,\r\n      rules: {\r\n        rule_name: [{ required: true, message: '请输入规格名称', trigger: 'blur' }],\r\n      },\r\n      formDynamic: {\r\n        rule_name: '',\r\n        spec: [],\r\n      },\r\n      attrsName: '',\r\n      attrsVal: '',\r\n      formDynamicNameData: [],\r\n      isBtn: false,\r\n      formDynamicName: [],\r\n      results: [],\r\n      result: [],\r\n      ids: 0,\r\n    };\r\n  },\r\n  computed: {},\r\n  methods: {\r\n    onCancel() {\r\n      this.ids = 0;\r\n      this.clear();\r\n    },\r\n    // 添加按钮\r\n    addBtn() {\r\n      this.isBtn = true;\r\n    },\r\n    // 详情\r\n    getIofo(row) {\r\n      this.spinShow = true;\r\n      this.ids = row.id;\r\n      ruleInfoApi(row.id)\r\n        .then((res) => {\r\n          this.formDynamic = res.data.info;\r\n          this.spinShow = false;\r\n        })\r\n        .catch((res) => {\r\n          this.spinShow = false;\r\n          this.$Message.error(res.msg);\r\n        });\r\n    },\r\n    // 提交\r\n    handleSubmit(name) {\r\n      this.$refs[name].validate((valid) => {\r\n        if (valid) {\r\n          if (this.formDynamic.spec.length === 0) {\r\n            return this.$Message.warning('请至少添加一条商品规格！');\r\n          }\r\n          this.modal_loading = true;\r\n          setTimeout(() => {\r\n            ruleAddApi(this.formDynamic, this.ids)\r\n              .then((res) => {\r\n                this.$Message.success(res.msg);\r\n                setTimeout(() => {\r\n                  this.modal = false;\r\n                  this.modal_loading = false;\r\n                }, 500);\r\n                setTimeout(() => {\r\n                  this.$emit('getList');\r\n                  this.clear();\r\n                }, 600);\r\n              })\r\n              .catch((res) => {\r\n                this.modal_loading = false;\r\n                this.$Message.error(res.msg);\r\n              });\r\n          }, 1200);\r\n        } else {\r\n          return false;\r\n        }\r\n      });\r\n    },\r\n    clear() {\r\n      this.$refs['formDynamic'].resetFields();\r\n      this.formDynamic.spec = [];\r\n      this.isBtn = false;\r\n      this.attrsName = '';\r\n      this.attrsVal = '';\r\n      this.ids = 0;\r\n    },\r\n    // 取消\r\n    offAttrName() {\r\n      this.isBtn = false;\r\n    },\r\n    // 删除\r\n    handleRemove(index) {\r\n      this.formDynamic.spec.splice(index, 1);\r\n    },\r\n    // 删除属性\r\n    handleRemove2(item, index) {\r\n      item.splice(index, 1);\r\n    },\r\n    // 添加规则名称\r\n    createAttrName() {\r\n      if (this.attrsName && this.attrsVal) {\r\n        let data = {\r\n          value: this.attrsName,\r\n          detail: [this.attrsVal],\r\n        };\r\n        this.formDynamic.spec.push(data);\r\n        var hash = {};\r\n        this.formDynamic.spec = this.formDynamic.spec.reduce(function (item, next) {\r\n          /* eslint-disable */\r\n          hash[next.value] ? '' : (hash[next.value] = true && item.push(next));\r\n          return item;\r\n        }, []);\r\n        this.attrsName = '';\r\n        this.attrsVal = '';\r\n        this.isBtn = false;\r\n      } else {\r\n        this.$Message.warning('请添加规格名称或规格值');\r\n      }\r\n    },\r\n    // 添加属性\r\n    createAttr(num, idx) {\r\n      if (num) {\r\n        this.formDynamic.spec[idx].detail.push(num);\r\n        var hash = {};\r\n        this.formDynamic.spec[idx].detail = this.formDynamic.spec[idx].detail.reduce(function (item, next) {\r\n          /* eslint-disable */\r\n          hash[next] ? '' : (hash[next] = true && item.push(next));\r\n          return item;\r\n        }, []);\r\n      } else {\r\n        this.$Message.warning('请添加属性');\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"stylus\">\r\n.rulesBox {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.attrFrom {\r\n  >>> .ivu-form-item {\r\n    margin-bottom: 0px !important;\r\n  }\r\n}\r\n</style>\r\n"]}]}