{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\setting\\notification\\notificationEdit.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\setting\\notification\\notificationEdit.vue","mtime":1761614939057},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQppbXBvcnQgeyBnZXROb3RpZmljYXRpb25JbmZvLCBnZXROb3RpZmljYXRpb25TYXZlIH0gZnJvbSAnQC9hcGkvbm90aWZpY2F0aW9uLmpzJzsNCmltcG9ydCBrZXlzTGlzdCBmcm9tICcuL2NvbXBvbmVudHMva2V5c0xpc3QudnVlJzsNCmV4cG9ydCBkZWZhdWx0IHsNCiAgY29tcG9uZW50czogeyBrZXlzTGlzdCB9LA0KICBkYXRhKCkgew0KICAgIHJldHVybiB7DQogICAgICB0YWJzOiBbDQogICAgICAgIHsNCiAgICAgICAgICB0aXRsZTogJ+ezu+e7n+mAmuefpScsDQogICAgICAgICAgc2xvdDogJ2lzX3N5c3RlbScsDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICB0aXRsZTogJ+efreS/oemAmuefpScsDQogICAgICAgICAgc2xvdDogJ2lzX3NtcycsDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICB0aXRsZTogJ+W+ruS/oeaooeadv+a2iOaBrycsDQogICAgICAgICAgc2xvdDogJ2lzX3dlY2hhdCcsDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICB0aXRsZTogJ+W+ruS/oeWwj+eoi+W6j+aPkOmGkicsDQogICAgICAgICAgc2xvdDogJ2lzX3JvdXRpbmUnLA0KICAgICAgICB9LA0KICAgICAgICB7DQogICAgICAgICAgdGl0bGU6ICfkvIHkuJrlvq7kv6EnLA0KICAgICAgICAgIHNsb3Q6ICdpc19lbnRfd2VjaGF0JywNCiAgICAgICAgfSwNCiAgICAgIF0sDQogICAgICB0YWJzTGlzdDogW10sDQogICAgICBmb3JtRGF0YToge30sDQogICAgICBpZDogMCwNCiAgICAgIGxvYWRpbmc6IHRydWUsDQogICAgICB0YWdOYW1lOiAnaXNfc3lzdGVtJywNCiAgICAgIHJ1bGVWYWxpZGF0ZTogew0KICAgICAgICBuYW1lOiBbDQogICAgICAgICAgew0KICAgICAgICAgICAgcmVxdWlyZWQ6IHRydWUsDQogICAgICAgICAgICBtZXNzYWdlOiAn6K+36L6T5YWl6YCa55+l5Zy65pmvJywNCiAgICAgICAgICAgIHRyaWdnZXI6ICdibHVyJywNCiAgICAgICAgICB9LA0KICAgICAgICBdLA0KICAgICAgICB0aXRsZTogWw0KICAgICAgICAgIHsNCiAgICAgICAgICAgIHJlcXVpcmVkOiB0cnVlLA0KICAgICAgICAgICAgbWVzc2FnZTogJ+ivt+i+k+WFpemAmuefpeWcuuaZrycsDQogICAgICAgICAgICB0cmlnZ2VyOiAnYmx1cicsDQogICAgICAgICAgfSwNCiAgICAgICAgXSwNCiAgICAgICAgY29udGVudDogWw0KICAgICAgICAgIHsNCiAgICAgICAgICAgIHJlcXVpcmVkOiB0cnVlLA0KICAgICAgICAgICAgbWVzc2FnZTogJ+ivt+i+k+WFpemAmuefpeWGheWuuScsDQogICAgICAgICAgICB0cmlnZ2VyOiAnYmx1cicsDQogICAgICAgICAgfSwNCiAgICAgICAgXSwNCiAgICAgIH0sDQogICAgICBrZXlMaXN0OiBbXSwNCiAgICB9Ow0KICB9LA0KICBjcmVhdGVkKCkgew0KICAgIHRoaXMuaWQgPSB0aGlzLiRyb3V0ZS5xdWVyeS5pZDsNCiAgICB0aGlzLmdldERhdGEodGhpcy5pZCwgdGhpcy50YWdOYW1lLCAxKTsNCiAgfSwNCiAgbWV0aG9kczogew0KICAgIGhhbmRsZUNvbnRlbnRDaGFuZ2UoZSkgew0KICAgICAgaWYgKHRoaXMuZm9ybURhdGEudHlwZV9uID09IDMpIHsNCiAgICAgICAgY29uc3QgcmVnZXggPSAve3soLio/KVwuL2c7DQogICAgICAgIGxldCBtYXRjaDsNCiAgICAgICAgdGhpcy5rZXlMaXN0ID0gW107DQogICAgICAgIHdoaWxlICgobWF0Y2ggPSByZWdleC5leGVjKGUpKSkgew0KICAgICAgICAgIHRoaXMua2V5TGlzdC5wdXNoKHsNCiAgICAgICAgICAgIGtleTogbWF0Y2hbMV0sDQogICAgICAgICAgICB2YWx1ZTogJycsDQogICAgICAgICAgfSk7DQogICAgICAgIH0NCiAgICAgIH0NCiAgICB9LA0KICAgIGhhbmRsZVJlbW92ZShpbmRleCkgew0KICAgICAgdGhpcy5rZXlMaXN0LnNwbGljZShpbmRleCwgMSk7DQogICAgfSwNCiAgICAvLyDmlrDlop7ljaHlr4YNCiAgICBoYW5kbGVBZGQoKSB7DQogICAgICB0aGlzLmtleUxpc3QucHVzaCh7DQogICAgICAgIGtleTogJycsDQogICAgICAgIHZhbHVlOiAnJywNCiAgICAgIH0pOw0KICAgIH0sDQogICAgY2hhbmdlVGFicygpIHsNCiAgICAgIHRoaXMuZ2V0RGF0YSh0aGlzLmlkLCB0aGlzLnRhZ05hbWUpOw0KICAgIH0sDQogICAgZ2V0RGF0YShpZCwgbmFtZSwgaW5pdCkgew0KICAgICAgdGhpcy5sb2FkaW5nID0gdHJ1ZTsNCiAgICAgIHRoaXMuZm9ybURhdGEgPSB7fTsNCiAgICAgIGdldE5vdGlmaWNhdGlvbkluZm8oaWQsIG5hbWUpDQogICAgICAgIC50aGVuKChyZXMpID0+IHsNCiAgICAgICAgICBpZiAoIXRoaXMudGFic0xpc3QubGVuZ3RoKSB7DQogICAgICAgICAgICB0aGlzLnRhYnMubWFwKCh2KSA9PiB7DQogICAgICAgICAgICAgIGlmIChyZXMuZGF0YVt2LnNsb3RdKSB7DQogICAgICAgICAgICAgICAgdGhpcy50YWJzTGlzdC5wdXNoKHYpOw0KICAgICAgICAgICAgICB9DQogICAgICAgICAgICB9KTsNCiAgICAgICAgICB9DQogICAgICAgICAgaWYgKGluaXQpIHRoaXMudGFnTmFtZSA9IHRoaXMudGFic0xpc3RbMF0uc2xvdDsNCiAgICAgICAgICB0aGlzLmZvcm1EYXRhID0gcmVzLmRhdGE7DQogICAgICAgICAgdGhpcy5mb3JtRGF0YS50eXBlX24gPSByZXMuZGF0YS50eXBlOyAvLyAtIC0hDQogICAgICAgICAgdGhpcy5mb3JtRGF0YS50eXBlID0gbmFtZTsgLy8g57G75Z6L5ZCN56ewDQogICAgICAgICAgdGhpcy5mb3JtRGF0YS5pZCA9IGlkOw0KICAgICAgICAgIHRoaXMua2V5TGlzdCA9IHJlcy5kYXRhLmtleV9saXN0IHx8IFtdOw0KICAgICAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlOw0KICAgICAgICB9KQ0KICAgICAgICAuY2F0Y2goKGVycikgPT4gew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoZXJyLm1zZyk7DQogICAgICAgIH0pOw0KICAgIH0sDQogICAgaGFuZGxlU3VibWl0KG5hbWUpIHsNCiAgICAgIHRoaXMuZm9ybURhdGEua2V5X2xpc3QgPSB0aGlzLmtleUxpc3Q7DQogICAgICBnZXROb3RpZmljYXRpb25TYXZlKHRoaXMuZm9ybURhdGEpDQogICAgICAgIC50aGVuKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLnN1Y2Nlc3MoJ+iuvue9ruaIkOWKnycpOw0KICAgICAgICB9KQ0KICAgICAgICAuY2F0Y2goKGVycikgPT4gew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoZXJyKTsNCiAgICAgICAgfSk7DQogICAgfSwNCiAgICBoYW5kbGVSZXNldChuYW1lKSB7DQogICAgICB0aGlzLiRlbWl0KCdjbG9zZScpOw0KICAgIH0sDQogICAgY2hhbmdlVmFsdWUoZSwgbmFtZSkgew0KICAgICAgLy8g6I635Y+WZG9t5YWD57SgDQogICAgICBsZXQgdGV4dElucHV0ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQobmFtZSk7DQogICAgICAvLyDojrflj5blhYnmoIfliJ3lp4vntKLlvJUNCiAgICAgIGxldCBpbmRleCA9IHRleHRJbnB1dC5zZWxlY3Rpb25TdGFydDsNCiAgICAgIC8vIOaLvOaOpeWtl+espuS4sueahOW9ouW8j+adpeW+l+WIsOmcgOimgeeahOWGheWuuQ0KICAgICAgdGhpcy5mb3JtRGF0YVtuYW1lXSA9IHRoaXMuZm9ybURhdGFbbmFtZV0uc3Vic3RyaW5nKDAsIGluZGV4KSArIGUgKyB0aGlzLmZvcm1EYXRhW25hbWVdLnN1YnN0cmluZyhpbmRleCk7DQogICAgICB0aGlzLiRuZXh0VGljaygoKSA9PiB7DQogICAgICAgIHRleHRJbnB1dC5zZWxlY3Rpb25TdGFydCA9IGluZGV4ICsgZS5sZW5ndGg7DQogICAgICAgIHRleHRJbnB1dC5zZWxlY3Rpb25FbmQgPSBpbmRleCArIGUubGVuZ3RoOw0KICAgICAgICB0ZXh0SW5wdXQuZm9jdXMoKTsNCiAgICAgIH0pOw0KICAgIH0sDQogIH0sDQp9Ow0K"},{"version":3,"sources":["notificationEdit.vue"],"names":[],"mappings":";AA0QA;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":"notificationEdit.vue","sourceRoot":"src/pages/setting/notification","sourcesContent":["<template>\r\n  <div class=\"edit\">\r\n    <pages-header\r\n      ref=\"pageHeader\"\r\n      :title=\"$route.meta.title\"\r\n      :backUrl=\"$routeProStr + '/setting/notification/index'\"\r\n    ></pages-header>\r\n    <div class=\"tabs mt16\">\r\n      <el-row :gutter=\"32\">\r\n        <el-col :span=\"32\" class=\"demo-tabs-style1\" style=\"padding: 16px\">\r\n          <el-tabs v-model=\"tagName\" @tab-click=\"changeTabs\">\r\n            <el-tab-pane v-for=\"(item, index) in tabsList\" :key=\"index\" :name=\"item.slot\" :label=\"item.title\">\r\n              <el-form class=\"form-sty\" ref=\"formData\" :model=\"formData\" :rules=\"ruleValidate\" label-width=\"85px\">\r\n                <div v-if=\"item.slot === 'is_system' && !loading\">\r\n                  <el-form-item label=\"通知标题：\">\r\n                    <el-input\r\n                      v-model=\"formData.system_title\"\r\n                      placeholder=\"请输入通知标题\"\r\n                      style=\"width: 500px\"\r\n                    ></el-input>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"通知内容：\">\r\n                    <div class=\"content\">\r\n                      <el-input\r\n                        ref=\"system_text\"\r\n                        id=\"system_text\"\r\n                        v-model=\"formData.system_text\"\r\n                        type=\"textarea\"\r\n                        :autosize=\"{ minRows: 5, maxRows: 8 }\"\r\n                        placeholder=\"请输入通知内容\"\r\n                        style=\"width: 500px\"\r\n                      >\r\n                      </el-input>\r\n                      <div class=\"value-list\" v-if=\"formData.type_n == 3\">\r\n                        <el-popover placement=\"right\" width=\"200\" trigger=\"click\">\r\n                          <div class=\"variable\">\r\n                            <div\r\n                              class=\"item\"\r\n                              v-db-click\r\n                              @click=\"changeValue(i.value, 'system_text')\"\r\n                              v-for=\"(i, index) in formData.custom_variable\"\r\n                              :key=\"index\"\r\n                            >\r\n                              {{ i.label }}\r\n                            </div>\r\n                          </div>\r\n\r\n                          <i class=\"el-icon-link\" slot=\"reference\"></i>\r\n                        </el-popover>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"tips-info\" v-if=\"formData.type_n == 3\">可点击右下角图标,插入自定义变量</div>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"状态：\" prop=\"is_system\">\r\n                    <el-radio-group v-model=\"formData.is_system\">\r\n                      <el-radio :label=\"1\">开启</el-radio>\r\n                      <el-radio :label=\"2\">关闭</el-radio>\r\n                    </el-radio-group>\r\n                  </el-form-item>\r\n                </div>\r\n                <div v-if=\"item.slot === 'is_sms' && !loading\">\r\n                  <el-form-item label=\"短信模版ID：\">\r\n                    <el-input v-model=\"formData.sms_id\" placeholder=\"短信模版ID\" style=\"width: 500px\"></el-input>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"通知内容：\">\r\n                    <div class=\"content\">\r\n                      <el-input\r\n                        id=\"sms_text\"\r\n                        v-model=\"formData.sms_text\"\r\n                        type=\"textarea\"\r\n                        :disabled=\"formData.type_n != 3\"\r\n                        :autosize=\"{ minRows: 5, maxRows: 8 }\"\r\n                        placeholder=\"请输入通知内容\"\r\n                        style=\"width: 500px\"\r\n                      ></el-input>\r\n                      <div class=\"value-list\" v-if=\"formData.type_n == 3\">\r\n                        <el-popover placement=\"right\" width=\"200\" trigger=\"click\">\r\n                          <div class=\"variable\">\r\n                            <div\r\n                              class=\"item\"\r\n                              v-db-click\r\n                              @click=\"changeValue(i.value, 'sms_text')\"\r\n                              v-for=\"(i, index) in formData.custom_variable\"\r\n                              :key=\"index\"\r\n                            >\r\n                              {{ i.label }}\r\n                            </div>\r\n                          </div>\r\n\r\n                          <i class=\"el-icon-link\" slot=\"reference\"></i>\r\n                        </el-popover>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"tips-info\" v-if=\"formData.type_n == 3\">可点击右下角图标,插入自定义变量</div>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"状态：\" prop=\"is_sms\">\r\n                    <el-radio-group v-model=\"formData.is_sms\">\r\n                      <el-radio :label=\"1\">开启</el-radio>\r\n                      <el-radio :label=\"2\">关闭</el-radio>\r\n                    </el-radio-group>\r\n                  </el-form-item>\r\n                </div>\r\n                <div v-else-if=\"item.slot === 'is_wechat' && !loading\">\r\n                  <el-form-item label=\"模板编号：\">\r\n                    <el-input\r\n                      v-model=\"formData.tempkey\"\r\n                      :disabled=\"formData.type_n !== 3\"\r\n                      placeholder=\"请输入通模板编号\"\r\n                      style=\"width: 500px\"\r\n                    ></el-input>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"模板ID：\">\r\n                    <el-input v-model=\"formData.tempid\" placeholder=\"请输入模板ID\" style=\"width: 500px\"></el-input>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"模板：\">\r\n                    <div class=\"content\">\r\n                      <el-input\r\n                        :disabled=\"formData.type_n !== 3\"\r\n                        v-model=\"formData.content\"\r\n                        type=\"textarea\"\r\n                        :autosize=\"{ minRows: 5, maxRows: 8 }\"\r\n                        placeholder=\"请输入模板\"\r\n                        style=\"width: 500px\"\r\n                        @input=\"handleContentChange\"\r\n                      ></el-input>\r\n                    </div>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"字段：\" v-if=\"formData.type_n == 3 && keyList.length\">\r\n                    <div class=\"content\">\r\n                      <keys-list\r\n                        :key-list=\"keyList\"\r\n                        :variableList=\"formData.custom_variable\"\r\n                        @add=\"handleAdd\"\r\n                        @remove=\"handleRemove\"\r\n                      />\r\n                    </div>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"跳转链接：\">\r\n                    <el-input\r\n                      v-model=\"formData.wechat_link\"\r\n                      placeholder=\"请输入模版跳转链接，可携带参数\"\r\n                      style=\"width: 500px\"\r\n                    ></el-input>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"跳转小程序：\" prop=\"wechat_to_routine\">\r\n                    <el-radio-group v-model=\"formData.wechat_to_routine\">\r\n                      <el-radio :label=\"1\">开启</el-radio>\r\n                      <el-radio :label=\"0\">关闭</el-radio>\r\n                    </el-radio-group>\r\n                    <div class=\"tips-info\">\r\n                      开启之后，点击模版消息，跳转小程序对应的页面，需要小程序已经审核上线才可使用\r\n                    </div>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"状态：\" prop=\"is_wechat\">\r\n                    <el-radio-group v-model=\"formData.is_wechat\">\r\n                      <el-radio :label=\"1\">开启</el-radio>\r\n                      <el-radio :label=\"2\">关闭</el-radio>\r\n                    </el-radio-group>\r\n                  </el-form-item>\r\n                </div>\r\n                <div v-else-if=\"item.slot === 'is_routine' && !loading\">\r\n                  <el-form-item label=\"模板编号：\">\r\n                    <el-input\r\n                      v-model=\"formData.tempkey\"\r\n                      :disabled=\"formData.type_n !== 3\"\r\n                      placeholder=\"请输入通模板编号\"\r\n                      style=\"width: 500px\"\r\n                    ></el-input>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"模板ID：\">\r\n                    <el-input v-model=\"formData.tempid\" placeholder=\"请输入模板ID\" style=\"width: 500px\"></el-input>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"模板：\">\r\n                    <div class=\"content\">\r\n                      <el-input\r\n                        :disabled=\"formData.type_n !== 3\"\r\n                        v-model=\"formData.content\"\r\n                        type=\"textarea\"\r\n                        :autosize=\"{ minRows: 5, maxRows: 8 }\"\r\n                        placeholder=\"请输入模板\"\r\n                        style=\"width: 500px\"\r\n                        @input=\"handleContentChange\"\r\n                      ></el-input>\r\n                    </div>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"字段：\" v-if=\"formData.type_n == 3 && keyList.length\">\r\n                    <div class=\"content\">\r\n                      <keys-list\r\n                        :key-list=\"keyList\"\r\n                        :variableList=\"formData.custom_variable\"\r\n                        @add=\"handleAdd\"\r\n                        @remove=\"handleRemove\"\r\n                      />\r\n                    </div>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"跳转链接：\">\r\n                    <el-input\r\n                      v-model=\"formData.routine_link\"\r\n                      placeholder=\"请输入模版跳转链接，可携带参数\"\r\n                      style=\"width: 500px\"\r\n                    ></el-input>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"状态：\" prop=\"is_routine\">\r\n                    <el-radio-group v-model=\"formData.is_routine\">\r\n                      <el-radio :label=\"1\">开启</el-radio>\r\n                      <el-radio :label=\"2\">关闭</el-radio>\r\n                    </el-radio-group>\r\n                  </el-form-item>\r\n                </div>\r\n\r\n                <div v-else-if=\"item.slot === 'is_ent_wechat' && !loading\">\r\n                  <el-form-item label=\"通知内容：\">\r\n                    <div class=\"content\">\r\n                      <el-input\r\n                        id=\"ent_wechat_text\"\r\n                        v-model=\"formData.ent_wechat_text\"\r\n                        type=\"textarea\"\r\n                        :autosize=\"{ minRows: 5, maxRows: 8 }\"\r\n                        placeholder=\"请输入通知内容\"\r\n                        style=\"width: 500px\"\r\n                      ></el-input>\r\n                      <div class=\"value-list\" v-if=\"formData.type_n == 3\">\r\n                        <el-popover placement=\"right\" width=\"200\" trigger=\"click\">\r\n                          <div class=\"variable\">\r\n                            <div\r\n                              class=\"item\"\r\n                              v-db-click\r\n                              @click=\"changeValue(i.value, 'ent_wechat_text')\"\r\n                              v-for=\"(i, index) in formData.custom_variable\"\r\n                              :key=\"index\"\r\n                            >\r\n                              {{ i.label }}\r\n                            </div>\r\n                          </div>\r\n\r\n                          <i class=\"el-icon-link\" slot=\"reference\"></i>\r\n                        </el-popover>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"tips-info\" v-if=\"formData.type_n == 3\">可点击右下角图标,插入自定义变量</div>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"机器人链接：\">\r\n                    <div class=\"content\">\r\n                      <el-input v-model=\"formData.url\" placeholder=\"请输入机器人链接\" style=\"width: 500px\"></el-input>\r\n                    </div>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"状态：\" prop=\"is_ent_wechat\">\r\n                    <el-radio-group v-model=\"formData.is_ent_wechat\">\r\n                      <el-radio :label=\"1\">开启</el-radio>\r\n                      <el-radio :label=\"2\">关闭</el-radio>\r\n                    </el-radio-group>\r\n                  </el-form-item>\r\n                </div>\r\n                <el-form-item>\r\n                  <el-button type=\"primary\" v-db-click @click=\"handleSubmit('formData')\">提交</el-button>\r\n                </el-form-item>\r\n              </el-form>\r\n            </el-tab-pane>\r\n          </el-tabs>\r\n        </el-col>\r\n      </el-row>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getNotificationInfo, getNotificationSave } from '@/api/notification.js';\r\nimport keysList from './components/keysList.vue';\r\nexport default {\r\n  components: { keysList },\r\n  data() {\r\n    return {\r\n      tabs: [\r\n        {\r\n          title: '系统通知',\r\n          slot: 'is_system',\r\n        },\r\n        {\r\n          title: '短信通知',\r\n          slot: 'is_sms',\r\n        },\r\n        {\r\n          title: '微信模板消息',\r\n          slot: 'is_wechat',\r\n        },\r\n        {\r\n          title: '微信小程序提醒',\r\n          slot: 'is_routine',\r\n        },\r\n        {\r\n          title: '企业微信',\r\n          slot: 'is_ent_wechat',\r\n        },\r\n      ],\r\n      tabsList: [],\r\n      formData: {},\r\n      id: 0,\r\n      loading: true,\r\n      tagName: 'is_system',\r\n      ruleValidate: {\r\n        name: [\r\n          {\r\n            required: true,\r\n            message: '请输入通知场景',\r\n            trigger: 'blur',\r\n          },\r\n        ],\r\n        title: [\r\n          {\r\n            required: true,\r\n            message: '请输入通知场景',\r\n            trigger: 'blur',\r\n          },\r\n        ],\r\n        content: [\r\n          {\r\n            required: true,\r\n            message: '请输入通知内容',\r\n            trigger: 'blur',\r\n          },\r\n        ],\r\n      },\r\n      keyList: [],\r\n    };\r\n  },\r\n  created() {\r\n    this.id = this.$route.query.id;\r\n    this.getData(this.id, this.tagName, 1);\r\n  },\r\n  methods: {\r\n    handleContentChange(e) {\r\n      if (this.formData.type_n == 3) {\r\n        const regex = /{{(.*?)\\./g;\r\n        let match;\r\n        this.keyList = [];\r\n        while ((match = regex.exec(e))) {\r\n          this.keyList.push({\r\n            key: match[1],\r\n            value: '',\r\n          });\r\n        }\r\n      }\r\n    },\r\n    handleRemove(index) {\r\n      this.keyList.splice(index, 1);\r\n    },\r\n    // 新增卡密\r\n    handleAdd() {\r\n      this.keyList.push({\r\n        key: '',\r\n        value: '',\r\n      });\r\n    },\r\n    changeTabs() {\r\n      this.getData(this.id, this.tagName);\r\n    },\r\n    getData(id, name, init) {\r\n      this.loading = true;\r\n      this.formData = {};\r\n      getNotificationInfo(id, name)\r\n        .then((res) => {\r\n          if (!this.tabsList.length) {\r\n            this.tabs.map((v) => {\r\n              if (res.data[v.slot]) {\r\n                this.tabsList.push(v);\r\n              }\r\n            });\r\n          }\r\n          if (init) this.tagName = this.tabsList[0].slot;\r\n          this.formData = res.data;\r\n          this.formData.type_n = res.data.type; // - -!\r\n          this.formData.type = name; // 类型名称\r\n          this.formData.id = id;\r\n          this.keyList = res.data.key_list || [];\r\n          this.loading = false;\r\n        })\r\n        .catch((err) => {\r\n          this.$message.error(err.msg);\r\n        });\r\n    },\r\n    handleSubmit(name) {\r\n      this.formData.key_list = this.keyList;\r\n      getNotificationSave(this.formData)\r\n        .then((res) => {\r\n          this.$message.success('设置成功');\r\n        })\r\n        .catch((err) => {\r\n          this.$message.error(err);\r\n        });\r\n    },\r\n    handleReset(name) {\r\n      this.$emit('close');\r\n    },\r\n    changeValue(e, name) {\r\n      // 获取dom元素\r\n      let textInput = document.getElementById(name);\r\n      // 获取光标初始索引\r\n      let index = textInput.selectionStart;\r\n      // 拼接字符串的形式来得到需要的内容\r\n      this.formData[name] = this.formData[name].substring(0, index) + e + this.formData[name].substring(index);\r\n      this.$nextTick(() => {\r\n        textInput.selectionStart = index + e.length;\r\n        textInput.selectionEnd = index + e.length;\r\n        textInput.focus();\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.edit {\r\n}\r\n.header_top {\r\n  margin-bottom: 10px;\r\n}\r\n.demo-tabs-style1 > .ivu-tabs-card > .ivu-tabs-content {\r\n  height: 120px;\r\n  margin-top: -16px;\r\n}\r\n\r\n.demo-tabs-style1 > .ivu-tabs-card > .ivu-tabs-content > .ivu-tabs-tabpane {\r\n  background: #fff;\r\n  padding: 16px;\r\n}\r\n\r\n.demo-tabs-style1 > .ivu-tabs.ivu-tabs-card > .ivu-tabs-bar .ivu-tabs-tab {\r\n  border-color: transparent;\r\n}\r\n\r\n.demo-tabs-style1 > .ivu-tabs-card > .ivu-tabs-bar .ivu-tabs-tab-active {\r\n  border-color: #fff;\r\n}\r\n\r\n.tabs {\r\n  padding: 0 30px;\r\n  background-color: #fff;\r\n}\r\n\r\n.trip {\r\n  color: rgb(146, 139, 139);\r\n  background-color: #f2f2f2;\r\n  margin-left: 80px;\r\n  border-radius: 4px;\r\n  padding: 15px;\r\n}\r\n\r\n.content {\r\n  display: flex;\r\n  position: relative;\r\n}\r\n\r\n.form-sty {\r\n  margin-top: 20px;\r\n}\r\n.value-list {\r\n  position: absolute;\r\n  right: 7px;\r\n  bottom: 7px;\r\n  width: 22px;\r\n  height: 22px;\r\n  line-height: 22px;\r\n  text-align: center;\r\n  background: var(--prev-color-primary);\r\n  color: #ededed;\r\n  cursor: pointer;\r\n  border-radius: 4px;\r\n}\r\n.variable {\r\n  .item {\r\n    cursor: pointer;\r\n    padding: 5px 10px;\r\n    transition: all 0.3s ease;\r\n  }\r\n  .item:hover {\r\n    background: var(--prev-color-primary-light-9);\r\n    color: var(--prev-color-primary);\r\n    border-radius: 4px;\r\n  }\r\n}\r\n// 滚动条样式\r\n.variable::-webkit-scrollbar {\r\n  width: 4px;\r\n  height: 4px;\r\n}\r\n.variable::-webkit-scrollbar-thumb {\r\n  background: var(--prev-color-primary-light-9);\r\n  border-radius: 4px;\r\n}\r\n.variable::-webkit-scrollbar-track {\r\n  background: #f2f2f2;\r\n}\r\n</style>\r\n"]}]}