| 1 |
- {"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\system\\event\\createModal.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\system\\event\\createModal.vue","mtime":1761185180214},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQppbXBvcnQgKiBhcyBtb25hY28gZnJvbSAnbW9uYWNvLWVkaXRvcic7DQppbXBvcnQgeyBtYXBNdXRhdGlvbnMgfSBmcm9tICd2dWV4JzsNCmltcG9ydCB7IGV2ZW50VGFzaywgZXZlbnRJbmZvLCBldmVudFNhdmUgfSBmcm9tICdAL2FwaS9zeXN0ZW0nOw0KZXhwb3J0IGRlZmF1bHQgew0KICBkYXRhKCkgew0KICAgIHJldHVybiB7DQogICAgICBtb2RhbDogZmFsc2UsDQogICAgICB0YXNrOiBbXSwNCiAgICAgIGxvYWRpbmc6IGZhbHNlLA0KICAgICAgZm9ybVZhbGlkYXRlOiB7DQogICAgICAgIG1hcms6ICcnLCAvL+mUrg0KICAgICAgICBjb250ZW50OiAnJywNCiAgICAgICAgaXNfb3BlbjogMCwNCiAgICAgICAgbmFtZTogJycsDQogICAgICAgIHBhc3N3b3JkOiAnJywNCiAgICAgICAgY3VzdG9tQ29kZTogJycsDQogICAgICB9LA0KICAgICAgY29weURhdGE6ICcnLA0KICAgICAgdHJpcDogJycsDQogICAgICBlZGl0b3I6ICcnLCAvL+W9k+WJjee8lui+keWZqOWvueixoQ0KICAgIH07DQogIH0sDQogIGNyZWF0ZWQoKSB7DQogICAgdGhpcy5ldmVudFRhc2soKTsNCiAgfSwNCiAgbWV0aG9kczogew0KICAgIC4uLm1hcE11dGF0aW9ucygnYWRtaW4vbGF5b3V0JywgWydzZXRDb3B5cmlnaHRTaG93J10pLA0KICAgIHRhc2tDaGFuZ2UoaXRlbSkgew0KICAgICAgLy8g6I635Y+W6YCJ5Lit5YC85a+55bqUIHRhc2sg5Lit55qE55qEZGF0YeeahOWAvA0KICAgICAgbGV0IHRhc2tEYXRhID0gdGhpcy50YXNrLmZpbmQoKGkpID0+IGkudmFsdWUgPT09IGl0ZW0pOw0KICAgICAgdGhpcy5jb3B5RGF0YSA9IHRhc2tEYXRhLmRhdGE7DQogICAgfSwNCiAgICAvKioNCiAgICAgKiDliJ3lp4vljJbnvJbovpHlmagNCiAgICAgKi8NCiAgICBpbml0RWRpdG9yKGNvbmV0bnQgPSAnJykgew0KICAgICAgdHJ5IHsNCiAgICAgICAgbGV0IHRoYXQgPSB0aGlzOw0KICAgICAgICB0aGF0LiRuZXh0VGljaygoKSA9PiB7DQogICAgICAgICAgLy8g5Yid5aeL5YyW57yW6L6R5Zmo77yM56Gu5L+dZG9t5bey57uP5riy5p+TDQogICAgICAgICAgdGhhdC5lZGl0b3IgPSBtb25hY28uZWRpdG9yLmNyZWF0ZShkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnY29udGFpbmVyJyksIHsNCiAgICAgICAgICAgIHZhbHVlOiBjb25ldG50LCAvL+e8lui+keWZqOWIneWni+aYvuekuuaWh+Wtlw0KICAgICAgICAgICAgbGFuZ3VhZ2U6ICdwaHAnLCAvL+ivreiogOaUr+aMgeiHquihjOafpemYhWRlbW8NCiAgICAgICAgICAgIGF1dG9tYXRpY0xheW91dDogdHJ1ZSwgLy/oh6rliqjluIPlsYANCiAgICAgICAgICAgIHRoZW1lOiAndnMtZGFyaycsIC8v5a6Y5pa56Ieq5bim5LiJ56eN5Li76aKYdnMsIGhjLWJsYWNrLCBvciB2cy1kYXJrDQogICAgICAgICAgICBmb2xkaW5nU3RyYXRlZ3k6ICdpbmRlbnRhdGlvbicsIC8vIOS7o+eggeWPr+WIhuWwj+auteaKmOWPoA0KICAgICAgICAgICAgb3ZlcnZpZXdSdWxlckJvcmRlcjogZmFsc2UsIC8vIOS4jeimgea7muWKqOadoeeahOi+ueahhg0KICAgICAgICAgICAgbWluaW1hcDogeyBlbmFibGVkOiBmYWxzZSB9LA0KICAgICAgICAgICAgc2Nyb2xsYmFyOiB7DQogICAgICAgICAgICAgIHZlcnRpY2FsOiAnaGlkZGVuJywNCiAgICAgICAgICAgICAgaG9yaXpvbnRhbDogJ2hpZGRlbicsDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgd29yZFdyYXA6ICdvbicsDQogICAgICAgICAgICBhdXRvSW5kZW50OiB0cnVlLCAvLyDoh6rliqjluIPlsYANCiAgICAgICAgICAgIHRhYlNpemU6IDQsIC8vIHRhYue8qei/m+mVv+W6pg0KICAgICAgICAgICAgYXV0b0Nsb3NpbmdPdmVydHlwZTogJ2Fsd2F5cycsDQogICAgICAgICAgICByZWFkT25seTogZmFsc2UsDQogICAgICAgICAgfSk7DQogICAgICAgIH0pOw0KICAgICAgfSBjYXRjaCAoZXJyb3IpIHsNCiAgICAgICAgY29uc29sZS5sb2coZXJyb3IpOw0KICAgICAgfQ0KICAgIH0sDQogICAgZXZlbnRUYXNrKCkgew0KICAgICAgZXZlbnRUYXNrKCkudGhlbigocmVzKSA9PiB7DQogICAgICAgIHRoaXMudGFzayA9IHJlcy5kYXRhOw0KICAgICAgfSk7DQogICAgfSwNCiAgICAvLyBvbkNvcHkoY29weURhdGEpIHsNCiAgICAvLyAgIGxldCBkYXRhID0gYCRkYXRhWycke2NvcHlEYXRhfSddYDsNCiAgICAvLyAgIHRoaXMuJGNvcHlUZXh0KGRhdGEpDQogICAgLy8gICAgIC50aGVuKChtZXNzYWdlKSA9PiB7DQogICAgLy8gICAgICAgdGhpcy4kbWVzc2FnZS5zdWNjZXNzKCflpI3liLbmiJDlip8nKTsNCiAgICAvLyAgICAgfSkNCiAgICAvLyAgICAgLmNhdGNoKChlcnIpID0+IHsNCiAgICAvLyAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKCflpI3liLblpLHotKUnKTsNCiAgICAvLyAgICAgfSk7DQogICAgLy8gfSwNCiAgICBpbml0RGF0YShzdGF0dXMpIHsNCiAgICAgIHRoaXMuZm9ybVZhbGlkYXRlID0gew0KICAgICAgICBuYW1lOiAnJywNCiAgICAgICAgbWFyazogJycsDQogICAgICAgIGlzX29wZW46IDAsDQogICAgICAgIGNvbnRlbnQ6ICcnLA0KICAgICAgICBwYXNzd29yZDogJycsDQogICAgICAgIGN1c3RvbUNvZGU6ICcnLA0KICAgICAgfTsNCiAgICAgIHRoaXMuY29weURhdGEgPSAnJzsNCiAgICAgIHRoaXMubW9kYWwgPSBmYWxzZTsNCiAgICB9LA0KICAgIGV2ZW50SW5mbyhpZCkgew0KICAgICAgaWYgKCFpZCkgew0KICAgICAgICB0aGlzLm1vZGFsID0gdHJ1ZTsNCiAgICAgICAgdGhpcy5pbml0RWRpdG9yKA0KICAgICAgICAgICI8P3BocFxuXG4vL+ekuuS+i+S7o+eggVxuLy/lj4LmlbDkvb/nlKjlrp7kvosgICRkYXRhWyd1aWQnXVxuXG4vL+ebtOaOpeWGmeWFpeaVsOaNruW6k1xuXFx0aGlua1xcZmFjYWRlXFxEYjo6bmFtZSgnY2FjaGUnKS0+aW5zZXJ0KFsna2V5JyA9PiAnY3VzdG9tX2V2ZW50XycgLiByYW5kKCksICdyZXN1bHQnID0+ICRkYXRhWyduaWNrbmFtZSddIC4gcmFuZCgpLCAnZXhwaXJlX3RpbWUnID0+IDBdKTtcblxuLy/osIPnlKjns7vnu5/mlrnms5VcbmFwcCgpLT5tYWtlKFxcYXBwXFxzZXJ2aWNlc1xcb3RoZXJcXENhY2hlU2VydmljZXM6OmNsYXNzKS0+c2V0RGJDYWNoZSgnY3VzdG9tX2V2ZW50XycgLiByYW5kKCksICRkYXRhWyduaWNrbmFtZSddKTsiLA0KICAgICAgICApOw0KICAgICAgICByZXR1cm47DQogICAgICB9DQogICAgICBldmVudEluZm8oaWQpLnRoZW4oKHJlcykgPT4gew0KICAgICAgICB0aGlzLm1vZGFsID0gdHJ1ZTsNCiAgICAgICAgdGhpcy5mb3JtVmFsaWRhdGUgPSByZXMuZGF0YTsNCiAgICAgICAgbGV0IHRhc2tEYXRhID0gdGhpcy50YXNrLmZpbmQoKGkpID0+IGkudmFsdWUgPT09IHJlcy5kYXRhLm1hcmspOw0KICAgICAgICB0aGlzLmNvcHlEYXRhID0gdGFza0RhdGEuZGF0YTsNCiAgICAgICAgdGhpcy5pbml0RWRpdG9yKHJlcy5kYXRhLmN1c3RvbUNvZGUgfHwgJycpOw0KICAgICAgfSk7DQogICAgfSwNCiAgICAvLyDmj5DkuqQNCiAgICBoYW5kbGVTdWJtaXQoKSB7DQogICAgICB0aGlzLmZvcm1WYWxpZGF0ZS5jdXN0b21Db2RlID0gdGhpcy5lZGl0b3IuZ2V0VmFsdWUoKTsNCiAgICAgIGlmICghdGhpcy5mb3JtVmFsaWRhdGUubWFyaykgew0KICAgICAgICByZXR1cm4gdGhpcy4kbWVzc2FnZS5lcnJvcih7DQogICAgICAgICAgbWVzc2FnZTogJ+ivt+mAieaLqeS6i+S7tuexu+WeiycsDQogICAgICAgICAgb25DbG9zZTogKCkgPT4gew0KICAgICAgICAgICAgLy8gdGhpcy5sb2FkaW5nID0gZmFsc2U7DQogICAgICAgICAgfSwNCiAgICAgICAgfSk7DQogICAgICB9DQogICAgICB0aGlzLmV2ZW50U2F2ZSh0aGlzLmZvcm1WYWxpZGF0ZSk7DQogICAgfSwNCiAgICBldmVudFNhdmUoZGF0YSkgew0KICAgICAgZXZlbnRTYXZlKGRhdGEpDQogICAgICAgIC50aGVuKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLnN1Y2Nlc3Moew0KICAgICAgICAgICAgbWVzc2FnZTogcmVzLm1zZywNCiAgICAgICAgICB9KTsNCiAgICAgICAgICB0aGlzLiRlbWl0KCdzdWJtaXRBc2snKTsNCiAgICAgICAgICB0aGlzLm1vZGFsID0gZmFsc2U7DQogICAgICAgIH0pDQogICAgICAgIC5jYXRjaCgoZXJyKSA9PiB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihlcnIubXNnKTsNCiAgICAgICAgfSk7DQogICAgfSwNCiAgfSwNCn07DQo="},{"version":3,"sources":["createModal.vue"],"names":[],"mappings":";AAmGA;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":"createModal.vue","sourceRoot":"src/pages/system/event","sourcesContent":["<template>\r\n <div>\r\n <el-drawer\r\n :visible.sync=\"modal\"\r\n :title=\"formValidate.id ? '编辑事件' : '添加事件'\"\r\n size=\"1000px\"\r\n @closed=\"initData\"\r\n >\r\n <el-form v-if=\"modal\" class=\"pb-20\" ref=\"formValidate\" :model=\"formValidate\" label-width=\"97px\" label-colon>\r\n <el-form-item label=\"事件名称：\" required>\r\n <el-row :gutter=\"16\">\r\n <el-col :span=\"20\">\r\n <el-input v-model=\"formValidate.name\" placeholder=\"请输入事件名称\"></el-input>\r\n </el-col>\r\n </el-row>\r\n </el-form-item>\r\n <el-form-item label=\"事件类型：\" required>\r\n <el-row :gutter=\"16\">\r\n <el-col :span=\"20\">\r\n <el-select v-model=\"formValidate.mark\" @change=\"taskChange\">\r\n <el-option v-for=\"(item, name) in task\" :key=\"name\" :value=\"item.value\" :label=\"item.label\"></el-option>\r\n </el-select>\r\n </el-col>\r\n </el-row>\r\n </el-form-item>\r\n <el-form-item label=\"事件说明：\">\r\n <el-row :gutter=\"10\">\r\n <el-col :span=\"24\">\r\n <el-input\r\n v-model=\"formValidate.content\"\r\n type=\"textarea\"\r\n :autosize=\"{ minRows: 3, maxRows: 5 }\"\r\n placeholder=\"请输入事件说明\"\r\n ></el-input>\r\n </el-col>\r\n </el-row>\r\n </el-form-item>\r\n <el-form-item label=\"执行代码：\">\r\n <el-row :gutter=\"10\">\r\n <el-col :span=\"24\">\r\n <div ref=\"container\" id=\"container\" class=\"monaco-editor\"></div>\r\n <!-- <div class=\"copy-tag\">\r\n <el-tag\r\n class=\"item\"\r\n size=\"small\"\r\n v-for=\"(i, k, index) in copyData\"\r\n :key=\"index\"\r\n v-db-click\r\n @click=\"onCopy(k)\"\r\n >\r\n {{ i }}\r\n </el-tag>\r\n </div> -->\r\n </el-col>\r\n </el-row>\r\n </el-form-item>\r\n <el-form-item label=\"可用参数：\" v-if=\"copyData\">\r\n <el-row :gutter=\"10\">\r\n <el-col :span=\"24\">\r\n <el-input\r\n class=\"text-area\"\r\n v-model=\"copyData\"\r\n type=\"textarea\"\r\n :autosize=\"{ minRows: 7, maxRows: 7 }\"\r\n placeholder=\"请输入事件说明\"\r\n readonly\r\n ></el-input>\r\n <!-- <span class=\"text-area\">{{ copyData }}</span> -->\r\n </el-col>\r\n </el-row>\r\n </el-form-item>\r\n\r\n <el-form-item label=\"开发密码：\" required>\r\n <el-row :gutter=\"10\">\r\n <el-col :span=\"24\">\r\n <el-input v-model=\"formValidate.password\" type=\"password\" placeholder=\"请输入系统开发密码，开发密码在crmeb/config/filesystem.php中修改password\"></el-input>\r\n </el-col>\r\n </el-row>\r\n </el-form-item>\r\n <el-form-item label=\"是否开启：\">\r\n <el-row :gutter=\"10\">\r\n <el-col :span=\"12\">\r\n <el-switch :active-value=\"1\" :inactive-value=\"0\" v-model=\"formValidate.is_open\" size=\"large\">\r\n <span slot=\"open\">开启</span>\r\n <span slot=\"close\">关闭</span>\r\n </el-switch>\r\n </el-col>\r\n </el-row>\r\n </el-form-item>\r\n </el-form>\r\n <span class=\"dialog-footer\">\r\n <el-button v-db-click @click=\"modal = false\">取 消</el-button>\r\n <el-button type=\"primary\" v-db-click @click=\"handleSubmit\">提 交</el-button>\r\n </span>\r\n </el-drawer>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport * as monaco from 'monaco-editor';\r\nimport { mapMutations } from 'vuex';\r\nimport { eventTask, eventInfo, eventSave } from '@/api/system';\r\nexport default {\r\n data() {\r\n return {\r\n modal: false,\r\n task: [],\r\n loading: false,\r\n formValidate: {\r\n mark: '', //键\r\n content: '',\r\n is_open: 0,\r\n name: '',\r\n password: '',\r\n customCode: '',\r\n },\r\n copyData: '',\r\n trip: '',\r\n editor: '', //当前编辑器对象\r\n };\r\n },\r\n created() {\r\n this.eventTask();\r\n },\r\n methods: {\r\n ...mapMutations('admin/layout', ['setCopyrightShow']),\r\n taskChange(item) {\r\n // 获取选中值对应 task 中的的data的值\r\n let taskData = this.task.find((i) => i.value === item);\r\n this.copyData = taskData.data;\r\n },\r\n /**\r\n * 初始化编辑器\r\n */\r\n initEditor(conetnt = '') {\r\n try {\r\n let that = this;\r\n that.$nextTick(() => {\r\n // 初始化编辑器，确保dom已经渲染\r\n that.editor = monaco.editor.create(document.getElementById('container'), {\r\n value: conetnt, //编辑器初始显示文字\r\n language: 'php', //语言支持自行查阅demo\r\n automaticLayout: true, //自动布局\r\n theme: 'vs-dark', //官方自带三种主题vs, hc-black, or vs-dark\r\n foldingStrategy: 'indentation', // 代码可分小段折叠\r\n overviewRulerBorder: false, // 不要滚动条的边框\r\n minimap: { enabled: false },\r\n scrollbar: {\r\n vertical: 'hidden',\r\n horizontal: 'hidden',\r\n },\r\n wordWrap: 'on',\r\n autoIndent: true, // 自动布局\r\n tabSize: 4, // tab缩进长度\r\n autoClosingOvertype: 'always',\r\n readOnly: false,\r\n });\r\n });\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n },\r\n eventTask() {\r\n eventTask().then((res) => {\r\n this.task = res.data;\r\n });\r\n },\r\n // onCopy(copyData) {\r\n // let data = `$data['${copyData}']`;\r\n // this.$copyText(data)\r\n // .then((message) => {\r\n // this.$message.success('复制成功');\r\n // })\r\n // .catch((err) => {\r\n // this.$message.error('复制失败');\r\n // });\r\n // },\r\n initData(status) {\r\n this.formValidate = {\r\n name: '',\r\n mark: '',\r\n is_open: 0,\r\n content: '',\r\n password: '',\r\n customCode: '',\r\n };\r\n this.copyData = '';\r\n this.modal = false;\r\n },\r\n eventInfo(id) {\r\n if (!id) {\r\n this.modal = true;\r\n this.initEditor(\r\n \"<?php\\n\\n//示例代码\\n//参数使用实例 $data['uid']\\n\\n//直接写入数据库\\n\\\\think\\\\facade\\\\Db::name('cache')->insert(['key' => 'custom_event_' . rand(), 'result' => $data['nickname'] . rand(), 'expire_time' => 0]);\\n\\n//调用系统方法\\napp()->make(\\\\app\\\\services\\\\other\\\\CacheServices::class)->setDbCache('custom_event_' . rand(), $data['nickname']);\",\r\n );\r\n return;\r\n }\r\n eventInfo(id).then((res) => {\r\n this.modal = true;\r\n this.formValidate = res.data;\r\n let taskData = this.task.find((i) => i.value === res.data.mark);\r\n this.copyData = taskData.data;\r\n this.initEditor(res.data.customCode || '');\r\n });\r\n },\r\n // 提交\r\n handleSubmit() {\r\n this.formValidate.customCode = this.editor.getValue();\r\n if (!this.formValidate.mark) {\r\n return this.$message.error({\r\n message: '请选择事件类型',\r\n onClose: () => {\r\n // this.loading = false;\r\n },\r\n });\r\n }\r\n this.eventSave(this.formValidate);\r\n },\r\n eventSave(data) {\r\n eventSave(data)\r\n .then((res) => {\r\n this.$message.success({\r\n message: res.msg,\r\n });\r\n this.$emit('submitAsk');\r\n this.modal = false;\r\n })\r\n .catch((err) => {\r\n this.$message.error(err.msg);\r\n });\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.form-card {\r\n margin-bottom: 74px;\r\n\r\n ::v-deep .ivu-card-body {\r\n padding: 30px 0;\r\n }\r\n}\r\n\r\n.pb-20 {\r\n padding-bottom: 20px;\r\n}\r\n\r\n.btn-card {\r\n position: fixed;\r\n right: 0;\r\n bottom: 0;\r\n left: 200px;\r\n z-index: 2;\r\n text-align: center;\r\n}\r\n\r\n.input-number-wrapper {\r\n position: relative;\r\n display: inline-block;\r\n width: 100%;\r\n vertical-align: middle;\r\n line-height: normal;\r\n\r\n .ivu-input-number {\r\n width: 100%;\r\n padding-right: 35px;\r\n }\r\n\r\n ::v-deep .ivu-input-number-handler-wrap {\r\n right: 35px;\r\n }\r\n\r\n .suffix {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n z-index: 1;\r\n width: 35px;\r\n height: 100%;\r\n text-align: center;\r\n font-size: 12px;\r\n line-height: 33px;\r\n color: #333333;\r\n }\r\n}\r\n\r\n.trip {\r\n padding-left: 15px;\r\n color: #aaa;\r\n}\r\n\r\n::v-deep .el-input-number__increase,\r\n::v-deep .el-input-number__decrease {\r\n display: none;\r\n}\r\n\r\n.ml30 {\r\n margin-left: 30px;\r\n}\r\n\r\n.copy-tag {\r\n display: flex;\r\n flex-wrap: wrap;\r\n\r\n .item {\r\n margin: 5px;\r\n cursor: pointer;\r\n }\r\n}\r\n\r\n.dialog-footer {\r\n // 固定在底部\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 1;\r\n padding: 10px 20px;\r\n background-color: #fff;\r\n border-top: 1px solid #e8e8e8;\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.monaco-editor {\r\n border: 1px solid var(--prev-border-color-base);\r\n border-radius: 4px;\r\n height: 400px;\r\n overflow: hidden;\r\n}\r\n\r\n.text-area {\r\n white-space: pre-wrap;\r\n word-break: break-word;\r\n}\r\n</style>\r\n"]}]}
|
