{"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"]}]}