{"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=0&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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoudGFiRm9ybSB7CiAgLmVsLWNvbGxhcHNlLWl0ZW1fX2NvbnRlbnQgewogICAgcGFkZGluZzogMDsKICB9CgogIC50YWJsZV9uYXYgewogICAgLmVsLWNvbGxhcHNlLWl0ZW1fX3dyYXAgewogICAgICBib3JkZXItYm90dG9tOiAwOwogICAgfQoKICAgIC5lbC1jb2xsYXBzZS1pdGVtX19oZWFkZXIgewogICAgICBib3JkZXItYm90dG9tOiAwOwogICAgICBmb250LXNpemU6IDE1cHg7CiAgICAgIGZvbnQtZmFtaWx5OiBQaW5nRmFuZyBTQzsKICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7CiAgICAgIGNvbG9yOiAjM0M4REJDOwogICAgICBsaW5lLWhlaWdodDogMzZweDsKICAgIH0KCiAgICAvLyAuZWwtZm9ybS1pdGVtX19jb250ZW50IHsKICAgIC8vICAgd2lkdGg6IDU1JTsKICAgIC8vIH0KCiAgICAuZWwtY29sbGFwc2UgewogICAgICBib3JkZXItdG9wOiAwOwogICAgfQoKICAgIC5lbC1kaXZpZGVyLS1ob3Jpem9udGFsIHsKICAgICAgbWFyZ2luLXRvcDogMDsKICAgIH0KCiAgICAuZWl0ZGUgewogICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOwogICAgICBib3JkZXItcmFkaXVzOiA2cHg7CiAgICAgIHBhZGRpbmc6IDIzcHg7CiAgICAgIG1hcmdpbi1ib3R0b206IDIwcHg7CiAgICB9CiAgfQp9Cg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqYA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;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"]}]}