{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\components\\mobileConfigRight\\c_foot.vue?vue&type=style&index=0&id=00981251&scoped=true&lang=scss","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\mobileConfigRight\\c_foot.vue","mtime":1761614938966},{"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:DQo6OnYtZGVlcC5pdnUtaW5wdXQgew0KICBmb250LXNpemU6IDEycHggIWltcG9ydGFudDsNCn0NCi5kcmFnQXJlYSB7DQogIHBhZGRpbmctYm90dG9tOiAyMHB4Ow0KfQ0KLmZvb3RlciB7DQogIHBhZGRpbmc6IDAgMTVweDsNCn0NCi50aXBzIHsNCiAgZm9udC1zaXplOiAxMnB4Ow0KICBjb2xvcjogI2JiYmJiYjsNCn0NCi5ib3gtaXRlbSB7DQogIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgZGlzcGxheTogZmxleDsNCiAgbWFyZ2luLXRvcDogMTVweDsNCiAgcGFkZGluZzogMjBweCAyMHB4IDIwcHggMDsNCiAgYmFja2dyb3VuZDogI2Y5ZjlmOTsNCiAgYm9yZGVyLXJhZGl1czogM3B4Ow0KICAuZGVsLWJveCB7DQogICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgIHJpZ2h0OiAtMTNweDsNCiAgICB0b3A6IC0xOHB4Ow0KICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgICAuaWNvbmZvbnQgew0KICAgICAgY29sb3I6ICNjY2M7DQogICAgICBmb250LXNpemU6IDI0cHg7DQogICAgfQ0KICB9DQp9DQoubGVmdC10b29sIHsNCiAgZGlzcGxheTogZmxleDsNCiAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7DQogIHdpZHRoOiA0MnB4Ow0KICAuaWNvbmZvbnQgew0KICAgIGNvbG9yOiAjOTk5Ow0KICAgIGZvbnQtc2l6ZTogMThweDsNCiAgICBjdXJzb3I6IG1vdmU7DQogIH0NCn0NCi5yaWdodC13cmFwcGVyIHsNCiAgZmxleDogMTsNCiAgLnRpdGxlIHsNCiAgICBjb2xvcjogIzk5OTk5OTsNCiAgICBmb250LXNpemU6IDEycHg7DQogICAgd2lkdGg6IDUwcHg7DQogICAgbWFyZ2luLXRvcDogMjNweDsNCiAgfQ0KICAuaW1nLXdyYXBwZXIgew0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgLmltZy1pdGVtIHsNCiAgICAgIHdpZHRoOiA2NHB4Ow0KICAgICAgbWFyZ2luLXJpZ2h0OiAyMHB4Ow0KICAgICAgLm5hbWUgew0KICAgICAgICBjb2xvcjogI2JiYmJiYjsNCiAgICAgICAgZm9udC1zaXplOiAxMnB4Ow0KICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICAgIG1hcmdpbi10b3A6IDdweDsNCiAgICAgIH0NCiAgICAgIC5waWN0cnVlIHsNCiAgICAgICAgd2lkdGg6IDEwMCU7DQogICAgICAgIGhlaWdodDogNjRweDsNCiAgICAgICAgY3Vyc29yOiBwb2ludGVyOw0KICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjZWVlZWVlOw0KICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7DQogICAgICAgIGJvcmRlci1yYWRpdXM6IDNweDsNCiAgICAgIH0NCiAgICAgIGltZyB7DQogICAgICAgIGRpc3BsYXk6IGJsb2NrOw0KICAgICAgICB3aWR0aDogMTAwJTsNCiAgICAgICAgaGVpZ2h0OiAxMDAlOw0KICAgICAgfQ0KICAgICAgLmVtcHR5LWltZyB7DQogICAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOw0KICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOw0KICAgICAgICB3aWR0aDogMTAwJTsNCiAgICAgICAgaGVpZ2h0OiAxMDAlOw0KICAgICAgICBmb250LXNpemU6IDEycHg7DQogICAgICAgIGNvbG9yOiAjYmZiZmJmOw0KICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjZWVlZWVlOw0KICAgICAgICBib3JkZXItcmFkaXVzOiAzcHg7DQogICAgICAgIC5pY29uZm9udCB7DQogICAgICAgICAgZm9udC1zaXplOiAyNHB4Ow0KICAgICAgICB9DQogICAgICB9DQogICAgICAudHh0IHsNCiAgICAgICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgICAgICBsZWZ0OiAwOw0KICAgICAgICBib3R0b206IDA7DQogICAgICAgIHdpZHRoOiAxMDAlOw0KICAgICAgICBoZWlnaHQ6IDIycHg7DQogICAgICAgIGxpbmUtaGVpZ2h0OiAyMnB4Ow0KICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC41KTsNCiAgICAgICAgY29sb3I6ICNmZmY7DQogICAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICAgICAgYm9yZGVyLXJhZGl1czogMCAwIDNweCAzcHg7DQogICAgICB9DQogICAgfQ0KICB9DQogIC5jX3Jvdy1pdGVtIHsNCiAgICBtYXJnaW4tdG9wOiAxMHB4Ow0KICAgIC5sYWJlbCB7DQogICAgICBjb2xvcjogIzk5OTk5OTsNCiAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICB9DQogIH0NCn0NCi5hZGQtYnRuIHsNCiAgd2lkdGg6IDEwMCU7DQogIGhlaWdodDogNDBweDsNCiAgbWFyZ2luLWJvdHRvbTogMzBweDsNCn0NCg=="},{"version":3,"sources":["c_foot.vue"],"names":[],"mappings":";AA+KA;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":"c_foot.vue","sourceRoot":"src/components/mobileConfigRight","sourcesContent":["<template>\r\n  <div class=\"footer\" v-if=\"footConfig\">\r\n    <p class=\"tips\">图片建议宽度81*81px；鼠标拖拽左侧圆点可调整导航顺序</p>\r\n    <draggable class=\"dragArea list-group\" :list=\"footConfig\" group=\"peoples\" handle=\".iconfont\">\r\n      <div class=\"box-item\" v-for=\"(item, index) in footConfig\" :key=\"index\">\r\n        <div class=\"left-tool\">\r\n          <span class=\"iconfont iconxingzhuangjiehe\"></span>\r\n        </div>\r\n        <div class=\"right-wrapper\">\r\n          <div class=\"acea-row\" v-if=\"navStyle != 1\">\r\n            <div class=\"title\">图标</div>\r\n            <div class=\"img-wrapper\">\r\n              <div class=\"img-item\" v-for=\"(img, j) in item.imgList\" @click=\"modalPicTap(index, j)\">\r\n                <div class=\"pictrue\" v-if=\"img\">\r\n                  <img :src=\"img\" alt=\"\" />\r\n                  <p class=\"txt\">替换</p>\r\n                </div>\r\n                <div class=\"empty-img\" v-else>\r\n                  <span class=\"iconfont iconjiahao\"></span>\r\n                </div>\r\n                <div class=\"name\">{{ j == 0 ? '选中' : '未选中' }}</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"c_row-item\" v-if=\"navStyle != 2\">\r\n            <el-col class=\"label\" :span=\"4\"> 名称 </el-col>\r\n            <el-col class=\"slider-box\" :span=\"20\">\r\n              <el-input v-model=\"item.name\" placeholder=\"选填不超过10个字\" />\r\n            </el-col>\r\n          </div>\r\n          <div class=\"c_row-item\">\r\n            <el-col class=\"label\" :span=\"4\"> 链接 </el-col>\r\n            <el-col class=\"slider-box\" :span=\"20\">\r\n              <div>\r\n                <el-input v-model=\"item.link\" placeholder=\"选填不超过10个字\">\r\n                  <i class=\"el-icon-link\" slot=\"suffix\" @click=\"getLink(index)\" />\r\n                </el-input>\r\n              </div>\r\n            </el-col>\r\n          </div>\r\n        </div>\r\n        <div class=\"del-box\" @click=\"deleteMenu(index)\">\r\n          <span class=\"iconfont iconcha\"></span>\r\n        </div>\r\n      </div>\r\n    </draggable>\r\n    <el-button class=\"add-btn\" @click=\"addMenu\" v-if=\"footConfig.length < 5\">+ 添加板块</el-button>\r\n    <div>\r\n      <el-dialog :visible.sync=\"modalPic\" width=\"960px\" title=\"上传底部菜单\" :mask-closable=\"false\" :z-index=\"1\">\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    <linkaddress ref=\"linkaddres\" @linkUrl=\"linkUrl\"></linkaddress>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport vuedraggable from 'vuedraggable';\r\nimport uploadPictures from '@/components/uploadPictures';\r\nimport linkaddress from '@/components/linkaddress';\r\nexport default {\r\n  name: 'c_foot',\r\n  props: {\r\n    configObj: {\r\n      type: Object,\r\n      default: function () {\r\n        return {};\r\n      },\r\n    },\r\n    configNme: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n  },\r\n  components: {\r\n    uploadPictures,\r\n    linkaddress,\r\n    draggable: vuedraggable,\r\n  },\r\n  data() {\r\n    return {\r\n      val1: '',\r\n      val2: '',\r\n      footConfig: [],\r\n      modalPic: false,\r\n      isChoice: '单选',\r\n      itemIndex: 0,\r\n      itemChildIndex: 0,\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      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      navStyle: 0,\r\n      noPic: require('../../assets/images/noPictrue.png'),\r\n    };\r\n  },\r\n  watch: {\r\n    configObj: {\r\n      handler(nVal, oVal) {\r\n        this.footConfig = nVal[this.configNme];\r\n        this.navStyle = nVal.navStyleConfig.tabVal;\r\n      },\r\n      deep: true,\r\n    },\r\n  },\r\n  created() {\r\n    this.footConfig = this.configObj[this.configNme];\r\n  },\r\n  methods: {\r\n    linkUrl(e) {\r\n      this.footConfig[this.itemIndex].link = e;\r\n    },\r\n    getLink(index) {\r\n      this.itemIndex = index;\r\n      this.$refs.linkaddres.modals = true;\r\n    },\r\n    // 点击图文封面\r\n    modalPicTap(parent, child) {\r\n      this.itemIndex = parent;\r\n      this.itemChildIndex = child;\r\n      this.modalPic = true;\r\n    },\r\n    // 获取图片信息\r\n    getPic(pc) {\r\n      this.$nextTick(() => {\r\n        this.footConfig[this.itemIndex].imgList[this.itemChildIndex] = pc.att_dir;\r\n        this.modalPic = false;\r\n        this.$store.commit('mobildConfig/footUpdata', this.footConfig);\r\n      });\r\n    },\r\n    // 添加模块\r\n    addMenu() {\r\n      let obj = {\r\n        imgList: [this.noPic, this.noPic],\r\n        name: '自定义',\r\n        link: '',\r\n      };\r\n      this.footConfig.push(obj);\r\n    },\r\n    deleteMenu(index) {\r\n      this.$msgbox({\r\n        title: '提示',\r\n        message: '是否确定删除该菜单',\r\n        showCancelButton: true,\r\n        cancelButtonText: '取消',\r\n        confirmButtonText: '删除',\r\n        iconClass: 'el-icon-warning',\r\n        confirmButtonClass: 'btn-custom-cancel',\r\n      })\r\n        .then(() => {\r\n          this.footConfig.splice(index, 1);\r\n        })\r\n        .catch(() => {});\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n::v-deep.ivu-input {\r\n  font-size: 12px !important;\r\n}\r\n.dragArea {\r\n  padding-bottom: 20px;\r\n}\r\n.footer {\r\n  padding: 0 15px;\r\n}\r\n.tips {\r\n  font-size: 12px;\r\n  color: #bbbbbb;\r\n}\r\n.box-item {\r\n  position: relative;\r\n  display: flex;\r\n  margin-top: 15px;\r\n  padding: 20px 20px 20px 0;\r\n  background: #f9f9f9;\r\n  border-radius: 3px;\r\n  .del-box {\r\n    position: absolute;\r\n    right: -13px;\r\n    top: -18px;\r\n    cursor: pointer;\r\n    .iconfont {\r\n      color: #ccc;\r\n      font-size: 24px;\r\n    }\r\n  }\r\n}\r\n.left-tool {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 42px;\r\n  .iconfont {\r\n    color: #999;\r\n    font-size: 18px;\r\n    cursor: move;\r\n  }\r\n}\r\n.right-wrapper {\r\n  flex: 1;\r\n  .title {\r\n    color: #999999;\r\n    font-size: 12px;\r\n    width: 50px;\r\n    margin-top: 23px;\r\n  }\r\n  .img-wrapper {\r\n    display: flex;\r\n    .img-item {\r\n      width: 64px;\r\n      margin-right: 20px;\r\n      .name {\r\n        color: #bbbbbb;\r\n        font-size: 12px;\r\n        text-align: center;\r\n        margin-top: 7px;\r\n      }\r\n      .pictrue {\r\n        width: 100%;\r\n        height: 64px;\r\n        cursor: pointer;\r\n        border: 1px solid #eeeeee;\r\n        position: relative;\r\n        border-radius: 3px;\r\n      }\r\n      img {\r\n        display: block;\r\n        width: 100%;\r\n        height: 100%;\r\n      }\r\n      .empty-img {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-direction: column;\r\n        width: 100%;\r\n        height: 100%;\r\n        font-size: 12px;\r\n        color: #bfbfbf;\r\n        border: 1px solid #eeeeee;\r\n        border-radius: 3px;\r\n        .iconfont {\r\n          font-size: 24px;\r\n        }\r\n      }\r\n      .txt {\r\n        position: absolute;\r\n        left: 0;\r\n        bottom: 0;\r\n        width: 100%;\r\n        height: 22px;\r\n        line-height: 22px;\r\n        text-align: center;\r\n        background: rgba(0, 0, 0, 0.5);\r\n        color: #fff;\r\n        font-size: 12px;\r\n        border-radius: 0 0 3px 3px;\r\n      }\r\n    }\r\n  }\r\n  .c_row-item {\r\n    margin-top: 10px;\r\n    .label {\r\n      color: #999999;\r\n      font-size: 12px;\r\n    }\r\n  }\r\n}\r\n.add-btn {\r\n  width: 100%;\r\n  height: 40px;\r\n  margin-bottom: 30px;\r\n}\r\n</style>\r\n"]}]}