{"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"]}]}