44959b3bf4b78102cda0f4b8b4092d72.json 21 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\\form\\index.vue?vue&type=style&index=1&id=c298bd06&scoped=true&lang=scss&","dependencies":[{"path":"E:\\boman-framwork\\ruoyi-ui\\src\\views\\system\\form\\index.vue","mtime":1619684448382},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoudGFiRm9ybSB7CiAgYmFja2dyb3VuZC1jb2xvcjogI2VlZjBmZjsKICBoZWlnaHQ6IDEwMCU7CiAgcGFkZGluZzogMjBweDsKCiAgcCB7CiAgICBtYXJnaW46IDA7CiAgfQoKICAvLyDlpLTpg6gKICAudGFiRm9ybV9oZWFkZXIgewogICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsKICAgIGJvcmRlci1yYWRpdXM6IDZweDsKICAgIHBhZGRpbmc6IDIzcHg7CiAgICBtYXJnaW4tYm90dG9tOiAyMHB4OwogICAgcG9zaXRpb246IHJlbGF0aXZlOwogIH0KCiAgLy8g5YaF5a65CiAgLnRhYmxlX25hdiB7CgogICAgLy8gYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsKICAgIC8vIGJvcmRlci1yYWRpdXM6IDZweDsKICAgIC8vIHBhZGRpbmc6IDIzcHg7CiAgICAucHBsIHsKICAgICAgZGlzcGxheTogZmxleDsKICAgICAgaGVpZ2h0OiAzOHB4OwoKICAgICAgcCB7CiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlOwogICAgICAgIHdpZHRoOiAxMTNweDsKICAgICAgICBoZWlnaHQ6IDM4cHg7CgogICAgICAgIGltZyB7CiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICAgICAgICB0b3A6IDA7CiAgICAgICAgICBsZWZ0OiAwOwogICAgICAgICAgd2lkdGg6IDEwMCU7CiAgICAgICAgICBoZWlnaHQ6IDEwMCU7CiAgICAgICAgICAvLyB6LWluZGV4OiAtMTsKICAgICAgICB9CgogICAgICAgIHNwYW4gewogICAgICAgICAgd2lkdGg6IDEwMCU7CiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICAgICAgICB0b3A6IDA7CiAgICAgICAgICBsZWZ0OiAwOwogICAgICAgICAgLy8gdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSk7CiAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICAgICAgICBsaW5lLWhlaWdodDogMzhweDsKICAgICAgICAgIGZvbnQtc2l6ZTogMTVweDsKICAgICAgICAgIGZvbnQtZmFtaWx5OiBQaW5nRmFuZyBTQzsKICAgICAgICAgIGZvbnQtd2VpZ2h0OiBib2xkOwogICAgICAgICAgY29sb3I6ICNhYWE7CiAgICAgICAgfQoKICAgICAgICAuc3BhbiB7CiAgICAgICAgICBjb2xvcjogIzNDOERCQzsKICAgICAgICB9CiAgICAgIH0KICAgIH0KICB9Cn0KCi8vIHRhYgouaW5kZXhfaGVhZGV0YWIgewogIGRpc3BsYXk6IGZsZXg7CiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNFNUU1RTU7CiAgaGVpZ2h0OiA1M3B4OwogIC8vIHBhZGRpbmctdG9wOiAyMHB4OwogIHBhZGRpbmctYm90dG9tOiAxMHB4OwogIG1hcmdpbi1ib3R0b206IDIwcHggIWltcG9ydGFudDsKCiAgc3BhbiB7CiAgICB3aWR0aDogNzBweDsKICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgIGxpbmUtaGVpZ2h0OiA1M3B4OwogICAgaGVpZ2h0OiA1M3B4OwogICAgZm9udC1zaXplOiAxNXB4OwogICAgZm9udC1mYW1pbHk6IFBpbmdGYW5nIFNDOwogICAgZm9udC13ZWlnaHQ6IGJvbGQ7CiAgICBjb2xvcjogIzY2NjsKICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsKICAgIC8vIGZsZXg6IDE7CiAgICAvLyBib3JkZXItYm90dG9tOiA7CiAgfQoKICAuc3BhbiB7CiAgICBjb250ZW50OiAnJzsKICAgIGRpc3BsYXk6IGJsb2NrOwogICAgd2lkdGg6IDE4cHg7CiAgICBoZWlnaHQ6IDhweDsKICAgIGJvcmRlci1yYWRpdXM6IDNweDsKICAgIGJhY2tncm91bmQtY29sb3I6ICMzQzhEQkM7CiAgICBjb2xvcjogIzNDOERCQyAhaW1wb3J0YW50OwogICAgLy8gcG9zaXRpb246IGFic29sdXRlOwogICAgLy8gYm9yZGVyLWJvdHRvbTogOwogIH0KCiAgLnNwYW50byB7CiAgICBjb2xvcjogIzNDOERCQzsKICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCAjM0M4REJDOwogIH0KfQouaW1nZV90YWJ7CiAgcG9zaXRpb246IGFic29sdXRlOwogIHJpZ2h0OiAwOwogIHRvcDogNXB4Owp9Cg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+aA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;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;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;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/system/form","sourcesContent":["<template>\r\n <div class=\"tabForm\">\r\n <div class=\"tabForm_header\">\n <div class=\"imge_tab\"><img src=\"../../../assets/images/pic_sy_ytj.png\" alt=\"\" v-if=\"imgShoew\"></div>\r\n <div class=\"table_headerBtun\" v-if=\"queryData.buttonList\">\r\n <el-button type=\"primary\" size=\"small\" plain @click=\"handleQuery(item)\" v-for=\"(item,index) in queryData.buttonList.split('')\" :key=\"index\">{{item | btnConversion}}</el-button>\n <el-button type=\"primary\" size=\"small\" plain @click=\"handleQuery('sx')\">刷新</el-button>\r\n <el-button type=\"primary\" size=\"small\" plain @click=\"handleQuery('fh')\">返回</el-button>\r\n </div>\r\n </div>\r\n <!-- 内容 -->\r\n <div class=\"table_nav\">\r\n <el-collapse v-model=\"activeNames\">\n <el-form :model=\"queryParams\" :rules=\"queryData.rules\" 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\" class=\"eitde\">\r\n <el-row :gutter=\"0\">\n <el-col :span=\"24\" :key=\"index\">\n <dynamic-forms @modelFn=\"modelFn\" :ref=\"items.columnName\" :config=\"queryParams\" @inputs = \"changeFn\" :formConfig=\"items\" v-for=\"(items,indexs) in item.hrChildren\" :key='indexs' />\n </el-col>\n </el-row>\n </el-collapse-item>\n </el-form>\r\n <!-- 列表 -->\r\n <el-collapse-item :title=\"title\" name=\"index\" class=\"eitde\" v-if=\"tabShoes\">\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=\"numtab !== index\">\r\n <img src=\"../../../assets/images/icon_tbtab_selected.png\" alt=\"\" class=\"index_headerImg\" v-if=\"numtab == index\">\r\n <span :class=\"[index == numtab ? 'span' : '']\">{{item.tableComment}}</span>\r\n </p>\r\n </div>\r\n <el-divider></el-divider>\r\n <el-table stripe v-loading=\"loading\" :data=\"postList.rows\" @selection-change=\"handleSelectionChange\">\r\n <el-table-column :label=\"item.columnComment\" align=\"center\" :prop=\"item.columnName\" v-for=\"(item,index) in postList.tableHeadList\" :key=\"index\" />\r\n </el-table>\r\n <div class=\"index_haderPagin\">\n <pagination\n v-show=\"total>0\"\n :total=\"total\"\n :page.sync=\"queryParamslist.pageNo\"\n :limit.sync=\"queryParamslist.pageSize\"\n @pagination=\"foremliseju\"\n />\r\n <!-- <el-pagination @size-change=\"handleSizeChange\" @current-change=\"handleCurrentChange\" :current-page.sync=\"currentPage3\"\r\n :page-size=\"queryParamslist.pageSize\" layout=\"prev, pager, next, jumper\" v-show=\"total>0\"\r\n :total=\"total\" @pagination=\"foremliseju\">\r\n </el-pagination> -->\r\n </div>\r\n </el-collapse-item>\r\n\r\n </el-collapse>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import {\r\n getTableQuery,\r\n getObject,\n geteditindeTab,\n listIndex,\n delMenutabform,\n tableSubimt, tableSubimtanit, addbjectSave\r\n } from '@/api/system/form.js'\r\n\r\n export default {\r\n name: \"index\",\r\n data() {\r\n return {\r\n num: 0,\n // 总条数\n total: 0,\r\n loading:true,\r\n tabList: {},\r\n currentPage3: 0,\r\n activeNames: [1],\r\n title: '列表',\r\n objParams: {\r\n table: 'obj_test',\r\n fixedData: {\r\n id: -1\r\n },\n isUi:true\r\n },\n queryData: {},\r\n // 查询参数\r\n queryParams: {\r\n dictName: undefined,\r\n dictType: undefined,\r\n status: undefined\r\n },\n queryParamslist: {\n pageNo: 1,\n pageSize: 10,\n orderBy:'create_time desc',\n table: '',\n },\r\n labletit: '查询参数1233',\r\n surlable: '实际数据库表',\r\n postList: {},\r\n numtab: 0,\n tabldie:[],\n xidugje: '',\n tabShoes:false,//tab 显示隐藏\n tableZbietabg:{\n table:'sys_user'\n },\n forme:{\n table:'',\n fixedData:{}\n },\n formeanti:{\n table:'',\n commitData:[],\n },\n formy:{\n id:0,\n status:1\n },\n // 删除参数\n deledlid:{\n table:'',\n idList:[]\n },\n imgShoew:true\r\n };\r\n },\r\n filters:{\r\n btnConversion(val) {\r\n switch(val){\r\n case 'A':\r\n return '新增';\r\n case 'M':\r\n return '修改';\r\n case 'D':\r\n return '删除';\r\n case 'Q':\r\n return '查询';\r\n case 'S':\r\n return '提交';\r\n case 'U':\r\n return '反提交';\r\n case 'I':\r\n return '导入';\r\n case 'E':\r\n return '导出';\r\n }\r\n }\r\n },\r\n mounted() {\n this.formeanti.table = this.$route.query.tables\n this.forme.table = this.$route.query.tables\n this.forme.objId = this.$route.query.id\n this.formy.id = this.$route.query.id\n this.tableZbietabg.table = this.$route.query.tables\n this.objParams.table = this.$route.query.tables\n this.objParams.fixedData.id = this.$route.query.id\n this.deledlid.table = this.$route.query.tables\n this.deledlid.idList.push(this.$route.query.id)\n this.queryParamslist.table = this.$route.query.tables\n this.init()\n this.edingelsietab()\r\n },\r\n methods: {\n modelFn(obj, cont) {\n this.$set(this.queryParams,obj,cont)\n },\r\n handleCurrentChange() {\r\n\r\n },\r\n handleSizeChange() {\r\n\r\n },\r\n handleSelectionChange() {\r\n\r\n },\r\n headerBtn(item) {\r\n switch(item) {\r\n case 'A': {\r\n return\r\n }\r\n case 'M': {\r\n return\r\n }\r\n case 'D': {\r\n return\r\n }\r\n case 'Q': {\r\n return\r\n }\r\n case 'S': {\r\n return\r\n }\r\n case 'U': {\r\n return\r\n }\r\n case 'E': {\r\n return\r\n }\r\n }\r\n },\r\n init() {\r\n getObject(this.objParams).then(res => {\r\n console.log(res)\n let data = res.data\n this.queryData = data\n // 图片的显示隐藏\n if(this.queryData.showData.length !==0){\n this.queryData.showData.filter(route => {\n if(route.hrChildren.length !== 0){\n if(route.hrChildren[1].readonly == true){\n this.imgShoew = true\n }else{\n this.imgShoew = false\n }\n }\n })\n }\n if(this.xidugje == 'sx'){\n if(res.code == 200){\n this.msgSuccess(\"操作成功\");\n }\n }\n })\r\n },\n // tab数据\n edingelsietab(){\n geteditindeTab(this.tableZbietabg).then(response => {\n if(response.data.ref.length !==0){\n this.tabldie = response.data.ref\n this.tabShoes = true\n this.foremliseju()\n }else{\n this.tabShoes = false\n }\n // this.msgSuccess(\"反提交成功\");\n // this.open = false;\n // this.getList();\n });\n },\n // 列表数据\n foremliseju(){\n listIndex(this.queryParamslist).then(res => {\n console.log(res)\n let data = res.data\n this.postList = data\n this.loading = false\n this.total = res.data.total - 0\n console.log(this.total)\n console.log(this.postList,567)\n\n })\n },\r\n // tab点击\r\n tabSbu(index) {\r\n this.num = index\r\n },\r\n enditTab(index) {\r\n this.numtab = index\n this.queryParamslist.table = this.tabldie[index].tableName\n this.foremliseju()\r\n },\n changeFn(obj) {\n for(let key in obj){\n this.queryParams[key] = obj[key]\n }\n },\n resetQuery() {\n\n },\n /** 搜索按钮操作 */\n handleQuery(index) {\n if(index == 'fs'){\n this.$router.go(-1)\n return\n }else if(index == 'sx'){\n this.xidugje = 'sx'\n this.init()\n this.edingelsietab()\n return\n }\n for(let item of this.queryData.showData){\n for(var i = 0 ; i < item.hrChildren.length ; i++){\n if(item.hrChildren[i].htmlType == 'checkbox'){\n this.queryParams[item.hrChildren[i].columnName] = this.$refs[item.hrChildren[i].columnName][0].config\n }else if(item.hrChildren[i].htmlType == 'imageUpload' || item.hrChildren[i].htmlType == 'fileUpload'){\n this.queryParams[item.hrChildren[i].columnName] = JSON.stringify(this.$refs[item.hrChildren[i].columnName][0].config)\n } else{\n this.queryParams[item.hrChildren[i].columnName] = this.$refs[item.hrChildren[i].columnName][0].config[item.hrChildren[i].columnName]\n }\n }\n }\n if(index == 'D'){\n //删除\n this.handleDelete(this.deledlid)\n }else if(index == 'S'){\n //提交 保存\n // this.formeanti.table = 'obj_test'\n this.formeanti.commitData = []\n this.formy.status = 1\n // this.formy.id = 0\n this.formeanti.commitData.push(this.formy)\n console.log(this.formeanti)\n this.antiSubmission()\n }else if(index == 'U'){\n //反提交 保存\n // this.formeanti.table = 'obj_test'\n this.formeanti.commitData = []\n this.formy.status = 2\n // this.formy.id = 0\n this.formeanti.commitData.push(this.formy)\n console.log(this.formeanti)\n this.antiSubmission()\n }else if(index == 'M'){\n // 修改\n // this.forme.table = 'obj_test'\n // this.forme.objId = 1\n this.forme.fixedData = this.queryParams\n this.submitForm()\n }else if(index == 'A'){\n //新增\n // this.forme.table = 'obj_test'\n // this.forme.objId = -1\n this.msgInfo('暂不支持新增')\n return\n // this.forme.fixedData = this.queryParams\n // this.submitForm()\n }\n\n console.log(this.forme)\n // this.getList();\n },\n /** 新增 修改提交按钮 */\n submitForm: function() {\n this.$refs[\"queryForm\"].validate(valid => {\n if (valid) {\n addbjectSave(this.forme).then(response => {\n this.msgSuccess(\"保存成功\");\n this.open = false;\n this.$router.go(-1)\n // this.getList();\n });\n }\n });\n },\n // 提交反提交\n antiSubmission(){\n this.$refs[\"queryForm\"].validate(valid => {\n if (valid) {\n if (this.formy.status == 1) {\n // 提交\n tableSubimt(this.formeanti).then(response => {\n this.msgSuccess(\"提交成功\");\n this.$router.go(-1)\n // this.open = false;\n // this.getList();\n });\n } else if(this.formy.status == 2){\n // 反提交\n tableSubimtanit(this.formeanti).then(response => {\n this.msgSuccess(\"反提交成功\");\n this.$router.go(-1)\n // this.open = false;\n // this.getList();\n });\n }\n }\n });\n },\n //删除\n handleDelete(index) {\n this.$confirm('是否确认删除', \"警告\", {\n confirmButtonText: \"确定\",\n cancelButtonText: \"取消\",\n type: \"warning\"\n }).then(function() {\n return delMenutabform(index);\n }).then(() => {\n // this.getList();\n this.msgSuccess(\"删除成功\");\n this.$router.go(-1)\n })\n }\n\r\n },\r\n };\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n .tabForm {\r\n .el-collapse-item__content {\r\n padding: 0;\r\n }\r\n\r\n .table_nav {\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: 55%;\r\n // }\r\n\r\n .el-collapse {\r\n border-top: 0;\r\n }\r\n\r\n .el-divider--horizontal {\r\n margin-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 }\r\n</style>\r\n\r\n<style scoped lang=\"scss\">\r\n .tabForm {\r\n background-color: #eef0ff;\r\n height: 100%;\r\n padding: 20px;\r\n\r\n p {\r\n margin: 0;\r\n }\r\n\r\n // 头部\r\n .tabForm_header {\r\n background-color: #fff;\r\n border-radius: 6px;\r\n padding: 23px;\r\n margin-bottom: 20px;\r\n position: relative;\r\n }\r\n\r\n // 内容\r\n .table_nav {\r\n\r\n // background-color: #fff;\r\n // border-radius: 6px;\r\n // padding: 23px;\r\n .ppl {\r\n display: flex;\r\n height: 38px;\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 // tab\r\n .index_headetab {\r\n display: flex;\r\n border-bottom: 1px solid #E5E5E5;\r\n height: 53px;\r\n // padding-top: 20px;\r\n padding-bottom: 10px;\r\n margin-bottom: 20px !important;\r\n\r\n span {\r\n width: 70px;\r\n text-align: center;\r\n line-height: 53px;\r\n height: 53px;\r\n font-size: 15px;\r\n font-family: PingFang SC;\r\n font-weight: bold;\r\n color: #666;\r\n position: relative;\r\n // flex: 1;\r\n // border-bottom: ;\r\n }\r\n\r\n .span {\r\n content: '';\r\n display: block;\r\n width: 18px;\r\n height: 8px;\r\n border-radius: 3px;\r\n background-color: #3C8DBC;\r\n color: #3C8DBC !important;\r\n // position: absolute;\r\n // border-bottom: ;\r\n }\r\n\r\n .spanto {\r\n color: #3C8DBC;\r\n border-bottom: 3px solid #3C8DBC;\r\n }\r\n }\n .imge_tab{\n position: absolute;\n right: 0;\n top: 5px;\n }\r\n</style>\r\n"]}]}