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