{"remainingRequest":"/data/jenkins/workspace/admin.ws.baibaodun.com.cn/node_modules/vue-loader/lib/index.js??vue-loader-options!/data/jenkins/workspace/admin.ws.baibaodun.com.cn/src/views/pagediy/viewDesign/index.vue?vue&type=template&id=a11d26d8&scoped=true","dependencies":[{"path":"/data/jenkins/workspace/admin.ws.baibaodun.com.cn/src/views/pagediy/viewDesign/index.vue","mtime":1701741776324},{"path":"/data/jenkins/workspace/admin.ws.baibaodun.com.cn/node_modules/cache-loader/dist/cjs.js","mtime":1701741918737},{"path":"/data/jenkins/workspace/admin.ws.baibaodun.com.cn/node_modules/vue-loader/lib/loaders/templateLoader.js","mtime":1701741928370},{"path":"/data/jenkins/workspace/admin.ws.baibaodun.com.cn/node_modules/cache-loader/dist/cjs.js","mtime":1701741918737},{"path":"/data/jenkins/workspace/admin.ws.baibaodun.com.cn/node_modules/vue-loader/lib/index.js","mtime":1701741928146}],"contextDependencies":[],"result":["\n  <div class=\"divBox\" style=\"padding-top: 0\">\n    <el-card class=\"box-card\" :body-style=\"{ paddingLeft: '0px', paddingBottom: '0px' }\">\n      <div class=\"flex\">\n        <!--左侧-->\n        <div class=\"tab_view\" v-hasPermi=\"['platform:system:group:list']\">\n          <div\n            class=\"cell_item\"\n            :class=\"{ tab_active: listActive == index }\"\n            v-for=\"(item, index) in tabList\"\n            :key=\"index\"\n            @click=\"ProductNavTab(index)\"\n          >\n            {{ item }}\n          </div>\n        </div>\n        <!--中间-->\n        <div class=\"leftModel\">\n          <div v-show=\"currentPage == 'home'\" class=\"current_home\">\n            <div class=\"model_header\">\n<!--              <img :src=\"logoUrl\" alt=\"\" />-->\n              <div style=\"padding-left: 50px;\"></div>\n              <div class=\"header_search\">\n                <span class=\"iconfont iconios-search\"></span>\n              </div>\n            </div>\n            <div v-hasPermi=\"['platform:system:group:list']\" class=\"model_banner cur_pointer\">\n              <el-carousel indicator-position=\"none\" height=\"139px\">\n                <el-carousel-item v-for=\"(item, index) in dataList[1]\" :key=\"index\">\n                  <img\n                    :src=\"item.pic\"\n                    alt=\"\"\n                    :class=\"{ select_ctive: shows == 1 }\"\n                    style=\"width: 100%; border-radius: 4px\"\n                  />\n                </el-carousel-item>\n              </el-carousel>\n            </div>\n            <div class=\"model_news cur_pointer\" :class=\"{ select_ctive: shows == 2 }\">\n              <img src=\"@/assets/imgs/new_header1.png\" alt=\"\" style=\"width: 64px; height: 17px\" />\n              <span style=\"color: #ccc\">|</span>\n              <p>{{ newsInfo }}</p>\n              <i class=\"el-icon-arrow-right\"></i>\n            </div>\n            <div class=\"model_nav cur_pointer\" :class=\"{ select_ctive: shows == 3 }\">\n              <div class=\"model_nav_item\" v-for=\"(item, index) in dataList[0]\" :key=\"index\">\n                <div>\n                  <img :src=\"item.pic\" alt=\"\" />\n                </div>\n                <p>{{ item.name }}</p>\n              </div>\n            </div>\n            <div class=\"moni_goods cur_pointer\" :class=\"{ select_ctive: shows == 7 }\">\n              <img :src=\"mockGoodsImg\" alt=\"\" />\n            </div>\n            <!--底部菜单-->\n            <div\n              v-hasPermi=\"['platform:system:group:list']\"\n              class=\"page-foot cur_pointer\"\n              @click=\"handleMessage('bottomNavigation')\"\n            >\n              <div class=\"page-fooot\" :class=\"{ select_ctive: shows == 8 }\">\n                <div class=\"foot-item\" v-for=\"(item, index) in navigationListTab\" :key=\"index\">\n                  <el-image :src=\"item.checked\" alt=\"\" class=\"el-image\" />\n                  <p v-if=\"index == 0\" class=\"fontColor3\">{{ item.name }}</p>\n                  <p v-else>{{ item.name }}</p>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div v-show=\"currentPage == 'cate'\">\n            <img :src=\"cateImg\" alt=\"\" style=\"width: 100%\" />\n          </div>\n          <div v-show=\"currentPage == 'user'\">\n            <div class=\"user_head\">\n              <div class=\"user_bg\" :style=\"{ backgroundImage: 'url(' + urlbg + ')' }\">\n                <div class=\"user_card\">\n                  <div class=\"user_info\">\n                    <img :src=\"menuInfo.userDefaultAvatar\" alt=\"\" />\n                    <div class=\"info\">\n                      <p class=\"nick_name\">用户信息</p>\n                      <p class=\"phone\">123456</p>\n                    </div>\n                  </div>\n                  <div class=\"num_wrapper\">\n                    <div class=\"num_wrap_item\">\n                      <p class=\"num_item_bold\">0</p>\n                      <p class=\"num_title\">余额</p>\n                    </div>\n                    <div class=\"num_wrap_item\">\n                      <p class=\"num_item_bold\">0</p>\n                      <p class=\"num_title\">积分</p>\n                    </div>\n                    <div class=\"num_wrap_item\">\n                      <p class=\"num_item_bold\">0</p>\n                      <p class=\"num_title\">优惠券</p>\n                    </div>\n                    <div class=\"num_wrap_item\">\n                      <p class=\"num_item_bold\">0</p>\n                      <p class=\"num_title\">收藏</p>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"order_wrap\">\n                  <div class=\"order_wrap_tit\">\n                    <span class=\"weight_600\">订单中心</span>\n                    <div>\n                      <span class=\"font_sm\">查看全部</span>\n                      <i class=\"el-icon-arrow-right\"></i>\n                    </div>\n                  </div>\n                  <div class=\"order_wrap_list\">\n                    <div class=\"order_list_item\">\n                      <img src=\"@/assets/imgs/fukuan.png\" alt=\"\" />\n                      <p>待付款</p>\n                    </div>\n                    <div class=\"order_list_item\">\n                      <img src=\"@/assets/imgs/fahuo.png\" alt=\"\" />\n                      <p>待发货</p>\n                    </div>\n                    <div class=\"order_list_item\">\n                      <img src=\"@/assets/imgs/shouhuo.png\" alt=\"\" />\n                      <p>待收货</p>\n                    </div>\n                    <div class=\"order_list_item\">\n                      <img src=\"@/assets/imgs/pingjia.png\" alt=\"\" />\n                      <p>待评价</p>\n                    </div>\n                    <div class=\"order_list_item\">\n                      <img src=\"@/assets/imgs/tuikuan.png\" alt=\"\" />\n                      <p>售后/退款</p>\n                    </div>\n                  </div>\n                </div>\n                <div\n                  v-hasPermi=\"['platform:system:group:list']\"\n                  class=\"slider_img cur_pointer\"\n                  :class=\"{ select_ctive: shows == 5 }\"\n                  @click=\"handleMessage('userBanner')\"\n                >\n                  <el-carousel height=\"69px\" :autoplay=\"true\">\n                    <el-carousel-item v-for=\"(item, index) in dataList[4]\" :key=\"index\">\n                      <img :src=\"item.pic\" alt=\"\" style=\"height: 69px; display: block; margin: auto\" />\n                    </el-carousel-item>\n                  </el-carousel>\n                </div>\n                <div\n                  class=\"user_mens cur_pointer\"\n                  :class=\"{ select_ctive: shows == 6 }\"\n                  @click=\"handleMessage('userMenu')\"\n                >\n                  <div class=\"menu_title\">我的服务</div>\n                  <div class=\"list_box\">\n                    <div class=\"list_box_item\" v-for=\"(item, index) in dataList[2]\" :key=\"index\">\n                      <img :src=\"item.pic\" alt=\"\" />\n                      <p>{{ item.name }}</p>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <!--右侧-->\n        <div class=\"flex_between\">\n          <div class=\"right-box\" v-if=\"typeName\">\n            <div class=\"title-bar\">模块配置</div>\n            <div class=\"mobile-config\">\n              <!--底部菜单-->\n              <template v-if=\"typeName === 'bottomNavigation' && checkPermi(['platform:system:group:list'])\">\n                <span class=\"mr20\">是否自定义</span\n                ><el-switch\n                  :active-value=\"1\"\n                  :inactive-value=\"0\"\n                  active-text=\"开启\"\n                  inactive-text=\"关闭\"\n                  v-model=\"isCustom\"\n                >\n                </el-switch>\n                <div class=\"box-item\" v-for=\"(item, index) in navigationList\" :key=\"index\">\n                  <div class=\"left-tool\">\n                    <div\n                      class=\"move-icon\"\n                      draggable=\"true\"\n                      @dragstart=\"handleDragStart($event, item)\"\n                      @dragover.prevent=\"handleDragOver($event, item)\"\n                      @dragenter=\"handleDragEnter($event, item, navigationList, 'navigationList')\"\n                      @dragend=\"handleDragEnd($event, item)\"\n                    >\n                      <span class=\"iconfont icon-drag2\"></span>\n                    </div>\n                  </div>\n                  <div class=\"right-wrapper\">\n                    <div class=\"img-wrapper\">\n                      <div class=\"img-item\" @click=\"modalPicTap('2', 'checked', index)\">\n                        <img :src=\"item.checked\" alt=\"\" v-if=\"item.checked\" />\n                        <p class=\"txt\" v-if=\"item.checked\">选中</p>\n                        <div class=\"empty-img\" v-else>\n                          <span class=\"iconfont iconjiahao\"></span>\n                          <p>选中</p>\n                        </div>\n                      </div>\n                      <div class=\"img-item\" @click=\"modalPicTap('3', 'unchecked', index)\">\n                        <img :src=\"item.unchecked\" alt=\"\" v-if=\"item.unchecked\" />\n                        <p class=\"txt\" v-if=\"item.unchecked\">未选中</p>\n                        <div class=\"empty-img\" v-else>\n                          <span class=\"iconfont iconjiahao\"></span>\n                          <p>未选中</p>\n                        </div>\n                      </div>\n                    </div>\n                    <div class=\"info mt20\" style=\"margin-left: 0\">\n                      <div class=\"info-item\">\n                        <span>标题</span>\n                        <div class=\"input-box\">\n                          <el-input\n                            v-if=\"typeName !== 'indexNews'\"\n                            v-model.trim=\"item.name\"\n                            :placeholder=\"'请填写' + item.name\"\n                            maxlength=\"4\"\n                          />\n                          <el-input v-else v-model.trim=\"item.info\" :placeholder=\"'请填写' + item.info\" />\n                        </div>\n                      </div>\n                      <div class=\"info-item\">\n                        <span>链接</span>\n                        <div class=\"input-box\" @click=\"getLink(index)\">\n                          <el-input v-model.trim=\"item.link\" placeholder=\"请填写链接\" />\n                        </div>\n                      </div>\n                      <div class=\"info-item\">\n                        <span>状态</span>\n                        <div class=\"input-box\">\n                          <el-switch\n                            v-model=\"item.status\"\n                            :active-value=\"true\"\n                            :inactive-value=\"false\"\n                            active-text=\"显示\"\n                            inactive-text=\"隐藏\"\n                          />\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                  <div v-show=\"index > 0\" class=\"delect-btn\" @click.stop=\"handleDelMenu(item, index)\">\n                    <i class=\"el-icon-circle-close\"></i>\n                  </div>\n                </div>\n              </template>\n              <!--其他菜单-->\n              <template v-if=\"typeName !== 'bottomNavigation' && checkPermi(['platform:system:group:list'])\">\n                <div v-for=\"(item, index) in menuList\" :key=\"index\" class=\"item\">\n                  <div\n                    class=\"move-icon\"\n                    draggable=\"true\"\n                    @dragstart=\"handleDragStart($event, item)\"\n                    @dragover.prevent=\"handleDragOver($event, item)\"\n                    @dragenter=\"handleDragEnter($event, item, menuList, 'menuList')\"\n                    @dragend=\"handleDragEnd($event, item)\"\n                  >\n                    <span class=\"iconfont icon-drag2\"></span>\n                  </div>\n                  <div class=\"picBox\" v-if=\"typeName !== 'indexNews'\">\n                    <div class=\"img-box flex justify-center align-center\" @click=\"modalPicTap('1', 'duo', index)\">\n                      <img :src=\"item.pic\" alt=\"\" v-if=\"item.pic\" />\n                      <div v-else class=\"upLoad\">\n                        <i class=\"el-icon-camera cameraIconfont\" />\n                      </div>\n                    </div>\n                  </div>\n                  <div\n                    v-if=\"index > 0 && typeName !== 'indexTabNav'\"\n                    class=\"delect-btn\"\n                    @click.stop=\"bindDelete(item, index)\"\n                  >\n                    <i class=\"el-icon-circle-close\"></i>\n                  </div>\n                  <div class=\"info\">\n                    <div v-if=\"typeName !== 'userBanner'\" class=\"info-item\">\n                      <span>标题</span>\n                      <div class=\"input-box\">\n                        <el-input\n                          v-if=\"typeName !== 'indexNews'\"\n                          v-model.trim=\"item.name\"\n                          :placeholder=\"'请填写' + item.name\"\n                          maxlength=\"4\"\n                        />\n                        <el-input v-else v-model.trim=\"item.info\" :placeholder=\"'请填写' + item.info\" />\n                      </div>\n                    </div>\n                    <div class=\"info-item\" v-if=\"addUrlStatus && typeName !== 'indexTabNav'\">\n                      <span>链接</span>\n                      <div class=\"input-box\" @click=\"getLink(index)\">\n                        <el-input v-model.trim=\"item.url\" placeholder=\"请填写链接\" />\n                      </div>\n                    </div>\n                    <div class=\"info-item\" v-if=\"typeName == 'indexTabNav'\">\n                      <span>简介</span>\n                      <div class=\"input-box\">\n                        <el-input v-model.trim=\"item.info\" placeholder=\"请填写简介\" />\n                      </div>\n                    </div>\n                    <div class=\"info-item\">\n                      <span>状态</span>\n                      <div class=\"input-box\">\n                        <el-switch\n                          v-model=\"item.status\"\n                          :active-value=\"true\"\n                          :inactive-value=\"false\"\n                          active-text=\"显示\"\n                          inactive-text=\"隐藏\"\n                        />\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </template>\n              <div class=\"add-btn mb20 mt20\">\n                <el-button @click=\"addBox\" type=\"primary\">添加数据</el-button>\n              </div>\n            </div>\n          </div>\n          <linkaddress ref=\"linkaddres\" @linkUrl=\"linkUrl\"></linkaddress>\n          <div class=\"tip\" v-if=\"!typeName && tip == true && cate == false\">请选择左侧可操作可编辑区域</div>\n        </div>\n      </div>\n      <div v-if=\"!mockGoods\" class=\"footer_btn\">\n        <el-button\n          type=\"primary\"\n          @click=\"saveConfig\"\n          v-hasPermi=\"[\n            'platform:page:layout:index',\n            'platform:page:layout:index:menu:save',\n            'platform:page:layout:index:banner:save',\n            'platform:page:layout:index:banner:save',\n            'platform:page:layout:user:menu:save',\n            'platform:page:layout:bottom:navigation',\n            'platform:page:layout:bottom:navigation:save',\n          ]\"\n          >保存</el-button\n        >\n      </div>\n    </el-card>\n  </div>\n",null]}