| 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":1621241925646},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLnRhYkZvcm0gewogIGJhY2tncm91bmQtY29sb3I6ICNlZWYwZmY7CiAgaGVpZ2h0OiAxMDAlOwogIHBhZGRpbmc6IDIwcHg7CgogIHAgewogICAgbWFyZ2luOiAwOwogIH0KCiAgLy8g5aS06YOoCiAgLnRhYkZvcm1faGVhZGVyIHsKICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7CiAgICBib3JkZXItcmFkaXVzOiA2cHg7CiAgICBwYWRkaW5nOiAxM3B4OwogICAgbWFyZ2luLWJvdHRvbTogMTBweDsKICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsKICB9CgogIC8vIOWGheWuuQogIC50YWJsZV9uYXYgewoKICAgIC8vIGJhY2tncm91bmQtY29sb3I6ICNmZmY7CiAgICAvLyBib3JkZXItcmFkaXVzOiA2cHg7CiAgICAvLyBwYWRkaW5nOiAyM3B4OwogICAgLnBwbCB7CiAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgIGhlaWdodDogMzhweDsKCiAgICAgIHAgewogICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsKICAgICAgICB3aWR0aDogMTEzcHg7CiAgICAgICAgaGVpZ2h0OiAzOHB4OwoKICAgICAgICBpbWcgewogICAgICAgICAgcG9zaXRpb246IGFic29sdXRlOwogICAgICAgICAgdG9wOiAwOwogICAgICAgICAgbGVmdDogMDsKICAgICAgICAgIHdpZHRoOiAxMDAlOwogICAgICAgICAgaGVpZ2h0OiAxMDAlOwogICAgICAgICAgLy8gei1pbmRleDogLTE7CiAgICAgICAgfQoKICAgICAgICBzcGFuIHsKICAgICAgICAgIHdpZHRoOiAxMDAlOwogICAgICAgICAgcG9zaXRpb246IGFic29sdXRlOwogICAgICAgICAgdG9wOiAwOwogICAgICAgICAgbGVmdDogMDsKICAgICAgICAgIC8vIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUpOwogICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgICAgICAgbGluZS1oZWlnaHQ6IDM4cHg7CiAgICAgICAgICBmb250LXNpemU6IDE1cHg7CiAgICAgICAgICBmb250LWZhbWlseTogUGluZ0ZhbmcgU0M7CiAgICAgICAgICBmb250LXdlaWdodDogYm9sZDsKICAgICAgICAgIGNvbG9yOiAjYWFhOwogICAgICAgIH0KCiAgICAgICAgLnNwYW4gewogICAgICAgICAgY29sb3I6ICMzQzhEQkM7CiAgICAgICAgfQogICAgICB9CiAgICB9CiAgfQp9CgovLyB0YWIKLmluZGV4X2hlYWRldGFiIHsKICBkaXNwbGF5OiBmbGV4OwogIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjRTVFNUU1OwogIGhlaWdodDogNTNweDsKICAvLyBwYWRkaW5nLXRvcDogMjBweDsKICBwYWRkaW5nLWJvdHRvbTogMTBweDsKICBtYXJnaW4tYm90dG9tOiAyMHB4ICFpbXBvcnRhbnQ7CgogIHNwYW4gewogICAgd2lkdGg6IDcwcHg7CiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICBsaW5lLWhlaWdodDogNTNweDsKICAgIGhlaWdodDogNTNweDsKICAgIGZvbnQtc2l6ZTogMTVweDsKICAgIGZvbnQtZmFtaWx5OiBQaW5nRmFuZyBTQzsKICAgIGZvbnQtd2VpZ2h0OiBib2xkOwogICAgY29sb3I6ICM2NjY7CiAgICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgICAvLyBmbGV4OiAxOwogICAgLy8gYm9yZGVyLWJvdHRvbTogOwogIH0KCiAgLnNwYW4gewogICAgY29udGVudDogJyc7CiAgICBkaXNwbGF5OiBibG9jazsKICAgIHdpZHRoOiAxOHB4OwogICAgaGVpZ2h0OiA4cHg7CiAgICBib3JkZXItcmFkaXVzOiAzcHg7CiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjM0M4REJDOwogICAgY29sb3I6ICMzQzhEQkMgIWltcG9ydGFudDsKICAgIC8vIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgIC8vIGJvcmRlci1ib3R0b206IDsKICB9CgogIC5zcGFudG8gewogICAgY29sb3I6ICMzQzhEQkM7CiAgICBib3JkZXItYm90dG9tOiAzcHggc29saWQgIzNDOERCQzsKICB9Cn0KLmltZ2VfdGFiewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICByaWdodDogMDsKICB0b3A6IDVweDsKfQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8oBA;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\">\n <img src=\"../../../assets/images/pic_sy_ytj.png\" alt=\"\" v-if=\"imgShoew == 2\" >\n <img src=\"../../../assets/images/pic_sy_shz.png\" alt=\"\" v-if=\"imgShoew == 4\" >\n <img src=\"../../../assets/images/pic_sy_ybh.png\" alt=\"\" v-if=\"imgShoew == 3\" >\n </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 table_forem\" >\r\n <el-collapse v-model=\"activeNames\">\n <el-form :model=\"queryParams\" :rules=\"queryData.rules\" ref=\"queryForm\" :inline=\"true\" :label-width=\"this.queryData.table_column == 6 ? 80 :120\">\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 <dynamic-formsteo @modelFn=\"modelFn\" :ref=\"items.columnName\" :config=\"queryParams\" @inputs = \"changeFn\" :formConfig=\"items\" v-for=\"(items,indexs) in item.hrChildren\" :key='indexs' />\n </el-row>\n </el-collapse-item>\n </el-form>\r\n <!-- 列表 -->\r\n <el-collapse-item :title=\"title\" name=\"lised\" 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>\n <div style=\"display: flex; align-items: center; margin-bottom: 20px;\" class=\"hiueo\">\n <el-form style=\"display: flex; align-items:center;\" :model=\"queryParamstwoi\" ref=\"queryForm\" :inline=\"true\" >\n <DynamicForms :ref=\"item.columnName\" :config=\"queryParamstwoi\" @inputs=\"changeFn\" :formConfig=\"item\" v-for=\"(item,index) in queryDatatao.queryList\"\n :key='index' />\n <el-form-item>\n <el-button type=\"primary\" icon=\"el-icon-search\" size=\"mini\" @click=\"handleQueryiu\">搜索</el-button>\n <el-button icon=\"el-icon-refresh\" size=\"mini\" @click=\"resetQuery\">重置</el-button>\n </el-form-item>\n </el-form>\n <el-button type=\"primary\" size=\"small\" plain v-for=\"(item,indexss) in jeigneutwo\" :key=\"item + indexss\"\n @click=\"handleQueryju(item)\">{{item}}</el-button>\n </div>\n\r\n <el-table v-loading=\"loading\" :data=\"postList.rows\" @selection-change=\"handleSelectionChange\">\n <el-table-column type=\"selection\" width=\"55\" style=\"color: red;\" align=\"center\" />\n <template v-for=\"(item, index) in postList.tableHeadList\">\n <el-table-column :label=\"item.columnComment\" align=\"center\" :prop=\"item.columnName\" :key=\"index\" >\n <template slot-scope=\"scope\">\n <img class=\"img_icon\" v-if=\"item.htmlType=='imageUpload' && scope.row[scope.column.property]\" @click=\"imgBtn(JSON.parse(scope.row[scope.column.property])[0].url)\"\n :src=\"JSON.parse(scope.row[scope.column.property])[0].url\" alt=\"\">\n <span :style=\"scope.row.list_class\" v-else-if=\"item.columnName == 'status' \" >{{ scope.row[scope.column.property] }}</span>\n <span v-else>{{ scope.row[scope.column.property] }}</span>\n </template>\n </el-table-column>\n </template>\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 </div>\r\n </el-collapse-item>\r\n </el-collapse>\n <BigPicture ref=\"BigPicture\" :urls=\"pir_imgs\"></BigPicture>\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,\n getObjectqure\r\n } from '@/api/system/form.js'\r\n\r\n export default {\r\n name: \"index\",\n inject: ['reload'],\r\n data() {\r\n return {\n pir_imgs: '', // 图片链接\r\n num: 0,\n // 总条数\n total: 0,\r\n loading:true,\r\n tabList: {},\r\n currentPage3: 0,\r\n activeNames: [0,'lised'],\r\n title: '列表',\r\n objParams: {\r\n table: '',\r\n fixedData: {\r\n id: -1\r\n },\n isUi:true\r\n },\n objParamstue:{\n table: ''\n },\n queryData: {},\n queryDatatao:{},\r\n // 查询参数\r\n queryParams: {\r\n dictName: undefined,\r\n dictType: undefined,\r\n status: undefined\r\n },\n queryParamstwoi:{\n dictName: undefined,\n dictType: undefined,\n status: undefined\n },\n queryParamslist: {\n pageNo: 1,\n pageSize: 10,\n orderBy:'create_time desc',\n table: '',\n fixedData:{\n condition:{}\n }\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:1,\n jeigneu: [],\n jeigneutwo: [],\n single: true,\n multiple: true,\n tabName:'',\n oieufr:''\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.oieufr = 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.objParamstue.fixedData.id = this.$route.query.id\n this.init()\n this.edingelsietab()\r\n },\r\n methods: {\n imgBtn(url) {\n this.pir_imgs = url\n this.$refs.BigPicture.hidden.status = true\n },\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 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 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.cssClass !== null){\n this.imgShoew = route.cssClass\n if(route.cssClass == 2 || route.cssClass == 4){\n route.hrChildren.filter(routers =>{\n routers.isonliy = true\n if(this.queryData.table_column == undefined){\n this.queryData.table_column = null\n }\n routers.tableColumnuy = this.queryData.table_column\n })\n }else{\n route.hrChildren.filter(routers =>{\n routers.isonliy = false\n if(this.queryData.table_column == undefined){\n this.queryData.table_column = null\n }\n routers.tableColumnuy = this.queryData.table_column\n })\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.queryParamslist.table = this.tabldie[0].tableName\n this.objParamstue.table = this.tabldie[0].tableName\n this.tabName = this.tabldie[0].tableName\n this.tabShoes = true\n this.foremliseju()\n this.foremlisejuque()\n }else{\n this.tabShoes = false\n }\n });\n },\n // 列表数据\n foremliseju(){\n listIndex(this.queryParamslist).then(res => {\n let data = res.data\n this.postList = data\n this.loading = false\n this.total = res.data.total - 0\n\n })\n },\n // 列表查询接口\n foremlisejuque(){\n getObjectqure(this.objParamstue).then(res => {\n let data = res.data\n this.queryDatatao = res.data\n this.jeigneutwo = []\n this.jeigneu = []\n this.jeigneu = data.buttonList.split('')\n this.jeigneu.filter(route => {\n // route.dept_id = route.dept_id.value\n if (route == 'A') {\n\n route = '新增'\n this.jeigneutwo.push(route)\n } else if (route == 'M') {\n route = '修改'\n this.jeigneutwo.push(route)\n } else if (route == 'D') {\n route = '删除'\n if (this.formy.id != -1) {\n this.jeigneutwo.push(route)\n }\n } else if (route == 'Q') {\n route = '查询'\n this.jeigneutwo.push(route)\n } else if (route == 'S') {\n route = '提交'\n if (this.formy.id != -1) {\n this.jeigneutwo.push(route)\n }\n } else if (route == 'U') {\n route = '反提交'\n if (this.formy.id != -1) {\n this.jeigneutwo.push(route)\n }\n } else if (route == 'I') {\n route = '导入'\n this.jeigneutwo.push(route)\n } else if (route == 'E') {\n route = '导出'\n this.jeigneutwo.push(route)\n }\n\n })\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.tabName = 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 == 'fh'){\n this.$store.dispatch(\"tagsView/delView\", this.$route);\n this.$router.go(-1)\n return\n }else if(index == 'sx'){\n this.xidugje = 'sx'\n this.reload()\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 if(this.$refs[item.hrChildren[i].columnName][0].config.length){\n this.queryParams[item.hrChildren[i].columnName] = JSON.stringify(this.$refs[item.hrChildren[i].columnName][0].config)\n }\n } else if (item.hrChildren[i].htmlType == 'datetime') {\r\n if (this.$refs[item.hrChildren[i].columnName][0].config[item.hrChildren[i].columnName]) {\r\n this.queryParams[item.hrChildren[i].columnName] = this.$refs[item.hrChildren[i].columnName][0].config[item.hrChildren[i].columnName]\r\n }else{\n this.queryParams[item.hrChildren[i].columnName] = null\n }\r\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.commitData = []\n this.formy.status = 1\n this.formeanti.commitData.push(this.formy)\n this.antiSubmission()\n }else if(index == 'U'){\n //反提交 保存\n this.formeanti.commitData = []\n this.formy.status = 2\n this.formeanti.commitData.push(this.formy)\n this.antiSubmission()\n }else if(index == 'M'){\n // 修改\n this.forme.fixedData = this.queryParams\n this.submitForm()\n }else if(index == 'A'){\n this.forme.fixedData = this.queryParams\n this.submitForm()\n }\n\n // this.getList();\n },\n // 搜索列表\n handleQueryiu(){\n for(let item of this.queryDatatao.queryList){\n if(item.htmlType == 'checkbox'){\n this.queryParamstwoi[item.columnName] = this.$refs[item.columnName][0].config\n }else if(item.htmlType == 'imageUpload' || item.htmlType == 'fileUpload'){\n this.queryParamstwoi[item.columnName] = JSON.stringify(this.$refs[item.columnName][0].config)\n } else{\n this.queryParamstwoi[item.columnName] = this.$refs[item.columnName][0].config[item.columnName]\n }\n\n }\n for(var items in this.queryParamstwoi){\n if(this.queryParamstwoi[items] == ''){\n this.queryParamstwoi[items] = undefined\n }\n }\n this.queryParamslist.fixedData.condition = this.queryParamstwoi\n this.foremliseju()\n\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.$store.dispatch(\"tagsView/delView\", this.$route);\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.$store.dispatch(\"tagsView/delView\", this.$route);\n this.$router.go(-1)\n // this.getList();\n });\n } else if(this.formy.status == 2){\n // 反提交\n tableSubimtanit(this.formeanti).then(response => {\n this.msgSuccess(\"反提交成功\");\n this.$store.dispatch(\"tagsView/delView\", this.$route);\n this.$router.go(-1)\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.$store.dispatch(\"tagsView/delView\", this.$route);\n this.$router.go(-1)\n })\n },\n // 列表删除\n handleDeletetwo(index){\n index.idList = this.ids\n index.table = this.tabName\n this.$confirm('是否确认删除', \"警告\", {\n confirmButtonText: \"确定\",\n cancelButtonText: \"取消\",\n type: \"warning\"\n }).then(function() {\n return delMenutabform(index);\n }).then(() => {\n this.foremliseju();\n this.msgSuccess(\"删除成功\");\n // this.$router.go(-1)\n })\n },\n // 多选框选中数据\n handleSelectionChange(selection) {\n this.ids = selection.map(item => item.id)\n // console.log(this.ids)\n this.single = selection.length != 1\n this.multiple = !selection.length\n },\n handleQueryju(index){\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 if(this.$refs[item.hrChildren[i].columnName][0].config.length){\n this.queryParams[item.hrChildren[i].columnName] = JSON.stringify(this.$refs[item.hrChildren[i].columnName][0].config)\n }\n } else {\n this.queryParams[item.hrChildren[i].columnName] = this.$refs[item.hrChildren[i].columnName][0].config[\n item.hrChildren[i].columnName]\n }\n }\n }\n if (this.queryParams.pageNum !== undefined) {\n this.queryParams.pageNum = undefined\n }\n if (this.queryParams.pageSize !== undefined) {\n this.queryParams.pageSize = undefined\n }\n if (index == '删除') {\n //删除\n this.handleDeletetwo(this.deledlid)\n } else if(index == '新增'){\n this.routerFn(-1, this.tabName,this.oieufr,this.forme.table)\n }else if(index == '修改'){\n if (this.single) {\n this.msgInfo('请勾选一条信息')\n return\n }\n const id = this.ids.join(',')\n this.routerFn(id, this.tabName,this.oieufr,this.forme.table)\n }\n },\n routerFn(id, tables,tabfe, tabik) {\n if (this.queryDatatao.viewType == 'crud') {\n this.$router.push({\n path: 'table',\n query: {\n id,\n tables,\n tabfe,\n tabik\n },\n })\n } else if (this.queryDatatao.viewType == 'headTab') {\n this.$router.push({\n path: 'editing',\n query: {\n id,\n tables,\n tabfe,\n tabik\n },\n })\n }\n },\n\r\n },\r\n };\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n .tabForm {\n .hiueo{\n .el-form-item{\n margin-bottom: 0 !important;\n }\n }\n\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;\n border: 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;\n padding-top: 0;\r\n margin-bottom: 10px;\r\n }\r\n }\r\n }\n .table_forem{\n .el-form--inline .el-form-item{\n width: 100% !important;\n }\n .el-select{\n width: 100%;\n }\n .el-date-editor.el-input{\n width: 100% !important;\n }\n .el-form-item--medium .el-form-item__content{\n width: 70%;\n }\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: 13px;\r\n margin-bottom: 10px;\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"]}]}
|
