01db3e2bb7d6ab129925afcee8d17e30.json 20 KB

1
  1. {"remainingRequest":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\boman-framwork\\ruoyi-ui\\src\\views\\system\\editing\\index.vue?vue&type=style&index=1&id=24da7f55&scoped=true&lang=scss&","dependencies":[{"path":"E:\\boman-framwork\\ruoyi-ui\\src\\views\\system\\editing\\index.vue","mtime":1619684448380},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLmVuaXRpbmcgewogIHAgewogICAgbWFyZ2luOiAwOwogIH0KCiAgYmFja2dyb3VuZC1jb2xvcjogI2VlZjBmZjsKICBoZWlnaHQ6IDEwMCU7CiAgcGFkZGluZzogMjBweDsKCiAgLmVuaXRpbmdfaGVhZGVyIHsKICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7CiAgICBib3JkZXItcmFkaXVzOiA2cHg7CiAgICBwYWRkaW5nOiAyM3B4OwogICAgbWFyZ2luLWJvdHRvbTogMjBweDsKCiAgICAucCB7CiAgICAgIGZvbnQtc2l6ZTogMTVweDsKICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7CiAgICAgIGNvbG9yOiAjM0M4REJDOwogICAgICBsaW5lLWhlaWdodDogMzZweDsKICAgICAgbWFyZ2luLWJvdHRvbTogMDsKICAgIH0KCiAgICAucDo6YmVmb3JlIHsKICAgICAgY29udGVudDogIiI7CiAgICAgIGRpc3BsYXk6IGJsb2NrOwogICAgICB3aWR0aDogMThweDsKICAgICAgaGVpZ2h0OiA4cHg7CiAgICAgIGJhY2tncm91bmQ6ICMzQzhEQkM7CiAgICAgIGJvcmRlci1yYWRpdXM6IDNweDsKCiAgICB9CgogICAgLnBwbCB7CiAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgIGhlaWdodDogNTRweDsKCiAgICAgIHAgewogICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsKICAgICAgICB3aWR0aDogMTEzcHg7CiAgICAgICAgaGVpZ2h0OiAzOHB4OwoKICAgICAgICBpbWcgewogICAgICAgICAgcG9zaXRpb246IGFic29sdXRlOwogICAgICAgICAgdG9wOiAwOwogICAgICAgICAgbGVmdDogMDsKICAgICAgICAgIHdpZHRoOiAxMDAlOwogICAgICAgICAgaGVpZ2h0OiAxMDAlOwogICAgICAgICAgLy8gei1pbmRleDogLTE7CiAgICAgICAgfQoKICAgICAgICBzcGFuIHsKICAgICAgICAgIHdpZHRoOiAxMDAlOwogICAgICAgICAgcG9zaXRpb246IGFic29sdXRlOwogICAgICAgICAgdG9wOiAwOwogICAgICAgICAgbGVmdDogMDsKICAgICAgICAgIC8vIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUpOwogICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgICAgICAgbGluZS1oZWlnaHQ6IDM4cHg7CiAgICAgICAgICBmb250LXNpemU6IDE1cHg7CiAgICAgICAgICBmb250LWZhbWlseTogUGluZ0ZhbmcgU0M7CiAgICAgICAgICBmb250LXdlaWdodDogYm9sZDsKICAgICAgICAgIGNvbG9yOiAjYWFhOwogICAgICAgIH0KCiAgICAgICAgLnNwYW4gewogICAgICAgICAgY29sb3I6ICMzQzhEQkM7CiAgICAgICAgfQogICAgICB9CiAgICB9CiAgfQoKICAvLyDlhoXlrrkKICAuZW5pdGluZ19uYXYgewogICAgLy8gYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsKICAgIC8vIGJvcmRlci1yYWRpdXM6IDZweDsKICAgIC8vIHBhZGRpbmc6IDIzcHg7CiAgfQp9Ci5pbWdlX3RhYnsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgcmlnaHQ6IDA7CiAgdG9wOiA1cHg7Cn0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAybA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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","file":"index.vue","sourceRoot":"src/views/system/editing","sourcesContent":["<template>\r\n <div class=\"eniting\">\r\n <!-- 头部 -->\r\n <div class=\"eniting_header\">\r\n <!-- <p class=\"p\">表编辑</p> -->\r\n <div class=\"imge_tab\"><img src=\"../../../assets/images/pic_sy_ytj.png\" alt=\"\" v-if=\"imgShoew\"></div>\r\n <div class=\"ppl\">\r\n <p v-for=\"(item,index) in tabldie\" :key=\"index\" @click=\"enditTab(index)\">\r\n <img src=\"../../../assets/images/icon_tbtab_normal.png\" alt=\"\" class=\"index_headerImg\" v-if=\"num !== index\">\r\n <img src=\"../../../assets/images/icon_tbtab_selected.png\" alt=\"\" class=\"index_headerImg\" v-if=\"num == index\">\r\n <span :class=\"[index == num ? 'span' : '']\">{{item.tableComment}}</span>\r\n </p>\r\n </div>\r\n <el-divider></el-divider>\r\n <div class=\"table_headerBtun\" v-if=\"queryData.buttonList\">\r\n <el-button type=\"primary\" size=\"small\" plain v-for=\"(item,indexss) in jeigneutwo\" :key=\"keyname + indexss\"\r\n @click=\"handleQuery(item)\">{{item}}</el-button>\r\n </div>\r\n </div>\r\n <!-- 内容 -->\r\n <div class=\"eniting_nav\">\r\n <el-collapse v-model=\"activeNames\" @change=\"handleChange\">\r\n <el-form :rules=\"queryData.rules\" :model=\"queryParams\" ref=\"queryForm\" :inline=\"true\" label-width=\"120px\">\r\n <el-collapse-item :title=\"item.columnComment\" :name=\"index\" v-for=\"(item,index) in queryData.showData\" :key=\"index\"\r\n class=\"eitde\">\r\n <el-row>\r\n <el-col :span=\"24\" :key=\"index\">\r\n <dynamic-forms @modelFn=\"modelFn\" :ref=\"items.columnName\" :config=\"queryParams\" @inputs=\"changeFn\" :formConfig=\"items\"\r\n v-for=\"(items,indexs) in item.hrChildren\" :key='indexs' />\r\n </el-col>\r\n </el-row>\r\n </el-collapse-item>\r\n </el-form>\r\n </el-collapse>\r\n </div>\r\n </div>\r\n</template>\r\n<script>\r\n import {\r\n getTableQuery,\r\n delMenutab,\r\n getQueryList,\r\n geteditindeTab,\r\n tableSubimt,\r\n tableSubimtanit,\r\n addbjectSave\r\n } from '@/api/system/table.js';\r\n export default {\r\n name: \"index\",\r\n inject: ['reload'],\r\n data() {\r\n return {\r\n activeNames: ['1'],\r\n title: '单表1',\r\n // 查询参数\r\n queryParams: {},\r\n labletit: '查询参数1233',\r\n num: 0,\r\n tabledeLise: {\r\n table: '',\r\n isUi: true\r\n },\r\n taleLisst: [], //列表数据\r\n // 按钮参数\r\n tableZbie: {\r\n table: 'obj_test',\r\n isUi: true,\r\n fixedData: {\r\n id: -1\r\n }\r\n },\r\n tableZbietabg: {\r\n table: 'sys_user'\r\n },\r\n queryData: {},\r\n keyname: 'nu',\r\n tabldie: [],\r\n forme: {\r\n table: '',\r\n objId: -1,\r\n fixedData: {}\r\n },\r\n formeanti: {\r\n table: '',\r\n commitData: [],\r\n },\r\n formy: {\r\n id: 0,\r\n status: 1\r\n },\r\n // 删除参数\r\n deledlid: {\r\n table: '',\r\n idList: []\r\n },\r\n jeigneu: [],\r\n jeigneutwo: [],\r\n imgShoew:true\r\n };\r\n },\r\n mounted() {\r\n // this.edingelsie()\r\n // button\r\n this.deledlid.idList = []\r\n this.formeanti.table = this.$route.query.tables\r\n // this.formeanti.id = this.$route.query.id\r\n this.forme.table = this.$route.query.tables\r\n this.forme.objId = this.$route.query.id\r\n this.tabledeLise.table = this.$route.query.tables\r\n this.tableZbie.table = this.$route.query.tables\r\n this.tableZbie.fixedData.id = this.$route.query.id\r\n this.formy.id = this.$route.query.id\r\n this.tableZbietabg.table = this.$route.query.tables\r\n this.deledlid.table = this.$route.query.tables\r\n this.deledlid.idList.push(this.$route.query.id)\r\n console.log(this.deledlid)\r\n // tab\r\n this.edingelsietab()\r\n },\r\n filters: {},\r\n methods: {\r\n modelFn(obj, cont) {\r\n this.$set(this.queryParams,obj,cont)\r\n },\r\n handleChange(val) {\r\n console.log(val);\r\n },\r\n enditTab(index) {\r\n this.num = index\r\n this.tabledeLise.table = this.tabldie[index].tableName\r\n this.formeanti.table = this.tabldie[index].tableName\r\n this.forme.table = this.tabldie[index].tableName\r\n\r\n this.tableZbie.table = this.tabldie[index].tableName\r\n // this.edingelsie()\r\n this.init()\r\n },\r\n // 按钮\r\n init() {\r\n getTableQuery(\r\n this.tableZbie\r\n ).then(res => {\r\n let data = res.data\r\n this.queryData = data\r\n this.jeigneutwo = []\r\n this.jeigneu = []\r\n this.jeigneu = data.buttonList.split('')\r\n console.log(data.buttonList)\r\n console.log(this.jeigneu)\r\n this.jeigneu.filter(route => {\r\n // route.dept_id = route.dept_id.value\r\n console.log(route)\r\n if (route == 'A') {\r\n if (this.formy.id == -1) {\r\n route = '保存'\r\n this.jeigneutwo.push(route)\r\n } else {\r\n route = '新增'\r\n }\r\n\r\n } else if (route == 'M') {\r\n route = '保存'\r\n if (this.formy.id != -1) {\r\n this.jeigneutwo.push(route)\r\n }\r\n } else if (route == 'D') {\r\n route = '删除'\r\n if (this.formy.id != -1) {\r\n this.jeigneutwo.push(route)\r\n }\r\n } else if (route == 'Q') {\r\n route = '查询'\r\n } else if (route == 'S') {\r\n route = '提交'\r\n if (this.formy.id != -1) {\r\n this.jeigneutwo.push(route)\r\n }\r\n } else if (route == 'U') {\r\n route = '反提交'\r\n if (this.formy.id != -1) {\r\n this.jeigneutwo.push(route)\r\n }\r\n } else if (route == 'I') {\r\n route = '导入'\r\n } else if (route == 'E') {\r\n route = '导出'\r\n }\r\n\r\n })\r\n this.jeigneutwo.push('刷新')\r\n this.jeigneutwo.push('返回')\r\n console.log(this.queryData, 567)\r\n // 图片的显示隐藏\r\n if(this.queryData.showData.length !==0){\r\n this.queryData.showData.filter(route => {\r\n if(route.hrChildren.length !== 0){\r\n if(route.hrChildren[1].readonly == true){\r\n this.imgShoew = true\r\n }else{\r\n this.imgShoew = false\r\n }\r\n }\r\n })\r\n }\r\n })\r\n },\r\n // 数据信息\r\n edingelsie() {\r\n console.log(1234)\r\n getQueryList(\r\n this.tabledeLise\r\n ).then(res => {\r\n let data = res.data\r\n this.taleLisst = data\r\n // console.log(this.queryData.queryList)\r\n })\r\n },\r\n // tab数据\r\n edingelsietab() {\r\n console.log(4566)\r\n geteditindeTab(this.tableZbietabg).then(response => {\r\n this.tabldie = response.data.ref\r\n if (this.tabldie.length !== 0) {\r\n this.init()\r\n } else {\r\n this.msgSuccess(\"暂无tab数据\");\r\n this.$router.go(-1)\r\n }\r\n // this.msgSuccess(\"反提交成功\");\r\n // this.open = false;\r\n // this.getList();\r\n });\r\n },\r\n changeFn(obj) {\r\n for (let key in obj) {\r\n this.queryParams[key] = obj[key]\r\n }\r\n },\r\n handleQuery(index) {\r\n console.log(index, 4)\r\n for (let item of this.queryData.showData) {\r\n for (var i = 0; i < item.hrChildren.length; i++) {\r\n if (item.hrChildren[i].htmlType == 'checkbox') {\r\n this.queryParams[item.hrChildren[i].columnName] = this.$refs[item.hrChildren[i].columnName][0].config\r\n }else if(item.hrChildren[i].htmlType == 'imageUpload' || item.hrChildren[i].htmlType == 'fileUpload'){\r\n this.queryParams[item.hrChildren[i].columnName] = JSON.stringify(this.$refs[item.hrChildren[i].columnName][0].config)\r\n } else {\r\n this.queryParams[item.hrChildren[i].columnName] = this.$refs[item.hrChildren[i].columnName][0].config[\r\n item.hrChildren[i].columnName]\r\n }\r\n }\r\n }\r\n if (this.queryParams.pageNum !== undefined) {\r\n this.queryParams.pageNum = undefined\r\n }\r\n if (this.queryParams.pageSize !== undefined) {\r\n this.queryParams.pageSize = undefined\r\n }\r\n if (index == '删除') {\r\n //删除\r\n this.handleDelete(this.deledlid)\r\n } else if (index == '提交') {\r\n //提交 保存\r\n // this.formeanti.table = 'obj_test'\r\n this.formeanti.commitData = []\r\n this.formy.status = 1\r\n // this.formy.id = 0\r\n this.formeanti.commitData.push(this.formy)\r\n console.log(this.formeanti)\r\n this.antiSubmission()\r\n } else if (index == '反提交') {\r\n //反提交 保存\r\n // this.formeanti.table = 'obj_test'\r\n this.formeanti.commitData = []\r\n this.formy.status = 2\r\n // this.formy.id = 0\r\n this.formeanti.commitData.push(this.formy)\r\n console.log(this.formeanti)\r\n this.antiSubmission()\r\n } else if (index == '保存') {\r\n // 修改\r\n // this.forme.table = 'obj_test'\r\n // this.forme.objId = 1\r\n this.forme.fixedData = this.queryParams\r\n this.submitForm()\r\n } else if (index == '返回') {\r\n // if(this.xidugje ==0){\r\n // this.$router.go(-2)\r\n // }else{\r\n this.$router.go(-1)\r\n // }\r\n } else if (index == '刷新') {\r\n // this.xidugje = 1\r\n this.reload()\r\n }\r\n\r\n console.log(this.forme)\r\n // this.getList();\r\n },\r\n /** 新增 修改提交按钮 */\r\n submitForm: function() {\r\n this.$refs[\"queryForm\"].validate(valid => {\r\n if (valid) {\r\n addbjectSave(this.forme).then(response => {\r\n this.msgSuccess(\"保存成功\");\r\n this.open = false;\r\n this.$router.go(-1)\r\n // this.getList();\r\n });\r\n }\r\n });\r\n },\r\n // 提交反提交\r\n antiSubmission() {\r\n this.$refs[\"queryForm\"].validate(valid => {\r\n if (valid) {\r\n if (this.formy.status == 1) {\r\n // 提交\r\n tableSubimt(this.formeanti).then(response => {\r\n this.msgSuccess(\"提交成功\");\r\n this.$router.go(-1)\r\n // this.open = false;\r\n // this.getList();\r\n });\r\n } else if (this.formy.status == 2) {\r\n // 反提交\r\n tableSubimtanit(this.formeanti).then(response => {\r\n this.msgSuccess(\"反提交成功\");\r\n this.$router.go(-1)\r\n // this.open = false;\r\n // this.getList();\r\n });\r\n }\r\n }\r\n });\r\n },\r\n //删除\r\n handleDelete(index) {\r\n this.$confirm('是否确认删除', \"警告\", {\r\n confirmButtonText: \"确定\",\r\n cancelButtonText: \"取消\",\r\n type: \"warning\"\r\n }).then(function() {\r\n return delMenutab(index);\r\n }).then(() => {\r\n // this.getList();\r\n this.msgSuccess(\"删除成功\");\r\n this.$router.go(-1)\r\n })\r\n }\r\n },\r\n };\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n .eniting_header {\r\n position: relative;\r\n .el-divider--horizontal {\r\n margin-top: 0;\r\n }\r\n }\r\n\r\n .eniting_nav {\r\n\r\n // .el-form-item{\r\n // width: 25% !important;\r\n // }\r\n .el-collapse-item__content {\r\n padding-bottom: 0;\r\n }\r\n\r\n .el-collapse-item__wrap {\r\n border-bottom: 0;\r\n }\r\n\r\n .el-collapse-item__header {\r\n border-bottom: 0;\r\n font-size: 15px;\r\n font-family: PingFang SC;\r\n font-weight: bold;\r\n color: #3C8DBC;\r\n line-height: 36px;\r\n }\r\n\r\n // .el-form-item__content{\r\n // width: 65%;\r\n // }\r\n .textarea_et {\r\n width: 95%;\r\n\r\n .el-form-item__content {\r\n width: 80%;\r\n height: 83px;\r\n\r\n .el-textarea__inner {\r\n height: 100%;\r\n }\r\n }\r\n }\r\n\r\n .textarea_etyju {\r\n width: 90%;\r\n\r\n .el-form-item__content {\r\n width: 75%;\r\n\r\n // height: 83px;\r\n .el-textarea__inner {\r\n // height: 100%;\r\n }\r\n }\r\n }\r\n\r\n .textarea_ety {\r\n width: 100%;\r\n\r\n .el-form-item__content {\r\n width: 88%;\r\n height: 150px;\r\n margin-bottom: 0;\r\n\r\n .el-textarea__inner {\r\n height: 100%;\r\n }\r\n }\r\n }\r\n\r\n .el-collapse {\r\n border-top: 0;\r\n }\r\n\r\n .eitde {\r\n background-color: #fff;\r\n border-radius: 6px;\r\n padding: 23px;\r\n margin-bottom: 20px;\r\n }\r\n }\r\n</style>\r\n\r\n<style scoped lang=\"scss\">\r\n .eniting {\r\n p {\r\n margin: 0;\r\n }\r\n\r\n background-color: #eef0ff;\r\n height: 100%;\r\n padding: 20px;\r\n\r\n .eniting_header {\r\n background-color: #fff;\r\n border-radius: 6px;\r\n padding: 23px;\r\n margin-bottom: 20px;\r\n\r\n .p {\r\n font-size: 15px;\r\n font-weight: bold;\r\n color: #3C8DBC;\r\n line-height: 36px;\r\n margin-bottom: 0;\r\n }\r\n\r\n .p::before {\r\n content: \"\";\r\n display: block;\r\n width: 18px;\r\n height: 8px;\r\n background: #3C8DBC;\r\n border-radius: 3px;\r\n\r\n }\r\n\r\n .ppl {\r\n display: flex;\r\n height: 54px;\r\n\r\n p {\r\n position: relative;\r\n width: 113px;\r\n height: 38px;\r\n\r\n img {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n // z-index: -1;\r\n }\r\n\r\n span {\r\n width: 100%;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n // transform: translate(-50%);\r\n text-align: center;\r\n line-height: 38px;\r\n font-size: 15px;\r\n font-family: PingFang SC;\r\n font-weight: bold;\r\n color: #aaa;\r\n }\r\n\r\n .span {\r\n color: #3C8DBC;\r\n }\r\n }\r\n }\r\n }\r\n\r\n // 内容\r\n .eniting_nav {\r\n // background-color: #fff;\r\n // border-radius: 6px;\r\n // padding: 23px;\r\n }\r\n }\r\n .imge_tab{\r\n position: absolute;\r\n right: 0;\r\n top: 5px;\r\n }\r\n</style>\r\n"]}]}