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