| 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\\group\\pc.vue?vue&type=style&index=0&id=89c0a5e2&lang=css","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\system\\group\\pc.vue","mtime":1761185180216},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"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:DQouYm94M19zaWxlOjotd2Via2l0LXNjcm9sbGJhciB7DQogIGRpc3BsYXk6IG5vbmU7DQp9DQouYm94M19zaWxlIHsNCiAgd2lkdGg6IDkycHg7DQogIGhlaWdodDogYXV0bzsNCiAgb3ZlcmZsb3c6IGF1dG87DQp9DQouYm94M19zaWxlIGltZyB7DQogIHdpZHRoOiA5MnB4Ow0KfQ0K"},{"version":3,"sources":["pc.vue"],"names":[],"mappings":";AAqqBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"pc.vue","sourceRoot":"src/pages/system/group","sourcesContent":["<template>\r\n <div>\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>\r\n <div style=\"float: right\">\r\n <el-button class=\"bnt\" type=\"primary\" v-db-click @click=\"save\">保存</el-button>\r\n </div>\r\n </div>\r\n </div> -->\r\n <pages-header ref=\"pageHeader\" :title=\"$route.meta.title\">\r\n <el-button class=\"bnt\" type=\"primary\" v-db-click @click=\"save\">保存</el-button>\r\n </pages-header>\r\n <el-card :bordered=\"false\" shadow=\"never\" class=\"h100 mt16\">\r\n <el-row class=\"box-wrapper\">\r\n <el-col :xs=\"24\" :sm=\"24\" :md=\"6\" :lg=\"3\">\r\n <div class=\"left_box\">\r\n <div class=\"left_cont\" :class=\"pageId == 1 ? 'on' : ''\" v-db-click @click=\"menu(1)\">网站LOGO</div>\r\n <div\r\n class=\"left_cont\"\r\n :class=\"pageId == 'pc_home_banner' ? 'on' : ''\"\r\n v-db-click\r\n @click=\"menu('pc_home_banner')\"\r\n >\r\n 首页轮播图\r\n </div>\r\n <div class=\"left_cont\" :class=\"pageId == 3 ? 'on' : ''\" v-db-click @click=\"menu(3)\">客服页面广告</div>\r\n <div class=\"left_cont\" :class=\"pageId == 4 ? 'on' : ''\" v-db-click @click=\"menu(4)\">顶部菜单配置</div>\r\n <div class=\"left_cont\" :class=\"pageId == 5 ? 'on' : ''\" v-db-click @click=\"menu(5)\">友情链接配置</div>\r\n <div class=\"left_cont\" :class=\"pageId == 6 ? 'on' : ''\" v-db-click @click=\"menu(6)\">关于我们</div>\r\n </div>\r\n </el-col>\r\n <div style=\"display: flex; width: 83%\">\r\n <el-col v-if=\"pageId == 1 || pageId == 'pc_home_banner'\" class=\"pciframe\" :bordered=\"false\" shadow=\"never\">\r\n <img src=\"../../../assets/images/pcbanner.png\" class=\"pciframe-box\" />\r\n <div v-if=\"pageId == 1\" class=\"logoimg\">\r\n <img :src=\"pclogo\" />\r\n </div>\r\n <div v-if=\"pageId == 'pc_home_banner'\" class=\"pcmoddile_goods\">\r\n <div class=\"nofonts\" v-if=\"tabList.list == ''\">暂无照片，请添加~</div>\r\n <swiper v-else :options=\"swiperOption\" class=\"pcswiperimg_goods\">\r\n <swiper-slide class=\"spcwiperimg_goods\" v-for=\"(item, index) in tabList.list\" :key=\"index\">\r\n <img :src=\"item.image\" />\r\n </swiper-slide>\r\n </swiper>\r\n </div>\r\n </el-col>\r\n <el-col v-if=\"pageId == 3\" class=\"pciframe\" :bordered=\"false\" shadow=\"never\">\r\n <img src=\"../../../assets/images/kefu.png\" class=\"pciframe-box\" />\r\n <div class=\"box3_sile\">\r\n <!-- {{formValidate}} -->\r\n <div v-html=\"formValidate.content\"></div>\r\n </div>\r\n </el-col>\r\n <el-col v-if=\"pageId == 'pc_home_banner'\">\r\n <div class=\"content\">\r\n <div class=\"right-box\">\r\n <div class=\"hot_imgs\">\r\n <div class=\"title\">轮播图设置</div>\r\n <div class=\"title-text\">建议尺寸：690 * 240px，拖拽图片可调整图片顺序哦，最多添加五张。</div>\r\n <div class=\"title-text\">除轮播图外，页面其他内容仅供参考</div>\r\n <div class=\"list-box\">\r\n <draggable\r\n v-if=\"pageId == 'pc_home_banner'\"\r\n class=\"dragArea list-group\"\r\n :list=\"tabList.list\"\r\n group=\"peoples\"\r\n handle=\".move-icon\"\r\n >\r\n <div class=\"item\" v-for=\"(item, index) in tabList.list\" :key=\"index\">\r\n <div class=\"move-icon\">\r\n <span class=\"iconfont icondrag2\"></span>\r\n </div>\r\n <div class=\"img-box imgBoxs\" v-db-click @click=\"modalPicTap('单选', index)\">\r\n <img :src=\"item.image\" alt=\"\" v-if=\"item.image\" />\r\n <div class=\"upload-box\" v-else>\r\n <i class=\"el-icon-picture-outline\" style=\"font-size: 24px\"></i>\r\n </div>\r\n <div\r\n class=\"delect-btn\"\r\n style=\"line-height: 0px\"\r\n v-db-click\r\n @click.stop=\"bindDelete(item, index)\"\r\n >\r\n <i class=\"el-icon-circle-close\" style=\"font-size: 24px\" />\r\n </div>\r\n </div>\r\n <div class=\"info\">\r\n <div class=\"info-item\">\r\n <span>图片名称：</span>\r\n <div class=\"input-box\">\r\n <el-input v-model=\"item.title\" placeholder=\"请填写名称\" />\r\n </div>\r\n </div>\r\n <div class=\"info-item\">\r\n <span>链接地址：</span>\r\n <!-- v-db-click @click=\"link(index)\"-->\r\n <div class=\"input-box\">\r\n <el-input v-model=\"item.url\" placeholder=\"请填写链接\" />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </draggable>\r\n <div>\r\n <el-dialog\r\n :visible.sync=\"modalPic\"\r\n width=\"950px\"\r\n title=\"上传商品图\"\r\n :close-on-click-modal=\"false\"\r\n >\r\n <uploadPictures\r\n :isChoice=\"isChoice\"\r\n @getPic=\"getPic\"\r\n :gridBtn=\"gridBtn\"\r\n :gridPic=\"gridPic\"\r\n v-if=\"modalPic\"\r\n ></uploadPictures>\r\n </el-dialog>\r\n </div>\r\n </div>\r\n <template>\r\n <div class=\"add-btn\">\r\n <el-button\r\n type=\"primary\"\r\n ghost\r\n style=\"width: 100px; height: 35px; background-color: var(--prev-color-primary); color: #ffffff\"\r\n v-db-click\r\n @click=\"addBox\"\r\n >添加图片\r\n </el-button>\r\n </div>\r\n </template>\r\n </div>\r\n </div>\r\n </div>\r\n </el-col>\r\n <el-col v-if=\"pageId == 1\">\r\n <div class=\"content\">\r\n <div class=\"right-box\">\r\n <div class=\"hot_imgs\">\r\n <div class=\"title\">页面设置</div>\r\n <div class=\"title-text\">建议尺寸：140px * 60px</div>\r\n <div class=\"title-text\">除LOGO图标外，页面其他内容仅供参考</div>\r\n <div class=\"list-box\">\r\n <div class=\"img-boxs\" v-db-click @click=\"modalPicTap('单选', 0)\">\r\n <img :src=\"pclogo\" alt=\"\" />\r\n <div class=\"img_font\"></div>\r\n <div class=\"img_fonts\">更换图片</div>\r\n </div>\r\n <div>\r\n <el-dialog\r\n :visible.sync=\"modalPic\"\r\n width=\"950px\"\r\n title=\"上传商品图\"\r\n :close-on-click-modal=\"false\"\r\n >\r\n <uploadPictures\r\n :isChoice=\"isChoice\"\r\n @getPic=\"getPic\"\r\n :gridBtn=\"gridBtn\"\r\n :gridPic=\"gridPic\"\r\n v-if=\"modalPic\"\r\n ></uploadPictures>\r\n </el-dialog>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </el-col>\r\n <el-col v-if=\"pageId == 3\" :xs=\"24\" :sm=\"24\" :md=\"12\" :lg=\"14\" style=\"margin-left: 40px\">\r\n <div class=\"table_box\">\r\n <el-row>\r\n <el-col v-bind=\"grid\">\r\n <div class=\"title\">客服广告内容：</div>\r\n </el-col>\r\n </el-row>\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-width=\"0\"\r\n :label-position=\"labelPosition\"\r\n @submit.native.prevent\r\n >\r\n <el-form-item label=\"\" prop=\"content\" style=\"margin: 0px\">\r\n <WangEditor class=\"mt10\" :content=\"content\" @editorContent=\"getEditorContent\"></WangEditor>\r\n </el-form-item>\r\n </el-form>\r\n </div>\r\n </div>\r\n </el-col>\r\n <el-col v-if=\"pageId == 4\" :xs=\"24\" :sm=\"24\" :md=\"12\" :lg=\"14\" style=\"margin-left: 40px\">\r\n <div class=\"content\">\r\n <div class=\"right-box\">\r\n <div class=\"hot_imgs\">\r\n <div class=\"title\">顶部菜单设置</div>\r\n <div class=\"list-box\">\r\n <draggable class=\"dragArea list-group\" :list=\"menuList\" group=\"peoples\" handle=\".move-icon\">\r\n <div class=\"item\" v-for=\"(item, index) in menuList\" :key=\"index\">\r\n <div class=\"move-icon\">\r\n <span class=\"iconfont icondrag2\"></span>\r\n </div>\r\n <div class=\"delect-btn\" style=\"line-height: 0px\" v-db-click @click.stop=\"menuDelete(index)\">\r\n <i class=\"el-icon-circle-close\" style=\"font-size: 24px\" />\r\n </div>\r\n <div class=\"info\">\r\n <div class=\"info-item\">\r\n <span>菜单名称：</span>\r\n <div class=\"input-box\">\r\n <el-input v-model=\"item.title\" placeholder=\"请填写名称\" />\r\n </div>\r\n </div>\r\n <div class=\"info-item\">\r\n <span>链接地址：</span>\r\n <!-- v-db-click @click=\"link(index)\"-->\r\n <div class=\"input-box\">\r\n <el-input v-model=\"item.url\" placeholder=\"请填写链接\" />\r\n </div>\r\n </div>\r\n <!-- <div class=\"info-item\">\r\n <span>是否需要登录：</span>\r\n <div class=\"input-box\">\r\n <el-switch v-model=\"item.auth\" active-value=\"1\" inactive-value=\"0\"> </el-switch>\r\n </div>\r\n </div> -->\r\n </div>\r\n </div>\r\n </draggable>\r\n </div>\r\n <template>\r\n <div class=\"add-btn\">\r\n <el-button\r\n type=\"primary\"\r\n ghost\r\n style=\"width: 100px; height: 35px; background-color: var(--prev-color-primary); color: #ffffff\"\r\n v-db-click\r\n @click=\"addMenu\"\r\n >添加菜单\r\n </el-button>\r\n </div>\r\n </template>\r\n </div>\r\n </div>\r\n </div>\r\n </el-col>\r\n <el-col v-if=\"pageId == 5\" :xs=\"24\" :sm=\"24\" :md=\"12\" :lg=\"14\" style=\"margin-left: 40px\">\r\n <div class=\"content\">\r\n <div class=\"right-box\">\r\n <div class=\"hot_imgs\">\r\n <div class=\"title\">友情链接配置</div>\r\n <div class=\"list-box\">\r\n <draggable class=\"dragArea list-group\" :list=\"linkList\" group=\"peoples\" handle=\".move-icon\">\r\n <div class=\"item\" v-for=\"(item, index) in linkList\" :key=\"index\">\r\n <div class=\"move-icon\">\r\n <span class=\"iconfont icondrag2\"></span>\r\n </div>\r\n <div\r\n class=\"delect-btn\"\r\n style=\"line-height: 0px\"\r\n v-db-click\r\n @click.stop=\"linkDelete(item, index)\"\r\n >\r\n <i class=\"el-icon-circle-close\" style=\"font-size: 24px\" />\r\n </div>\r\n <div class=\"info\">\r\n <div class=\"info-item\">\r\n <span>链接名称：</span>\r\n <div class=\"input-box\">\r\n <el-input v-model=\"item.title\" placeholder=\"请填写名称\" />\r\n </div>\r\n </div>\r\n <div class=\"info-item\">\r\n <span>链接地址：</span>\r\n <!-- v-db-click @click=\"link(index)\"-->\r\n <div class=\"input-box\">\r\n <el-input v-model=\"item.url\" placeholder=\"请填写链接\" />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </draggable>\r\n </div>\r\n <template>\r\n <div class=\"add-btn\">\r\n <el-button\r\n type=\"primary\"\r\n ghost\r\n style=\"width: 100px; height: 35px; background-color: var(--prev-color-primary); color: #ffffff\"\r\n v-db-click\r\n @click=\"addLink\"\r\n >添加链接\r\n </el-button>\r\n </div>\r\n </template>\r\n </div>\r\n </div>\r\n </div>\r\n </el-col>\r\n <el-col v-if=\"pageId == 6\" :xs=\"24\" :sm=\"24\" :md=\"24\" :lg=\"24\" style=\"margin-left: 40px\">\r\n <div class=\"content\">\r\n <div class=\"right-box\">\r\n <div class=\"hot_imgs\">\r\n <div class=\"title\">关于我们-详情</div>\r\n <WangEditor\r\n style=\"width: 100%\"\r\n :content=\"formValidate.content\"\r\n @editorContent=\"getEditorContent\"\r\n ></WangEditor>\r\n </div>\r\n </div>\r\n </div>\r\n </el-col>\r\n </div>\r\n </el-row>\r\n </el-card>\r\n <!-- <div class=\"save\">\r\n\t\t\t<el-button type=\"primary\" v-db-click @click=\"save\" >保存</el-button>\r\n\t\t</div> -->\r\n <linkaddress ref=\"linkaddres\" @linkUrl=\"linkUrl\"></linkaddress>\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 { diyGetInfo, diySave } from '@/api/diy';\r\nimport editFrom from '@/components/from/from';\r\nimport {\r\n groupDataListApi,\r\n groupSaveApi,\r\n groupDataAddApi,\r\n pcLogoApi,\r\n pcLogoSave,\r\n getKfAdv,\r\n setKfAdv,\r\n} from '@/api/system';\r\nimport { pcHomeMenusSave, pcHomeMenus } from '@/api/setting';\r\nimport draggable from 'vuedraggable';\r\nimport uploadPictures from '@/components/uploadPictures';\r\nimport linkaddress from '@/components/linkaddress';\r\nimport { getAgreements, setAgreements } from '@/api/system';\r\n\r\nexport default {\r\n name: 'list',\r\n components: {\r\n editFrom,\r\n draggable,\r\n uploadPictures,\r\n linkaddress,\r\n WangEditor,\r\n },\r\n data() {\r\n return {\r\n ruleValidate: {},\r\n formValidate: {\r\n content: '',\r\n },\r\n content: '',\r\n pclogo: '',\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 swiperOption: {\r\n //显示分页\r\n pagination: {\r\n el: '.swiper-pagination',\r\n },\r\n //设置点击箭头\r\n navigation: {\r\n nextEl: '.swiper-button-next',\r\n prevEl: '.swiper-button-prev',\r\n },\r\n //自动轮播\r\n autoplay: {\r\n delay: 2000,\r\n //当用户滑动图片后继续自动轮播\r\n disableOnInteraction: false,\r\n },\r\n //开启循环模式\r\n loop: false,\r\n },\r\n pageId: 1,\r\n tabList: [],\r\n menuList: [],\r\n linkList: [],\r\n lastObj: {\r\n add_time: '',\r\n config_name: '',\r\n id: '',\r\n image: '',\r\n sort: 1,\r\n status: 1,\r\n title: '',\r\n url: '',\r\n },\r\n isChoice: '单选',\r\n modalPic: false,\r\n gridPic: {\r\n xl: 6,\r\n lg: 8,\r\n md: 12,\r\n sm: 12,\r\n xs: 12,\r\n },\r\n gridBtn: {\r\n xl: 4,\r\n lg: 8,\r\n md: 8,\r\n sm: 8,\r\n xs: 8,\r\n },\r\n activeIndex: 0,\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 activeIndexs: 0,\r\n };\r\n },\r\n computed: {\r\n ...mapState('admin/layout', ['isMobile']),\r\n labelWidth() {\r\n return this.isMobile ? undefined : '120px';\r\n },\r\n labelPosition() {\r\n return this.isMobile ? 'top' : 'right';\r\n },\r\n },\r\n mounted() {\r\n this.menu(1);\r\n this.info();\r\n },\r\n methods: {\r\n getEditorContent(data) {\r\n this.formValidate.content = data;\r\n },\r\n linkUrl(e) {\r\n this.tabList.list[this.activeIndexs].url = e;\r\n // item.url = e\r\n },\r\n // 提交数据\r\n onsubmit(name) {\r\n this.$refs[name].validate((valid) => {\r\n if (valid) {\r\n setKfAdv(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 } else {\r\n return false;\r\n }\r\n });\r\n },\r\n //详情\r\n getKfAdv() {\r\n getKfAdv()\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 getAboutUs(id) {\r\n this.formValidate.content = '';\r\n getAgreements(id).then((res) => {\r\n this.formValidate.content = res.data.content;\r\n });\r\n },\r\n setAboutUs(id) {\r\n if (this.formValidate.content == '') return this.$message.warning('请输入内容');\r\n let data = {\r\n id: id,\r\n content: this.formValidate.content,\r\n type: id,\r\n title: '关于我们',\r\n };\r\n\r\n setAgreements(data).then((res) => {\r\n this.$message.success(res.msg);\r\n });\r\n },\r\n // 添加表单\r\n groupAdd() {\r\n this.$modalForm(groupDataAddApi({ config_name: this.pageId }, 'setting/group_data/create')).then(() =>\r\n this.info(),\r\n );\r\n },\r\n info() {\r\n if (this.pageId == 'pc_home_banner') {\r\n groupDataListApi({ config_name: this.pageId }, 'setting/group_data')\r\n .then(async (res) => {\r\n this.tabList = res.data;\r\n this.tabList.list.forEach((item, index, array) => {\r\n if (typeof item.image != 'string' && item.image != 'undefined') {\r\n item.image = item.image[0];\r\n }\r\n });\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n } else if (this.pageId == 1) {\r\n pcLogoApi('pc_logo').then((res) => {\r\n this.pclogo = res.data.value;\r\n });\r\n } else if (this.pageId == 3) {\r\n this.getKfAdv();\r\n } else if (this.pageId == 4) {\r\n this.getMenuList();\r\n } else if (this.pageId == 5) {\r\n this.getLinkList();\r\n } else if (this.pageId == 6) {\r\n this.getAboutUs(7);\r\n }\r\n },\r\n menu(id) {\r\n this.pageId = id;\r\n this.info();\r\n },\r\n addBox() {\r\n if (this.tabList.list.length == 0) {\r\n this.tabList.list.push(this.lastObj);\r\n this.lastObj = {\r\n add_time: '',\r\n comment: '',\r\n gid: '',\r\n id: '',\r\n img: '',\r\n link: '',\r\n sort: '',\r\n status: 1,\r\n };\r\n } else {\r\n if (this.tabList.list.length == 5) {\r\n this.$message.warning('最多添加5张');\r\n } else {\r\n let obj = JSON.parse(JSON.stringify(this.lastObj));\r\n this.tabList.list.push(obj);\r\n }\r\n }\r\n },\r\n addMenu() {\r\n if (this.menuList.length >= 6) {\r\n return this.$message.warning('最多添加6个菜单');\r\n }\r\n this.menuList.push({\r\n title: '',\r\n url: '',\r\n });\r\n },\r\n addLink() {\r\n if (this.linkList.length >= 20) {\r\n return this.$message.warning('最多添加20个链接');\r\n }\r\n this.linkList.push({\r\n title: '',\r\n url: '',\r\n });\r\n },\r\n // 删除\r\n bindDelete(item, index) {\r\n if (this.tabList.list.length == 1) {\r\n this.lastObj = this.tabList.list[0];\r\n }\r\n this.tabList.list.splice(index, 1);\r\n },\r\n menuDelete(index) {\r\n console.log(index);\r\n this.menuList.splice(index, 1);\r\n },\r\n // 友情链接\r\n linkDelete(index) {\r\n this.linkList.splice(index, 1);\r\n },\r\n // 点击图文封面\r\n modalPicTap(title, index) {\r\n this.activeIndex = index;\r\n this.modalPic = true;\r\n },\r\n // 获取图片信息\r\n getPic(pc) {\r\n this.$nextTick(() => {\r\n if (this.pageId == 'pc_home_banner') {\r\n this.tabList.list[this.activeIndex].image = pc.att_dir;\r\n } else {\r\n this.pclogo = pc.att_dir;\r\n }\r\n this.modalPic = false;\r\n });\r\n },\r\n save() {\r\n if (this.pageId == 'pc_home_banner') {\r\n groupSaveApi({ config_name: this.pageId, data: this.tabList.list })\r\n .then((res) => {\r\n this.$message.success(res.msg);\r\n })\r\n .catch((err) => {\r\n this.$message.error(err.msg);\r\n });\r\n } else if (this.pageId == 1) {\r\n pcLogoSave({ pc_logo: this.pclogo })\r\n .then((res) => {\r\n this.$message.success(res.msg);\r\n })\r\n .catch((err) => {\r\n this.$message.error(err.msg);\r\n });\r\n } else if (this.pageId == 3) {\r\n this.onsubmit('formValidate');\r\n } else if (this.pageId == 4) {\r\n this.saveMenu('pc_home_menus');\r\n } else if (this.pageId == 5) {\r\n this.saveMenu('pc_home_links');\r\n } else if (this.pageId == 6) {\r\n this.setAboutUs(7);\r\n }\r\n },\r\n getMenuList() {\r\n pcHomeMenus('pc_home_menus')\r\n .then((res) => {\r\n this.menuList = res.data.list;\r\n })\r\n .catch((err) => {\r\n this.$message.error(err.msg);\r\n });\r\n },\r\n getLinkList() {\r\n pcHomeMenus('pc_home_links')\r\n .then((res) => {\r\n this.linkList = res.data.list;\r\n })\r\n .catch((err) => {\r\n this.$message.error(err.msg);\r\n });\r\n },\r\n // 菜单保存\r\n saveMenu(config_name) {\r\n let data = {\r\n config_name: config_name,\r\n data: this.pageId == 5 ? this.linkList : this.menuList,\r\n };\r\n pcHomeMenusSave(data)\r\n .then((res) => {\r\n this.$message.success(res.msg);\r\n })\r\n .catch((err) => {\r\n this.$message.error(err.msg);\r\n });\r\n },\r\n link(index) {\r\n this.activeIndexs = index;\r\n this.$refs.linkaddres.modals = true;\r\n },\r\n },\r\n};\r\n</script>\r\n<style>\r\n.box3_sile::-webkit-scrollbar {\r\n display: none;\r\n}\r\n.box3_sile {\r\n width: 92px;\r\n height: auto;\r\n overflow: auto;\r\n}\r\n.box3_sile img {\r\n width: 92px;\r\n}\r\n</style>\r\n<style scoped lang=\"scss\">\r\n::v-deep .ivu-menu-vertical .ivu-menu-item-group-title {\r\n display: none;\r\n}\r\n\r\n::v-deep .ivu-menu-vertical.ivu-menu-light:after {\r\n display: none;\r\n}\r\n.ivu-mt {\r\n min-height: calc(100vh - 280px);\r\n}\r\n.nofonts {\r\n text-align: center;\r\n line-height: 137px;\r\n}\r\n\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\r\n.imgBoxs {\r\n background-color: #cccccc;\r\n line-height: 80px;\r\n text-align: center;\r\n}\r\n\r\n.link {\r\n display: inline-block;\r\n width: 100%;\r\n height: 32px;\r\n line-height: 1.5;\r\n padding: 4px 7px;\r\n border: 1px solid #dcdee2;\r\n border-radius: 4px;\r\n background-color: #fff;\r\n position: relative;\r\n cursor: text;\r\n transition: border 0.2s ease-in-out, background 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\r\n font-size: 13px;\r\n font-family: PingFangSC-Regular;\r\n line-height: 22px;\r\n color: rgba(0, 0, 0, 0.25);\r\n opacity: 1;\r\n cursor: pointer;\r\n\r\n .you {\r\n color: #999999;\r\n float: right;\r\n margin-right: 11px;\r\n }\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\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\r\n.box3 {\r\n margin-left: 20px;\r\n width: 730px;\r\n\r\n .article-manager {\r\n margin-top: 24px;\r\n\r\n .form {\r\n width: max-content;\r\n\r\n .goodsTitle {\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.09);\r\n margin-bottom: 25px;\r\n }\r\n\r\n .goodsTitle ~ .goodsTitle {\r\n margin-top: 20px;\r\n }\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\r\n .goodsTitle .icons {\r\n font-size: 15px;\r\n margin-right: 8px;\r\n color: #999;\r\n }\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\r\n .radio {\r\n margin-right: 20px;\r\n }\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\r\n .iconfont {\r\n color: #898989;\r\n }\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\r\n .pictrue img {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.left_box {\r\n .left_cont {\r\n margin-bottom: 12px;\r\n cursor: pointer;\r\n padding: 14px 24px;\r\n white-space: nowrap;\r\n }\r\n}\r\n\r\n.on {\r\n background-color: var(--prev-bg-main-color);\r\n color: var(--prev-color-primary);\r\n border-right: 2px solid var(--prev-color-primary);\r\n}\r\n\r\n.pciframe {\r\n margin-left: 20px;\r\n width: 430px;\r\n height: 280px;\r\n background: #ffffff;\r\n border: 1px solid #eeeeee;\r\n border-radius: 16px;\r\n position: relative;\r\n\r\n img {\r\n width: 430px;\r\n height: 280px;\r\n border-radius: 10px;\r\n }\r\n\r\n .pciframe-box {\r\n width: 430px;\r\n height: 280px;\r\n background: rgba(0, 0, 0, 0);\r\n // border: 1px solid #EEEEEE;\r\n border-radius: 10px;\r\n }\r\n\r\n .box3_sile {\r\n position: absolute;\r\n top: 34px;\r\n right: 85px;\r\n width: 92px;\r\n height: 201px;\r\n background-color: #fff;\r\n word-break: break-word;\r\n }\r\n\r\n .pcmoddile_goods {\r\n position: absolute;\r\n top: 49px;\r\n width: 429px;\r\n height: 160px;\r\n left: 0px;\r\n background-color: #fff;\r\n }\r\n\r\n .pcswiperimg_goods {\r\n width: 399px;\r\n height: 140px;\r\n background-color: #f5f5f5;\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 0px;\r\n }\r\n }\r\n}\r\n\r\n.content {\r\n // width 510px;\r\n max-width: 730px;\r\n\r\n .right-box {\r\n margin-left: 40px;\r\n }\r\n}\r\n\r\n.title-text {\r\n padding: 0 0 0px 16px;\r\n color: #999;\r\n font-size: 12px;\r\n margin-top: 10px;\r\n}\r\n\r\n.hot_imgs {\r\n margin-bottom: 20px;\r\n\r\n .title {\r\n font-size: 14px;\r\n }\r\n\r\n .list-box {\r\n .item {\r\n position: relative;\r\n display: flex;\r\n margin-top: 14px;\r\n\r\n .move-icon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 30px;\r\n // height: 80px;\r\n cursor: move;\r\n color: #d8d8d8;\r\n }\r\n\r\n .img-box {\r\n position: relative;\r\n width: 80px;\r\n height: 80px;\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n }\r\n\r\n .info {\r\n flex: 1;\r\n margin-left: 22px;\r\n\r\n .info-item {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 10px;\r\n\r\n span {\r\n // width 40px\r\n font-size: 13px;\r\n }\r\n\r\n .input-box {\r\n flex: 1;\r\n }\r\n }\r\n }\r\n\r\n .delect-btn {\r\n position: absolute;\r\n right: -12px;\r\n top: -12px;\r\n color: #f56c6c;\r\n background-color: #fff;\r\n cursor: pointer;\r\n border-radius: 50%;\r\n .iconfont {\r\n font-size: 28px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .add-btn {\r\n margin-top: 14px;\r\n }\r\n}\r\n\r\n.iconfont {\r\n color: #dddddd;\r\n font-size: 28px;\r\n}\r\n\r\n.logoimg {\r\n position: absolute;\r\n top: 19px;\r\n left: 4px;\r\n width: 60px;\r\n height: 25px;\r\n border-radius: 0;\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 0px !important;\r\n }\r\n}\r\n\r\n.img-boxs {\r\n position: relative;\r\n width: 76px;\r\n height: 76px;\r\n background: rgba(0, 0, 0, 0);\r\n border-radius: 6px;\r\n overflow: hidden;\r\n margin-top: 18px;\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n .img_font {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 24px;\r\n background: #000000;\r\n opacity: 0.4;\r\n border-radius: 0px 0px 6px 6px;\r\n }\r\n\r\n .img_fonts {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 24px;\r\n border-radius: 0px 0px 6px 6px;\r\n color: #ffffff;\r\n text-align: center;\r\n line-height: 24px;\r\n }\r\n}\r\n\r\n.item {\r\n border: 1px dashed #ccc;\r\n border-radius: 6px;\r\n padding: 15px 15px 10px 0px;\r\n}\r\n\r\n.title {\r\n border-left: 2px solid var(--prev-color-primary);\r\n padding-left: 10px;\r\n font-weight: bold;\r\n margin-bottom: 10px;\r\n}\r\n\r\n::v-deep .ivu-form-item-content {\r\n margin-left: 0px !important;\r\n}\r\n\r\n::v-deep .i-layout-page-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n</style>\r\n"]}]}
|
