{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\components\\newsCategory\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\newsCategory\\index.vue","mtime":1761614938982},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"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:DQppbXBvcnQgdnVlV2F0ZXJmYWxsRWFzeSBmcm9tICd2dWUtd2F0ZXJmYWxsLWVhc3knOw0KaW1wb3J0IHsgd2VjaGF0TmV3c0xpc3RBcGkgfSBmcm9tICdAL2FwaS9hcHAnOw0KaW1wb3J0IHsgbWFwU3RhdGUgfSBmcm9tICd2dWV4JzsNCmltcG9ydCBzZXR0aW5ncyBmcm9tICdAL3NldHRpbmcnOw0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOiAnbmV3c0NhdGVnb3J5JywNCiAgcHJvcHM6IHsNCiAgICBzY3JvbGxlckhlaWdodDogew0KICAgICAgdHlwZTogU3RyaW5nLA0KICAgICAgZGVmYXVsdDogJzEwMCUnLA0KICAgIH0sDQogICAgY29udGVudFRvcDogew0KICAgICAgdHlwZTogU3RyaW5nLA0KICAgICAgZGVmYXVsdDogJzAnLA0KICAgIH0sDQogICAgY29udGVudFdpZHRoOiB7DQogICAgICB0eXBlOiBTdHJpbmcsDQogICAgICBkZWZhdWx0OiAnMTAwJScsDQogICAgfSwNCiAgICBtYXhDb2xzOiB7DQogICAgICB0eXBlOiBOdW1iZXIsDQogICAgICBkZWZhdWx0OiA1LA0KICAgIH0sDQogICAgaXNTaG93OiB7DQogICAgICB0eXBlOiBCb29sZWFuLA0KICAgICAgZGVmYXVsdDogZmFsc2UsDQogICAgfSwNCiAgICBpc1Nob3dTZW5kOiB7DQogICAgICB0eXBlOiBCb29sZWFuLA0KICAgICAgZGVmYXVsdDogZmFsc2UsDQogICAgfSwNCiAgICB1c2VySWRzOiB7DQogICAgICB0eXBlOiBBcnJheSwNCiAgICAgIGRlZmF1bHQ6ICgpID0+IHsNCiAgICAgICAgW107DQogICAgICB9LA0KICAgIH0sDQogIH0sDQogIGNvbXBvbmVudHM6IHsNCiAgICB2dWVXYXRlcmZhbGxFYXN5LA0KICB9LA0KICBkYXRhKCkgew0KICAgIHJldHVybiB7DQogICAgICByb3V0ZVByZTogc2V0dGluZ3Mucm91dGVQcmUsDQogICAgICBpc0RlbDogZmFsc2UsDQogICAgICBpbWdzQXJyOiBbXSwNCiAgICAgIGdyb3VwOiAwLCAvLyDlvZPliY3liqDovb3nmoTliqDovb3lm77niYfnmoTmrKHmlbANCiAgICAgIGZldGNoSW1nc0FycjogW10sIC8vIOWtmOaUvuavj+asoea7muWKqOaXtuS4i+S4gOaJueimgeWKoOi9veeahOWbvueJh+eahOaVsOe7hA0KICAgICAgb3JkZXJEYXRhOiB7fSwNCiAgICAgIGNvbHM6IE5hTiwgLy8g6ZyA6KaB5qC55o2u56qX5Y+j5a695bqm5Yid5aeL5YyWDQogICAgICBncmlkUGljOiB7DQogICAgICAgIHhsOiA2LA0KICAgICAgICBsZzogOCwNCiAgICAgICAgbWQ6IDgsDQogICAgICAgIHNtOiAyNCwNCiAgICAgICAgeHM6IDI0LA0KICAgICAgfSwNCiAgICAgIGdyaWQ6IHsNCiAgICAgICAgeGw6IDgsDQogICAgICAgIGxnOiA4LA0KICAgICAgICBtZDogOCwNCiAgICAgICAgc206IDI0LA0KICAgICAgICB4czogMjQsDQogICAgICB9LA0KICAgICAgZm9ybVZhbGlkYXRlOiB7DQogICAgICAgIGNhdGVfbmFtZTogJycsDQogICAgICAgIHBhZ2U6IDEsDQogICAgICAgIGxpbWl0OiAxMCwNCiAgICAgIH0sDQogICAgICBzY3JlZW5XaWR0aDogZG9jdW1lbnQuYm9keS5jbGllbnRXaWR0aCAtIDIwMCwNCiAgICAgIG1heENvbDogMSwNCiAgICB9Ow0KICB9LA0KICBjcmVhdGVkKCkgew0KICAgIGlmICh0aGlzLm1heENvbHMgPT09IDUpIHsNCiAgICAgIHRoaXMuJHNldCh0aGlzLCAnbWF4Q29sJywgdGhpcy5zY3JlZW5XaWR0aCAvIDI0MCk7DQogICAgfSBlbHNlIHsNCiAgICAgIHRoaXMubWF4Q29sID0gdGhpcy5tYXhDb2xzOw0KICAgIH0NCiAgICB0aGlzLmdldERhdGEoKTsNCiAgfSwNCiAgbW91bnRlZCgpIHt9LA0KICBjb21wdXRlZDoge30sDQogIG1ldGhvZHM6IHsNCiAgICAvLyDlj5HpgIHlm77mlofmtojmga8NCiAgICBzZW5kKHJvdywgdGl0LCBudW0pIHsNCiAgICAgIGxldCBkZWxmcm9tRGF0YSA9IHsNCiAgICAgICAgdGl0bGU6IHRpdCwNCiAgICAgICAgbnVtOiBudW0sDQogICAgICAgIHVybDogYGFwcC93ZWNoYXQvcHVzaGAsDQogICAgICAgIG1ldGhvZDogJ3Bvc3QnLA0KICAgICAgICBpZHM6IHsNCiAgICAgICAgICBpZDogcm93LmlkLA0KICAgICAgICAgIHVzZXJfaWRzOiB0aGlzLnVzZXJJZHMsDQogICAgICAgIH0sDQogICAgICB9Ow0KICAgICAgdGhpcy4kbW9kYWxTdXJlKGRlbGZyb21EYXRhKQ0KICAgICAgICAudGhlbigocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5zdWNjZXNzKHJlcy5tc2cpOw0KICAgICAgICB9KQ0KICAgICAgICAuY2F0Y2goKHJlcykgPT4gew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IocmVzLm1zZyk7DQogICAgICAgIH0pOw0KICAgIH0sDQogICAgY2xpY2tGbihldmVudCwgeyBpbmRleCwgdmFsdWUgfSkgew0KICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTsNCiAgICAgIGlmIChldmVudC50YXJnZXQudGFnTmFtZS50b0xvd2VyQ2FzZSgpID09PSAnZGl2Jykgew0KICAgICAgICB0aGlzLiRlbWl0KCdnZXRDZW50TGlzdCcsIHZhbHVlKTsNCiAgICAgIH0NCiAgICB9LA0KICAgIC8vIOWIoOmZpA0KICAgIGRlbChyb3csIHRpdCwgbnVtKSB7DQogICAgICBsZXQgZGVsZnJvbURhdGEgPSB7DQogICAgICAgIHRpdGxlOiB0aXQsDQogICAgICAgIG51bTogbnVtLA0KICAgICAgICB1cmw6IGBhcHAvd2VjaGF0L25ld3MvJHtyb3cuaWR9YCwNCiAgICAgICAgbWV0aG9kOiAnREVMRVRFJywNCiAgICAgICAgaWRzOiAnJywNCiAgICAgIH07DQogICAgICB0aGlzLiRtb2RhbFN1cmUoZGVsZnJvbURhdGEpDQogICAgICAgIC50aGVuKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLnN1Y2Nlc3MocmVzLm1zZyk7DQogICAgICAgICAgdGhpcy4kbmV4dFRpY2soKCkgPT4gew0KICAgICAgICAgICAgdGhpcy5pbWdzQXJyID0gW107DQogICAgICAgICAgfSk7DQogICAgICAgICAgdGhpcy5mb3JtVmFsaWRhdGUucGFnZSA9IDE7DQogICAgICAgICAgdGhpcy5nZXREYXRhKCk7DQogICAgICAgIH0pDQogICAgICAgIC5jYXRjaCgocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihyZXMubXNnKTsNCiAgICAgICAgfSk7DQogICAgfSwNCiAgICAvLyDliKDpmaTmiJDlip8NCiAgICAvLyBzdWJtaXRNb2RlbCAoKSB7DQogICAgLy8gICAgIGlmICh0aGlzLmRlbGZyb21EYXRhLnRpdGxlID09PSAn5Yig6Zmk5Zu+5paHJykgew0KICAgIC8vICAgICAgICAgLy8gdGhpcy5pbWdzQXJyLnNwbGljZSh0aGlzLmRlbGZyb21EYXRhLm51bSwgMSkNCiAgICAvLyAgICAgICAgIHRoaXMuJG5leHRUaWNrKCgpID0+IHsNCiAgICAvLyAgICAgICAgICAgICB0aGlzLmltZ3NBcnIgPSBbXTsNCiAgICAvLyAgICAgICAgIH0pDQogICAgLy8gICAgICAgICB0aGlzLmZvcm1WYWxpZGF0ZS5wYWdlID0gMTsNCiAgICAvLyAgICAgICAgIHRoaXMuZ2V0RGF0YSgpOw0KICAgIC8vICAgICB9DQogICAgLy8gfSwNCiAgICAvLyDnvJbovpENCiAgICBjbGtrKGl0ZW0pIHsNCiAgICAgIHRoaXMuJHJvdXRlci5wdXNoKHsNCiAgICAgICAgcGF0aDogdGhpcy5yb3V0ZVByZSArICcvYXBwL3dlY2hhdC9uZXdzX2NhdGVnb3J5L3NhdmUvJyArIGl0ZW0uaWQsDQogICAgICB9KTsNCiAgICB9LA0KICAgIC8vIOm8oOagh+enu+i/mw0KICAgIG1vdXNlZW50ZXJPdXQoaXRlbSkgew0KICAgICAgdGhpcy4kc2V0KGl0ZW0sICdpc0RlbCcsIHRydWUpOw0KICAgIH0sDQogICAgLy8g6byg5qCH56e75Ye6DQogICAgbW91c2VlbnRlck92ZXIoaXRlbSkgew0KICAgICAgdGhpcy4kc2V0KGl0ZW0sICdpc0RlbCcsIGZhbHNlKTsNCiAgICB9LA0KICAgIC8vIOaQnOe0og0KICAgIHVzZXJTZWFyY2hzKCkgew0KICAgICAgdGhpcy4kbmV4dFRpY2soKCkgPT4gew0KICAgICAgICB0aGlzLmltZ3NBcnIgPSBbXTsNCiAgICAgIH0pOw0KICAgICAgdGhpcy5mb3JtVmFsaWRhdGUucGFnZSA9IDE7DQogICAgICB0aGlzLmdldERhdGEoKTsNCiAgICB9LA0KICAgIC8vIOeAkeW4g+a1geaVsOaNrg0KICAgIGdldERhdGEoKSB7DQogICAgICB3ZWNoYXROZXdzTGlzdEFwaSh0aGlzLmZvcm1WYWxpZGF0ZSkNCiAgICAgICAgLnRoZW4oYXN5bmMgKHJlcykgPT4gew0KICAgICAgICAgIGlmIChyZXMuZGF0YS5saXN0Lmxlbmd0aCA9PT0gMCkgew0KICAgICAgICAgICAgLy8g5qih5ouf5bey57uP5peg5paw5pWw5o2u77yM5pi+56S6IHNsb3Q9IndhdGVyZmFsbC1vdmVyIg0KICAgICAgICAgICAgdGhpcy5pbWdzQXJyID0gW107DQogICAgICAgICAgICB0aGlzLiRuZXh0VGljaygoKSA9PiB7DQogICAgICAgICAgICAgIHRoaXMuJHJlZnMud2F0ZXJmYWxsLndhdGVyZmFsbE92ZXIoKTsNCiAgICAgICAgICAgIH0pOw0KICAgICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgICBsZXQgbnVtID0gTWF0aC5jZWlsKHJlcy5kYXRhLmNvdW50IC8gdGhpcy5mb3JtVmFsaWRhdGUubGltaXQpICsgMTsNCiAgICAgICAgICAgIHJlcy5kYXRhLmxpc3QubWFwKChpdGVtKSA9PiB7DQogICAgICAgICAgICAgIGl0ZW0uaXNEZWwgPSBmYWxzZTsNCiAgICAgICAgICAgIH0pOw0KICAgICAgICAgICAgdGhpcy5pbWdzQXJyID0gdGhpcy5pbWdzQXJyLmNvbmNhdChyZXMuZGF0YS5saXN0KSB8fCBbXTsNCiAgICAgICAgICAgIHRoaXMuZm9ybVZhbGlkYXRlLnBhZ2UrKzsNCiAgICAgICAgICAgIGlmICh0aGlzLmZvcm1WYWxpZGF0ZS5wYWdlID09PSBudW0pIHsNCiAgICAgICAgICAgICAgLy8g5qih5ouf5bey57uP5peg5paw5pWw5o2u77yM5pi+56S6IHNsb3Q9IndhdGVyZmFsbC1vdmVyIg0KICAgICAgICAgICAgICB0aGlzLiRyZWZzLndhdGVyZmFsbC53YXRlcmZhbGxPdmVyKCk7DQogICAgICAgICAgICAgIHJldHVybjsNCiAgICAgICAgICAgIH0NCiAgICAgICAgICB9DQogICAgICAgIH0pDQogICAgICAgIC5jYXRjaCgocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihyZXMubXNnKTsNCiAgICAgICAgfSk7DQogICAgfSwNCiAgfSwNCn07DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAyFA;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;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":"index.vue","sourceRoot":"src/components/newsCategory","sourcesContent":["<template>\r\n  <div :style=\"{ height: scrollerHeight + 'px' || '' }\">\r\n    <div>\r\n      <el-form\r\n        ref=\"formValidate\"\r\n        inline\r\n        :model=\"formValidate\"\r\n        label-width=\"80px\"\r\n        label-position=\"right\"\r\n        class=\"tabform\"\r\n      >\r\n        <el-form-item label=\"图文搜索：\" prop=\"cate_name\" label-for=\"cate_name\">\r\n          <el-input clearable placeholder=\"请输入\" v-model=\"formValidate.cate_name\" class=\"form_content_width\" />\r\n        </el-form-item>\r\n        <el-form-item>\r\n          <el-button type=\"primary\" v-db-click @click=\"userSearchs\">查询</el-button>\r\n          <router-link :to=\"routePre + '/app/wechat/news_category/save/0'\">\r\n            <el-button type=\"primary\" class=\"bnt ml15\">添加图文消息</el-button>\r\n          </router-link>\r\n        </el-form-item>\r\n      </el-form>\r\n    </div>\r\n    <div class=\"contentBox\">\r\n      <div id=\"content\" :style=\"{ top: contentTop + 'px' || '', width: contentWidth }\" ref=\"content\">\r\n        <vue-waterfall-easy\r\n          :imgsArr=\"imgsArr\"\r\n          :maxCols=\"maxCol\"\r\n          :width=\"screenWidth\"\r\n          v-db-click\r\n          @click=\"clickFn\"\r\n          @scrollReachBottom=\"getData\"\r\n          ref=\"waterfall\"\r\n          :reachBottomDistance=\"30\"\r\n        >\r\n          <div class=\"img-info\" slot-scope=\"props\" v-if=\"props.value.new.length !== 0\">\r\n            <div v-for=\"(j, i) in props.value.new\" :key=\"i\">\r\n              <div v-if=\"i === 0\">\r\n                <div\r\n                  class=\"news_pic\"\r\n                  :style=\"{\r\n                    backgroundImage: 'url(' + j.image_input[0] + ')',\r\n                    backgroundSize: '100% 100%',\r\n                  }\"\r\n                  @mouseenter=\"mouseenterOut(j)\"\r\n                  @mouseleave=\"mouseenterOver(j)\"\r\n                >\r\n                  <el-button\r\n                    type=\"success\"\r\n                    icon=\"el-icon-edit\"\r\n                    v-show=\"props.value.new[i].isDel && isShow\"\r\n                    v-db-click\r\n                    @click=\"clkk(props.value)\"\r\n                  ></el-button>\r\n                  <el-button\r\n                    type=\"error\"\r\n                    icon=\"el-icon-delete\"\r\n                    v-show=\"props.value.new[i].isDel && isShow\"\r\n                    v-db-click\r\n                    @click=\"del(props.value, '删除图文', i)\"\r\n                    style=\"margin-top: 5px\"\r\n                  ></el-button>\r\n                  <el-button\r\n                    type=\"primary\"\r\n                    icon=\"el-icon-s-promotion\"\r\n                    v-show=\"props.value.new[i].isDel && isShowSend\"\r\n                    v-db-click\r\n                    @click=\"send(props.value, '发送', i)\"\r\n                    >推送</el-button\r\n                  >\r\n                </div>\r\n                <span class=\"news_sp\">{{ j.title }}</span>\r\n              </div>\r\n              <div v-else class=\"news_cent\">\r\n                <span class=\"news_sp1\" v-if=\"j.synopsis\">{{ j.title }}</span>\r\n                <div class=\"news_cent_img\" v-if=\"j.image_input.length !== 0\">\r\n                  <img :src=\"j.image_input[0]\" />\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <p class=\"some-info\">{{ props.value.id }}</p>\r\n          </div>\r\n          <div slot=\"waterfall-over\"></div>\r\n        </vue-waterfall-easy>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport vueWaterfallEasy from 'vue-waterfall-easy';\r\nimport { wechatNewsListApi } from '@/api/app';\r\nimport { mapState } from 'vuex';\r\nimport settings from '@/setting';\r\nexport default {\r\n  name: 'newsCategory',\r\n  props: {\r\n    scrollerHeight: {\r\n      type: String,\r\n      default: '100%',\r\n    },\r\n    contentTop: {\r\n      type: String,\r\n      default: '0',\r\n    },\r\n    contentWidth: {\r\n      type: String,\r\n      default: '100%',\r\n    },\r\n    maxCols: {\r\n      type: Number,\r\n      default: 5,\r\n    },\r\n    isShow: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    isShowSend: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    userIds: {\r\n      type: Array,\r\n      default: () => {\r\n        [];\r\n      },\r\n    },\r\n  },\r\n  components: {\r\n    vueWaterfallEasy,\r\n  },\r\n  data() {\r\n    return {\r\n      routePre: settings.routePre,\r\n      isDel: false,\r\n      imgsArr: [],\r\n      group: 0, // 当前加载的加载图片的次数\r\n      fetchImgsArr: [], // 存放每次滚动时下一批要加载的图片的数组\r\n      orderData: {},\r\n      cols: NaN, // 需要根据窗口宽度初始化\r\n      gridPic: {\r\n        xl: 6,\r\n        lg: 8,\r\n        md: 8,\r\n        sm: 24,\r\n        xs: 24,\r\n      },\r\n      grid: {\r\n        xl: 8,\r\n        lg: 8,\r\n        md: 8,\r\n        sm: 24,\r\n        xs: 24,\r\n      },\r\n      formValidate: {\r\n        cate_name: '',\r\n        page: 1,\r\n        limit: 10,\r\n      },\r\n      screenWidth: document.body.clientWidth - 200,\r\n      maxCol: 1,\r\n    };\r\n  },\r\n  created() {\r\n    if (this.maxCols === 5) {\r\n      this.$set(this, 'maxCol', this.screenWidth / 240);\r\n    } else {\r\n      this.maxCol = this.maxCols;\r\n    }\r\n    this.getData();\r\n  },\r\n  mounted() {},\r\n  computed: {},\r\n  methods: {\r\n    // 发送图文消息\r\n    send(row, tit, num) {\r\n      let delfromData = {\r\n        title: tit,\r\n        num: num,\r\n        url: `app/wechat/push`,\r\n        method: 'post',\r\n        ids: {\r\n          id: row.id,\r\n          user_ids: this.userIds,\r\n        },\r\n      };\r\n      this.$modalSure(delfromData)\r\n        .then((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    clickFn(event, { index, value }) {\r\n      event.preventDefault();\r\n      if (event.target.tagName.toLowerCase() === 'div') {\r\n        this.$emit('getCentList', value);\r\n      }\r\n    },\r\n    // 删除\r\n    del(row, tit, num) {\r\n      let delfromData = {\r\n        title: tit,\r\n        num: num,\r\n        url: `app/wechat/news/${row.id}`,\r\n        method: 'DELETE',\r\n        ids: '',\r\n      };\r\n      this.$modalSure(delfromData)\r\n        .then((res) => {\r\n          this.$message.success(res.msg);\r\n          this.$nextTick(() => {\r\n            this.imgsArr = [];\r\n          });\r\n          this.formValidate.page = 1;\r\n          this.getData();\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    // 删除成功\r\n    // submitModel () {\r\n    //     if (this.delfromData.title === '删除图文') {\r\n    //         // this.imgsArr.splice(this.delfromData.num, 1)\r\n    //         this.$nextTick(() => {\r\n    //             this.imgsArr = [];\r\n    //         })\r\n    //         this.formValidate.page = 1;\r\n    //         this.getData();\r\n    //     }\r\n    // },\r\n    // 编辑\r\n    clkk(item) {\r\n      this.$router.push({\r\n        path: this.routePre + '/app/wechat/news_category/save/' + item.id,\r\n      });\r\n    },\r\n    // 鼠标移进\r\n    mouseenterOut(item) {\r\n      this.$set(item, 'isDel', true);\r\n    },\r\n    // 鼠标移出\r\n    mouseenterOver(item) {\r\n      this.$set(item, 'isDel', false);\r\n    },\r\n    // 搜索\r\n    userSearchs() {\r\n      this.$nextTick(() => {\r\n        this.imgsArr = [];\r\n      });\r\n      this.formValidate.page = 1;\r\n      this.getData();\r\n    },\r\n    // 瀑布流数据\r\n    getData() {\r\n      wechatNewsListApi(this.formValidate)\r\n        .then(async (res) => {\r\n          if (res.data.list.length === 0) {\r\n            // 模拟已经无新数据，显示 slot=\"waterfall-over\"\r\n            this.imgsArr = [];\r\n            this.$nextTick(() => {\r\n              this.$refs.waterfall.waterfallOver();\r\n            });\r\n          } else {\r\n            let num = Math.ceil(res.data.count / this.formValidate.limit) + 1;\r\n            res.data.list.map((item) => {\r\n              item.isDel = false;\r\n            });\r\n            this.imgsArr = this.imgsArr.concat(res.data.list) || [];\r\n            this.formValidate.page++;\r\n            if (this.formValidate.page === num) {\r\n              // 模拟已经无新数据，显示 slot=\"waterfall-over\"\r\n              this.$refs.waterfall.waterfallOver();\r\n              return;\r\n            }\r\n          }\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.contentBox {\r\n  height: 600px;\r\n  width: 100%;\r\n  position: relative;\r\n  #content {\r\n    position: absolute;\r\n    /* top: 280px; */\r\n    bottom: 0;\r\n    width: 86%;\r\n    /* height 1000px; */\r\n  }\r\n}\r\n.contentBox ::v-deep .vue-waterfall-easy {\r\n  width: 100% !important;\r\n  left: 0 !important;\r\n  margin-left: 0 !important;\r\n}\r\n.contentBox ::v-deep .vue-waterfall-easy-scroll::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n.contentBox ::v-deep .vue-waterfall-easy-scroll {\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.some-info {\r\n  padding: 7px;\r\n  box-sizing: border-box;\r\n  text-align: center;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n.Refresh {\r\n  font-size: 12px;\r\n  color: var(--prev-color-primary);\r\n  cursor: pointer;\r\n  line-height: 35px;\r\n  display: inline-block;\r\n}\r\n.news_pic {\r\n  width: 100%;\r\n  height: 150px;\r\n  overflow: hidden;\r\n  position: relative;\r\n  background-size: cover;\r\n  border-radius: 5px 5px 0 0;\r\n  padding: 10px;\r\n  box-sizing: border-box;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-end;\r\n}\r\n.news_sp {\r\n  font-size: 12px;\r\n  color: #000000;\r\n  background: #fff;\r\n  width: 100%;\r\n  height: 38px;\r\n  line-height: 38px;\r\n  padding: 0 12px;\r\n  box-sizing: border-box;\r\n  display: block;\r\n}\r\n.news_cent {\r\n  width: 100%;\r\n  height: auto;\r\n  background: #fff;\r\n  border-top: 1px dashed #eee;\r\n  display: flex;\r\n  padding: 10px;\r\n  box-sizing: border-box;\r\n  justify-content: space-between;\r\n  .news_sp1 {\r\n    font-size: 12px;\r\n    color: #000000;\r\n    width: 71%;\r\n  }\r\n  .news_cent_img {\r\n    width: 81px;\r\n    height: 46px;\r\n    border-radius: 6px;\r\n    overflow: hidden;\r\n\r\n    img {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  }\r\n}\r\n.news_pic ::v-deep .ivu-btn-error {\r\n  width: 24px !important;\r\n  height: 24px !important;\r\n  background: #ff5d5f !important;\r\n  color: #fff !important;\r\n  border: 1px solid #eee !important;\r\n}\r\n.news_pic ::v-deep .ivu-btn-error:hover {\r\n  background: #ff5d5f !important;\r\n  border: 1px solid #fff !important;\r\n  color: #fff !important;\r\n}\r\n.news_pic ::v-deep .ivu-btn-success {\r\n  width: 24px !important;\r\n  height: 24px !important;\r\n  border: 1px solid #eee !important;\r\n}\r\n</style>\r\n"]}]}