9034952a3dc8cd3dd7afb4ee6ca08788.json 19 KB

1
  1. {"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\\setting\\notification\\notificationEdit.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\pages\\setting\\notification\\notificationEdit.vue","mtime":1677828270234},{"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:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkubWFwLmpzIjsKLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgZ2V0Tm90aWZpY2F0aW9uSW5mbywgZ2V0Tm90aWZpY2F0aW9uU2F2ZSB9IGZyb20gJ0AvYXBpL25vdGlmaWNhdGlvbi5qcyc7CmV4cG9ydCBkZWZhdWx0IHsKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgdGFiczogW3sKICAgICAgICB0aXRsZTogJ+ezu+e7n+mAmuefpScsCiAgICAgICAgc2xvdDogJ2lzX3N5c3RlbScKICAgICAgfSwgewogICAgICAgIHRpdGxlOiAn55+t5L+h6YCa55+lJywKICAgICAgICBzbG90OiAnaXNfc21zJwogICAgICB9LCB7CiAgICAgICAgdGl0bGU6ICflvq7kv6HmqKHmnb/mtojmga8nLAogICAgICAgIHNsb3Q6ICdpc193ZWNoYXQnCiAgICAgIH0sIHsKICAgICAgICB0aXRsZTogJ+W+ruS/oeWwj+eoi+W6j+aPkOmGkicsCiAgICAgICAgc2xvdDogJ2lzX3JvdXRpbmUnCiAgICAgIH0sIHsKICAgICAgICB0aXRsZTogJ+S8geS4muW+ruS/oScsCiAgICAgICAgc2xvdDogJ2lzX2VudF93ZWNoYXQnCiAgICAgIH1dLAogICAgICB0YWJzTGlzdDogW10sCiAgICAgIGZvcm1EYXRhOiB7fSwKICAgICAgaWQ6IDAsCiAgICAgIGxvYWRpbmc6IHRydWUsCiAgICAgIHJ1bGVWYWxpZGF0ZTogewogICAgICAgIG5hbWU6IFt7CiAgICAgICAgICByZXF1aXJlZDogdHJ1ZSwKICAgICAgICAgIG1lc3NhZ2U6ICfor7fovpPlhaXpgJrnn6XlnLrmma8nLAogICAgICAgICAgdHJpZ2dlcjogJ2JsdXInCiAgICAgICAgfV0sCiAgICAgICAgdGl0bGU6IFt7CiAgICAgICAgICByZXF1aXJlZDogdHJ1ZSwKICAgICAgICAgIG1lc3NhZ2U6ICfor7fovpPlhaXpgJrnn6XlnLrmma8nLAogICAgICAgICAgdHJpZ2dlcjogJ2JsdXInCiAgICAgICAgfV0sCiAgICAgICAgY29udGVudDogW3sKICAgICAgICAgIHJlcXVpcmVkOiB0cnVlLAogICAgICAgICAgbWVzc2FnZTogJ+ivt+i+k+WFpemAmuefpeWGheWuuScsCiAgICAgICAgICB0cmlnZ2VyOiAnYmx1cicKICAgICAgICB9XQogICAgICB9CiAgICB9OwogIH0sCiAgY3JlYXRlZDogZnVuY3Rpb24gY3JlYXRlZCgpIHsKICAgIHRoaXMuaWQgPSB0aGlzLiRyb3V0ZS5xdWVyeS5pZDsKICAgIHRoaXMuY2hhbmdlVGFicygnaXNfc3lzdGVtJyk7CiAgfSwKICBtZXRob2RzOiB7CiAgICBjaGFuZ2VUYWJzOiBmdW5jdGlvbiBjaGFuZ2VUYWJzKG5hbWUpIHsKICAgICAgdGhpcy5nZXREYXRhKHRoaXMuaWQsIG5hbWUpOwogICAgfSwKICAgIGdldERhdGE6IGZ1bmN0aW9uIGdldERhdGEoaWQsIG5hbWUpIHsKICAgICAgdmFyIF90aGlzID0gdGhpczsKCiAgICAgIHRoaXMubG9hZGluZyA9IHRydWU7CiAgICAgIHRoaXMuZm9ybURhdGEgPSB7fTsKICAgICAgZ2V0Tm90aWZpY2F0aW9uSW5mbyhpZCwgbmFtZSkudGhlbihmdW5jdGlvbiAocmVzKSB7CiAgICAgICAgaWYgKCFfdGhpcy50YWJzTGlzdC5sZW5ndGgpIHsKICAgICAgICAgIF90aGlzLnRhYnMubWFwKGZ1bmN0aW9uICh2KSB7CiAgICAgICAgICAgIGlmIChyZXMuZGF0YVt2LnNsb3RdKSB7CiAgICAgICAgICAgICAgX3RoaXMudGFic0xpc3QucHVzaCh2KTsKICAgICAgICAgICAgfQogICAgICAgICAgfSk7CiAgICAgICAgfQoKICAgICAgICBfdGhpcy5mb3JtRGF0YSA9IHJlcy5kYXRhOwogICAgICAgIF90aGlzLmZvcm1EYXRhLnR5cGUgPSBuYW1lOwogICAgICAgIF90aGlzLmZvcm1EYXRhLmlkID0gaWQ7CiAgICAgICAgX3RoaXMubG9hZGluZyA9IGZhbHNlOwogICAgICB9KS5jYXRjaChmdW5jdGlvbiAoZXJyKSB7CiAgICAgICAgX3RoaXMuJE1lc3NhZ2UuZXJyb3IoZXJyLm1zZyk7CiAgICAgIH0pOwogICAgfSwKICAgIGhhbmRsZVN1Ym1pdDogZnVuY3Rpb24gaGFuZGxlU3VibWl0KG5hbWUpIHsKICAgICAgdmFyIF90aGlzMiA9IHRoaXM7CgogICAgICBnZXROb3RpZmljYXRpb25TYXZlKHRoaXMuZm9ybURhdGEpLnRoZW4oZnVuY3Rpb24gKHJlcykgewogICAgICAgIF90aGlzMi4kTWVzc2FnZS5zdWNjZXNzKCforr7nva7miJDlip8nKTsKICAgICAgfSkuY2F0Y2goZnVuY3Rpb24gKGVycikgewogICAgICAgIF90aGlzMi4kTWVzc2FnZS5lcnJvcihlcnIpOwogICAgICB9KTsKICAgIH0sCiAgICBoYW5kbGVSZXNldDogZnVuY3Rpb24gaGFuZGxlUmVzZXQobmFtZSkgewogICAgICB0aGlzLiRlbWl0KCdjbG9zZScpOwogICAgfQogIH0KfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmMA;AACA;EACAA,IADA,kBACA;IACA;MACAC,OACA;QACAC,aADA;QAEAC;MAFA,CADA,EAKA;QACAD,aADA;QAEAC;MAFA,CALA,EASA;QACAD,eADA;QAEAC;MAFA,CATA,EAaA;QACAD,gBADA;QAEAC;MAFA,CAbA,EAiBA;QACAD,aADA;QAEAC;MAFA,CAjBA,CADA;MAuBAC,YAvBA;MAwBAC,YAxBA;MAyBAC,KAzBA;MA0BAC,aA1BA;MA2BAC;QACAC,OACA;UACAC,cADA;UAEAC,kBAFA;UAGAC;QAHA,CADA,CADA;QAQAV,QACA;UACAQ,cADA;UAEAC,kBAFA;UAGAC;QAHA,CADA,CARA;QAeAC,UACA;UACAH,cADA;UAEAC,kBAFA;UAGAC;QAHA,CADA;MAfA;IA3BA;EAmDA,CArDA;EAsDAE,OAtDA,qBAsDA;IACA;IACA;EACA,CAzDA;EA0DAC;IACAC,UADA,sBACAP,IADA,EACA;MACA;IACA,CAHA;IAIAQ,OAJA,mBAIAX,EAJA,EAIAG,IAJA,EAIA;MAAA;;MACA;MACA;MACAS,8BACAC,IADA,CACA;QACA;UACA;YACA;cACA;YACA;UACA,CAJA;QAKA;;QACA;QACA;QACA;QACA;MACA,CAbA,EAcAC,KAdA,CAcA;QACA;MACA,CAhBA;IAiBA,CAxBA;IAyBAC,YAzBA,wBAyBAZ,IAzBA,EAyBA;MAAA;;MACAa,mCACAH,IADA,CACA;QACA;MACA,CAHA,EAIAC,KAJA,CAIA;QACA;MACA,CANA;IAOA,CAjCA;IAkCAG,WAlCA,uBAkCAd,IAlCA,EAkCA;MACA;IACA;EApCA;AA1DA","names":["data","tabs","title","slot","tabsList","formData","id","loading","ruleValidate","name","required","message","trigger","content","created","methods","changeTabs","getData","getNotificationInfo","then","catch","handleSubmit","getNotificationSave","handleReset"],"sourceRoot":"src/pages/setting/notification","sources":["notificationEdit.vue"],"sourcesContent":["<template>\r\n <div class=\"edit\">\r\n <!-- <div class=\"i-layout-page-header\">\r\n <router-link :to=\"{ path: '/admin/setting/notification/index' }\"\r\n ><Button icon=\"ios-arrow-back\" size=\"small\" class=\"mr20\"\r\n >返回</Button\r\n ></router-link\r\n >\r\n <span class=\"ivu-page-header-title\">{{ $route.meta.title }}</span>\r\n </div> -->\r\n <div class=\"i-layout-page-header header_top\">\r\n <div class=\"i-layout-page-header fl_header\">\r\n <router-link :to=\"{ path: '/admin/setting/notification/index' }\"\r\n ><Button icon=\"ios-arrow-back\" size=\"small\" type=\"text\">返回</Button></router-link\r\n >\r\n <Divider type=\"vertical\" />\r\n <span class=\"ivu-page-header-title mr20\" style=\"padding: 0\" v-text=\"$route.meta.title\"></span>\r\n </div>\r\n </div>\r\n <div class=\"tabs\">\r\n <Row :gutter=\"32\">\r\n <Col span=\"32\" class=\"demo-tabs-style1\" style=\"padding: 16px\">\r\n <Tabs @on-click=\"changeTabs\">\r\n <TabPane v-for=\"(item, index) in tabsList\" :key=\"index\" :name=\"item.slot\" :label=\"item.title\">\r\n <Form class=\"form-sty\" ref=\"formData\" :model=\"formData\" :rules=\"ruleValidate\" :label-width=\"80\">\r\n <div v-if=\"item.slot === 'is_system' && !loading\">\r\n <FormItem label=\"通知标题\">\r\n <Input v-model=\"formData.system_title\" placeholder=\"请输入通知标题\" style=\"width: 500px\"></Input>\r\n </FormItem>\r\n <FormItem label=\"通知内容\">\r\n <div class=\"content\">\r\n <Input\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 ></Input>\r\n <div class=\"trip\">\r\n <div>请输入模板消息详细内容对应的变量。关键字个数需与已添加的模板一致。 可以使用如下变量:</div>\r\n <div v-for=\"(item, index) in formData.variable.split(',')\" :key=\"index\">\r\n {{ item }}\r\n </div>\r\n </div>\r\n </div>\r\n </FormItem>\r\n <FormItem label=\"状态\" prop=\"is_system\">\r\n <RadioGroup v-model=\"formData.is_system\">\r\n <Radio :label=\"1\">开启</Radio>\r\n <Radio :label=\"2\">关闭</Radio>\r\n </RadioGroup>\r\n </FormItem>\r\n </div>\r\n <div v-if=\"item.slot === 'is_sms' && !loading\">\r\n <FormItem label=\"短信模版ID\">\r\n <Input v-model=\"formData.sms_id\" placeholder=\"短信模版ID\" style=\"width: 500px\"></Input>\r\n </FormItem>\r\n <FormItem label=\"通知内容\">\r\n <div class=\"content\">\r\n <Input\r\n v-model=\"formData.content\"\r\n type=\"textarea\"\r\n disabled\r\n :autosize=\"{ minRows: 5, maxRows: 8 }\"\r\n placeholder=\"请输入通知内容\"\r\n style=\"width: 500px\"\r\n ></Input>\r\n </div>\r\n </FormItem>\r\n <FormItem label=\"状态\" prop=\"is_sms\">\r\n <RadioGroup v-model=\"formData.is_sms\">\r\n <Radio :label=\"1\">开启</Radio>\r\n <Radio :label=\"2\">关闭</Radio>\r\n </RadioGroup>\r\n </FormItem>\r\n </div>\r\n <div v-else-if=\"item.slot === 'is_wechat' && !loading\">\r\n <FormItem label=\"ID\">\r\n <Input\r\n v-model=\"formData.templage_message_id\"\r\n disabled\r\n placeholder=\"请输入通模板编号\"\r\n style=\"width: 500px\"\r\n ></Input>\r\n </FormItem>\r\n <FormItem label=\"模板编号\">\r\n <Input\r\n v-model=\"formData.tempkey\"\r\n disabled\r\n placeholder=\"请输入通模板编号\"\r\n style=\"width: 500px\"\r\n ></Input>\r\n </FormItem>\r\n <FormItem label=\"模板\">\r\n <Input\r\n disabled\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>\r\n </FormItem>\r\n <FormItem label=\"模板ID\">\r\n <Input v-model=\"formData.tempid\" placeholder=\"请输入模板ID\" style=\"width: 500px\"></Input>\r\n </FormItem>\r\n <FormItem label=\"状态\" prop=\"is_wechat\">\r\n <RadioGroup v-model=\"formData.is_wechat\">\r\n <Radio :label=\"1\">开启</Radio>\r\n <Radio :label=\"2\">关闭</Radio>\r\n </RadioGroup>\r\n </FormItem>\r\n </div>\r\n <div v-else-if=\"item.slot === 'is_routine' && !loading\">\r\n <FormItem label=\"ID\">\r\n <Input\r\n v-model=\"formData.templage_message_id\"\r\n disabled\r\n placeholder=\"请输入通模板编号\"\r\n style=\"width: 500px\"\r\n ></Input>\r\n </FormItem>\r\n <FormItem label=\"模板编号\">\r\n <Input\r\n v-model=\"formData.tempkey\"\r\n disabled\r\n placeholder=\"请输入通模板编号\"\r\n style=\"width: 500px\"\r\n ></Input>\r\n </FormItem>\r\n <FormItem label=\"模板\">\r\n <Input\r\n disabled\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>\r\n </FormItem>\r\n <FormItem label=\"模板ID\">\r\n <Input v-model=\"formData.tempid\" placeholder=\"请输入模板ID\" style=\"width: 500px\"></Input>\r\n </FormItem>\r\n <FormItem label=\"状态\" prop=\"is_routine\">\r\n <RadioGroup v-model=\"formData.is_routine\">\r\n <Radio :label=\"1\">开启</Radio>\r\n <Radio :label=\"2\">关闭</Radio>\r\n </RadioGroup>\r\n </FormItem>\r\n </div>\r\n\r\n <div v-else-if=\"item.slot === 'is_ent_wechat' && !loading\">\r\n <FormItem label=\"通知内容\">\r\n <div class=\"content\">\r\n <Input\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 ></Input>\r\n <div class=\"trip\">\r\n <div>请输入模板消息详细内容对应的变量。关键字个数需与已添加的模板一致。 可以使用如下变量:</div>\r\n <div v-for=\"(item, index) in formData.variable.split(',')\" :key=\"index\">\r\n {{ item }}\r\n </div>\r\n </div>\r\n </div>\r\n </FormItem>\r\n <FormItem label=\"机器人链接\">\r\n <div class=\"content\">\r\n <Input v-model=\"formData.url\" placeholder=\"请输入机器人链接\" style=\"width: 500px\"></Input>\r\n <div class=\"trip\">企业微信群机器人链接</div>\r\n </div>\r\n </FormItem>\r\n <FormItem label=\"状态\" prop=\"is_ent_wechat\">\r\n <RadioGroup v-model=\"formData.is_ent_wechat\">\r\n <Radio :label=\"1\">开启</Radio>\r\n <Radio :label=\"2\">关闭</Radio>\r\n </RadioGroup>\r\n </FormItem>\r\n </div>\r\n <FormItem>\r\n <Button type=\"primary\" @click=\"handleSubmit('formData')\">提交</Button>\r\n </FormItem>\r\n </Form>\r\n </TabPane>\r\n </Tabs>\r\n </Col>\r\n </Row>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { getNotificationInfo, getNotificationSave } from '@/api/notification.js';\r\nexport default {\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 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 };\r\n },\r\n created() {\r\n this.id = this.$route.query.id;\r\n this.changeTabs('is_system');\r\n },\r\n methods: {\r\n changeTabs(name) {\r\n this.getData(this.id, name);\r\n },\r\n getData(id, name) {\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 this.formData = res.data;\r\n this.formData.type = name;\r\n this.formData.id = id;\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 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 },\r\n};\r\n</script>\r\n\r\n<style scoped>\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}\r\n\r\n.form-sty {\r\n margin-top: 20px;\r\n}\r\n</style>\r\n"]}]}