| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\setting\\agreement\\index.vue?vue&type=style&index=0&id=42a1aefa&lang=scss&scoped=true","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\setting\\agreement\\index.vue","mtime":1761614939051},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\css-loader\\index.js","mtime":1761614929364},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1761614937403},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\postcss-loader\\src\\index.js","mtime":1761614935133},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1761614936391},{"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:DQo6OnYtZGVlcCAuZWwtdGFic19faXRlbSB7DQogIGhlaWdodDogNTRweCAhaW1wb3J0YW50Ow0KICBsaW5lLWhlaWdodDogNTRweCAhaW1wb3J0YW50Ow0KfQ0KLmFncmVlbWFudCB7DQogIGJhY2tncm91bmQtY29sb3I6ICNmZmY7DQp9DQouY29udGVudCB7DQogIHBhZGRpbmc6IDEwcHggMTZweDsNCn0NCi5pZmFtIHsNCiAgd2lkdGg6IDM0NHB4Ow0KICBoZWlnaHQ6IDY0NHB4Ow0KICBiYWNrZ3JvdW5kOiB1cmwoJy4uLy4uLy4uL2Fzc2V0cy9pbWFnZXMvYWctcGhvbmUucG5nJykgbm8tcmVwZWF0IGNlbnRlciB0b3A7DQogIGJhY2tncm91bmQtc2l6ZTogMzQ0cHggNjQ0cHg7DQogIHBhZGRpbmc6IDQwcHggMjBweDsNCiAgcGFkZGluZy10b3A6IDUwcHg7DQogIG1hcmdpbjogMCBhdXRvIDAgMjBweDsNCiAgLmNvbnRlbnQgew0KICAgIGhlaWdodDogNTYwcHg7DQogICAgb3ZlcmZsb3c6IGhpZGRlbjsNCiAgICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7IC8qIGZpcmVmb3ggKi8NCiAgICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7IC8qIElFIDEwKyAqLw0KICAgIG92ZXJmbG93LXg6IGhpZGRlbjsNCiAgICBvdmVyZmxvdy15OiBhdXRvOw0KICB9DQogIC5jb250ZW50Ojotd2Via2l0LXNjcm9sbGJhciB7DQogICAgZGlzcGxheTogbm9uZTsgLyogQ2hyb21lIFNhZmFyaSAqLw0KICB9DQp9DQoubmV3X3RhYiB7DQogIDo6di1kZWVwIC5pdnUtdGFicy1uYXYgLml2dS10YWJzLXRhYiB7DQogICAgcGFkZGluZzogNHB4IDE2cHggMjBweCAhaW1wb3J0YW50Ow0KICAgIGZvbnQtd2VpZ2h0OiA1MDA7DQogIH0NCn0NCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAuIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/setting/agreement","sourcesContent":["<template>\r\n <div class=\"agreemant\">\r\n <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt\" :body-style=\"{ padding: '0 20px' }\">\r\n <div>\r\n <el-tabs v-model=\"currentTab\" @tab-click=\"changeTab\">\r\n <el-tab-pane\r\n :label=\"item.label\"\r\n :name=\"item.value.toString()\"\r\n v-for=\"(item, index) in headerList\"\r\n :key=\"index\"\r\n />\r\n </el-tabs>\r\n </div>\r\n </el-card>\r\n\r\n <el-row class=\"content\">\r\n <el-col :span=\"16\">\r\n <WangEditor style=\"width: 100%\" :content=\"formValidate.content\" @editorContent=\"getEditorContent\"></WangEditor>\r\n </el-col>\r\n <el-col :span=\"6\" style=\"width: 33%\">\r\n <div class=\"ifam\">\r\n <div class=\"content\" v-html=\"content\"></div>\r\n </div>\r\n </el-col>\r\n </el-row>\r\n <!-- <el-row class=\"mb10 content\">\r\n <el-button class=\"bnt\" type=\"primary\" v-db-click @click=\"save\" :loading=\"loadingExist\"\r\n >保存</el-button\r\n >\r\n </el-row> -->\r\n\r\n <el-card :bordered=\"false\" shadow=\"never\" class=\"fixed-card\" :style=\"{ left: `${fixBottomWidth}` }\">\r\n <div class=\"acea-row row-center\">\r\n <el-button class=\"bnt\" type=\"primary\" v-db-click @click=\"save\" :loading=\"loadingExist\">保存</el-button>\r\n </div>\r\n </el-card>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport WangEditor from '@/components/wangEditor/index.vue';\r\nimport { getAgreements, setAgreements } from '@/api/system';\r\n\r\nexport default {\r\n components: { WangEditor },\r\n data() {\r\n return {\r\n loadingExist: false,\r\n currentTab: '1',\r\n headerList: [\r\n { label: '付费会员协议', value: '1' },\r\n { label: '代理商协议', value: '2' },\r\n { label: '隐私协议', value: '3' },\r\n { label: '用户协议', value: '4' },\r\n { label: '注销协议', value: '5' },\r\n { label: '积分协议', value: '6' },\r\n { label: '分销协议', value: '8' },\r\n ],\r\n ueConfig: {\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 id: 0,\r\n formValidate: {\r\n content: '',\r\n },\r\n content: '',\r\n spinShow: false,\r\n };\r\n },\r\n computed: {\r\n // 设置是否显示 tagsView\r\n fixBottomWidth() {\r\n let { layout, isCollapse } = this.$store.state.themeConfig.themeConfig;\r\n let w;\r\n if (['columns'].includes(layout)) {\r\n if (isCollapse) {\r\n w = '85px';\r\n } else {\r\n w = '265px';\r\n }\r\n } else if (['classic'].includes(layout)) {\r\n if (isCollapse) {\r\n w = '85px';\r\n } else {\r\n w = '180px';\r\n }\r\n } else if (['defaults', 'classic'].includes(layout)) {\r\n if (isCollapse) {\r\n w = '64px';\r\n } else {\r\n w = '180px';\r\n }\r\n } else {\r\n w = '0px';\r\n }\r\n return w;\r\n },\r\n },\r\n created() {\r\n this.changeTab(this.currentTab);\r\n },\r\n methods: {\r\n save() {\r\n this.formValidate.content = this.content;\r\n setAgreements(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 getEditorContent(content) {\r\n this.content = content;\r\n },\r\n changeTab() {\r\n this.formValidate.content = ' ';\r\n getAgreements(this.currentTab).then((res) => {\r\n this.formValidate.id = res.data.id || 0;\r\n this.formValidate.type = res.data.type;\r\n this.formValidate.title = res.data.title;\r\n this.formValidate.content = res.data.content;\r\n this.content = res.data.content;\r\n });\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n::v-deep .el-tabs__item {\r\n height: 54px !important;\r\n line-height: 54px !important;\r\n}\r\n.agreemant {\r\n background-color: #fff;\r\n}\r\n.content {\r\n padding: 10px 16px;\r\n}\r\n.ifam {\r\n width: 344px;\r\n height: 644px;\r\n background: url('../../../assets/images/ag-phone.png') no-repeat center top;\r\n background-size: 344px 644px;\r\n padding: 40px 20px;\r\n padding-top: 50px;\r\n margin: 0 auto 0 20px;\r\n .content {\r\n height: 560px;\r\n overflow: hidden;\r\n scrollbar-width: none; /* firefox */\r\n -ms-overflow-style: none; /* IE 10+ */\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n }\r\n .content::-webkit-scrollbar {\r\n display: none; /* Chrome Safari */\r\n }\r\n}\r\n.new_tab {\r\n ::v-deep .ivu-tabs-nav .ivu-tabs-tab {\r\n padding: 4px 16px 20px !important;\r\n font-weight: 500;\r\n }\r\n}\r\n</style>\r\n"]}]}
|
