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
22 KiB
1 line
22 KiB
{"remainingRequest":"D:\\code\\vue\\front\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\code\\vue\\front\\src\\pages\\messages\\list.vue?vue&type=style&index=0&id=0dd3bb2d&rel=stylesheet%2Fscss&lang=scss&scoped=true","dependencies":[{"path":"D:\\code\\vue\\front\\src\\pages\\messages\\list.vue","mtime":1709633805000},{"path":"D:\\code\\vue\\front\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\code\\vue\\front\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\code\\vue\\front\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\code\\vue\\front\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\code\\vue\\front\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\code\\vue\\front\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ci5zZWN0aW9uIHsKICB3aWR0aDogOTAwcHg7CiAgbWFyZ2luOiAwIGF1dG87Cn0KCi5zZWN0aW9uLWNvbnRlbnQgewogIG1hcmdpbi10b3A6IDUwcHg7Cn0KLnNlY3Rpb24tcGFnaW5hdGlvbiB7CiAgbWFyZ2luLXRvcDogMzBweDsKICB0ZXh0LWFsaWduOiBjZW50ZXI7Cn0KLmhlYWRlci1ibG9jayB7CiAgaGVpZ2h0OiA1MHB4OwogIGxpbmUtaGVpZ2h0OiA1MHB4OwogIGRpc3BsYXk6IGZsZXg7Cn0KLnVzZXJpbmZvIHsKICBhbGlnbi1zZWxmOiBjZW50ZXI7CiAgbWFyZ2luLWxlZnQ6IDE1cHg7Cn0KLmNvbnRlbnQtYmxvY2stYXNrLCAuY29udGVudC1ibG9jay1yZXBseSB7CiAgbWFyZ2luLWxlZnQ6IDY1cHg7CiAgbWFyZ2luLXRvcDogMTVweDsKfQouY29udGVudC1ibG9jay1yZXBseSB7CiAgbWFyZ2luLXRvcDogMzBweDsKfQouei1ib3ggewoJICB3aWR0aDogMTAwJSAhaW1wb3J0YW50Owp9CgojcGFnaW5hdGlvbi5lbC1wYWdpbmF0aW9uIC9kZWVwLyAuZWwtcGFnaW5hdGlvbl9fdG90YWwgewoJICAJbWFyZ2luOiAwIDEwcHggMCAwOwoJICAJY29sb3I6ICM2NjY7CgkgIAlmb250LXdlaWdodDogNDAwOwoJICAJZGlzcGxheTogaW5saW5lLWJsb2NrOwoJICAJdmVydGljYWwtYWxpZ246IHRvcDsKCSAgCWZvbnQtc2l6ZTogMTNweDsKCSAgCWxpbmUtaGVpZ2h0OiAyOHB4OwoJICAJaGVpZ2h0OiAyOHB4OwoJICB9CgojcGFnaW5hdGlvbi5lbC1wYWdpbmF0aW9uIC9kZWVwLyAuYnRuLXByZXYgewoJICAJYm9yZGVyOiBub25lOwoJICAJYm9yZGVyLXJhZGl1czogMnB4OwoJICAJcGFkZGluZzogMDsKCSAgCW1hcmdpbjogMCA1cHg7CgkgIAljb2xvcjogIzY2NjsKCSAgCWJhY2tncm91bmQ6ICNmNGY0ZjU7CgkgIAlkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CgkgIAl2ZXJ0aWNhbC1hbGlnbjogdG9wOwoJICAJZm9udC1zaXplOiAxM3B4OwoJICAJbGluZS1oZWlnaHQ6IDI4cHg7CgkgIAltaW4td2lkdGg6IDM1cHg7CgkgIAloZWlnaHQ6IDI4cHg7CgkgIH0KCiNwYWdpbmF0aW9uLmVsLXBhZ2luYXRpb24gL2RlZXAvIC5idG4tbmV4dCB7CgkgIAlib3JkZXI6IG5vbmU7CgkgIAlib3JkZXItcmFkaXVzOiAycHg7CgkgIAlwYWRkaW5nOiAwOwoJICAJbWFyZ2luOiAwIDVweDsKCSAgCWNvbG9yOiAjNjY2OwoJICAJYmFja2dyb3VuZDogI2Y0ZjRmNTsKCSAgCWRpc3BsYXk6IGlubGluZS1ibG9jazsKCSAgCXZlcnRpY2FsLWFsaWduOiB0b3A7CgkgIAlmb250LXNpemU6IDEzcHg7CgkgIAlsaW5lLWhlaWdodDogMjhweDsKCSAgCW1pbi13aWR0aDogMzVweDsKCSAgCWhlaWdodDogMjhweDsKCSAgfQoKI3BhZ2luYXRpb24uZWwtcGFnaW5hdGlvbiAvZGVlcC8gLmJ0bi1wcmV2OmRpc2FibGVkIHsKCSAgCWJvcmRlcjogbm9uZTsKCSAgCWN1cnNvcjogbm90LWFsbG93ZWQ7CgkgIAlib3JkZXItcmFkaXVzOiAycHg7CgkgIAlwYWRkaW5nOiAwOwoJICAJbWFyZ2luOiAwIDVweDsKCSAgCWNvbG9yOiAjQzBDNENDOwoJICAJYmFja2dyb3VuZDogI2Y0ZjRmNTsKCSAgCWRpc3BsYXk6IGlubGluZS1ibG9jazsKCSAgCXZlcnRpY2FsLWFsaWduOiB0b3A7CgkgIAlmb250LXNpemU6IDEzcHg7CgkgIAlsaW5lLWhlaWdodDogMjhweDsKCSAgCWhlaWdodDogMjhweDsKCSAgfQoKI3BhZ2luYXRpb24uZWwtcGFnaW5hdGlvbiAvZGVlcC8gLmJ0bi1uZXh0OmRpc2FibGVkIHsKCSAgCWJvcmRlcjogbm9uZTsKCSAgCWN1cnNvcjogbm90LWFsbG93ZWQ7CgkgIAlib3JkZXItcmFkaXVzOiAycHg7CgkgIAlwYWRkaW5nOiAwOwoJICAJbWFyZ2luOiAwIDVweDsKCSAgCWNvbG9yOiAjQzBDNENDOwoJICAJYmFja2dyb3VuZDogI2Y0ZjRmNTsKCSAgCWRpc3BsYXk6IGlubGluZS1ibG9jazsKCSAgCXZlcnRpY2FsLWFsaWduOiB0b3A7CgkgIAlmb250LXNpemU6IDEzcHg7CgkgIAlsaW5lLWhlaWdodDogMjhweDsKCSAgCWhlaWdodDogMjhweDsKCSAgfQoKI3BhZ2luYXRpb24uZWwtcGFnaW5hdGlvbiAvZGVlcC8gLmVsLXBhZ2VyIHsKCSAgCXBhZGRpbmc6IDA7CgkgIAltYXJnaW46IDA7CgkgIAlkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CgkgIAl2ZXJ0aWNhbC1hbGlnbjogdG9wOwoJICB9CgojcGFnaW5hdGlvbi5lbC1wYWdpbmF0aW9uIC9kZWVwLyAuZWwtcGFnZXIgLm51bWJlciB7CgkgIAljdXJzb3I6IHBvaW50ZXI7CgkgIAlwYWRkaW5nOiAwIDRweDsKCSAgCW1hcmdpbjogMCA1cHg7CgkgIAljb2xvcjogIzY2NjsKCSAgCWRpc3BsYXk6IGlubGluZS1ibG9jazsKCSAgCXZlcnRpY2FsLWFsaWduOiB0b3A7CgkgIAlmb250LXNpemU6IDEzcHg7CgkgIAlsaW5lLWhlaWdodDogMjhweDsKCSAgCWJvcmRlci1yYWRpdXM6IDJweDsKCSAgCWJhY2tncm91bmQ6ICNmNGY0ZjU7CgkgIAl0ZXh0LWFsaWduOiBjZW50ZXI7CgkgIAltaW4td2lkdGg6IDMwcHg7CgkgIAloZWlnaHQ6IDI4cHg7CgkgIH0KCiNwYWdpbmF0aW9uLmVsLXBhZ2luYXRpb24gL2RlZXAvIC5lbC1wYWdlciAubnVtYmVyOmhvdmVyIHsKCSAgCWN1cnNvcjogcG9pbnRlcjsKCSAgCXBhZGRpbmc6IDAgNHB4OwoJICAJbWFyZ2luOiAwIDVweDsKCSAgCWNvbG9yOiAjZmZmOwoJICAJZGlzcGxheTogaW5saW5lLWJsb2NrOwoJICAJdmVydGljYWwtYWxpZ246IHRvcDsKCSAgCWZvbnQtc2l6ZTogMTNweDsKCSAgCWxpbmUtaGVpZ2h0OiAyOHB4OwoJICAJYm9yZGVyLXJhZGl1czogMnB4OwoJICAJYmFja2dyb3VuZDogI0Y1QkIwMDsKCSAgCXRleHQtYWxpZ246IGNlbnRlcjsKCSAgCW1pbi13aWR0aDogMzBweDsKCSAgCWhlaWdodDogMjhweDsKCSAgfQoKI3BhZ2luYXRpb24uZWwtcGFnaW5hdGlvbiAvZGVlcC8gLmVsLXBhZ2VyIC5udW1iZXIuYWN0aXZlIHsKCSAgCWN1cnNvcjogZGVmYXVsdDsKCSAgCXBhZGRpbmc6IDAgNHB4OwoJICAJbWFyZ2luOiAwIDVweDsKCSAgCWNvbG9yOiAjRkZGOwoJICAJZGlzcGxheTogaW5saW5lLWJsb2NrOwoJICAJdmVydGljYWwtYWxpZ246IHRvcDsKCSAgCWZvbnQtc2l6ZTogMTNweDsKCSAgCWxpbmUtaGVpZ2h0OiAyOHB4OwoJICAJYm9yZGVyLXJhZGl1czogMnB4OwoJICAJYmFja2dyb3VuZDogI0Y1QkIwMDsKCSAgCXRleHQtYWxpZ246IGNlbnRlcjsKCSAgCW1pbi13aWR0aDogMzBweDsKCSAgCWhlaWdodDogMjhweDsKCSAgfQoKI3BhZ2luYXRpb24uZWwtcGFnaW5hdGlvbiAvZGVlcC8gLmVsLXBhZ2luYXRpb25fX3NpemVzIHsKCSAgCWRpc3BsYXk6IGlubGluZS1ibG9jazsKCSAgCXZlcnRpY2FsLWFsaWduOiB0b3A7CgkgIAlmb250LXNpemU6IDEzcHg7CgkgIAlsaW5lLWhlaWdodDogMjhweDsKCSAgCWhlaWdodDogMjhweDsKCSAgfQoKI3BhZ2luYXRpb24uZWwtcGFnaW5hdGlvbiAvZGVlcC8gLmVsLXBhZ2luYXRpb25fX3NpemVzIC5lbC1pbnB1dCB7CgkgIAltYXJnaW46IDAgNXB4OwoJICAJd2lkdGg6IDEwMHB4OwoJICAJcG9zaXRpb246IHJlbGF0aXZlOwoJICB9CgojcGFnaW5hdGlvbi5lbC1wYWdpbmF0aW9uIC9kZWVwLyAuZWwtcGFnaW5hdGlvbl9fc2l6ZXMgLmVsLWlucHV0IC5lbC1pbnB1dF9faW5uZXIgewoJICAJYm9yZGVyOiAxcHggc29saWQgI0RDREZFNjsKCSAgCWN1cnNvcjogcG9pbnRlcjsKCSAgCXBhZGRpbmc6IDAgMjVweCAwIDhweDsKCSAgCWNvbG9yOiAjNjA2MjY2OwoJICAJZGlzcGxheTogaW5saW5lLWJsb2NrOwoJICAJZm9udC1zaXplOiAxM3B4OwoJICAJbGluZS1oZWlnaHQ6IDI4cHg7CgkgIAlib3JkZXItcmFkaXVzOiAzcHg7CgkgIAlvdXRsaW5lOiAwOwoJICAJYmFja2dyb3VuZDogI0ZGRjsKCSAgCXdpZHRoOiAxMDAlOwoJICAJdGV4dC1hbGlnbjogY2VudGVyOwoJICAJaGVpZ2h0OiAyOHB4OwoJICB9CgojcGFnaW5hdGlvbi5lbC1wYWdpbmF0aW9uIC9kZWVwLyAuZWwtcGFnaW5hdGlvbl9fc2l6ZXMgLmVsLWlucHV0IHNwYW4uZWwtaW5wdXRfX3N1ZmZpeCB7CgkgIAl0b3A6IDA7CgkgIAlwb3NpdGlvbjogYWJzb2x1dGU7CgkgIAlyaWdodDogMDsKCSAgCWhlaWdodDogMTAwJTsKCSAgfQoKI3BhZ2luYXRpb24uZWwtcGFnaW5hdGlvbiAvZGVlcC8gLmVsLXBhZ2luYXRpb25fX3NpemVzIC5lbC1pbnB1dCAuZWwtaW5wdXRfX3N1ZmZpeCAuZWwtc2VsZWN0X19jYXJldCB7CgkgIAljdXJzb3I6IHBvaW50ZXI7CgkgIAljb2xvcjogI0MwQzRDQzsKCSAgCXdpZHRoOiAyNXB4OwoJICAJZm9udC1zaXplOiAxNHB4OwoJICAJbGluZS1oZWlnaHQ6IDI4cHg7CgkgIAl0ZXh0LWFsaWduOiBjZW50ZXI7CgkgIH0KCiNwYWdpbmF0aW9uLmVsLXBhZ2luYXRpb24gL2RlZXAvIC5lbC1wYWdpbmF0aW9uX19qdW1wIHsKCSAgCW1hcmdpbjogMCAwIDAgMjRweDsKCSAgCWNvbG9yOiAjNjA2MjY2OwoJICAJZGlzcGxheTogaW5saW5lLWJsb2NrOwoJICAJdmVydGljYWwtYWxpZ246IHRvcDsKCSAgCWZvbnQtc2l6ZTogMTNweDsKCSAgCWxpbmUtaGVpZ2h0OiAyOHB4OwoJICAJaGVpZ2h0OiAyOHB4OwoJICB9CgojcGFnaW5hdGlvbi5lbC1wYWdpbmF0aW9uIC9kZWVwLyAuZWwtcGFnaW5hdGlvbl9fanVtcCAuZWwtaW5wdXQgewoJICAJYm9yZGVyLXJhZGl1czogM3B4OwoJICAJcGFkZGluZzogMCAycHg7CgkgIAltYXJnaW46IDAgMnB4OwoJICAJZGlzcGxheTogaW5saW5lLWJsb2NrOwoJICAJd2lkdGg6IDUwcHg7CgkgIAlmb250LXNpemU6IDE0cHg7CgkgIAlsaW5lLWhlaWdodDogMThweDsKCSAgCXBvc2l0aW9uOiByZWxhdGl2ZTsKCSAgCXRleHQtYWxpZ246IGNlbnRlcjsKCSAgCWhlaWdodDogMjhweDsKCSAgfQoKI3BhZ2luYXRpb24uZWwtcGFnaW5hdGlvbiAvZGVlcC8gLmVsLXBhZ2luYXRpb25fX2p1bXAgLmVsLWlucHV0IC5lbC1pbnB1dF9faW5uZXIgewoJICAJYm9yZGVyOiAxcHggc29saWQgI0RDREZFNjsKCSAgCWN1cnNvcjogcG9pbnRlcjsKCSAgCXBhZGRpbmc6IDAgM3B4OwoJICAJY29sb3I6ICM2MDYyNjY7CgkgIAlkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CgkgIAlmb250LXNpemU6IDE0cHg7CgkgIAlsaW5lLWhlaWdodDogMjhweDsKCSAgCWJvcmRlci1yYWRpdXM6IDNweDsKCSAgCW91dGxpbmU6IDA7CgkgIAliYWNrZ3JvdW5kOiAjRkZGOwoJICAJd2lkdGg6IDEwMCU7CgkgIAl0ZXh0LWFsaWduOiBjZW50ZXI7CgkgIAloZWlnaHQ6IDI4cHg7CgkgIH0K"},{"version":3,"sources":["list.vue"],"names":[],"mappings":";AA2ZA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"list.vue","sourceRoot":"src/pages/messages","sourcesContent":["<template>\r\n<div :style='{\"width\":\"100%\",\"padding\":\"30px 7% 40px\",\"margin\":\"0px auto\",\"position\":\"relative\",\"background\":\"#fff\"}'>\r\n <div class=\"section-title\" :style='{\"margin\":\"10px 0\",\"color\":\"#fff\",\"textAlign\":\"center\",\"background\":\"#333\",\"width\":\"100%\",\"fontSize\":\"20px\",\"lineHeight\":\"54px\"}'>意见反馈</div>\r\n\t<el-form :model=\"form\" :rules=\"rules\" ref=\"form\" label-width=\"65px\" label-position=\"left\">\r\n\t <el-form-item label=\"留言\" prop=\"content\">\r\n\t\t<editor\r\n\t\t :style='{\"minHeight\":\"250px\",\"padding\":\"0\",\"boxShadow\":\"0 0 0px rgba(75,223,201,.5)\",\"margin\":\"0\",\"borderColor\":\"#eee\",\"backgroundColor\":\"#fff\",\"borderRadius\":\"0\",\"borderWidth\":\"1px\",\"width\":\"100%\",\"borderStyle\":\"solid\",\"height\":\"auto\"}'\r\n\t\t v-model=\"form.content\" \r\n\t\t class=\"editor\" \r\n\t\t action=\"file/upload\">\r\n\t\t</editor>\r\n\t </el-form-item>\r\n <el-form-item label=\"图片\" prop=\"cpicture\">\r\n <file-upload\r\n tip=\"点击上传图片\"\r\n action=\"file/upload\"\r\n :limit=\"1\"\r\n :multiple=\"true\"\r\n :fileUrls=\"form.cpicture?form.cpicture:''\"\r\n @change=\"cpictureUploadChange\"\r\n ></file-upload>\r\n </el-form-item>\r\n\t <el-form-item>\r\n\t\t<el-button type=\"primary\" @click=\"submitForm('form')\">立即提交</el-button>\r\n\t\t<el-button @click=\"resetForm('form')\">重置</el-button>\r\n\t </el-form-item>\r\n\t</el-form>\r\n\t<div class=\"section-content\">\r\n\t <span v-for=\"item in infoList\" :key=\"item.id\">\r\n\t\t<div class=\"header-block\">\r\n\t\t <el-avatar v-if=\"item.avatarurl\" :size=\"50\" :src=\"$config.baseUrl + item.avatarurl\"></el-avatar>\r\n\t\t <el-avatar v-if=\"!item.avatarurl\" :size=\"50\" :src=\"require('@/assets/touxiang.png')\"></el-avatar>\r\n\t\t <span class=\"userinfo\">用户：{{item.username}}</span>\r\n\t\t</div>\r\n\t\t<div class=\"content-block-ask\">\r\n\t\t <div v-html=\"item.content\"></div>\r\n\t\t</div>\r\n <div v-if=\"item.cpicture\" class=\"content\" style=\"margin: 0;flex: 1;\">\r\n <img style=\"max-width: 300px;max-height: 300px;border: 2px solid #EEEEEE;margin:8px 0 0 50px;\" :src=\"$config.baseUrl+item.cpicture\">\r\n </div>\r\n\t\t<div class=\"content-block-reply\" v-if=\"item.reply\">\r\n\t\t 回复：<div v-html=\"item.reply\"></div>\r\n\t\t</div>\r\n <div v-if=\"item.rpicture\" class=\"content\" style=\"margin: 0;flex: 1;\">\r\n <img style=\"max-width: 300px;max-height: 300px;border: 2px solid #EEEEEE;margin:8px 0 0 50px;\" :src=\"$config.baseUrl+item.rpicture\">\r\n </div>\r\n\t\t<el-divider></el-divider>\r\n\t </span>\r\n\t</div>\r\n\t\r\n <el-pagination\r\n background\r\n id=\"pagination\" class=\"pagination\"\r\n :pager-count=\"7\"\r\n :page-size=\"pageSize\"\r\n :page-sizes=\"pageSizes\"\r\n\t prev-text=\"<\"\r\n next-text=\">\"\r\n :hide-on-single-page=\"false\"\r\n :layout='[\"total\",\"prev\",\"pager\",\"next\",\"sizes\",\"jumper\"].join()'\r\n :total=\"total\"\r\n :style='{\"padding\":\"0 7%\",\"margin\":\"10px auto\",\"whiteSpace\":\"nowrap\",\"overflow\":\"hidden\",\"color\":\"#333\",\"textAlign\":\"center\",\"width\":\"100%\",\"clear\":\"both\",\"fontWeight\":\"500\",\"order\":\"50\"}'\r\n @current-change=\"curChange\"\r\n @prev-click=\"prevClick\"\r\n @next-click=\"nextClick\"\r\n ></el-pagination>\r\n\t \r\n</div>\r\n</template>\r\n\r\n<script>\r\n export default {\r\n //数据集合\r\n data() {\r\n return {\r\n\t\t layouts: '',\r\n form: {\r\n content: '',\r\n userid: localStorage.getItem('frontUserid'),\r\n username: localStorage.getItem('username')\r\n },\r\n total: 1,\r\n pageSize: 20,\r\n\t\tpageSizes: [10,20,30,50],\r\n totalPage: 1,\r\n rules: {\r\n content: [\r\n { required: true, message: '请输入内容', trigger: 'blur' }\r\n ]\r\n },\r\n infoList: []\r\n }\r\n },\r\n created() {\r\n this.getInfo(1);\r\n },\r\n //方法集合\r\n methods: {\r\n getInfo(page) {\r\n this.$http.get('messages/list', {params: {page, limit: this.pageSize,sort:\"addtime\", order:\"desc\"}}).then(res => {\r\n if (res.data.code == 0) {\r\n this.infoList = res.data.data.list;\r\n this.total = res.data.data.total;\r\n this.pageSize = res.data.data.pageSize;this.pageSizes = [this.pageSize, this.pageSize*2, this.pageSize*3, this.pageSize*5];\r\n this.totalPage = res.data.data.totalPage;\r\n }\r\n });\r\n },\r\n curChange(page) {\r\n this.getInfo(page);\r\n },\r\n prevClick(page) {\r\n this.getInfo(page);\r\n },\r\n nextClick(page) {\r\n this.getInfo(page);\r\n },\r\n cpictureUploadChange(fileUrls) {\r\n this.form.cpicture = fileUrls;\r\n },\r\n submitForm(formName) {\r\n this.$refs[formName].validate((valid) => {\r\n if (valid) {\r\n if(this.form.cpicture!=null) {\r\n this.form.cpicture = this.form.cpicture.replace(new RegExp(this.$config.baseUrl,\"g\"),\"\");\r\n }\r\n this.form.avatarurl = localStorage.getItem('frontHeadportrait')?localStorage.getItem('frontHeadportrait'):'';\r\n let sensitiveWords = \"\";\r\n let sensitiveWordsArr = [];\r\n if(sensitiveWords) {\r\n sensitiveWordsArr = sensitiveWords.split(\",\");\r\n }\r\n for(var i=0; i<sensitiveWordsArr.length; i++){\r\n //全局替换\r\n var reg = new RegExp(sensitiveWordsArr[i],\"g\");\r\n //判断内容中是否包括敏感词\r\n if (this.form.content.indexOf(sensitiveWordsArr[i]) > -1) {\r\n // 将敏感词替换为 **\r\n this.form.content = this.form.content.replace(reg,\"**\");\r\n }\r\n }\r\n this.$http.post('messages/add', this.form).then(res => {\r\n if (res.data.code == 0) {\r\n this.$message({\r\n type: 'success',\r\n message: '留言成功!',\r\n duration: 1500,\r\n onClose: () => {\r\n this.form.content = '';\r\n this.getInfo(1);\r\n }\r\n });\r\n }\r\n });\r\n } else {\r\n return false;\r\n }\r\n });\r\n },\r\n resetForm(formName) {\r\n this.$refs[formName].resetFields();\r\n }\r\n }\r\n }\r\n</script>\r\n\r\n<style rel=\"stylesheet/scss\" lang=\"scss\" scoped>\r\n .section {\r\n width: 900px;\r\n margin: 0 auto;\r\n }\r\n\r\n .section-content {\r\n margin-top: 50px;\r\n }\r\n .section-pagination {\r\n margin-top: 30px;\r\n text-align: center;\r\n }\r\n .header-block {\r\n height: 50px;\r\n line-height: 50px;\r\n display: flex;\r\n }\r\n .userinfo {\r\n align-self: center;\r\n margin-left: 15px;\r\n }\r\n .content-block-ask, .content-block-reply {\r\n margin-left: 65px;\r\n margin-top: 15px;\r\n }\r\n .content-block-reply {\r\n margin-top: 30px;\r\n }\r\n .z-box {\r\n \t width: 100% !important;\r\n }\r\n \r\n #pagination.el-pagination /deep/ .el-pagination__total {\r\n \t \tmargin: 0 10px 0 0;\r\n \t \tcolor: #666;\r\n \t \tfont-weight: 400;\r\n \t \tdisplay: inline-block;\r\n \t \tvertical-align: top;\r\n \t \tfont-size: 13px;\r\n \t \tline-height: 28px;\r\n \t \theight: 28px;\r\n \t }\r\n \r\n #pagination.el-pagination /deep/ .btn-prev {\r\n \t \tborder: none;\r\n \t \tborder-radius: 2px;\r\n \t \tpadding: 0;\r\n \t \tmargin: 0 5px;\r\n \t \tcolor: #666;\r\n \t \tbackground: #f4f4f5;\r\n \t \tdisplay: inline-block;\r\n \t \tvertical-align: top;\r\n \t \tfont-size: 13px;\r\n \t \tline-height: 28px;\r\n \t \tmin-width: 35px;\r\n \t \theight: 28px;\r\n \t }\r\n \r\n #pagination.el-pagination /deep/ .btn-next {\r\n \t \tborder: none;\r\n \t \tborder-radius: 2px;\r\n \t \tpadding: 0;\r\n \t \tmargin: 0 5px;\r\n \t \tcolor: #666;\r\n \t \tbackground: #f4f4f5;\r\n \t \tdisplay: inline-block;\r\n \t \tvertical-align: top;\r\n \t \tfont-size: 13px;\r\n \t \tline-height: 28px;\r\n \t \tmin-width: 35px;\r\n \t \theight: 28px;\r\n \t }\r\n \r\n #pagination.el-pagination /deep/ .btn-prev:disabled {\r\n \t \tborder: none;\r\n \t \tcursor: not-allowed;\r\n \t \tborder-radius: 2px;\r\n \t \tpadding: 0;\r\n \t \tmargin: 0 5px;\r\n \t \tcolor: #C0C4CC;\r\n \t \tbackground: #f4f4f5;\r\n \t \tdisplay: inline-block;\r\n \t \tvertical-align: top;\r\n \t \tfont-size: 13px;\r\n \t \tline-height: 28px;\r\n \t \theight: 28px;\r\n \t }\r\n \r\n #pagination.el-pagination /deep/ .btn-next:disabled {\r\n \t \tborder: none;\r\n \t \tcursor: not-allowed;\r\n \t \tborder-radius: 2px;\r\n \t \tpadding: 0;\r\n \t \tmargin: 0 5px;\r\n \t \tcolor: #C0C4CC;\r\n \t \tbackground: #f4f4f5;\r\n \t \tdisplay: inline-block;\r\n \t \tvertical-align: top;\r\n \t \tfont-size: 13px;\r\n \t \tline-height: 28px;\r\n \t \theight: 28px;\r\n \t }\r\n \r\n #pagination.el-pagination /deep/ .el-pager {\r\n \t \tpadding: 0;\r\n \t \tmargin: 0;\r\n \t \tdisplay: inline-block;\r\n \t \tvertical-align: top;\r\n \t }\r\n \r\n #pagination.el-pagination /deep/ .el-pager .number {\r\n \t \tcursor: pointer;\r\n \t \tpadding: 0 4px;\r\n \t \tmargin: 0 5px;\r\n \t \tcolor: #666;\r\n \t \tdisplay: inline-block;\r\n \t \tvertical-align: top;\r\n \t \tfont-size: 13px;\r\n \t \tline-height: 28px;\r\n \t \tborder-radius: 2px;\r\n \t \tbackground: #f4f4f5;\r\n \t \ttext-align: center;\r\n \t \tmin-width: 30px;\r\n \t \theight: 28px;\r\n \t }\r\n \r\n #pagination.el-pagination /deep/ .el-pager .number:hover {\r\n \t \tcursor: pointer;\r\n \t \tpadding: 0 4px;\r\n \t \tmargin: 0 5px;\r\n \t \tcolor: #fff;\r\n \t \tdisplay: inline-block;\r\n \t \tvertical-align: top;\r\n \t \tfont-size: 13px;\r\n \t \tline-height: 28px;\r\n \t \tborder-radius: 2px;\r\n \t \tbackground: #F5BB00;\r\n \t \ttext-align: center;\r\n \t \tmin-width: 30px;\r\n \t \theight: 28px;\r\n \t }\r\n \r\n #pagination.el-pagination /deep/ .el-pager .number.active {\r\n \t \tcursor: default;\r\n \t \tpadding: 0 4px;\r\n \t \tmargin: 0 5px;\r\n \t \tcolor: #FFF;\r\n \t \tdisplay: inline-block;\r\n \t \tvertical-align: top;\r\n \t \tfont-size: 13px;\r\n \t \tline-height: 28px;\r\n \t \tborder-radius: 2px;\r\n \t \tbackground: #F5BB00;\r\n \t \ttext-align: center;\r\n \t \tmin-width: 30px;\r\n \t \theight: 28px;\r\n \t }\r\n \r\n #pagination.el-pagination /deep/ .el-pagination__sizes {\r\n \t \tdisplay: inline-block;\r\n \t \tvertical-align: top;\r\n \t \tfont-size: 13px;\r\n \t \tline-height: 28px;\r\n \t \theight: 28px;\r\n \t }\r\n \r\n #pagination.el-pagination /deep/ .el-pagination__sizes .el-input {\r\n \t \tmargin: 0 5px;\r\n \t \twidth: 100px;\r\n \t \tposition: relative;\r\n \t }\r\n \r\n #pagination.el-pagination /deep/ .el-pagination__sizes .el-input .el-input__inner {\r\n \t \tborder: 1px solid #DCDFE6;\r\n \t \tcursor: pointer;\r\n \t \tpadding: 0 25px 0 8px;\r\n \t \tcolor: #606266;\r\n \t \tdisplay: inline-block;\r\n \t \tfont-size: 13px;\r\n \t \tline-height: 28px;\r\n \t \tborder-radius: 3px;\r\n \t \toutline: 0;\r\n \t \tbackground: #FFF;\r\n \t \twidth: 100%;\r\n \t \ttext-align: center;\r\n \t \theight: 28px;\r\n \t }\r\n \r\n #pagination.el-pagination /deep/ .el-pagination__sizes .el-input span.el-input__suffix {\r\n \t \ttop: 0;\r\n \t \tposition: absolute;\r\n \t \tright: 0;\r\n \t \theight: 100%;\r\n \t }\r\n \r\n #pagination.el-pagination /deep/ .el-pagination__sizes .el-input .el-input__suffix .el-select__caret {\r\n \t \tcursor: pointer;\r\n \t \tcolor: #C0C4CC;\r\n \t \twidth: 25px;\r\n \t \tfont-size: 14px;\r\n \t \tline-height: 28px;\r\n \t \ttext-align: center;\r\n \t }\r\n \r\n #pagination.el-pagination /deep/ .el-pagination__jump {\r\n \t \tmargin: 0 0 0 24px;\r\n \t \tcolor: #606266;\r\n \t \tdisplay: inline-block;\r\n \t \tvertical-align: top;\r\n \t \tfont-size: 13px;\r\n \t \tline-height: 28px;\r\n \t \theight: 28px;\r\n \t }\r\n \r\n #pagination.el-pagination /deep/ .el-pagination__jump .el-input {\r\n \t \tborder-radius: 3px;\r\n \t \tpadding: 0 2px;\r\n \t \tmargin: 0 2px;\r\n \t \tdisplay: inline-block;\r\n \t \twidth: 50px;\r\n \t \tfont-size: 14px;\r\n \t \tline-height: 18px;\r\n \t \tposition: relative;\r\n \t \ttext-align: center;\r\n \t \theight: 28px;\r\n \t }\r\n \r\n #pagination.el-pagination /deep/ .el-pagination__jump .el-input .el-input__inner {\r\n \t \tborder: 1px solid #DCDFE6;\r\n \t \tcursor: pointer;\r\n \t \tpadding: 0 3px;\r\n \t \tcolor: #606266;\r\n \t \tdisplay: inline-block;\r\n \t \tfont-size: 14px;\r\n \t \tline-height: 28px;\r\n \t \tborder-radius: 3px;\r\n \t \toutline: 0;\r\n \t \tbackground: #FFF;\r\n \t \twidth: 100%;\r\n \t \ttext-align: center;\r\n \t \theight: 28px;\r\n \t }\r\n</style>\r\n"]}]} |