{"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=script&lang=js","dependencies":[{"path":"D:\\code\\vue\\front\\src\\pages\\messages\\list.vue","mtime":1709633805000},{"path":"D:\\code\\vue\\front\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\code\\vue\\front\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"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:DQogIGV4cG9ydCBkZWZhdWx0IHsNCiAgICAvL+aVsOaNrumbhuWQiA0KICAgIGRhdGEoKSB7DQogICAgICByZXR1cm4gew0KCQkgIGxheW91dHM6ICcnLA0KICAgICAgICBmb3JtOiB7DQogICAgICAgICAgY29udGVudDogJycsDQogICAgICAgICAgdXNlcmlkOiBsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgnZnJvbnRVc2VyaWQnKSwNCiAgICAgICAgICB1c2VybmFtZTogbG9jYWxTdG9yYWdlLmdldEl0ZW0oJ3VzZXJuYW1lJykNCiAgICAgICAgfSwNCiAgICAgICAgdG90YWw6IDEsDQogICAgICAgIHBhZ2VTaXplOiAyMCwNCgkJcGFnZVNpemVzOiBbMTAsMjAsMzAsNTBdLA0KICAgICAgICB0b3RhbFBhZ2U6IDEsDQogICAgICAgIHJ1bGVzOiB7DQogICAgICAgICAgY29udGVudDogWw0KICAgICAgICAgICAgeyByZXF1aXJlZDogdHJ1ZSwgbWVzc2FnZTogJ+ivt+i+k+WFpeWGheWuuScsIHRyaWdnZXI6ICdibHVyJyB9DQogICAgICAgICAgXQ0KICAgICAgICB9LA0KICAgICAgICBpbmZvTGlzdDogW10NCiAgICAgIH0NCiAgICB9LA0KICAgIGNyZWF0ZWQoKSB7DQogICAgICB0aGlzLmdldEluZm8oMSk7DQogICAgfSwNCiAgICAvL+aWueazlembhuWQiA0KICAgIG1ldGhvZHM6IHsNCiAgICAgIGdldEluZm8ocGFnZSkgew0KICAgICAgICB0aGlzLiRodHRwLmdldCgnbWVzc2FnZXMvbGlzdCcsIHtwYXJhbXM6IHtwYWdlLCBsaW1pdDogdGhpcy5wYWdlU2l6ZSxzb3J0OiJhZGR0aW1lIiwgb3JkZXI6ImRlc2MifX0pLnRoZW4ocmVzID0+IHsNCiAgICAgICAgICBpZiAocmVzLmRhdGEuY29kZSA9PSAwKSB7DQogICAgICAgICAgICB0aGlzLmluZm9MaXN0ID0gcmVzLmRhdGEuZGF0YS5saXN0Ow0KICAgICAgICAgICAgdGhpcy50b3RhbCA9IHJlcy5kYXRhLmRhdGEudG90YWw7DQogICAgICAgICAgICB0aGlzLnBhZ2VTaXplID0gcmVzLmRhdGEuZGF0YS5wYWdlU2l6ZTt0aGlzLnBhZ2VTaXplcyA9IFt0aGlzLnBhZ2VTaXplLCB0aGlzLnBhZ2VTaXplKjIsIHRoaXMucGFnZVNpemUqMywgdGhpcy5wYWdlU2l6ZSo1XTsNCiAgICAgICAgICAgIHRoaXMudG90YWxQYWdlID0gcmVzLmRhdGEuZGF0YS50b3RhbFBhZ2U7DQogICAgICAgICAgfQ0KICAgICAgICB9KTsNCiAgICAgIH0sDQogICAgICBjdXJDaGFuZ2UocGFnZSkgew0KICAgICAgICB0aGlzLmdldEluZm8ocGFnZSk7DQogICAgICB9LA0KICAgICAgcHJldkNsaWNrKHBhZ2UpIHsNCiAgICAgICAgdGhpcy5nZXRJbmZvKHBhZ2UpOw0KICAgICAgfSwNCiAgICAgIG5leHRDbGljayhwYWdlKSB7DQogICAgICAgIHRoaXMuZ2V0SW5mbyhwYWdlKTsNCiAgICAgIH0sDQogICAgICBjcGljdHVyZVVwbG9hZENoYW5nZShmaWxlVXJscykgew0KICAgICAgICAgIHRoaXMuZm9ybS5jcGljdHVyZSA9IGZpbGVVcmxzOw0KICAgICAgfSwNCiAgICAgIHN1Ym1pdEZvcm0oZm9ybU5hbWUpIHsNCiAgICAgICAgdGhpcy4kcmVmc1tmb3JtTmFtZV0udmFsaWRhdGUoKHZhbGlkKSA9PiB7DQogICAgICAgICAgaWYgKHZhbGlkKSB7DQogICAgICAgICAgICBpZih0aGlzLmZvcm0uY3BpY3R1cmUhPW51bGwpIHsNCiAgICAgICAgICAgICAgIHRoaXMuZm9ybS5jcGljdHVyZSA9IHRoaXMuZm9ybS5jcGljdHVyZS5yZXBsYWNlKG5ldyBSZWdFeHAodGhpcy4kY29uZmlnLmJhc2VVcmwsImciKSwiIik7DQogICAgICAgICAgICB9DQogICAgICAgICAgICB0aGlzLmZvcm0uYXZhdGFydXJsID0gbG9jYWxTdG9yYWdlLmdldEl0ZW0oJ2Zyb250SGVhZHBvcnRyYWl0Jyk/bG9jYWxTdG9yYWdlLmdldEl0ZW0oJ2Zyb250SGVhZHBvcnRyYWl0Jyk6Jyc7DQogICAgICAgICAgICBsZXQgc2Vuc2l0aXZlV29yZHMgPSAiIjsNCiAgICAgICAgICAgIGxldCBzZW5zaXRpdmVXb3Jkc0FyciA9IFtdOw0KICAgICAgICAgICAgaWYoc2Vuc2l0aXZlV29yZHMpIHsNCiAgICAgICAgICAgICAgICBzZW5zaXRpdmVXb3Jkc0FyciA9IHNlbnNpdGl2ZVdvcmRzLnNwbGl0KCIsIik7DQogICAgICAgICAgICB9DQogICAgICAgICAgICBmb3IodmFyIGk9MDsgaTxzZW5zaXRpdmVXb3Jkc0Fyci5sZW5ndGg7IGkrKyl7DQogICAgICAgICAgICAgICAgLy/lhajlsYDmm7/mjaINCiAgICAgICAgICAgICAgICB2YXIgcmVnID0gbmV3IFJlZ0V4cChzZW5zaXRpdmVXb3Jkc0FycltpXSwiZyIpOw0KICAgICAgICAgICAgICAgIC8v5Yik5pat5YaF5a655Lit5piv5ZCm5YyF5ous5pWP5oSf6K+NDQogICAgICAgICAgICAgICAgaWYgKHRoaXMuZm9ybS5jb250ZW50LmluZGV4T2Yoc2Vuc2l0aXZlV29yZHNBcnJbaV0pID4gLTEpIHsNCiAgICAgICAgICAgICAgICAgICAgLy8g5bCG5pWP5oSf6K+N5pu/5o2i5Li6ICoqDQogICAgICAgICAgICAgICAgICAgIHRoaXMuZm9ybS5jb250ZW50ID0gdGhpcy5mb3JtLmNvbnRlbnQucmVwbGFjZShyZWcsIioqIik7DQogICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgfQ0KICAgICAgICAgICAgdGhpcy4kaHR0cC5wb3N0KCdtZXNzYWdlcy9hZGQnLCB0aGlzLmZvcm0pLnRoZW4ocmVzID0+IHsNCiAgICAgICAgICAgICAgaWYgKHJlcy5kYXRhLmNvZGUgPT0gMCkgew0KICAgICAgICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uoew0KICAgICAgICAgICAgICAgICAgdHlwZTogJ3N1Y2Nlc3MnLA0KICAgICAgICAgICAgICAgICAgbWVzc2FnZTogJ+eVmeiogOaIkOWKnyEnLA0KICAgICAgICAgICAgICAgICAgZHVyYXRpb246IDE1MDAsDQogICAgICAgICAgICAgICAgICBvbkNsb3NlOiAoKSA9PiB7DQogICAgICAgICAgICAgICAgICAgIHRoaXMuZm9ybS5jb250ZW50ID0gJyc7DQogICAgICAgICAgICAgICAgICAgIHRoaXMuZ2V0SW5mbygxKTsNCiAgICAgICAgICAgICAgICAgIH0NCiAgICAgICAgICAgICAgICB9KTsNCiAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgfSk7DQogICAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICAgIHJldHVybiBmYWxzZTsNCiAgICAgICAgICB9DQogICAgICAgIH0pOw0KICAgICAgfSwNCiAgICAgIHJlc2V0Rm9ybShmb3JtTmFtZSkgew0KICAgICAgICB0aGlzLiRyZWZzW2Zvcm1OYW1lXS5yZXNldEZpZWxkcygpOw0KICAgICAgfQ0KICAgIH0NCiAgfQ0K"},{"version":3,"sources":["list.vue"],"names":[],"mappings":";AAuEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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":"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"]}]}