{"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\\app\\app\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\app\\app\\index.vue","mtime":1761185180071},{"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:DQppbXBvcnQgV2FuZ0VkaXRvciBmcm9tICdAL2NvbXBvbmVudHMvd2FuZ0VkaXRvci9pbmRleC52dWUnOw0KaW1wb3J0IFNldHRpbmcgZnJvbSAnQC9zZXR0aW5nJzsNCmltcG9ydCB7IGdldENvbG9yQ2hhbmdlIH0gZnJvbSAnQC9hcGkvZGl5JzsNCmltcG9ydCB7IG1hcFN0YXRlIH0gZnJvbSAndnVleCc7DQppbXBvcnQgew0KICBncm91cERhdGFIZWFkZXJBcGksDQogIGdldEFncmVlbWVudCwNCiAgc2V0QWdyZWVtZW50LA0KfSBmcm9tICdAL2FwaS9zeXN0ZW0nOw0KaW1wb3J0IHVwbG9hZFBpY3R1cmVzIGZyb20gJ0AvY29tcG9uZW50cy91cGxvYWRQaWN0dXJlcyc7DQppbXBvcnQgbGlua2FkZHJlc3MgZnJvbSAnQC9jb21wb25lbnRzL2xpbmthZGRyZXNzJzsNCmltcG9ydCB7IGdldENvb2tpZXMgfSBmcm9tICdAL2xpYnMvdXRpbCc7DQoNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogJ2xpc3QnLA0KICBjb21wb25lbnRzOiB7DQogICAgdXBsb2FkUGljdHVyZXMsDQogICAgbGlua2FkZHJlc3MsDQogICAgV2FuZ0VkaXRvciwNCiAgfSwNCiAgY29tcHV0ZWQ6IHsNCiAgICBiZ2NvbG9ycygpIHsNCiAgICAgIHJldHVybiB7DQogICAgICAgICctLWNvbG9yLXRoZW1lJzogdGhpcy5iZ0NvbCwNCiAgICAgIH07DQogICAgfSwNCiAgICBsYWJlbFdpZHRoKCkgew0KICAgICAgcmV0dXJuIHRoaXMuaXNNb2JpbGUgPyB1bmRlZmluZWQgOiAnODBweCc7DQogICAgfSwNCiAgICBsYWJlbFBvc2l0aW9uKCkgew0KICAgICAgcmV0dXJuIHRoaXMuaXNNb2JpbGUgPyAndG9wJyA6ICdyaWdodCc7DQogICAgfSwNCiAgICAuLi5tYXBTdGF0ZSgnYWRtaW4vbGF5b3V0JywgWydtZW51Q29sbGFwc2UnXSksDQogIH0sDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIGZvcm1WYWxpZGF0ZTogew0KICAgICAgICBjb250ZW50OiAnJywNCiAgICAgIH0sDQogICAgICBydWxlVmFsaWRhdGU6IHt9LA0KICAgICAgbXlDb25maWc6IHsNCiAgICAgICAgYXV0b0hlaWdodEVuYWJsZWQ6IGZhbHNlLCAvLyDnvJbovpHlmajkuI3oh6rliqjooqvlhoXlrrnmkpHpq5gNCiAgICAgICAgaW5pdGlhbEZyYW1lSGVpZ2h0OiA1MDAsIC8vIOWIneWni+WuueWZqOmrmOW6pg0KICAgICAgICBpbml0aWFsRnJhbWVXaWR0aDogJzEwMCUnLCAvLyDliJ3lp4vlrrnlmajlrr3luqYNCiAgICAgICAgVUVESVRPUl9IT01FX1VSTDogJy9VRWRpdG9yLycsDQogICAgICAgIHNlcnZlclVybDogJycsDQogICAgICB9LA0KICAgICAgYTogMSwgLy/liKTmlq3nmoTpmpDnp4HljY/orq4NCiAgICAgIGd1aWRlOiAwLA0KICAgICAgYmdpbWc6IDAsDQogICAgICBjb2x1bW5zMTogW10sDQogICAgICBiZ0NvbDogJycsDQogICAgICBuYW1lOiAnJywNCiAgICAgIGNvbnRlbnQ6ICcnLA0KICAgICAgZ3JpZDogew0KICAgICAgICB4bDogNywNCiAgICAgICAgbGc6IDcsDQogICAgICAgIG1kOiAxMiwNCiAgICAgICAgc206IDI0LA0KICAgICAgICB4czogMjQsDQogICAgICB9LA0KICAgICAgbG9hZGluZzogZmFsc2UsDQogICAgICBzZ2luTGlzdDogW10sDQogICAgICBwcm9ncmVzczogMCwgLy8g6L+b5bqm5p2h6buY6K6kMA0KICAgICAgdXJsOiAnJywNCiAgICAgIEJhc2VVUkw6IFNldHRpbmcuYXBpQmFzZVVSTC5yZXBsYWNlKC9hZG1pbmFwaS8sICcnKSwNCiAgICAgIHBhZ2VJZDogMCwNCiAgICAgIGdyb3VwQWxsOiBbXSwNCiAgICAgIGFjdGl2ZUluZGV4OiAwLA0KICAgICAgc29ydE5hbWU6IG51bGwsDQogICAgICBhY3RpdmVJbmRleHM6IDAsDQogICAgICBjbXNMaXN0OiBbXSwNCiAgICAgIGxvYWRpbmdFeGlzdDogZmFsc2UsDQogICAgICBmb3JtSXRlbTogew0KICAgICAgICB0aW1lOiAnJywNCiAgICAgICAgdHlwZTogJ3BpYycsDQogICAgICAgIHN0YXR1czogMSwNCiAgICAgICAgdmFsdWU6IFtdLA0KICAgICAgICB2aWRlb19saW5rOiAnJywNCiAgICAgIH0sDQogICAgICBoZWFkZXI6IHt9LA0KICAgICAgdHlwZTogMCwNCiAgICB9Ow0KICB9LA0KICBjcmVhdGVkKCkgew0KICAgIHRoaXMuY29sb3IoKTsNCiAgICB0aGlzLmEgPSAxOw0KICAgIHRoaXMuZ3VpZGUgPSAwOw0KICAgIHRoaXMuZ2V0QWdyZWVtZW50KCk7DQogIH0sDQogIG1vdW50ZWQoKSB7fSwNCiAgbWV0aG9kczogew0KICAgIGxpbmtVcmwoZSkgew0KICAgICAgdGhpcy50YWJMaXN0Lmxpc3RbdGhpcy5hY3RpdmVJbmRleHNdLmxpbmsgPSBlOw0KICAgIH0sDQogICAgZ2V0RWRpdG9yQ29udGVudChkYXRhKSB7DQogICAgICB0aGlzLmNvbnRlbnQgPSBkYXRhOw0KICAgIH0sDQogICAgY29sb3IoKSB7DQogICAgICBnZXRDb2xvckNoYW5nZSgnY29sb3JfY2hhbmdlJykudGhlbigocmVzKSA9PiB7DQogICAgICAgIHN3aXRjaCAocmVzLmRhdGEuc3RhdHVzKSB7DQogICAgICAgICAgY2FzZSAxOg0KICAgICAgICAgICAgdGhpcy5iZ0NvbCA9ICcjMzg3NUVBJzsNCiAgICAgICAgICAgIHRoaXMuYmdpbWcgPSAxOw0KICAgICAgICAgICAgYnJlYWs7DQogICAgICAgICAgY2FzZSAyOg0KICAgICAgICAgICAgdGhpcy5iZ0NvbCA9ICcjMDBDMDUwJzsNCiAgICAgICAgICAgIHRoaXMuYmdpbWcgPSAyOw0KICAgICAgICAgICAgYnJlYWs7DQogICAgICAgICAgY2FzZSAzOg0KICAgICAgICAgICAgdGhpcy5iZ0NvbCA9ICcjRTkzMzIzJzsNCiAgICAgICAgICAgIHRoaXMuYmdpbWcgPSAzOw0KICAgICAgICAgICAgYnJlYWs7DQogICAgICAgICAgY2FzZSA0Og0KICAgICAgICAgICAgdGhpcy5iZ0NvbCA9ICcjRkY0NDhGJzsNCiAgICAgICAgICAgIHRoaXMuYmdpbWcgPSA0Ow0KICAgICAgICAgICAgYnJlYWs7DQogICAgICAgICAgY2FzZSA1Og0KICAgICAgICAgICAgdGhpcy5iZ0NvbCA9ICcjRkU1QzJEJzsNCiAgICAgICAgICAgIHRoaXMuYmdpbWcgPSA1Ow0KICAgICAgICAgICAgYnJlYWs7DQogICAgICAgIH0NCiAgICAgIH0pOw0KICAgIH0sDQogICAgbGluayhpbmRleCkgew0KICAgICAgdGhpcy5hY3RpdmVJbmRleHMgPSBpbmRleDsNCiAgICAgIHRoaXMuJHJlZnMubGlua2FkZHJlcy5tb2RhbHMgPSB0cnVlOw0KICAgIH0sDQogICAgZ2V0TGlzdEhlYWRlcigpIHsNCiAgICAgIHRoaXMubG9hZGluZyA9IHRydWU7DQogICAgICBncm91cERhdGFIZWFkZXJBcGkoeyBjb25maWdfbmFtZTogdGhpcy5uYW1lIH0sICdzZXR0aW5nL3NpZ25fZGF0YS9oZWFkZXInKQ0KICAgICAgICAudGhlbigocmVzKSA9PiB7DQogICAgICAgICAgbGV0IGRhdGEgPSByZXMuZGF0YTsNCiAgICAgICAgICBsZXQgaGVhZGVyID0gZGF0YS5oZWFkZXI7DQogICAgICAgICAgbGV0IGluZGV4ID0gW107DQogICAgICAgICAgdGhpcy5jb2x1bW5zMSA9IGhlYWRlcjsNCiAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTsNCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5tc2cpOw0KICAgICAgICB9KTsNCiAgICB9LA0KICAgIGdldENvbnRlbnQodmFsKSB7DQogICAgICB0aGlzLmZvcm1WYWxpZGF0ZS5jb250ZW50ID0gdmFsOw0KICAgIH0sDQogICAgLy8g5o+Q5Lqk5pWw5o2uDQogICAgb25zdWJtaXQobmFtZSkgew0KICAgICAgdGhpcy5mb3JtVmFsaWRhdGUuY29udGVudCA9IHRoaXMuY29udGVudDsNCiAgICAgIHNldEFncmVlbWVudCh0aGlzLmZvcm1WYWxpZGF0ZSkNCiAgICAgICAgLnRoZW4oYXN5bmMgKHJlcykgPT4gew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uuc3VjY2VzcyhyZXMubXNnKTsNCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5tc2cpOw0KICAgICAgICB9KTsNCiAgICB9LA0KICAgIC8v6K+m5oOFDQogICAgZ2V0QWdyZWVtZW50KCkgew0KICAgICAgZ2V0QWdyZWVtZW50KCkNCiAgICAgICAgLnRoZW4oYXN5bmMgKHJlcykgPT4gew0KICAgICAgICAgIGxldCBkYXRhID0gcmVzLmRhdGE7DQogICAgICAgICAgdGhpcy5mb3JtVmFsaWRhdGUgPSB7DQogICAgICAgICAgICBjb250ZW50OiBkYXRhLmNvbnRlbnQsDQogICAgICAgICAgfTsNCiAgICAgICAgICB0aGlzLmNvbnRlbnQgPSBkYXRhLmNvbnRlbnQ7DQogICAgICAgIH0pDQogICAgICAgIC5jYXRjaCgocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy5sb2FkaW5nID0gZmFsc2U7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihyZXMubXNnKTsNCiAgICAgICAgfSk7DQogICAgfSwNCiAgfSwNCn07DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAwDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/pages/app/app","sourcesContent":["<template>\r\n  <div :style=\"bgcolors\">\r\n    <div class=\"i-layout-page-header header-title\">\r\n      <span class=\"ivu-page-header-title mr20\">{{ $route.meta.title }}</span>\r\n      <div style=\"float: right\">\r\n        <el-button class=\"bnt\" type=\"primary\" v-db-click @click=\"onsubmit('formValidate')\">保存</el-button>\r\n      </div>\r\n    </div>\r\n    <div class=\"box-wrapper\">\r\n      <div class=\"iframe\" :bordered=\"false\">\r\n        <div class=\"agreement-box\">\r\n          <div class=\"template\"></div>\r\n          <div class=\"htmls_box\">\r\n            <div class=\"htmls_top\">服务协议与隐私政策</div>\r\n            <div class=\"htmls_font\">\r\n              <div class=\"ok\">我同意</div>\r\n              <div>不同意</div>\r\n            </div>\r\n            <div class=\"htmls\" v-html=\"content\"></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div style=\"margin-left: 40px\">\r\n        <div class=\"table_box\">\r\n          <div>\r\n            <div v-bind=\"grid\">\r\n              <div class=\"title\">隐私权限页面展示：</div>\r\n            </div>\r\n          </div>\r\n          <div>\r\n            <el-form\r\n              class=\"form\"\r\n              ref=\"formValidate\"\r\n              :model=\"formValidate\"\r\n              :rules=\"ruleValidate\"\r\n              :label-position=\"labelPosition\"\r\n              @submit.native.prevent\r\n            >\r\n              <div class=\"goodsTitle acea-row\"></div>\r\n              <el-form-item label=\"\" style=\"margin: 0px\">\r\n                <WangEditor\r\n                  style=\"width: 90%\"\r\n                  :content=\"formValidate.content\"\r\n                  @editorContent=\"getEditorContent\"\r\n                ></WangEditor>\r\n              </el-form-item>\r\n            </el-form>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <linkaddress ref=\"linkaddres\" @linkUrl=\"linkUrl\"></linkaddress>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport WangEditor from '@/components/wangEditor/index.vue';\r\nimport Setting from '@/setting';\r\nimport { getColorChange } from '@/api/diy';\r\nimport { mapState } from 'vuex';\r\nimport {\r\n  groupDataHeaderApi,\r\n  getAgreement,\r\n  setAgreement,\r\n} from '@/api/system';\r\nimport uploadPictures from '@/components/uploadPictures';\r\nimport linkaddress from '@/components/linkaddress';\r\nimport { getCookies } from '@/libs/util';\r\n\r\nexport default {\r\n  name: 'list',\r\n  components: {\r\n    uploadPictures,\r\n    linkaddress,\r\n    WangEditor,\r\n  },\r\n  computed: {\r\n    bgcolors() {\r\n      return {\r\n        '--color-theme': this.bgCol,\r\n      };\r\n    },\r\n    labelWidth() {\r\n      return this.isMobile ? undefined : '80px';\r\n    },\r\n    labelPosition() {\r\n      return this.isMobile ? 'top' : 'right';\r\n    },\r\n    ...mapState('admin/layout', ['menuCollapse']),\r\n  },\r\n  data() {\r\n    return {\r\n      formValidate: {\r\n        content: '',\r\n      },\r\n      ruleValidate: {},\r\n      myConfig: {\r\n        autoHeightEnabled: false, // 编辑器不自动被内容撑高\r\n        initialFrameHeight: 500, // 初始容器高度\r\n        initialFrameWidth: '100%', // 初始容器宽度\r\n        UEDITOR_HOME_URL: '/UEditor/',\r\n        serverUrl: '',\r\n      },\r\n      a: 1, //判断的隐私协议\r\n      guide: 0,\r\n      bgimg: 0,\r\n      columns1: [],\r\n      bgCol: '',\r\n      name: '',\r\n      content: '',\r\n      grid: {\r\n        xl: 7,\r\n        lg: 7,\r\n        md: 12,\r\n        sm: 24,\r\n        xs: 24,\r\n      },\r\n      loading: false,\r\n      sginList: [],\r\n      progress: 0, // 进度条默认0\r\n      url: '',\r\n      BaseURL: Setting.apiBaseURL.replace(/adminapi/, ''),\r\n      pageId: 0,\r\n      groupAll: [],\r\n      activeIndex: 0,\r\n      sortName: null,\r\n      activeIndexs: 0,\r\n      cmsList: [],\r\n      loadingExist: false,\r\n      formItem: {\r\n        time: '',\r\n        type: 'pic',\r\n        status: 1,\r\n        value: [],\r\n        video_link: '',\r\n      },\r\n      header: {},\r\n      type: 0,\r\n    };\r\n  },\r\n  created() {\r\n    this.color();\r\n    this.a = 1;\r\n    this.guide = 0;\r\n    this.getAgreement();\r\n  },\r\n  mounted() {},\r\n  methods: {\r\n    linkUrl(e) {\r\n      this.tabList.list[this.activeIndexs].link = e;\r\n    },\r\n    getEditorContent(data) {\r\n      this.content = data;\r\n    },\r\n    color() {\r\n      getColorChange('color_change').then((res) => {\r\n        switch (res.data.status) {\r\n          case 1:\r\n            this.bgCol = '#3875EA';\r\n            this.bgimg = 1;\r\n            break;\r\n          case 2:\r\n            this.bgCol = '#00C050';\r\n            this.bgimg = 2;\r\n            break;\r\n          case 3:\r\n            this.bgCol = '#E93323';\r\n            this.bgimg = 3;\r\n            break;\r\n          case 4:\r\n            this.bgCol = '#FF448F';\r\n            this.bgimg = 4;\r\n            break;\r\n          case 5:\r\n            this.bgCol = '#FE5C2D';\r\n            this.bgimg = 5;\r\n            break;\r\n        }\r\n      });\r\n    },\r\n    link(index) {\r\n      this.activeIndexs = index;\r\n      this.$refs.linkaddres.modals = true;\r\n    },\r\n    getListHeader() {\r\n      this.loading = true;\r\n      groupDataHeaderApi({ config_name: this.name }, 'setting/sign_data/header')\r\n        .then((res) => {\r\n          let data = res.data;\r\n          let header = data.header;\r\n          let index = [];\r\n          this.columns1 = header;\r\n          this.loading = false;\r\n        })\r\n        .catch((res) => {\r\n          this.loading = false;\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    getContent(val) {\r\n      this.formValidate.content = val;\r\n    },\r\n    // 提交数据\r\n    onsubmit(name) {\r\n      this.formValidate.content = this.content;\r\n      setAgreement(this.formValidate)\r\n        .then(async (res) => {\r\n          this.$message.success(res.msg);\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    //详情\r\n    getAgreement() {\r\n      getAgreement()\r\n        .then(async (res) => {\r\n          let data = res.data;\r\n          this.formValidate = {\r\n            content: data.content,\r\n          };\r\n          this.content = data.content;\r\n        })\r\n        .catch((res) => {\r\n          this.loading = false;\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.save {\r\n  width: 100%;\r\n  margin: 0 auto;\r\n  text-align: center;\r\n  background-color: #fff;\r\n  bottom: 0;\r\n  padding: 16px;\r\n  border-top: 3px solid #f5f7f9;\r\n}\r\n.form {\r\n  .goodsTitle {\r\n    margin-bottom: 25px;\r\n  }\r\n  .goodsTitle ~ .goodsTitle {\r\n    margin-top: 20px;\r\n  }\r\n  .goodsTitle .title {\r\n    border-bottom: 2px solid var(--prev-color-primary);\r\n    padding: 0 8px 12px 5px;\r\n    color: #000;\r\n    font-size: 14px;\r\n  }\r\n  .goodsTitle .icons {\r\n    font-size: 15px;\r\n    margin-right: 8px;\r\n    color: #999;\r\n  }\r\n  .add {\r\n    font-size: 12px;\r\n    color: var(--prev-color-primary);\r\n    padding: 0 12px;\r\n    cursor: pointer;\r\n  }\r\n  .radio {\r\n    margin-right: 20px;\r\n  }\r\n  .upLoad {\r\n    width: 58px;\r\n    height: 58px;\r\n    line-height: 58px;\r\n    border: 1px dotted rgba(0, 0, 0, 0.1);\r\n    border-radius: 4px;\r\n    background: rgba(0, 0, 0, 0.02);\r\n  }\r\n  .iconfont {\r\n    color: #898989;\r\n  }\r\n  .pictrue {\r\n    width: 60px;\r\n    height: 60px;\r\n    border: 1px dotted rgba(0, 0, 0, 0.1);\r\n    margin-right: 10px;\r\n  }\r\n  .pictrue img {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n}\r\n.agreement-box {\r\n  width: 310px;\r\n  height: 550px;\r\n  border-radius: 10px;\r\n  background: rgba(0, 0, 0, 0);\r\n  border: 1px solid #eeeeee;\r\n  opacity: 1;\r\n  position: relative;\r\n  .template {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    top: 0;\r\n    left: 0;\r\n    border-radius: 10px;\r\n    background-color: #817e81;\r\n  }\r\n  .htmls_box {\r\n    font-size: 12px;\r\n    width: 259px;\r\n    height: 430px;\r\n    border-radius: 10px;\r\n    background-color: #fff;\r\n    position: absolute;\r\n    top: 58px;\r\n    left: 26px;\r\n    .htmls_top {\r\n      position: absolute;\r\n      top: 8px;\r\n      left: 0;\r\n      height: 34px;\r\n      text-align: center;\r\n      width: 100%;\r\n      line-height: 35px;\r\n      font-weight: 600;\r\n      font-size: 20px;\r\n    }\r\n    .htmls_font {\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      padding: 15px 15px;\r\n      text-align: center;\r\n      width: 100%;\r\n\r\n      div {\r\n        height: 35px;\r\n        line-height: 35px;\r\n        border-radius: 20px;\r\n      }\r\n      .ok {\r\n        background-color: #f33316;\r\n        color: #ffffff;\r\n      }\r\n    }\r\n    .htmls {\r\n      position: absolute;\r\n      background-color: #fff;\r\n      top: 50px;\r\n      left: 0;\r\n      width: 259px;\r\n      height: 281px;\r\n      border-radius: 4px;\r\n      overflow: auto;\r\n      padding: 5px 15px;\r\n      word-break: break-word;\r\n    }\r\n    .htmls::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n  }\r\n}\r\n.item {\r\n  margin-right: 15px;\r\n  border: 1px dashed #dbdbdb;\r\n  padding-bottom: 10px;\r\n  padding-right: 15px;\r\n  padding-top: 20px;\r\n}\r\n.swiperimg {\r\n  width: 310px;\r\n  border-top-left-radius: 10px;\r\n  border-top-right-radius: 10px;\r\n\r\n  img {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n}\r\n.title {\r\n  padding: 0 0 13px 0;\r\n  font-weight: bold;\r\n  font-size: 15px;\r\n  border-left: 2px solid var(--prev-color-primary);\r\n  height: 23px;\r\n  padding-left: 10px;\r\n}\r\n.content {\r\n  .right-box {\r\n    margin-left: 40px;\r\n  }\r\n}\r\n.box {\r\n  border-top: 3px solid #f5f7f9;\r\n  padding: 10px;\r\n  padding-top: 25px;\r\n  width: 100%;\r\n  .save {\r\n    background-color: var(--prev-color-primary);\r\n    color: #ffffff;\r\n    width: 71px;\r\n    height: 30px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n    line-height: 30px;\r\n    cursor: pointer;\r\n  }\r\n}\r\n.iframe {\r\n  margin-left: 20px;\r\n  position: relative;\r\n  width: 310px;\r\n\r\n  background: #ffffff;\r\n  border: 1px solid #eeeeee;\r\n  opacity: 1;\r\n  border-radius: 10px;\r\n}\r\n.iconfont {\r\n  color: #dddddd;\r\n  font-size: 28px;\r\n}\r\n.box-wrapper {\r\n  display: flex;\r\n  flex-wrap: nowrap;\r\n  padding: 20px;\r\n  background-color: #fff;\r\n  border-radius: 5px;\r\n  margin: 20px;\r\n}\r\n</style>\r\n"]}]}