You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
33 KiB
1 line
33 KiB
{"remainingRequest":"D:\\BaiduNetdiskDownload1\\springboot和vue志愿者系统\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\BaiduNetdiskDownload1\\springboot和vue志愿者系统\\admin\\src\\views\\modules\\discusshuodongxinde\\list.vue?vue&type=style&index=0&id=0e6a3312&lang=scss&scoped=true","dependencies":[{"path":"D:\\BaiduNetdiskDownload1\\springboot和vue志愿者系统\\admin\\src\\views\\modules\\discusshuodongxinde\\list.vue","mtime":1651797260000},{"path":"D:\\BaiduNetdiskDownload1\\springboot和vue志愿者系统\\admin\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\BaiduNetdiskDownload1\\springboot和vue志愿者系统\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\BaiduNetdiskDownload1\\springboot和vue志愿者系统\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\BaiduNetdiskDownload1\\springboot和vue志愿者系统\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\BaiduNetdiskDownload1\\springboot和vue志愿者系统\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\BaiduNetdiskDownload1\\springboot和vue志愿者系统\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CiAgLnNsdCB7CiAgICBtYXJnaW46IDAgIWltcG9ydGFudDsKICAgIGRpc3BsYXk6IGZsZXg7CiAgfQoKICAuYWQgewogICAgbWFyZ2luOiAwICFpbXBvcnRhbnQ7CiAgICBkaXNwbGF5OiBmbGV4OwogIH0KCiAgLnBhZ2VzIHsKICAgICYgL2RlZXAvIGVsLXBhZ2luYXRpb25fX3NpemVzewogICAgICAmIC9kZWVwLyBlbC1pbnB1dF9faW5uZXIgewogICAgICAgIGhlaWdodDogMjJweDsKICAgICAgICBsaW5lLWhlaWdodDogMjJweDsKICAgICAgfQogICAgfQogIH0KICAKCiAgLmVsLWJ1dHRvbisuZWwtYnV0dG9uIHsKICAgIG1hcmdpbjowOwogIH0gCgogIC50YWJsZXMgewoJJiAvZGVlcC8gLmVsLWJ1dHRvbi0tc3VjY2VzcyB7CgkJaGVpZ2h0OiA0MHB4OwoJCWNvbG9yOiByZ2JhKDk4LCAxOTAsIDg0LCAxKTsKCQlmb250LXNpemU6IDE0cHg7CgkJYm9yZGVyLXdpZHRoOiA1cHggMXB4OwoJCWJvcmRlci1zdHlsZTogc29saWQ7CgkJYm9yZGVyLWNvbG9yOiByZ2JhKDk4LCAxOTAsIDg0LCAxKTsKCQlib3JkZXItcmFkaXVzOiA0cHg7CgkJYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsKCX0KCQoJJiAvZGVlcC8gLmVsLWJ1dHRvbi0tcHJpbWFyeSB7CgkJaGVpZ2h0OiA0MHB4OwoJCWNvbG9yOiByZ2JhKDk4LCAxOTAsIDg0LCAxKTsKCQlmb250LXNpemU6IDE0cHg7CgkJYm9yZGVyLXdpZHRoOiA1cHggMXB4OwoJCWJvcmRlci1zdHlsZTogc29saWQ7CgkJYm9yZGVyLWNvbG9yOiByZ2JhKDk4LCAxOTAsIDg0LCAxKTsKCQlib3JkZXItcmFkaXVzOiA0cHg7CgkJYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsKCX0KCQoJJiAvZGVlcC8gLmVsLWJ1dHRvbi0tZGFuZ2VyIHsKCQloZWlnaHQ6IDQwcHg7CgkJY29sb3I6IHJnYmEoOTgsIDE5MCwgODQsIDEpOwoJCWZvbnQtc2l6ZTogMTRweDsKCQlib3JkZXItd2lkdGg6IDVweCAxcHg7CgkJYm9yZGVyLXN0eWxlOiBzb2xpZDsKCQlib3JkZXItY29sb3I6IHJnYmEoOTgsIDE5MCwgODQsIDEpOwoJCWJvcmRlci1yYWRpdXM6IDRweDsKCQliYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOwoJfQoKICAgICYgL2RlZXAvIC5lbC1idXR0b24gewogICAgICBtYXJnaW46IDRweDsKICAgIH0KICB9CgkuZm9ybS1jb250ZW50IHsKCQliYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDsKCX0KCS50YWJsZS1jb250ZW50IHsKCQliYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDsKCX0KCQoJLnRhYmxlcyAvZGVlcC8gLmVsLXRhYmxlX19ib2R5IHRyIHsKCQkJCWJhY2tncm91bmQtY29sb3I6ICNmNWY1ZjUgIWltcG9ydGFudDsKCQkJCWNvbG9yOiAjNjA2MjY2ICFpbXBvcnRhbnQ7CgkgfQoJLnRhYmxlcyAvZGVlcC8gLmVsLXRhYmxlX19ib2R5IHRyLmVsLXRhYmxlX19yb3ctLXN0cmlwZWQgdGQgewoJICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50OwoJfQoJLnRhYmxlcyAvZGVlcC8gLmVsLXRhYmxlX19ib2R5IHRyLmVsLXRhYmxlX19yb3ctLXN0cmlwZWQgewoJCWJhY2tncm91bmQtY29sb3I6ICNGNUY3RkEgIWltcG9ydGFudDsKCQljb2xvcjogIzYwNjI2NiAhaW1wb3J0YW50OwoJfQoJCgkgLnRhYmxlcyAvZGVlcC8gLmVsLXRhYmxlX19ib2R5IHRyOmhvdmVyPnRkIHsKCSAgIAkgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjVmNWY1ICFpbXBvcnRhbnQ7CgkgICAJICAgCSAgIGNvbG9yOiAjMzMzICFpbXBvcnRhbnQ7CgkgICAJIH0KCSAK"},{"version":3,"sources":["list.vue"],"names":[],"mappings":";AAokBA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA","file":"list.vue","sourceRoot":"src/views/modules/discusshuodongxinde","sourcesContent":["<template>\n <div class=\"main-content\">\n <!-- 列表页 -->\n <div v-if=\"showFlag\">\n <el-form :inline=\"true\" :model=\"searchForm\" class=\"form-content\">\n <el-row :gutter=\"20\" class=\"slt\" :style=\"{justifyContent:contents.searchBoxPosition=='1'?'flex-start':contents.searchBoxPosition=='2'?'center':'flex-end'}\">\n <el-form-item :label=\"contents.inputTitle == 1 ? '用户名' : ''\">\n <el-input v-if=\"contents.inputIcon == 1 && contents.inputIconPosition == 1\" prefix-icon=\"el-icon-search\" v-model=\"searchForm.nickname\" placeholder=\"用户名\" clearable></el-input>\n <el-input v-if=\"contents.inputIcon == 1 && contents.inputIconPosition == 2\" suffix-icon=\"el-icon-search\" v-model=\"searchForm.nickname\" placeholder=\"用户名\" clearable></el-input>\n <el-input v-if=\"contents.inputIcon == 0\" v-model=\"searchForm.nickname\" placeholder=\"用户名\" clearable></el-input>\n </el-form-item>\n <el-form-item :label=\"contents.inputTitle == 1 ? '评论内容' : ''\">\n <el-input v-if=\"contents.inputIcon == 1 && contents.inputIconPosition == 1\" prefix-icon=\"el-icon-search\" v-model=\"searchForm.content\" placeholder=\"评论内容\" clearable></el-input>\n <el-input v-if=\"contents.inputIcon == 1 && contents.inputIconPosition == 2\" suffix-icon=\"el-icon-search\" v-model=\"searchForm.content\" placeholder=\"评论内容\" clearable></el-input>\n <el-input v-if=\"contents.inputIcon == 0\" v-model=\"searchForm.content\" placeholder=\"评论内容\" clearable></el-input>\n </el-form-item>\n <el-form-item>\n <el-button v-if=\"contents.searchBtnIcon == 1 && contents.searchBtnIconPosition == 1\" icon=\"el-icon-search\" type=\"success\" @click=\"search()\">{{ contents.searchBtnFont == 1?'查询':'' }}</el-button>\n <el-button v-if=\"contents.searchBtnIcon == 1 && contents.searchBtnIconPosition == 2\" type=\"success\" @click=\"search()\">{{ contents.searchBtnFont == 1?'查询':'' }}<i class=\"el-icon-search el-icon--right\"/></el-button>\n <el-button v-if=\"contents.searchBtnIcon == 0\" type=\"success\" @click=\"search()\">{{ contents.searchBtnFont == 1?'查询':'' }}</el-button>\n </el-form-item>\n </el-row>\n\n <el-row class=\"ad\" :style=\"{justifyContent:contents.btnAdAllBoxPosition=='1'?'flex-start':contents.btnAdAllBoxPosition=='2'?'center':'flex-end'}\">\n <el-form-item>\n <el-button\n v-if=\"isAuth('discusshuodongxinde','新增') && contents.btnAdAllIcon == 1 && contents.btnAdAllIconPosition == 1\"\n type=\"success\"\n icon=\"el-icon-plus\"\n @click=\"addOrUpdateHandler()\"\n >{{ contents.btnAdAllFont == 1?'新增':'' }}</el-button>\n <el-button\n v-if=\"isAuth('discusshuodongxinde','新增') && contents.btnAdAllIcon == 1 && contents.btnAdAllIconPosition == 2\"\n type=\"success\"\n @click=\"addOrUpdateHandler()\"\n >{{ contents.btnAdAllFont == 1?'新增':'' }}<i class=\"el-icon-plus el-icon--right\" /></el-button>\n <el-button\n v-if=\"isAuth('discusshuodongxinde','新增') && contents.btnAdAllIcon == 0\"\n type=\"success\"\n @click=\"addOrUpdateHandler()\"\n >{{ contents.btnAdAllFont == 1?'新增':'' }}</el-button>\n <el-button\n v-if=\"isAuth('discusshuodongxinde','删除') && contents.btnAdAllIcon == 1 && contents.btnAdAllIconPosition == 1 && contents.tableSelection\"\n :disabled=\"dataListSelections.length <= 0\"\n type=\"danger\"\n icon=\"el-icon-delete\"\n @click=\"deleteHandler()\"\n >{{ contents.btnAdAllFont == 1?'删除':'' }}</el-button>\n <el-button\n v-if=\"isAuth('discusshuodongxinde','删除') && contents.btnAdAllIcon == 1 && contents.btnAdAllIconPosition == 2 && contents.tableSelection\"\n :disabled=\"dataListSelections.length <= 0\"\n type=\"danger\"\n @click=\"deleteHandler()\"\n >{{ contents.btnAdAllFont == 1?'删除':'' }}<i class=\"el-icon-delete el-icon--right\" /></el-button>\n <el-button\n v-if=\"isAuth('discusshuodongxinde','删除') && contents.btnAdAllIcon == 0 && contents.tableSelection\"\n :disabled=\"dataListSelections.length <= 0\"\n type=\"danger\"\n @click=\"deleteHandler()\"\n >{{ contents.btnAdAllFont == 1?'删除':'' }}</el-button>\n\n\n\n\n\n </el-form-item>\n </el-row>\n </el-form>\n <div class=\"table-content\">\n <el-table class=\"tables\" :size=\"contents.tableSize\" :show-header=\"contents.tableShowHeader\"\n :header-row-style=\"headerRowStyle\" :header-cell-style=\"headerCellStyle\"\n :border=\"contents.tableBorder\"\n :fit=\"contents.tableFit\"\n :stripe=\"contents.tableStripe\"\n :style=\"{width: '100%',fontSize:contents.tableContentFontSize,color:contents.tableContentFontColor}\"\n :data=\"dataList\"\n v-loading=\"dataListLoading\"\n @selection-change=\"selectionChangeHandler\">\n <el-table-column v-if=\"contents.tableSelection\"\n type=\"selection\"\n :header-align=\"contents.tableAlign\"\n align=\"center\"\n width=\"50\">\n </el-table-column>\n <el-table-column label=\"索引\" :align=\"contents.tableAlign\" v-if=\"contents.tableIndex\" type=\"index\" width=\"50\" />\n <el-table-column :sortable=\"contents.tableSortable\" :align=\"contents.tableAlign\" \n prop=\"nickname\"\n :header-align=\"contents.tableAlign\"\n\t\t label=\"用户名\">\n\t\t <template slot-scope=\"scope\">\n {{scope.row.nickname}}\n </template>\n </el-table-column>\n <el-table-column :sortable=\"contents.tableSortable\" :align=\"contents.tableAlign\" \n prop=\"content\"\n :header-align=\"contents.tableAlign\"\n\t\t label=\"评论内容\">\n\t\t <template slot-scope=\"scope\">\n {{scope.row.content}}\n </template>\n </el-table-column>\n <el-table-column :sortable=\"contents.tableSortable\" :align=\"contents.tableAlign\" \n prop=\"reply\"\n :header-align=\"contents.tableAlign\"\n\t\t label=\"回复内容\">\n\t\t <template slot-scope=\"scope\">\n {{scope.row.reply}}\n </template>\n </el-table-column>\n <el-table-column width=\"300\" :align=\"contents.tableAlign\" \n :header-align=\"contents.tableAlign\"\n label=\"操作\">\n <template slot-scope=\"scope\">\n <el-button v-if=\" contents.tableBtnIcon == 1 && contents.tableBtnIconPosition == 1\" type=\"success\" icon=\"el-icon-tickets\" size=\"mini\" @click=\"addOrUpdateHandler(scope.row.id,'info')\">{{ contents.tableBtnFont == 1?'详情':'' }}</el-button>\n <el-button v-if=\" contents.tableBtnIcon == 1 && contents.tableBtnIconPosition == 2\" type=\"success\" size=\"mini\" @click=\"addOrUpdateHandler(scope.row.id,'info')\">{{ contents.tableBtnFont == 1?'详情':'' }}<i class=\"el-icon-tickets el-icon--right\" /></el-button>\n <el-button v-if=\" contents.tableBtnIcon == 0\" type=\"success\" size=\"mini\" @click=\"addOrUpdateHandler(scope.row.id,'info')\">{{ contents.tableBtnFont == 1?'详情':'' }}</el-button>\n <el-button v-if=\" isAuth('discusshuodongxinde','修改') && contents.tableBtnIcon == 1 && contents.tableBtnIconPosition == 1\" type=\"primary\" icon=\"el-icon-edit\" size=\"mini\" @click=\"addOrUpdateHandler(scope.row.id)\">{{ contents.tableBtnFont == 1?'修改':'' }}</el-button>\n <el-button v-if=\" isAuth('discusshuodongxinde','修改') && contents.tableBtnIcon == 1 && contents.tableBtnIconPosition == 2\" type=\"primary\" size=\"mini\" @click=\"addOrUpdateHandler(scope.row.id)\">{{ contents.tableBtnFont == 1?'修改':'' }}<i class=\"el-icon-edit el-icon--right\" /></el-button>\n <el-button v-if=\" isAuth('discusshuodongxinde','修改') && contents.tableBtnIcon == 0\" type=\"primary\" size=\"mini\" @click=\"addOrUpdateHandler(scope.row.id)\">{{ contents.tableBtnFont == 1?'修改':'' }}</el-button>\n\n\n <el-button v-if=\"isAuth('discusshuodongxinde','查看评论') && contents.tableBtnIcon == 1 && contents.tableBtnIconPosition == 1\" type=\"primary\" icon=\"el-icon-edit\" size=\"mini\" @click=\"disscussListHandler(scope.row.id)\">{{ contents.tableBtnFont == 1?'查看评论':'' }}</el-button>\n <el-button v-if=\"isAuth('discusshuodongxinde','查看评论') && contents.tableBtnIcon == 1 && contents.tableBtnIconPosition == 2\" type=\"primary\" size=\"mini\" @click=\"disscussListHandler(scope.row.id)\">{{ contents.tableBtnFont == 1?'查看评论':'' }}<i class=\"el-icon-edit el-icon--right\" /></el-button>\n <el-button v-if=\"isAuth('discusshuodongxinde','查看评论') && contents.tableBtnIcon == 0\" type=\"primary\" size=\"mini\" @click=\"disscussListHandler(scope.row.id)\">{{ contents.tableBtnFont == 1?'查看评论':'' }}</el-button>\n\n <el-button v-if=\"contents.tableBtnIcon == 1 && contents.tableBtnIconPosition == 1\" type=\"primary\" icon=\"el-icon-edit\" size=\"mini\" @click=\"addOrUpdateHandler(scope.row.id)\">{{ contents.tableBtnFont == 1?'回复':'' }}</el-button>\n <el-button v-if=\"contents.tableBtnIcon == 1 && contents.tableBtnIconPosition == 2\" type=\"primary\" size=\"mini\" @click=\"addOrUpdateHandler(scope.row.id)\">{{ contents.tableBtnFont == 1?'回复':'' }}<i class=\"el-icon-edit el-icon--right\" /></el-button>\n <el-button v-if=\"contents.tableBtnIcon == 0\" type=\"primary\" size=\"mini\" @click=\"addOrUpdateHandler(scope.row.id)\">{{ contents.tableBtnFont == 1?'回复':'' }}</el-button>\n\n <el-button v-if=\" contents.tableBtnIcon == 1 && contents.tableBtnIconPosition == 1\" type=\"danger\" icon=\"el-icon-delete\" size=\"mini\" @click=\"deleteHandler(scope.row.id)\">{{ contents.tableBtnFont == 1?'删除':'' }}</el-button>\n <el-button v-if=\" contents.tableBtnIcon == 1 && contents.tableBtnIconPosition == 2\" type=\"danger\" size=\"mini\" @click=\"deleteHandler(scope.row.id)\">{{ contents.tableBtnFont == 1?'删除':'' }}<i class=\"el-icon-delete el-icon--right\" /></el-button>\n <el-button v-if=\" contents.tableBtnIcon == 0\" type=\"danger\" size=\"mini\" @click=\"deleteHandler(scope.row.id)\">{{ contents.tableBtnFont == 1?'删除':'' }}</el-button>\n </template>\n </el-table-column>\n </el-table>\n <el-pagination\n clsss=\"pages\"\n :layout=\"layouts\"\n @size-change=\"sizeChangeHandle\"\n @current-change=\"currentChangeHandle\"\n :current-page=\"pageIndex\"\n :page-sizes=\"[10, 20, 50, 100]\"\n :page-size=\"Number(contents.pageEachNum)\"\n :total=\"totalPage\"\n :small=\"contents.pageStyle\"\n class=\"pagination-content\"\n :background=\"contents.pageBtnBG\"\n :style=\"{textAlign:contents.pagePosition==1?'left':contents.pagePosition==2?'center':'right'}\"\n ></el-pagination>\n </div>\n </div>\n <!-- 添加/修改页面 将父组件的search方法传递给子组件-->\n <add-or-update v-if=\"addOrUpdateFlag\" :parent=\"this\" ref=\"addOrUpdate\"></add-or-update>\n\n\n\n\n\n </div>\n</template>\n<script>\nimport axios from 'axios'\nimport AddOrUpdate from \"./add-or-update\";\nexport default {\n data() {\n return {\n searchForm: {\n key: \"\"\n },\n form:{},\n dataList: [],\n pageIndex: 1,\n pageSize: 10,\n totalPage: 0,\n dataListLoading: false,\n dataListSelections: [],\n showFlag: true,\n sfshVisiable: false,\n shForm: {},\n chartVisiable: false,\n addOrUpdateFlag:false,\n contents:{\"searchBtnFontColor\":\"rgba(255, 255, 255, 1)\",\"pagePosition\":\"1\",\"inputFontSize\":\"14px\",\"inputBorderRadius\":\"160px\",\"tableBtnDelFontColor\":\"rgba(98, 190, 84, 1)\",\"tableBtnIconPosition\":\"1\",\"searchBtnHeight\":\"40px\",\"tableBgColor\":\"#f5f5f5\",\"inputIconColor\":\"rgba(255, 255, 255, 1)\",\"searchBtnBorderRadius\":\"160px\",\"tableStripe\":true,\"btnAdAllWarnFontColor\":\"rgba(98, 190, 84, 1)\",\"tableBtnDelBgColor\":\"#fff\",\"searchBtnIcon\":\"0\",\"tableSize\":\"medium\",\"searchBtnBorderStyle\":\"solid\",\"text\":{\"padding\":\"10px 20px\",\"boxShadow\":\"0 0 0px rgba(0,0,0,.1)\",\"margin\":\"0 auto\",\"borderColor\":\"rgba(0,0,0,.3)\",\"backgroundColor\":\"rgba(247, 247, 247, 0)\",\"color\":\"rgba(98, 190, 84, 1)\",\"borderRadius\":\"6px\",\"borderWidth\":\"0\",\"width\":\"auto\",\"lineHeight\":\"600px\",\"fontSize\":\"40px\",\"borderStyle\":\"solid\"},\"tableSelection\":true,\"searchBtnBorderWidth\":\"4px\",\"tableContentFontSize\":\"14px\",\"searchBtnBgColor\":\"rgba(98, 190, 84, 1)\",\"inputTitleSize\":\"14px\",\"btnAdAllBorderColor\":\"#DCDFE6\",\"pageJumper\":true,\"btnAdAllIconPosition\":\"1\",\"searchBoxPosition\":\"2\",\"tableBtnDetailFontColor\":\"rgba(98, 190, 84, 1)\",\"tableBtnHeight\":\"40px\",\"pagePager\":true,\"searchBtnBorderColor\":\"rgba(78, 147, 67, 1)\",\"tableHeaderFontColor\":\"rgba(255, 255, 255, 1)\",\"inputTitle\":\"1\",\"tableBtnBorderRadius\":\"4px\",\"btnAdAllFont\":\"1\",\"btnAdAllDelFontColor\":\"rgba(98, 190, 84, 1)\",\"tableBtnIcon\":\"1\",\"btnAdAllHeight\":\"40px\",\"btnAdAllWarnBgColor\":\"rgba(255, 255, 255, 0)\",\"btnAdAllBorderWidth\":\"0px\",\"tableStripeFontColor\":\"#606266\",\"tableBtnBorderStyle\":\"solid\",\"inputHeight\":\"40px\",\"btnAdAllBorderRadius\":\"4px\",\"btnAdAllDelBgColor\":\"rgba(255, 255, 255, 0)\",\"pagePrevNext\":true,\"btnAdAllAddBgColor\":\"rgba(255, 255, 255, 0)\",\"searchBtnFont\":\"1\",\"tableIndex\":true,\"btnAdAllIcon\":\"1\",\"tableSortable\":false,\"pageSizes\":true,\"tableFit\":true,\"pageBtnBG\":false,\"searchBtnFontSize\":\"14px\",\"tableBtnEditBgColor\":\"#fff\",\"box\":{\"padding\":\"10px 20px\",\"boxShadow\":\"0 0 6px rgba(0,0,0,0)\",\"flag\":1,\"backgroundImage\":\"\",\"background\":\"#fff\"},\"inputBorderWidth\":\"4px\",\"inputFontPosition\":\"1\",\"inputFontColor\":\"rgba(255, 255, 255, 1)\",\"pageEachNum\":10,\"tableHeaderBgColor\":\"rgba(98, 190, 84, 1)\",\"inputTitleColor\":\"rgba(98, 190, 84, 1)\",\"btnAdAllBoxPosition\":\"1\",\"tableBtnDetailBgColor\":\"#fff\",\"inputIcon\":\"1\",\"searchBtnIconPosition\":\"1\",\"btnAdAllFontSize\":\"14px\",\"inputBorderStyle\":\"solid\",\"tableHoverFontColor\":\"#333\",\"inputBgColor\":\"rgba(98, 190, 84, 1)\",\"pageStyle\":false,\"pageTotal\":true,\"btnAdAllAddFontColor\":\"rgba(98, 190, 84, 1)\",\"tableBtnFont\":\"1\",\"tableContentFontColor\":\"#606266\",\"inputBorderColor\":\"rgba(78, 147, 67, 1)\",\"tableShowHeader\":true,\"tableHoverBgColor\":\"#f5f5f5\",\"tableBtnFontSize\":\"14px\",\"tableBtnBorderColor\":\"rgba(98, 190, 84, 1)\",\"inputIconPosition\":\"2\",\"tableBorder\":true,\"btnAdAllBorderStyle\":\"solid\",\"tableBtnBorderWidth\":\"5px 1px\",\"tableStripeBgColor\":\"#F5F7FA\",\"tableBtnEditFontColor\":\"rgba(98, 190, 84, 1)\",\"tableAlign\":\"center\"},\n layouts: '',\n\n\n };\n },\n created() {\n this.init();\n this.getDataList();\n this.contentStyleChange()\n },\n mounted() {\n\n },\n filters: {\n htmlfilter: function (val) {\n return val.replace(/<[^>]*>/g).replace(/undefined/g,'');\n }\n },\n components: {\n AddOrUpdate,\n },\n methods: {\n\n contentStyleChange() {\n this.contentSearchStyleChange()\n this.contentBtnAdAllStyleChange()\n this.contentSearchBtnStyleChange()\n this.contentTableBtnStyleChange()\n this.contentPageStyleChange()\n },\n contentSearchStyleChange() {\n this.$nextTick(()=>{\n document.querySelectorAll('.form-content .slt .el-input__inner').forEach(el=>{\n let textAlign = 'left'\n if(this.contents.inputFontPosition == 2) textAlign = 'center'\n if(this.contents.inputFontPosition == 3) textAlign = 'right'\n el.style.textAlign = textAlign\n el.style.height = this.contents.inputHeight\n el.style.lineHeight = this.contents.inputHeight\n el.style.color = this.contents.inputFontColor\n el.style.fontSize = this.contents.inputFontSize\n el.style.borderWidth = this.contents.inputBorderWidth\n el.style.borderStyle = this.contents.inputBorderStyle\n el.style.borderColor = this.contents.inputBorderColor\n el.style.borderRadius = this.contents.inputBorderRadius\n el.style.backgroundColor = this.contents.inputBgColor\n })\n if(this.contents.inputTitle) {\n document.querySelectorAll('.form-content .slt .el-form-item__label').forEach(el=>{\n el.style.color = this.contents.inputTitleColor\n el.style.fontSize = this.contents.inputTitleSize\n el.style.lineHeight = this.contents.inputHeight\n })\n }\n setTimeout(()=>{\n document.querySelectorAll('.form-content .slt .el-input__prefix').forEach(el=>{\n el.style.color = this.contents.inputIconColor\n el.style.lineHeight = this.contents.inputHeight\n })\n document.querySelectorAll('.form-content .slt .el-input__suffix').forEach(el=>{\n el.style.color = this.contents.inputIconColor\n el.style.lineHeight = this.contents.inputHeight\n })\n document.querySelectorAll('.form-content .slt .el-input__icon').forEach(el=>{\n el.style.lineHeight = this.contents.inputHeight\n })\n },10)\n\n })\n },\n // 搜索按钮\n contentSearchBtnStyleChange() {\n this.$nextTick(()=>{\n document.querySelectorAll('.form-content .slt .el-button--success').forEach(el=>{\n el.style.height = this.contents.searchBtnHeight\n el.style.color = this.contents.searchBtnFontColor\n el.style.fontSize = this.contents.searchBtnFontSize\n el.style.borderWidth = this.contents.searchBtnBorderWidth\n el.style.borderStyle = this.contents.searchBtnBorderStyle\n el.style.borderColor = this.contents.searchBtnBorderColor\n el.style.borderRadius = this.contents.searchBtnBorderRadius\n el.style.backgroundColor = this.contents.searchBtnBgColor\n })\n })\n },\n // 新增、批量删除\n contentBtnAdAllStyleChange() {\n this.$nextTick(()=>{\n document.querySelectorAll('.form-content .ad .el-button--success').forEach(el=>{\n el.style.height = this.contents.btnAdAllHeight\n el.style.color = this.contents.btnAdAllAddFontColor\n el.style.fontSize = this.contents.btnAdAllFontSize\n el.style.borderWidth = this.contents.btnAdAllBorderWidth\n el.style.borderStyle = this.contents.btnAdAllBorderStyle\n el.style.borderColor = this.contents.btnAdAllBorderColor\n el.style.borderRadius = this.contents.btnAdAllBorderRadius\n el.style.backgroundColor = this.contents.btnAdAllAddBgColor\n })\n document.querySelectorAll('.form-content .ad .el-button--danger').forEach(el=>{\n el.style.height = this.contents.btnAdAllHeight\n el.style.color = this.contents.btnAdAllDelFontColor\n el.style.fontSize = this.contents.btnAdAllFontSize\n el.style.borderWidth = this.contents.btnAdAllBorderWidth\n el.style.borderStyle = this.contents.btnAdAllBorderStyle\n el.style.borderColor = this.contents.btnAdAllBorderColor\n el.style.borderRadius = this.contents.btnAdAllBorderRadius\n el.style.backgroundColor = this.contents.btnAdAllDelBgColor\n })\n document.querySelectorAll('.form-content .ad .el-button--warning').forEach(el=>{\n el.style.height = this.contents.btnAdAllHeight\n el.style.color = this.contents.btnAdAllWarnFontColor\n el.style.fontSize = this.contents.btnAdAllFontSize\n el.style.borderWidth = this.contents.btnAdAllBorderWidth\n el.style.borderStyle = this.contents.btnAdAllBorderStyle\n el.style.borderColor = this.contents.btnAdAllBorderColor\n el.style.borderRadius = this.contents.btnAdAllBorderRadius\n el.style.backgroundColor = this.contents.btnAdAllWarnBgColor\n })\n })\n },\n // 表格\n // rowStyle({ row, rowIndex}) {\n // if (rowIndex % 2 == 1) {\n // if(this.contents.tableStripe) {\n // return {color:this.contents.tableStripeFontColor}\n // }\n // } else {\n // return ''\n // }\n // },\n // cellStyle({ row, rowIndex}){\n // if (rowIndex % 2 == 1) {\n // if(this.contents.tableStripe) {\n // return {backgroundColor:this.contents.tableStripeBgColor}\n // }\n // } else {\n // return ''\n // }\n // },\n headerRowStyle({ row, rowIndex}){\n return {color: this.contents.tableHeaderFontColor}\n },\n headerCellStyle({ row, rowIndex}){\n return {backgroundColor: this.contents.tableHeaderBgColor}\n },\n // 表格按钮\n contentTableBtnStyleChange(){\n // this.$nextTick(()=>{\n // setTimeout(()=>{\n // document.querySelectorAll('.table-content .tables .el-table__body .el-button--success').forEach(el=>{\n // el.style.height = this.contents.tableBtnHeight\n // el.style.color = this.contents.tableBtnDetailFontColor\n // el.style.fontSize = this.contents.tableBtnFontSize\n // el.style.borderWidth = this.contents.tableBtnBorderWidth\n // el.style.borderStyle = this.contents.tableBtnBorderStyle\n // el.style.borderColor = this.contents.tableBtnBorderColor\n // el.style.borderRadius = this.contents.tableBtnBorderRadius\n // el.style.backgroundColor = this.contents.tableBtnDetailBgColor\n // })\n // document.querySelectorAll('.table-content .tables .el-table__body .el-button--primary').forEach(el=>{\n // el.style.height = this.contents.tableBtnHeight\n // el.style.color = this.contents.tableBtnEditFontColor\n // el.style.fontSize = this.contents.tableBtnFontSize\n // el.style.borderWidth = this.contents.tableBtnBorderWidth\n // el.style.borderStyle = this.contents.tableBtnBorderStyle\n // el.style.borderColor = this.contents.tableBtnBorderColor\n // el.style.borderRadius = this.contents.tableBtnBorderRadius\n // el.style.backgroundColor = this.contents.tableBtnEditBgColor\n // })\n // document.querySelectorAll('.table-content .tables .el-table__body .el-button--danger').forEach(el=>{\n // el.style.height = this.contents.tableBtnHeight\n // el.style.color = this.contents.tableBtnDelFontColor\n // el.style.fontSize = this.contents.tableBtnFontSize\n // el.style.borderWidth = this.contents.tableBtnBorderWidth\n // el.style.borderStyle = this.contents.tableBtnBorderStyle\n // el.style.borderColor = this.contents.tableBtnBorderColor\n // el.style.borderRadius = this.contents.tableBtnBorderRadius\n // el.style.backgroundColor = this.contents.tableBtnDelBgColor\n // })\n\n // }, 50)\n // })\n },\n // 分页\n contentPageStyleChange(){\n let arr = []\n\n if(this.contents.pageTotal) arr.push('total')\n if(this.contents.pageSizes) arr.push('sizes')\n if(this.contents.pagePrevNext){\n arr.push('prev')\n if(this.contents.pagePager) arr.push('pager')\n arr.push('next')\n }\n if(this.contents.pageJumper) arr.push('jumper')\n this.layouts = arr.join()\n this.contents.pageEachNum = 10\n },\n\n init () {\n },\n search() {\n this.pageIndex = 1;\n this.getDataList();\n },\n\n // 获取数据列表\n getDataList() {\n this.dataListLoading = true;\n let params = {\n page: this.pageIndex,\n limit: this.pageSize,\n sort: 'id',\n\trefid : this.$route.query.refid,\n }\n if(this.searchForm.nickname!='' && this.searchForm.nickname!=undefined){\n params['nickname'] = '%' + this.searchForm.nickname + '%'\n }\n if(this.searchForm.content!='' && this.searchForm.content!=undefined){\n params['content'] = '%' + this.searchForm.content + '%'\n }\n this.$http({\n url: \"discusshuodongxinde/page\",\n method: \"get\",\n params: params\n }).then(({ data }) => {\n if (data && data.code === 0) {\n this.dataList = data.data.list;\n this.totalPage = data.data.total;\n } else {\n this.dataList = [];\n this.totalPage = 0;\n }\n this.dataListLoading = false;\n });\n },\n // 每页数\n sizeChangeHandle(val) {\n this.pageSize = val;\n this.pageIndex = 1;\n this.getDataList();\n },\n // 当前页\n currentChangeHandle(val) {\n this.pageIndex = val;\n this.getDataList();\n },\n // 多选\n selectionChangeHandler(val) {\n this.dataListSelections = val;\n },\n // 添加/修改\n addOrUpdateHandler(id,type) {\n this.showFlag = false;\n this.addOrUpdateFlag = true;\n this.crossAddOrUpdateFlag = false;\n if(type!='info'){\n type = 'else';\n }\n this.$nextTick(() => {\n this.$refs.addOrUpdate.init(id,type);\n });\n },\n // 查看评论\n disscussListHandler(id,type) {\n\tthis.$router.push({path:'/discussdiscusshuodongxinde',query:{refid:id}});\n },\n // 下载\n download(file){\n window.open(`${file}`)\n },\n // 删除\n deleteHandler(id) {\n var ids = id\n ? [Number(id)]\n : this.dataListSelections.map(item => {\n return Number(item.id);\n });\n this.$confirm(`确定进行[${id ? \"删除\" : \"批量删除\"}]操作?`, \"提示\", {\n confirmButtonText: \"确定\",\n cancelButtonText: \"取消\",\n type: \"warning\"\n }).then(() => {\n this.$http({\n url: \"discusshuodongxinde/delete\",\n method: \"post\",\n data: ids\n }).then(({ data }) => {\n if (data && data.code === 0) {\n this.$message({\n message: \"操作成功\",\n type: \"success\",\n duration: 1500,\n onClose: () => {\n this.search();\n }\n });\n } else {\n this.$message.error(data.msg);\n }\n });\n });\n },\n\n\n }\n\n};\n</script>\n<style lang=\"scss\" scoped>\n .slt {\n margin: 0 !important;\n display: flex;\n }\n\n .ad {\n margin: 0 !important;\n display: flex;\n }\n\n .pages {\n & /deep/ el-pagination__sizes{\n & /deep/ el-input__inner {\n height: 22px;\n line-height: 22px;\n }\n }\n }\r\n \r\n\n .el-button+.el-button {\n margin:0;\n } \n\n .tables {\r\n\t& /deep/ .el-button--success {\r\n\t\theight: 40px;\r\n\t\tcolor: rgba(98, 190, 84, 1);\r\n\t\tfont-size: 14px;\r\n\t\tborder-width: 5px 1px;\r\n\t\tborder-style: solid;\r\n\t\tborder-color: rgba(98, 190, 84, 1);\r\n\t\tborder-radius: 4px;\r\n\t\tbackground-color: #fff;\r\n\t}\r\n\t\r\n\t& /deep/ .el-button--primary {\r\n\t\theight: 40px;\r\n\t\tcolor: rgba(98, 190, 84, 1);\r\n\t\tfont-size: 14px;\r\n\t\tborder-width: 5px 1px;\r\n\t\tborder-style: solid;\r\n\t\tborder-color: rgba(98, 190, 84, 1);\r\n\t\tborder-radius: 4px;\r\n\t\tbackground-color: #fff;\r\n\t}\r\n\t\r\n\t& /deep/ .el-button--danger {\r\n\t\theight: 40px;\r\n\t\tcolor: rgba(98, 190, 84, 1);\r\n\t\tfont-size: 14px;\r\n\t\tborder-width: 5px 1px;\r\n\t\tborder-style: solid;\r\n\t\tborder-color: rgba(98, 190, 84, 1);\r\n\t\tborder-radius: 4px;\r\n\t\tbackground-color: #fff;\r\n\t}\r\n\n & /deep/ .el-button {\n margin: 4px;\n }\n }\n\t.form-content {\r\n\t\tbackground: transparent;\r\n\t}\r\n\t.table-content {\r\n\t\tbackground: transparent;\r\n\t}\r\n\t\r\n\t.tables /deep/ .el-table__body tr {\r\n\t\t\t\tbackground-color: #f5f5f5 !important;\r\n\t\t\t\tcolor: #606266 !important;\r\n\t }\r\n\t.tables /deep/ .el-table__body tr.el-table__row--striped td {\r\n\t background: transparent;\r\n\t}\r\n\t.tables /deep/ .el-table__body tr.el-table__row--striped {\r\n\t\tbackground-color: #F5F7FA !important;\r\n\t\tcolor: #606266 !important;\r\n\t}\r\n\t\r\n\t .tables /deep/ .el-table__body tr:hover>td {\r\n\t \t background-color: #f5f5f5 !important;\r\n\t \t \t color: #333 !important;\r\n\t \t }\r\n\t \n</style>\n"]}]} |