{"remainingRequest":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js!D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\qianger\\7\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\qianger\\7\\jindouyunNewFront\\src\\views\\Customer\\CustomerAdmin\\LabelManagement.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\qianger\\7\\jindouyunNewFront\\src\\views\\Customer\\CustomerAdmin\\LabelManagement.vue","mtime":1655374732000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\babel.config.js","mtime":1655374732000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgZ2V0QWxsQ3VzdG9tZXJUYWdMaWIsIGFkZEN1c3RvbWVyVGFnTGliLCBkZWxDdXN0b21lclRhZ0xpYiwgZ2V0Q3VzdG9tZXJUYWdMaWJJbmZvLCBlZGl0Q3VzdG9tZXJUYWdMaWIgfSBmcm9tICJAL2FwaS9DdXN0b21lciI7CmV4cG9ydCBkZWZhdWx0IHsKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgZGlhbG9nVmlzaWJsZTogZmFsc2UsCiAgICAgIHZhbHVlOiAiNCIsCiAgICAgIHJhZGlvOiAxLAogICAgICBkeW5hbWljVGFnczogW10sCiAgICAgIGlucHV0VmlzaWJsZTogZmFsc2UsCiAgICAgIGlucHV0VmFsdWU6ICIiLAogICAgICBjdXN0b21lcl9zdGF0dXM6IFtdLAogICAgICB0aXRsZV92YWx1ZTogIiIsCiAgICAgIGNvbXBpbGVfb3JfZXN0YWJsaXNoOiAi5Yib5bu65qCH562+57uEIiwKICAgICAgZXN0YWJsaXNoX2ZsYWc6IGZhbHNlLAogICAgICBkeW5hbWljVGFnc0lkOiAiIgogICAgfTsKICB9LAoKICBjcmVhdGVkKCkgewogICAgdGhpcy5nZXRBbGxDdXN0b21lclRhZ0xpYigpOwogIH0sCgogIG1ldGhvZHM6IHsKICAgIGFzeW5jIGhhbmRsZUNsb3NlKHRhZykgewogICAgICBpZiAodGhpcy5keW5hbWljVGFncy5sZW5ndGggPD0gMSkgewogICAgICAgIHRoaXMuJG1lc3NhZ2Uud2FybmluZygi5b+F6aG75L+d55WZ5LiA5Liq5qCH562+Iik7CiAgICAgICAgcmV0dXJuOwogICAgICB9CgogICAgICB0aGlzLmR5bmFtaWNUYWdzLnNwbGljZSh0aGlzLmR5bmFtaWNUYWdzLmluZGV4T2YodGFnKSwgMSk7CgogICAgICBpZiAodGhpcy5lc3RhYmxpc2hfZmxhZykgewogICAgICAgIGNvbnN0IHsKICAgICAgICAgIGRhdGEKICAgICAgICB9ID0gYXdhaXQgZGVsQ3VzdG9tZXJUYWdMaWIoewogICAgICAgICAgcGlkOiB0YWcucGlkLAogICAgICAgICAgaWQ6IHRhZy5pZAogICAgICAgIH0pOwogICAgICAgIHRoaXMuJG1lc3NhZ2Uuc3VjY2Vzcygi5Yig6Zmk5oiQ5YqfIik7CiAgICAgICAgYXdhaXQgdGhpcy5nZXRBbGxDdXN0b21lclRhZ0xpYigpOwogICAgICB9CiAgICB9LAoKICAgIHNob3dJbnB1dCgpIHsKICAgICAgdGhpcy5pbnB1dFZpc2libGUgPSB0cnVlOwogICAgICB0aGlzLiRuZXh0VGljayhfID0+IHsKICAgICAgICB0aGlzLiRyZWZzLnNhdmVUYWdJbnB1dC4kcmVmcy5pbnB1dC5mb2N1cygpOwogICAgICB9KTsKICAgIH0sCgogICAgaGFuZGxlSW5wdXRDb25maXJtKCkgewogICAgICBsZXQgaW5wdXRWYWx1ZSA9IHRoaXMuaW5wdXRWYWx1ZS50cmltKCk7CgogICAgICBpZiAoaW5wdXRWYWx1ZSkgewogICAgICAgIHRoaXMuZHluYW1pY1RhZ3MucHVzaCh7CiAgICAgICAgICBuYW1lOiBpbnB1dFZhbHVlLAogICAgICAgICAgcGlkOiB0aGlzLmR5bmFtaWNUYWdzWzBdLnBpZAogICAgICAgIH0pOwogICAgICB9CgogICAgICB0aGlzLmlucHV0VmlzaWJsZSA9IGZhbHNlOwogICAgICB0aGlzLmlucHV0VmFsdWUgPSAiIjsKICAgIH0sCgogICAgYXN5bmMgZ2V0QWxsQ3VzdG9tZXJUYWdMaWIoKSB7CiAgICAgIGNvbnN0IHsKICAgICAgICBkYXRhCiAgICAgIH0gPSBhd2FpdCBnZXRBbGxDdXN0b21lclRhZ0xpYigpOwogICAgICB0aGlzLmN1c3RvbWVyX3N0YXR1cyA9IGRhdGE7CiAgICB9LAoKICAgIGFzeW5jIGVzdGFibGlzaCgpIHsKICAgICAgaWYgKHRoaXMudGl0bGVfdmFsdWUudHJpbSgpID09PSAiIikgewogICAgICAgIHRoaXMuJG1lc3NhZ2Uud2FybmluZygi5qCH6aKY5LiN6IO95Li656m6Iik7CiAgICAgICAgcmV0dXJuOwogICAgICB9CgogICAgICBpZiAoIXRoaXMuZHluYW1pY1RhZ3MubGVuZ3RoKSB7CiAgICAgICAgdGhpcy4kbWVzc2FnZS53YXJuaW5nKCLlv4XpobvmnInkuIDpobnmoIfnrb4iKTsKICAgICAgICByZXR1cm47CiAgICAgIH0KCiAgICAgIHRoaXMuZGlhbG9nVmlzaWJsZSA9IGZhbHNlOwogICAgICBjb25zdCBkYXRhID0gYXdhaXQgYWRkQ3VzdG9tZXJUYWdMaWIoewogICAgICAgIG5hbWU6IHRoaXMudGl0bGVfdmFsdWUsCiAgICAgICAgbXVzdFZhbHVlOiB0aGlzLnZhbHVlIC0gMCwKICAgICAgICBjb2xvdXI6IHRoaXMucmFkaW8sCiAgICAgICAgdGFnczogdGhpcy5keW5hbWljVGFncwogICAgICB9KTsKICAgICAgYXdhaXQgdGhpcy5nZXRBbGxDdXN0b21lclRhZ0xpYigpOwogICAgfSwKCiAgICBhc3luYyBkZWxUYWcoaXRlbSkgewogICAgICBjb25zdCB7CiAgICAgICAgZGF0YQogICAgICB9ID0gYXdhaXQgZGVsQ3VzdG9tZXJUYWdMaWIoewogICAgICAgIHBpZDogaXRlbS5waWQsCiAgICAgICAgaWQ6IGl0ZW0uaWQKICAgICAgfSk7CiAgICAgIGF3YWl0IHRoaXMuZ2V0QWxsQ3VzdG9tZXJUYWdMaWIoKTsKICAgIH0sCgogICAgYXN5bmMgY29tcGlsZVRhZyhpdGVtKSB7CiAgICAgIGNvbnN0IHsKICAgICAgICBkYXRhCiAgICAgIH0gPSBhd2FpdCBnZXRDdXN0b21lclRhZ0xpYkluZm8oaXRlbS5pZCk7CiAgICAgIHRoaXMuZXN0YWJsaXNoX2ZsYWcgPSB0cnVlOwogICAgICB0aGlzLmNvbXBpbGVfb3JfZXN0YWJsaXNoID0gIue8lui+keagh+etvue7hCI7CiAgICAgIHRoaXMuZGlhbG9nVmlzaWJsZSA9IHRydWU7CiAgICAgIHRoaXMudGl0bGVfdmFsdWUgPSBpdGVtLm5hbWU7CiAgICAgIHRoaXMudmFsdWUgPSBpdGVtLm11c3RWYWx1ZSArICIiOwogICAgICB0aGlzLnJhZGlvID0gaXRlbS5jb2xvdXI7CiAgICAgIHRoaXMuZHluYW1pY1RhZ3MgPSBkYXRhWzBdLmNoaWxkcmVuOwogICAgICB0aGlzLmR5bmFtaWNUYWdzSWQgPSBkYXRhWzBdLmlkOwogICAgfSwKCiAgICBjb21waWxlRmxhZygpIHsKICAgICAgdGhpcy5kaWFsb2dWaXNpYmxlID0gdHJ1ZTsKICAgICAgdGhpcy5lc3RhYmxpc2hfZmxhZyA9IGZhbHNlOwogICAgICB0aGlzLmR5bmFtaWNUYWdzID0gWyLpu5jorqTmoIfnrb4iXTsKICAgIH0sCgogICAgY2xvc2VUYWcoKSB7CiAgICAgIHRoaXMuZGlhbG9nVmlzaWJsZSA9IGZhbHNlOwogICAgICB0aGlzLnRpdGxlX3ZhbHVlID0gIiI7CiAgICAgIHRoaXMudmFsdWUgPSAiNCI7CiAgICAgIHRoaXMucmFkaW8gPSAxOwogICAgICB0aGlzLmR5bmFtaWNUYWdzID0gW107CiAgICB9LAoKICAgIGFzeW5jIGNvbmZpcm1Db21waWxlVGFnKCkgewogICAgICBpZiAodGhpcy50aXRsZV92YWx1ZS50cmltKCkgPT09ICIiKSB7CiAgICAgICAgdGhpcy4kbWVzc2FnZS53YXJuaW5nKCLmoIfpopjkuI3og73kuLrnqboiKTsKICAgICAgICByZXR1cm47CiAgICAgIH0KCiAgICAgIGlmICghdGhpcy5keW5hbWljVGFncy5sZW5ndGgpIHsKICAgICAgICB0aGlzLiRtZXNzYWdlLndhcm5pbmcoIuW/hemhu+acieS4gOmhueagh+etviIpOwogICAgICAgIHJldHVybjsKICAgICAgfQoKICAgICAgY29uc3QgewogICAgICAgIGRhdGEKICAgICAgfSA9IGF3YWl0IGVkaXRDdXN0b21lclRhZ0xpYih7CiAgICAgICAgdXBkYXRlOiBbewogICAgICAgICAgaWQ6IHRoaXMuZHluYW1pY1RhZ3NJZCwKICAgICAgICAgIG5hbWU6IHRoaXMudGl0bGVfdmFsdWUsCiAgICAgICAgICBtdXN0VmFsdWU6IHRoaXMudmFsdWUgLSAwLAogICAgICAgICAgY29sb3VyOiB0aGlzLnJhZGlvCiAgICAgICAgfV0sCiAgICAgICAgYWRkOiB0aGlzLmR5bmFtaWNUYWdzLmZpbHRlcihpdGVtID0+ICFpdGVtLmRlbGV0ZVN0YXR1cykKICAgICAgfSk7CiAgICAgIHRoaXMuJG1lc3NhZ2Uuc3VjY2Vzcygi57yW6L6R5oiQ5YqfIik7CiAgICAgIGF3YWl0IHRoaXMuZ2V0QWxsQ3VzdG9tZXJUYWdMaWIoKTsKICAgICAgdGhpcy5kaWFsb2dWaXNpYmxlID0gZmFsc2U7CiAgICB9LAoKICAgIGRlbFRhZ0dyb3VwcyhpdGVtKSB7CiAgICAgIGNvbnNvbGUubG9nKGl0ZW0pOwogICAgICB0aGlzLiRjb25maXJtKCLnoa7lrprmm7TopoHliKDpmaTov5nkuKrmoIfnrb7nu4TvvJ8sIOaYr+WQpue7p+e7rT8iLCAi5o+Q56S6IiwgewogICAgICAgIGNvbmZpcm1CdXR0b25UZXh0OiAi56Gu5a6aIiwKICAgICAgICBjYW5jZWxCdXR0b25UZXh0OiAi5Y+W5raIIiwKICAgICAgICB0eXBlOiAid2FybmluZyIKICAgICAgfSkudGhlbihhc3luYyAoKSA9PiB7CiAgICAgICAgY29uc3QgewogICAgICAgICAgZGF0YQogICAgICAgIH0gPSBhd2FpdCBkZWxDdXN0b21lclRhZ0xpYih7CiAgICAgICAgICBwaWQ6IGl0ZW0ucGlkLAogICAgICAgICAgaWQ6IGl0ZW0uaWQKICAgICAgICB9KTsKICAgICAgICBhd2FpdCB0aGlzLmdldEFsbEN1c3RvbWVyVGFnTGliKCk7CiAgICAgICAgdGhpcy4kbWVzc2FnZSh7CiAgICAgICAgICB0eXBlOiAic3VjY2VzcyIsCiAgICAgICAgICBtZXNzYWdlOiAi5Yig6Zmk5oiQ5YqfISIKICAgICAgICB9KTsKICAgICAgfSk7CiAgICB9CgogIH0KfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0JA,SACAA,oBADA,EAEAC,iBAFA,EAGAC,iBAHA,EAIAC,qBAJA,EAKAC,kBALA,QAMA,gBANA;AAOA;EACAC;IACA;MACAC,oBADA;MAEAC,UAFA;MAGAC,QAHA;MAIAC,eAJA;MAKAC,mBALA;MAMAC,cANA;MAOAC,mBAPA;MAQAC,eARA;MASAC,6BATA;MAUAC,qBAVA;MAWAC;IAXA;EAaA,CAfA;;EAgBAC;IACA;EACA,CAlBA;;EAmBAC;IACA;MACA;QACA;QACA;MACA;;MACA;;MACA;QACA;UAAAb;QAAA;UACAc,YADA;UAEAC;QAFA;QAIA;QACA;MACA;IACA,CAfA;;IAgBAC;MACA;MACA;QACA;MACA,CAFA;IAGA,CArBA;;IAsBAC;MACA;;MACA;QACA;UACAC,gBADA;UAEAJ;QAFA;MAIA;;MACA;MACA;IACA,CAhCA;;IAiCA;MACA;QAAAd;MAAA;MACA;IACA,CApCA;;IAqCA;MACA;QACA;QACA;MACA;;MACA;QACA;QACA;MACA;;MACA;MACA;QACAkB,sBADA;QAEAC,yBAFA;QAGAC,kBAHA;QAIAC;MAJA;MAMA;IACA,CAtDA;;IAuDA;MACA;QAAArB;MAAA;QACAc,aADA;QAEAC;MAFA;MAIA;IACA,CA7DA;;IA8DA;MACA;QAAAf;MAAA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;IACA,CAxEA;;IAyEAsB;MACA;MACA;MACA;IACA,CA7EA;;IA8EAC;MACA;MACA;MACA;MACA;MACA;IACA,CApFA;;IAqFA;MACA;QACA;QACA;MACA;;MACA;QACA;QACA;MACA;;MACA;QAAAvB;MAAA;QACAwB,SACA;UACAT,sBADA;UAEAG,sBAFA;UAGAC,yBAHA;UAIAC;QAJA,CADA,CADA;QASAK;MATA;MAWA;MACA;MACA;IACA,CA5GA;;IA6GAC;MACAC;MACA;QACAC,uBADA;QAEAC,sBAFA;QAGAC;MAHA,GAIAC,IAJA,CAIA;QACA;UAAA/B;QAAA;UACAc,aADA;UAEAC;QAFA;QAIA;QACA;UACAe,eADA;UAEAE;QAFA;MAIA,CAdA;IAeA;;EA9HA;AAnBA","names":["getAllCustomerTagLib","addCustomerTagLib","delCustomerTagLib","getCustomerTagLibInfo","editCustomerTagLib","data","dialogVisible","value","radio","dynamicTags","inputVisible","inputValue","customer_status","title_value","compile_or_establish","establish_flag","dynamicTagsId","created","methods","pid","id","showInput","handleInputConfirm","name","mustValue","colour","tags","compileFlag","closeTag","update","add","delTagGroups","console","confirmButtonText","cancelButtonText","type","then","message"],"sourceRoot":"src/views/Customer/CustomerAdmin","sources":["LabelManagement.vue"],"sourcesContent":["<template>\n  <Container>\n    <div v-if=\"$accessCheck($Access.LabelManagementaddTabs)\" slot=\"left\">\n      <el-button type=\"primary\" @click=\"compileFlag\">创建标签组</el-button>\n    </div>\n    <div v-for=\"(item, index) in customer_status\" :key=\"index\">\n      <div v-if=\"item.deleteStatus === 5\" class=\"detail-tab-item\">\n        <div class=\"detail-tab-title clearfix\">\n          <span class=\"float_left\">{{ item.name }}</span>\n          <div class=\"float_right\">\n            <el-button\n              v-if=\"$accessCheck($Access.LabelManagementdeleteTags)\"\n              style=\"\n                float: right;\n                padding: 3px 0;\n                margin-right: 10px;\n                color: orange;\n              \"\n              type=\"text\"\n              @click=\"delTagGroups(item)\"\n            >\n              删除\n            </el-button>\n            <el-button\n              v-if=\"$accessCheck($Access.LabelManagementeditTags)\"\n              class=\"float_left\"\n              style=\"padding: 3px 0; margin-right: 10px; color: rgb(55, 63, 70)\"\n              type=\"text\"\n              @click=\"compileTag(item)\"\n            >\n              编辑标签组\n            </el-button>\n          </div>\n        </div>\n        <div class=\"detail-tab-main\">\n          <span v-for=\"(item1, index1) in item.children\" :key=\"index1\">\n            <el-tag\n              v-if=\"item1.deleteStatus === 5\"\n              size=\"medium\"\n              effect=\"plain\"\n              style=\"margin-right: 5px; color: #fff\"\n              :color=\"\n                (() => {\n                  if (item.colour === 1) {\n                    return '#409EFF';\n                  } else if (item.colour === 2) {\n                    return '#67C23A';\n                  } else if (item.colour === 3) {\n                    return 'rgb(245, 147, 119)';\n                  } else if (item.colour === 4) {\n                    return '#E6A23C';\n                  }\n                })()\n              \"\n            >\n              {{ item1.name }}\n            </el-tag>\n          </span>\n        </div>\n      </div>\n    </div>\n    <el-dialog\n      :title=\"compile_or_establish\"\n      :visible.sync=\"dialogVisible\"\n      width=\"40%\"\n      @close=\"closeTag\"\n    >\n      <div>\n        <div style=\"font-weight: 700; font-size: 16px; margin-bottom: 10px\">\n          标题\n        </div>\n        <div style=\"width: 50%\">\n          <el-input v-model=\"title_value\" placeholder=\"请输入内容\"></el-input>\n        </div>\n      </div>\n      <div>\n        <div style=\"font-weight: 700; font-size: 16px; margin: 20px 0 10px 0\">\n          创建客户时必填\n        </div>\n        <div>\n          <el-switch\n            v-model=\"value\"\n            active-color=\"#36B365\"\n            inactive-color=\"rgb(223,224,224)\"\n            active-value=\"5\"\n            inactive-value=\"4\"\n          ></el-switch>\n        </div>\n      </div>\n      <div>\n        <div style=\"font-weight: 700; font-size: 16px; margin: 20px 0 10px 0\">\n          颜色\n        </div>\n        <div>\n          <el-radio-group v-model=\"radio\">\n            <el-radio :label=\"1\" style=\"color: rgb(61, 115, 255)\">蓝</el-radio>\n            <el-radio :label=\"2\" style=\"color: rgb(100, 212, 138)\">绿</el-radio>\n            <el-radio :label=\"3\" style=\"color: rgb(245, 147, 119)\">粉</el-radio>\n            <el-radio :label=\"4\" style=\"color: rgb(247, 192, 91)\">橙</el-radio>\n          </el-radio-group>\n        </div>\n        <div>\n          <div style=\"font-weight: 700; font-size: 16px; margin: 20px 0 10px 0\">\n            标签\n          </div>\n          <div>\n            <el-tag\n              v-for=\"(tag, index) in dynamicTags\"\n              :key=\"index\"\n              class=\"radius\"\n              size=\"medium\"\n              closable\n              :disable-transitions=\"false\"\n              effect=\"plain\"\n              type=\"info\"\n              @close=\"handleClose(tag)\"\n            >\n              {{ tag.name || tag }}\n            </el-tag>\n            <el-input\n              v-if=\"inputVisible\"\n              ref=\"saveTagInput\"\n              v-model=\"inputValue\"\n              class=\"input-new-tag\"\n              size=\"small\"\n              @keyup.enter.native=\"handleInputConfirm\"\n              @blur=\"handleInputConfirm\"\n            ></el-input>\n            <el-button\n              v-else\n              class=\"button-new-tag radius\"\n              size=\"mini\"\n              @click=\"showInput\"\n            >\n              创建新标签\n            </el-button>\n          </div>\n        </div>\n      </div>\n      <span slot=\"footer\" class=\"dialog-footer\">\n        <el-button @click=\"closeTag\">取 消</el-button>\n        <el-button\n          v-if=\"establish_flag\"\n          type=\"primary\"\n          @click=\"confirmCompileTag\"\n        >\n          确 定\n        </el-button>\n        <el-button v-else type=\"primary\" @click=\"establish\">创 建</el-button>\n      </span>\n    </el-dialog>\n  </Container>\n</template>\n<script>\n  import {\n    getAllCustomerTagLib,\n    addCustomerTagLib,\n    delCustomerTagLib,\n    getCustomerTagLibInfo,\n    editCustomerTagLib,\n  } from \"@/api/Customer\";\n  export default {\n    data() {\n      return {\n        dialogVisible: false,\n        value: \"4\",\n        radio: 1,\n        dynamicTags: [],\n        inputVisible: false,\n        inputValue: \"\",\n        customer_status: [],\n        title_value: \"\",\n        compile_or_establish: \"创建标签组\",\n        establish_flag: false,\n        dynamicTagsId: \"\",\n      };\n    },\n    created() {\n      this.getAllCustomerTagLib();\n    },\n    methods: {\n      async handleClose(tag) {\n        if (this.dynamicTags.length <= 1) {\n          this.$message.warning(\"必须保留一个标签\");\n          return;\n        }\n        this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);\n        if (this.establish_flag) {\n          const { data } = await delCustomerTagLib({\n            pid: tag.pid,\n            id: tag.id,\n          });\n          this.$message.success(\"删除成功\");\n          await this.getAllCustomerTagLib();\n        }\n      },\n      showInput() {\n        this.inputVisible = true;\n        this.$nextTick((_) => {\n          this.$refs.saveTagInput.$refs.input.focus();\n        });\n      },\n      handleInputConfirm() {\n        let inputValue = this.inputValue.trim();\n        if (inputValue) {\n          this.dynamicTags.push({\n            name: inputValue,\n            pid: this.dynamicTags[0].pid,\n          });\n        }\n        this.inputVisible = false;\n        this.inputValue = \"\";\n      },\n      async getAllCustomerTagLib() {\n        const { data } = await getAllCustomerTagLib();\n        this.customer_status = data;\n      },\n      async establish() {\n        if (this.title_value.trim() === \"\") {\n          this.$message.warning(\"标题不能为空\");\n          return;\n        }\n        if (!this.dynamicTags.length) {\n          this.$message.warning(\"必须有一项标签\");\n          return;\n        }\n        this.dialogVisible = false;\n        const data = await addCustomerTagLib({\n          name: this.title_value,\n          mustValue: this.value - 0,\n          colour: this.radio,\n          tags: this.dynamicTags,\n        });\n        await this.getAllCustomerTagLib();\n      },\n      async delTag(item) {\n        const { data } = await delCustomerTagLib({\n          pid: item.pid,\n          id: item.id,\n        });\n        await this.getAllCustomerTagLib();\n      },\n      async compileTag(item) {\n        const { data } = await getCustomerTagLibInfo(item.id);\n        this.establish_flag = true;\n        this.compile_or_establish = \"编辑标签组\";\n        this.dialogVisible = true;\n        this.title_value = item.name;\n        this.value = item.mustValue + \"\";\n        this.radio = item.colour;\n        this.dynamicTags = data[0].children;\n        this.dynamicTagsId = data[0].id;\n      },\n      compileFlag() {\n        this.dialogVisible = true;\n        this.establish_flag = false;\n        this.dynamicTags = [\"默认标签\"];\n      },\n      closeTag() {\n        this.dialogVisible = false;\n        this.title_value = \"\";\n        this.value = \"4\";\n        this.radio = 1;\n        this.dynamicTags = [];\n      },\n      async confirmCompileTag() {\n        if (this.title_value.trim() === \"\") {\n          this.$message.warning(\"标题不能为空\");\n          return;\n        }\n        if (!this.dynamicTags.length) {\n          this.$message.warning(\"必须有一项标签\");\n          return;\n        }\n        const { data } = await editCustomerTagLib({\n          update: [\n            {\n              id: this.dynamicTagsId,\n              name: this.title_value,\n              mustValue: this.value - 0,\n              colour: this.radio,\n            },\n          ],\n          add: this.dynamicTags.filter((item) => !item.deleteStatus),\n        });\n        this.$message.success(\"编辑成功\");\n        await this.getAllCustomerTagLib();\n        this.dialogVisible = false;\n      },\n      delTagGroups(item) {\n        console.log(item);\n        this.$confirm(\"确定更要删除这个标签组？, 是否继续?\", \"提示\", {\n          confirmButtonText: \"确定\",\n          cancelButtonText: \"取消\",\n          type: \"warning\",\n        }).then(async () => {\n          const { data } = await delCustomerTagLib({\n            pid: item.pid,\n            id: item.id,\n          });\n          await this.getAllCustomerTagLib();\n          this.$message({\n            type: \"success\",\n            message: \"删除成功!\",\n          });\n        });\n      },\n    },\n  };\n</script>\n<style>\n  .el-tag + .el-tag {\n    margin-left: 10px;\n  }\n  .button-new-tag {\n    margin-left: 10px;\n    height: 32px;\n    line-height: 30px;\n    padding-top: 0;\n    padding-bottom: 0;\n  }\n  .input-new-tag {\n    width: 90px;\n    margin-left: 10px;\n    vertical-align: bottom;\n  }\n  .radius {\n    border-radius: 10px;\n  }\n</style>\n"]}]}