| 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\\components\\newsCategory\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\newsCategory\\index.vue","mtime":1761185180019},{"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\\babel-loader\\lib\\index.js","mtime":456789000000},{"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: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"]}]}
|
