{"remainingRequest":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\boman-framwork\\ruoyi-ui\\src\\views\\tool\\gen\\editTable.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"E:\\boman-framwork\\ruoyi-ui\\src\\views\\tool\\gen\\editTable.vue","mtime":1619667088383},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi5wYWdpbmF0aW9uLWNvbnRhaW5lciB7CiAgaGVpZ2h0OiAzNXB4Owp9CgoucmVzaXplTm9uZSB7CiAgd2lkdGg6IDYwdnc7CiAgYm9yZGVyLXJhZGl1czogM3B4OwoKICAuZWwtdGV4dGFyZWFfX2lubmVyIHsKICAgIC8vZWxfaW5wdXTkuK3nmoTpmpDol4/lsZ7mgKcKICAgIHJlc2l6ZTogbm9uZTsgLy/kuLvopoHmmK/ov5nkuKrmoLflvI8KICAgIGhlaWdodDogMjAwcHg7CiAgfQp9Cg=="},{"version":3,"sources":["editTable.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2+BA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA","file":"editTable.vue","sourceRoot":"src/views/tool/gen","sourcesContent":["<template>\r\n  <el-card>\r\n    <el-row type=\"flex\" justify=\"space-between\">\r\n      <el-col :span=\"1.5\" style=\"display: flex; align-items: center;\">\r\n        <el-form label-width=\"100px\" style=\"display: flex; align-items: center;\">\r\n          <el-form-item style=\"text-align: center;margin: 0 0 0 -100px;\">\r\n            <el-button size=\"mini\" type=\"primary\" v-if=\"activeName=='basic' || activeName=='cloum'\" @click=\"submitForm()\">保存</el-button>\r\n            <el-button size=\"mini\" @click=\"close()\">返回</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-col>\r\n    </el-row>\r\n\r\n    <el-tabs v-model=\"activeName\">\r\n      <el-tab-pane label=\"基本信息\" name=\"basic\">\r\n        <basic-info-form ref=\"basicInfo\" :info=\"info\" />\r\n      </el-tab-pane>\r\n      <el-tab-pane label=\"字段信息\" name=\"cloum\">\r\n        <el-row type=\"flex\" style=\"margin-bottom: 20px;\" v-if=\"activeName=='cloum'\" :gutter=\"10\" justify=\"end\">\r\n          <el-col :span=\"1.5\" style=\"display: flex; align-items: center;\">\r\n            <el-button style=\"background-color: #FFE9ED;color: #E58481;border: 1px solid #E58481;\" type=\"warning\" plain\r\n              icon=\"el-icon-plus\" size=\"mini\" @click=\"handleAdd\" v-hasPermi=\"['system:post:add']\">新增</el-button>\r\n          </el-col>\r\n          <el-col :span=\"1.5\" style=\"display: flex; align-items: center;\">\r\n            <el-button type=\"danger\" plain icon=\"el-icon-delete\" size=\"mini\" :disabled=\"multiple\" @click=\"handleDelete\"\r\n              v-hasPermi=\"['system:post:remove']\" style=\"background-color: #FFD6B0;color: #EA551A;border: 1px solid #F4AD6B;\">删除</el-button>\r\n          </el-col>\r\n          <!-- <right-toolbar :showSearch.sync=\"showSearch\" @queryTable=\"getList\"></right-toolbar> -->\r\n        </el-row>\r\n        <el-table ref=\"dragTable\" @row-dblclick=\"dbSelectedZd\" align=\"center\" :data=\"cloumns\" row-key=\"columnId\"\r\n          :max-height=\"tableHeight\" @selection-change=\"handleSelectionChange\">\r\n          <el-table-column type=\"selection\" width=\"55\" align=\"center\" />\r\n          <el-table-column label=\"序号\" type=\"index\" min-width=\"5%\" class-name=\"allowDrag\" align=\"center\" />\r\n          <el-table-column label=\"字段列名\" prop=\"columnName\" min-width=\"10%\" :show-overflow-tooltip=\"true\" align=\"center\" />\r\n          <el-table-column label=\"字段描述\" min-width=\"10%\" align=\"center\">\r\n            <template slot-scope=\"scope\">\r\n              <el-input v-model=\"scope.row.columnComment\"></el-input>\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column label=\"物理类型\" prop=\"columnType\" align=\"center\" min-width=\"10%\" :show-overflow-tooltip=\"true\" />\r\n          <el-table-column label=\"字段显示规则\" align=\"center\" prop=\"mask\" min-width=\"13%\" />\r\n          <el-table-column label=\"排序\" min-width=\"8%\" align=\"center\" prop=\"sort\" />\r\n          <el-table-column label=\"输入字段\" min-width=\"10%\" align=\"center\">\r\n            <template slot-scope=\"scope\">\r\n              <el-checkbox true-label=\"Y\" false-label=\"N\" v-model=\"scope.row.isIn\"></el-checkbox>\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column label=\"显示字段\" min-width=\"10%\" align=\"center\">\r\n            <template slot-scope=\"scope\">\r\n              <el-checkbox true-label=\"Y\" false-label=\"N\" v-model=\"scope.row.isOut\"></el-checkbox>\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column label=\"查询\" min-width=\"8%\" align=\"center\">\r\n            <template slot-scope=\"scope\">\r\n              <el-checkbox true-label=\"1\" false-label=\"0\" v-model=\"scope.row.isQuery\"></el-checkbox>\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column label=\"关联HR字段\" min-width=\"13%\" align=\"center\" prop=\"hrParentId\">\r\n            <template slot-scope=\"scope\">\r\n              <div>\r\n                {{scope.row.hrParentName}}\r\n              </div>\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column label=\"缺省值\" min-width=\"10%\" align=\"center\" prop=\"defaultValue\" />\r\n          <el-table-column label=\"外键\" min-width=\"10%\" align=\"center\" prop=\"foreignKey\">\r\n            <template slot-scope=\"scope\">\r\n              <div>\n                {{scope.row.foreignKeyName}}\r\n              </div>\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column label=\"必填\" min-width=\"8%\" align=\"center\">\r\n            <template slot-scope=\"scope\">\r\n              <el-checkbox true-label=\"1\" false-label=\"0\" v-model=\"scope.row.isRequired\"></el-checkbox>\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column label=\"显示类型\" min-width=\"12%\" align=\"center\">\r\n            <template slot-scope=\"scope\">\r\n              <el-select v-model=\"scope.row.htmlType\">\r\n                <el-option label=\"文本框\" value=\"input\" />\r\n                <el-option label=\"文本域\" value=\"textarea\" />\r\n                <el-option label=\"下拉框\" value=\"select\" />\r\n                <el-option label=\"单选框\" value=\"radio\" />\r\n                <el-option label=\"复选框\" value=\"checkbox\" />\r\n                <el-option label=\"日期控件\" value=\"datetime\" />\r\n                <el-option label=\"图片上传\" value=\"imageUpload\" />\r\n                <el-option label=\"文件上传\" value=\"fileUpload\" />\r\n                <el-option label=\"富文本控件\" value=\"editor\" />\r\n                <el-option label=\"hr\" value=\"hr\" />\r\n              </el-select>\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column label=\"字典类型\" min-width=\"12%\" align=\"center\">\r\n            <template slot-scope=\"scope\">\r\n              <el-select v-model=\"scope.row.dictType\" clearable filterable placeholder=\"请选择\">\r\n                <el-option v-for=\"dict in dictOptions\" :key=\"dict.dictType\" :label=\"dict.dictName\" :value=\"dict.dictType\">\r\n                  <span style=\"float: left\">{{ dict.dictName }}</span>\r\n                  <span style=\"float: right; color: #8492a6; font-size: 13px\">{{ dict.dictType }}</span>\r\n                </el-option>\r\n              </el-select>\r\n            </template>\r\n          </el-table-column>\r\n        </el-table>\r\n        <!-- 添加或修改岗位对话框 -->\r\n        <el-dialog :close-on-click-modal=\"false\" :title=\"title\" :visible.sync=\"openZd\" width=\"70vw\" append-to-body>\r\n          <el-form ref=\"formZd\" :model=\"formZd\" :rules=\"rulesZd\" label-width=\"120px\">\r\n            <el-row>\r\n              <el-col :span=\"8\">\r\n                <el-form-item label=\"字段名：\" prop=\"columnName\">\r\n                  <el-input :disabled=\"this.formZd.id\" v-model=\"formZd.columnName\" placeholder=\"请输入字段名\" />\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"8\">\r\n                <el-form-item label=\"字段描述：\" prop=\"columnComment\">\r\n                  <el-input v-model=\"formZd.columnComment\" placeholder=\"请输入字段描述\" />\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"8\">\r\n                <el-form-item label=\"物理类型：\" prop=\"columnType\">\r\n                  <el-input v-model=\"formZd.columnType\" placeholder=\"请输入物理类型\" />\r\n                </el-form-item>\r\n              </el-col>\r\n            </el-row>\r\n            <el-row>\r\n              <el-col :span=\"8\">\r\n                <el-form-item label=\"字段显示规则：\" prop=\"mask\">\r\n                  <el-input v-model=\"formZd.mask\" placeholder=\"请输入字段显示规则\" />\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"8\">\r\n                <el-form-item label=\"排序：\" prop=\"sort\">\r\n                  <el-input-number style=\"width: 100%;\" v-model=\"formZd.sort\" placeholder=\"请输入排序\" />\r\n                </el-form-item>\r\n              </el-col>\n              <el-col :span=\"8\">\n                <el-form-item label=\"正则表达式：\" prop=\"regular\">\n                  <el-input v-model=\"formZd.regular\" placeholder=\"请输入正则表达式\" />\n                </el-form-item>\n              </el-col>\r\n            </el-row>\r\n\r\n            <el-row>\n              <el-col :span=\"8\">\n                <el-form-item label=\"外键(FK)：\" prop=\"foreignKey\">\n                  <!-- <el-select style=\"width: 100%;\" filterable v-model=\"formZd.foreignKey\" placeholder=\"请选择外键(FK)\" clearable size=\"small\">\n                    <el-option v-for=\"dict in columList\" :key=\"dict.columnId\" :label=\"dict.columnName\" :value=\"dict.columnId\" />\n                  </el-select> -->\n                  <div style=\"cursor: pointer;\" @click=\"fkzdFn\">\n                    <el-input readonly style=\"width: 100%;\" clearable v-model=\"ForeName\" placeholder=\"请选择外键(FK)\" />\n                  </div>\n                </el-form-item>\n              </el-col>\r\n              <el-col :span=\"8\">\r\n                <el-form-item label=\"关联HR字段：\" prop=\"hrParentId\">\r\n                  <el-select style=\"width: 100%;\" v-model=\"formZd.hrParentId\" placeholder=\"请选择关联HR字段\" clearable>\r\n                    <el-option v-for=\"dict in columHRList\" :key=\"dict.id\" :label=\"dict.columnName\" :value=\"dict.id\" />\r\n                  </el-select>\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"8\">\r\n                <el-form-item label=\"缺省值：\" prop=\"defaultValue\">\r\n                  <el-input v-model=\"formZd.defaultValue\" placeholder=\"请输入缺省值\" />\r\n                </el-form-item>\r\n              </el-col>\r\n            </el-row>\r\n            <el-row>\n              <el-col :span=\"8\">\n                <el-form-item label=\"行数：\" prop=\"numRows\">\n                  <el-input-number style=\"width: 100%;\" v-model=\"formZd.numRows\" placeholder=\"请输入行数\" />\n                </el-form-item>\n              </el-col>\r\n              <el-col :span=\"8\">\r\n                <el-form-item label=\"列数：\" prop=\"numColumns\">\r\n                  <el-input-number style=\"width: 100%;\" v-model=\"formZd.numColumns\" placeholder=\"请输入列数\" />\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"8\">\r\n                <el-form-item label=\"字段翻译器：\" prop=\"fieldTranslator\">\r\n                  <el-input v-model=\"formZd.fieldTranslator\" placeholder=\"请输入字段翻译器\" />\r\n                </el-form-item>\r\n              </el-col>\r\n            </el-row>\r\n            <el-row>\n              <el-col :span=\"8\">\n                <el-form-item label=\"扩展属性：\" prop=\"extendedAttributes\">\n                  <el-input v-model=\"formZd.extendedAttributes\" placeholder=\"请输入扩展属性\" />\n                </el-form-item>\n              </el-col>\r\n              <el-col :span=\"8\">\r\n                <el-form-item label=\"查询方式：\" prop=\"queryType\">\r\n                  <el-select style=\"width: 100%;\" v-model=\"formZd.queryType\">\r\n                    <el-option label=\"=\" value=\"EQ\" />\r\n                    <el-option label=\"!=\" value=\"NE\" />\r\n                    <el-option label=\">\" value=\"GT\" />\r\n                    <el-option label=\">=\" value=\"GTE\" />\r\n                    <el-option label=\"<\" value=\"LT\" />\r\n                    <el-option label=\"<=\" value=\"LTE\" />\r\n                    <el-option label=\"LIKE\" value=\"LIKE\" />\r\n                    <el-option label=\"BETWEEN\" value=\"BETWEEN\" />\r\n                  </el-select>\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"8\">\r\n                <el-form-item label=\"显示类型：\" prop=\"htmlType\">\r\n                  <el-select style=\"width: 100%;\" v-model=\"formZd.htmlType\">\r\n                    <el-option label=\"文本框\" value=\"input\" />\r\n                    <el-option label=\"文本域\" value=\"textarea\" />\r\n                    <el-option label=\"下拉框\" value=\"select\" />\r\n                    <el-option label=\"单选框\" value=\"radio\" />\r\n                    <el-option label=\"复选框\" value=\"checkbox\" />\r\n                    <el-option label=\"日期控件\" value=\"datetime\" />\r\n                    <el-option label=\"图片上传\" value=\"imageUpload\" />\r\n                    <el-option label=\"文件上传\" value=\"fileUpload\" />\r\n                    <el-option label=\"富文本控件\" value=\"editor\" />\r\n                    <el-option label=\"hr\" value=\"hr\" />\r\n                  </el-select>\r\n                </el-form-item>\r\n              </el-col>\r\n            </el-row>\r\n            <el-row>\n              <el-col :span=\"8\">\n                <el-form-item label=\"字典类型：\" prop=\"dictType\">\n                  <template slot-scope=\"scope\">\n                    <el-select style=\"width: 100%;\" v-model=\"formZd.dictType\" clearable filterable placeholder=\"请选择\">\n                      <el-option v-for=\"dict in dictOptions\" :key=\"dict.dictType\" :label=\"dict.dictName\" :value=\"dict.dictType\">\n                        <span style=\"float: left\">{{ dict.dictName }}</span>\n                        <span style=\"float: right; color: #8492a6; font-size: 13px\">{{ dict.dictType }}</span>\n                      </el-option>\n                    </el-select>\n                  </template>\n                </el-form-item>\n              </el-col>\r\n              <el-col :span=\"8\">\r\n                <el-form-item label=\"显示字段\" prop=\"isOut\">\r\n                  <el-checkbox true-label=\"Y\" false-label=\"N\" v-model=\"formZd.isOut\"></el-checkbox>\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"8\">\r\n                <el-form-item label=\"输入字段\" prop=\"isIn\">\r\n                  <el-checkbox true-label=\"Y\" false-label=\"N\" v-model=\"formZd.isIn\"></el-checkbox>\r\n                </el-form-item>\r\n              </el-col>\r\n            </el-row>\r\n            <el-row>\n              <el-col :span=\"8\">\n                <el-form-item label=\"查询条件\" prop=\"isQuery\">\n                  <el-checkbox true-label=\"1\" false-label=\"0\" v-model=\"formZd.isQuery\"></el-checkbox>\n                </el-form-item>\n              </el-col>\r\n              <el-col :span=\"8\">\r\n                <el-form-item label=\"必填\" prop=\"isRequired\">\r\n                  <el-checkbox true-label=\"1\" false-label=\"0\" v-model=\"formZd.isRequired\"></el-checkbox>\r\n                </el-form-item>\r\n              </el-col>\r\n            </el-row>\r\n          </el-form>\r\n          <div slot=\"footer\" class=\"dialog-footer\">\r\n            <el-button type=\"primary\" @click=\"submitFormZd\">确 定</el-button>\r\n            <el-button @click=\"cancel\">取 消</el-button>\r\n          </div>\r\n        </el-dialog>\r\n      </el-tab-pane>\r\n      <!-- <el-tab-pane label=\"生成信息\" name=\"genInfo\">\r\n        <gen-info-form ref=\"genInfo\" :info=\"info\" :tables=\"tables\" :menus=\"menus\"/>\r\n      </el-tab-pane> -->\r\n      <el-tab-pane label=\"关联表\" name=\"genInfo\">\r\n        <el-row style=\"margin-bottom: 20px;\" type=\"flex\" :gutter=\"10\" justify=\"end\">\r\n          <el-col :span=\"1.5\">\r\n            <el-button @click=\"handleAdd_gl\" icon=\"el-icon-plus\" size=\"mini\" style=\"background-color: #FFE9ED;color: #E58481;border: 1px solid #E58481;\">新增</el-button>\r\n          </el-col>\r\n          <el-col :span=\"1.5\">\r\n            <el-button icon=\"el-icon-delete\" @click=\"handleDel_gl\" size=\"mini\" style=\"background-color: #FFD6B0;color: #EA551A;border: 1px solid #F4AD6B;\"\r\n              :disabled=\"multiple1\">删除</el-button>\r\n          </el-col>\r\n        </el-row>\r\n        <el-table ref=\"dragTable\" @row-dblclick=\"dbSelected\" v-loading=\"loading\" :data=\"postList\" row-key=\"columnId\"\r\n          align=\"center\" :max-height=\"tableHeight\" @selection-change=\"handleSelectionChange1\">\r\n          <el-table-column type=\"selection\" width=\"55\" align=\"center\" />\r\n          <el-table-column label=\"id\" width=\"60\" align=\"center\" prop=\"id\" />\r\n          <el-table-column label=\"可用\" align=\"center\" prop=\"isDel\">\r\n            <template slot-scope=\"scope\">\r\n              <el-checkbox true-label=\"Y\" disabled false-label=\"N\" v-model=\"scope.row.isDel\"></el-checkbox>\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column label=\"序号\" align=\"center\" prop=\"sort\" />\r\n          <el-table-column label=\"描述\" align=\"center\" prop=\"description\" />\r\n          <el-table-column label=\"关联表\" align=\"center\" prop=\"tableName\" />\r\n          <el-table-column label=\"字段（关联到主表PK）\" width=\"160px\" align=\"center\" prop=\"columnName\" />\r\n          <el-table-column label=\"显示条件\" align=\"center\" prop=\"displayConditions\" />\r\n          <el-table-column label=\"关联方式\" align=\"center\" prop=\"relationType\">\r\n            <template slot-scope=\"scope\">\r\n              {{scope.row.relationType | relationTypeFn}}\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column label=\"内嵌编辑\" align=\"center\" prop=\"embedEdit\">\r\n            <template slot-scope=\"scope\">\r\n              {{scope.row.embedEdit | embedEditFn}}\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column label=\"修改人\" align=\"center\" prop=\"updateBy\" />\r\n          <el-table-column label=\"修改时间\" align=\"center\" prop=\"updateTime\" />\r\n        </el-table>\r\n        <pagination v-show=\"total>0\" :total=\"total\" :page.sync=\"queryParams.pageNum\" :limit.sync=\"queryParams.pageSize\"\r\n          @pagination=\"tabList\" />\r\n      </el-tab-pane>\r\n      <el-tab-pane label=\"数据库SQL\" name=\"genSql\">\r\n        <el-row type=\"flex\" justify=\"end\">\r\n          <el-button @click=\"zxCreaBtn\" size=\"mini\" style=\"background-color: #FFE9ED;color: #E58481;border: 1px solid #E58481;\">执行创建语句</el-button>\r\n          <el-button @click=\"sxCreaBtn\" size=\"mini\" style=\"background-color: #FFD6B0;color: #EA551A;border: 1px solid #F4AD6B;\">刷新创建语句</el-button>\r\n        </el-row>\r\n        <el-form>\r\n          <el-form-item label=\"创建语句：\" style=\"margin-top: 20px;\">\r\n            <el-input class=\"resizeNone\" v-model=\"tableSqlData.createSql\" type=\"textarea\" />\r\n          </el-form-item>\r\n          <el-form-item label=\"修改日志：\">\r\n            <el-input class=\"resizeNone\" v-model=\"tableSqlData.createLog\" type=\"textarea\" />\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-tab-pane>\r\n    </el-tabs>\r\n    <!-- 添加或修改岗位对话框 -->\r\n    <el-dialog :close-on-click-modal=\"false\" :title=\"title\" :visible.sync=\"open\" width=\"500px\" append-to-body>\r\n      <el-form ref=\"form\" :model=\"form\" :rules=\"rules\" label-width=\"100px\">\r\n        <el-form-item label=\"描述：\" prop=\"postName\">\r\n          <el-input v-model=\"form.description\" placeholder=\"请输入描述\" />\r\n        </el-form-item>\r\n        <el-form-item label=\"关联表：\" prop=\"relationParentId\">\r\n          <el-select style=\"width: 100%;\" v-model=\"form.relationParentId\" placeholder=\"请选择关联表\" @change=\"relationFn\"\r\n            v-loadmore=\"loadMore\">\r\n            <el-option v-for=\"item in tableList.rows\" :key=\"item.tableId\" :label=\"item.tableComment\" :value=\"item.tableId\">\r\n            </el-option>\r\n          </el-select>\r\n        </el-form-item>\r\n        <el-form-item label=\"字段：\" prop=\"relationChildId\">\r\n          <el-select style=\"width: 100%;\" v-model=\"form.relationChildId\" placeholder=\"请选择字段\" v-loadmore=\"loadMore\">\r\n            <el-option v-for=\"item in genList\" v-if=\"item.foreignKey\" :key=\"item.columnId\" :label=\"item.columnName\" :value=\"item.columnId\">\r\n            </el-option>\r\n          </el-select>\r\n        </el-form-item>\r\n        <el-form-item label=\"显示条件：\" prop=\"displayConditions\">\r\n          <el-input v-model=\"form.displayConditions\" controls-position=\"right\" placeholder=\"请输入显示条件\" />\r\n        </el-form-item>\r\n        <el-form-item label=\"关联方式：\" prop=\"relationType\">\r\n          <el-select style=\"width: 100%;\" v-model=\"form.relationType\" placeholder=\"请选择关联方式\" clearable size=\"small\">\r\n            <el-option v-for=\"dict in relationType\" :key=\"dict.dictValue\" :label=\"dict.dictLabel\" :value=\"dict.dictValue\" />\r\n          </el-select>\r\n        </el-form-item>\r\n        <el-form-item label=\"内嵌编辑：\" prop=\"embedEdit\">\r\n          <el-select style=\"width: 100%;\" v-model=\"form.embedEdit\" placeholder=\"岗位状态\" clearable size=\"small\">\r\n            <el-option v-for=\"dict in embedEdit\" :key=\"dict.dictValue\" :label=\"dict.dictLabel\" :value=\"dict.dictValue\" />\r\n          </el-select>\r\n        </el-form-item>\r\n        <el-form-item label=\"序号：\" prop=\"sort\">\r\n          <el-input-number style=\"width: 100%;\" v-model=\"form.sort\" controls-position=\"right\" :min=\"0\" />\r\n        </el-form-item>\r\n        <el-form-item label=\"是否可用：\" prop=\"isDel\">\r\n          <el-checkbox true-label=\"Y\" false-label=\"N\" v-model=\"form.isDel\"></el-checkbox>\r\n        </el-form-item>\r\n      </el-form>\r\n      <div slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button type=\"primary\" @click=\"addGlfn\">确 定</el-button>\r\n        <el-button @click=\"cancel\">取 消</el-button>\r\n      </div>\r\n    </el-dialog>\r\n    <!-- 快速搜索对话框 -->\r\n    <el-dialog :close-on-click-modal=\"false\" :title=\"titleopenquery\" :visible.sync=\"openquery\" width=\"1200px\" append-to-body>\r\n      <el-form ref=\"formquery\" @row-dblclick=\"dbSelectedZd\" :model=\"formquery\" :rules=\"rules\" label-width=\"100px\">\r\n          <dynamic-forms :ref=\"item.columnName\" :config=\"formquery.fixedData\" @inputs = \"changeFn\" :formConfig=\"item\" v-for=\"(item,index) in queryData.queryList\" :key='index' />\r\n      <el-form-item style=\"display: inline-block;\">\r\n        <el-button type=\"primary\"   @click=\"handleQuery\">搜索</el-button>\r\n        <el-button   @click=\"openquery = false\">取消</el-button>\r\n      </el-form-item>\r\n      </el-form>\r\n      <el-table stripe @row-dblclick=\"tableBtn\" :data=\"postListquery.rows\" @selection-change=\"handleSelectionChange\">\r\n        <el-table-column :label=\"item.columnComment\" align=\"center\" :prop=\"item.columnName\" v-for=\"(item,index) in postListquery.tableHeadList\" :key=\"index\"  />\r\n      </el-table>\r\n      <pagination\r\n        v-show=\"totalquery>0\"\r\n        :total=\"totalquery\"\r\n        :page.sync=\"aliemg.pageNo\"\r\n        :limit.sync=\"aliemg.pageSize\"\r\n        @pagination=\"getLisail\"\r\n      />\r\n    </el-dialog>\r\n  </el-card>\r\n</template>\r\n<script>\r\n  import {\r\n    getGenTable,\r\n    updateGenTable,\r\n    delPost,\r\n    tabList,\r\n    listTable,\r\n    addGenTable,\r\n    setGenTable,\r\n    delGenTable,\r\n    listAllColumnsByTableId,\r\n    genTableColumnList,\r\n    tableSql,\r\n    zxImplement,\r\n    getReload,\r\n    addGenTableColumn,\r\n    delGenTableColumn,\r\n    setGenTableColumn,\r\n    getGenTableColumn,\r\n    getByIdWithForeignKey,\r\n    listIndexfou,\r\n    tableQuery,\r\n    qurGenTable\r\n  } from \"@/api/tool/gen\";\r\n  import {\r\n    optionselect as getDictOptionselect\r\n  } from \"@/api/system/dict/type\";\r\n  import {\r\n    listMenu as getMenuTreeselect\r\n  } from \"@/api/system/menu\";\r\n  import basicInfoForm from \"./basicInfoForm\";\r\n  import genInfoForm from \"./genInfoForm\";\r\n  import Sortable from 'sortablejs'\r\n\r\n  let _this = ''\r\n  export default {\r\n    name: \"GenEdit\",\r\n    components: {\r\n      basicInfoForm,\r\n      genInfoForm\r\n    },\r\n    data() {\r\n      _this = this\r\n      return {\r\n        ForeName: '',\r\n        totalquery:0,\r\n        // 多行查询\r\n        titleopenquery:'快速查询',\r\n        // 获取输入框的参数\r\n        queryLisr:{\r\n          table:'gen_table_column'\r\n        },\r\n        aliemg:{\r\n          table:'gen_table_column',\r\n          orderBy:'create_time desc',\r\n          pageNo:1,\r\n          pageSize:10,\r\n          fixedData:{\r\n            condition:''\r\n          }\r\n        },\r\n        postListquery:{},\r\n        queryData: {},\r\n        openquery:false,\r\n        formquery:{},\r\n        // 字段信息\r\n        tableSqlData: [],\r\n        columList: [],\r\n        columHRList: [],\r\n        foreignKey: [],\r\n        openZd: false,\r\n        formZd: {\r\n        },\r\n        rulesZd: {\r\n          columnName: [{\r\n            required: true,\r\n            message: \"请输入字段名\",\r\n            trigger: \"blur\"\r\n          }],\r\n          columnComment: [{\r\n            required: true,\r\n            message: \"请输入字段描述\",\r\n            trigger: \"blur\"\r\n          }],\n          columnType: [{\r\n            required: true,\r\n            message: \"请输入物理类型\",\r\n            trigger: \"blur\"\r\n          }],\r\n          mask: [{\r\n            required: true,\r\n            message: \"请输入字段显示规则\",\r\n            trigger: \"blur\"\r\n          }],\r\n          sort: [{\r\n            required: true,\r\n            message: \"请输入序号\",\r\n            trigger: \"blur\"\r\n          }],\r\n        },\r\n        loadingZd: '',\r\n        // 关联表\r\n        title: \"\",\r\n        loading: false,\r\n        open: false,\r\n        form: {},\r\n        rules: {\r\n          relationParentId: [{\r\n            required: true,\r\n            message: \"请选择关联表\",\r\n            trigger: \"blur\"\r\n          }],\r\n          relationChildId: [{\r\n            required: true,\r\n            message: \"请选择字段\",\r\n            trigger: \"blur\"\r\n          }],\r\n          relationType: [{\r\n            required: true,\r\n            message: \"请选择关联条件\",\r\n            trigger: \"blur\"\r\n          }],\r\n        },\r\n        postList: [],\r\n        total: 1,\r\n        tableList: {},\r\n        // 关联方式\r\n\r\n        // 内嵌编辑\r\n        genList: [],\r\n        glbParams: {\r\n          pageNum: 1,\r\n          pageSize: 10,\r\n        },\r\n        // 关联表查询参数\r\n        queryParams: {\r\n          relationParentId: this.$route.params && this.$route.params.tableId,\r\n          pageNum: 1,\r\n          pageSize: 10,\r\n        },\r\n        // 选中选项卡的 name\r\n        activeName: \"basic\",\r\n        // 表格的高度\r\n        tableHeight: document.documentElement.scrollHeight - 245 + \"px\",\r\n        // 表信息\r\n        tables: [],\r\n        // 表列信息\r\n        cloumns: [],\r\n        // 字典信息\r\n        dictOptions: [],\r\n        // 菜单信息\r\n        menus: [],\r\n        // 表详细信息\r\n        info: {},\r\n        // 选中数组\r\n        ids: [],\r\n        ids1: [],\r\n        // 非单个禁用\r\n        single: true,\r\n        single1: true,\r\n        // 非多个禁用\r\n        multiple: true,\r\n        multiple1: true,\r\n        // 关联方式\r\n        relationType: [],\r\n        // 内嵌编辑\r\n        embedEdit: [],\r\n      };\r\n    },\r\n    filters: {\r\n      zdFn(data) {\r\n        let is = ''\r\n        for (let item of _this.columList) {\r\n          if (item.columnId == data) {\r\n            is = item.columnName\r\n          }\r\n        }\r\n        return is\r\n      },\r\n      relationTypeFn(data) {\r\n        let is = ''\r\n        for (let item of _this.relationType) {\r\n          if (item.dictValue == data) {\r\n            is = item.dictLabel\r\n          }\r\n        }\r\n        return is\r\n      },\r\n      embedEditFn(data) {\r\n        let is = ''\r\n        for (let item of _this.embedEdit) {\r\n          if (item.dictValue == data) {\r\n            is = item.dictLabel\r\n          }\r\n        }\r\n        return is\r\n      },\r\n    },\r\n    created() {\r\n      const tableId = this.$route.params && this.$route.params.tableId;\r\n      if (tableId) {\r\n        // 获取表详细信息\r\n        getGenTable(tableId).then(res => {\r\n          this.cloumns = res.data.rows;\r\n          this.info = res.data.info;\n          console.log(this.info,33456)\r\n          this.tables = res.data.tables;\r\n        });\r\n        //查询数据库sql\r\n        tableSql(tableId).then(res => {\r\n          if (res.data) {\r\n            this.tableSqlData = res.data\r\n          }\r\n        })\r\n        /** 查询字典下拉列表 */\r\n        getDictOptionselect().then(response => {\r\n          this.dictOptions = response.data;\r\n        });\r\n        // 关联HR字段\r\n        genTableColumnList({\r\n          tableId,\r\n          htmlType: 'HR'\r\n        }).then(response => {\r\n          this.columHRList = response.rows;\r\n        });\r\n        // 关联字段\r\n        listAllColumnsByTableId({\r\n          id:tableId\r\n        }).then(response => {\n          console.log(response.data,9999888)\r\n          this.columList = response.data;\r\n        });\r\n        // 关联表数据\r\n        listTable(this.glbParams).then(response => {\r\n          this.tableList = response;\r\n        });\r\n        /** 查询菜单下拉列表 */\r\n        // getMenuTreeselect().then(response => {\r\n        //   this.menus = this.handleTree(response.data, \"menuId\");\r\n        // });\r\n        // 关联方式\r\n        this.getDicts(\"relation_type\").then(response => {\r\n          this.relationType = response.data;\r\n        });\r\n        // 内嵌编辑\r\n        this.getDicts(\"embed_edit\").then(response => {\r\n          this.embedEdit = response.data;\r\n        });\r\n      }\r\n      this.tabList()\r\n\r\n    },\r\n    methods: {\r\n      tableBtn(row){\r\n        this.openquery = false\r\n        this.ForeName = row.column_name\r\n        this.formZd.foreignKey = row.column_id\r\n      },\r\n      fkzdFn() {\r\n        this.queryedit()\r\n        this.getLisail()\r\n        this.openquery = true\r\n      },\r\n      changeFn(obj) {\r\n        console.log(obj)\r\n        for(let key in obj){\r\n          this.formquery.fixedData[key] = obj[key]\r\n        }\r\n      },\r\n      // 快速查询\r\n      queryedit(){\r\n        this.loading = true;\r\n        tableQuery(this.queryLisr).then(response => {\r\n           let data = response.data\r\n           this.queryData = data\r\n            this.loading = false;\r\n          })\r\n      },\r\n      handleQuery(){\r\n        for(let item of this.queryData.queryList){\r\n          if(item.htmlType == 'checkbox' || item.htmlType == 'imageUpload' || item.htmlType == 'fileUpload'){\r\n            this.formquery[item.columnName] = this.$refs[item.columnName][0].config\r\n          } else{\r\n            this.formquery[item.columnName] = this.$refs[item.columnName][0].config[item.columnName]\r\n          }\r\n        }\r\n       this.aliemg.fixedData.condition = this.formquery\r\n       this.getLisail()\r\n      },\r\n      // 快速查询列表\r\n      getLisail() {\r\n        this.loading = true;\r\n        listIndexfou(this.aliemg).then(response => {\r\n            if(response.data){\r\n              // this.tableDataalid = response.data.tableHeadList;\r\n              this.postListquery = response.data\r\n              this.postListquery.rows.filter(route => {\r\n                if(route.table_id){\r\n                   route.table_id = route.table_id.name\r\n                }\r\n              })\n              this.totalquery = response.data.total;\r\n            }\r\n            this.loading = false;\r\n          }\r\n        );\r\n      },\r\n      submitFormZd() {\r\n        this.$refs[\"formZd\"].validate(valid => {\r\n          if (valid) {\r\n            const tableId = this.$route.params && this.$route.params.tableId;\r\n            this.formZd.tableId = tableId\r\n            if (this.formZd.id != undefined) {\r\n              setGenTableColumn(this.formZd).then(response => {\r\n                this.msgSuccess(\"修改成功\");\r\n                this.openZd = false;\r\n                // 获取表详细信息\r\n                getGenTable(tableId).then(res => {\r\n                  this.cloumns = res.data.rows;\r\n                  this.info = res.data.info;\r\n                  this.tables = res.data.tables;\r\n                });\r\n              });\r\n            } else {\r\n              addGenTableColumn(this.formZd).then(response => {\r\n                this.msgSuccess(\"新增成功\");\r\n                this.openZd = false;\r\n                // 获取表详细信息\r\n                getGenTable(tableId).then(res => {\r\n                  this.cloumns = res.data.rows;\r\n                  this.info = res.data.info;\r\n                  this.tables = res.data.tables;\r\n                });\r\n              });\r\n            }\r\n\r\n          }\r\n        });\r\n      },\r\n      sxCreaBtn() {\r\n        const tableId = this.$route.params && this.$route.params.tableId\r\n        getReload({\r\n          tableId,\r\n          createSql: this.tableSqlData.createSql,\r\n          createLog: this.tableSqlData.createLog,\r\n          id: this.tableSqlData.id\r\n        }).then(res => {\r\n          this.msgSuccess('刷新成功')\r\n          //查询数据库sql\r\n          tableSql(tableId).then(res => {\r\n            if (res.data) {\r\n              this.tableSqlData = res.data\r\n            }\r\n          })\r\n        })\r\n      },\r\n      zxCreaBtn() {\r\n        const _this = this\r\n        this.$confirm('是否确认执行创建语句?', \"警告\", {\r\n          confirmButtonText: \"确定\",\r\n          cancelButtonText: \"取消\",\r\n          type: \"warning\"\r\n        }).then(function() {\r\n          return zxImplement({\r\n            tableId: _this.$route.params && _this.$route.params.tableId,\r\n            createSql: _this.tableSqlData.createSql,\r\n            createLog: _this.tableSqlData.createLog,\r\n            id: _this.tableSqlData.id\r\n          })\r\n        }).then(res => {\r\n          _this.msgSuccess('执行成功')\r\n        })\r\n      },\r\n      dbSelectedZd(row) {\r\n        this.reset();\r\n        const id = row.id\r\n        getByIdWithForeignKey(id).then(response => {\r\n          let data = response.data\r\n          data.foreignKey = data.foreignKey ? data.foreignKey - 0 : ''\r\n          this.formZd = data;\n          if(data.fkInfo){\n            this.ForeName = data.fkInfo.value\n          }\r\n          this.openZd = true;\n          this.title = \"修改字段信息\";\r\n        });\r\n      },\r\n      dbSelected(row) {\r\n        this.reset();\r\n        const id = row.id\r\n        qurGenTable(id).then(response => {\r\n          let data = response.data\r\n          data.relationType = data.relationType + \"\"\r\n          data.embedEdit = data.embedEdit?(data.embedEdit + \"\"): data.embedEdit\n          getGenTable(data.relationParentId).then(res => {\r\n            this.genList = res.data.rows;\r\n            this.form = data;\r\n            this.open = true;\r\n            this.title = \"修改关联表\";\r\n          });\r\n        });\r\n      },\r\n      addGlfn() {\r\n        this.$refs[\"form\"].validate(valid => {\r\n          if (valid) {\n            let datas = JSON.parse(JSON.stringify(this.form))\n            datas.relationParentId = this.info.tableId\r\n            if (this.form.id != undefined) {\n              setGenTable(datas).then(response => {\r\n                this.msgSuccess(\"修改成功\");\r\n                this.open = false;\r\n                this.tabList();\r\n              });\r\n            } else {\r\n              addGenTable(datas).then(response => {\r\n                this.msgSuccess(\"新增成功\");\r\n                this.open = false;\r\n                this.tabList();\r\n              });\r\n            }\r\n          }\r\n        });\r\n      },\r\n      relationFn(data) {\r\n        getGenTable(data).then(res => {\r\n          this.genList = res.data.rows;\r\n        });\r\n      },\r\n      loadMore() {\r\n        const _this = this\r\n        let num = _this.tableList.total % 10 == 0 ? _this.tableList.total / 10 : ((_this.tableList.total - _this.tableList\r\n          .total % 10) / 10 + 1)\r\n        console.log(num, 1)\r\n        if (this.glbParams.pageNum < num) {\r\n          this.glbParams.pageNum++\r\n          // 关联表数据\r\n          listTable(this.glbParams).then(response => {\r\n            let data = response\r\n            data.rows = _this.tableList.rows.concat(data.rows)\r\n            _this.tableList = data;\r\n          });\r\n        }\r\n      },\r\n      // 取消按钮\r\n      cancel() {\r\n        this.open = false;\r\n        this.reset();\r\n        this.openZd = false;\n        this.resetZd();\r\n      },\r\n      // 关联表数据\r\n      tabList() {\r\n        this.loading = true;\r\n        tabList(this.queryParams).then(response => {\r\n          this.postList = response.rows;\r\n          this.total = response.total;\r\n          this.loading = false;\r\n        });\r\n      },\r\n      /** 新增按钮操作 */\r\n      handleAdd_gl() {\r\n        this.reset();\r\n        this.open = true;\n        console.log(this.form)\n\r\n        this.title = \"新增关联表\";\r\n      },\r\n      handleDel_gl(row) {\r\n        const ids = row.id || this.ids1;\r\n        this.$confirm('是否确认删除id为\"' + ids + '\"的数据项?', \"警告\", {\r\n          confirmButtonText: \"确定\",\r\n          cancelButtonText: \"取消\",\r\n          type: \"warning\"\r\n        }).then(function() {\r\n          return delGenTable(ids);\r\n        }).then(() => {\r\n          this.tabList();\r\n          this.msgSuccess(\"删除成功\");\r\n        })\r\n      },\r\n      // 表单重置\r\n      reset() {\r\n        this.form = {\r\n          isDel: 'N'\r\n        };\r\n        this.resetForm(\"form\");\r\n      },\r\n      resetZd() {\r\n        this.formZd = {\r\n        };\r\n        this.resetForm(\"formZd\");\r\n      },\r\n      /** 提交按钮 */\r\n      submitForm() {\r\n        let isInFlag = 0\r\n        let isOutFlag = 0\n\n        for(let item of this.cloumns){\r\n          if(item.isIn=='Y'){\r\n            isInFlag++\r\n          }\r\n          if(item.isOut=='Y'){\r\n            isOutFlag++\r\n          }\r\n        }\r\n        if(isInFlag>1){\r\n          this.msgError('\"输入字段\"最多只能选择一个!')\r\n          return\r\n        }\r\n        if(isOutFlag>1){\r\n          this.msgError('\"显示字段\"最多只能选择一个!')\r\n          return\r\n        }\r\n        const basicForm = this.$refs.basicInfo.$refs.basicInfoForm;\n\r\n        // const genForm = this.$refs.genInfo.$refs.genInfoForm;\r\n        Promise.all([basicForm].map(this.getFormPromise)).then(res => {\r\n          const validateResult = res.every(item => !!item);\r\n          if (validateResult) {\r\n            const genTable = Object.assign({}, basicForm.model);\r\n            genTable.columns = this.cloumns;\r\n            // genTable.params = {\r\n            //   treeCode: genTable.treeCode,\r\n            //   treeName: genTable.treeName,\r\n            //   treeParentCode: genTable.treeParentCode,\r\n            //   parentMenuId: genTable.parentMenuId\r\n            // };\n            console.log(genTable)\n            if(this.activeName=='basic'){\n              genTable.updateType ='1'\n            }\n            if(this.activeName=='cloum'){\n              genTable.updateType ='2'\n            }\r\n            updateGenTable(genTable).then(res => {\r\n              this.msgSuccess(res.msg);\r\n              if (res.code === 200) {\r\n                this.close();\r\n              }\r\n            });\r\n          } else {\r\n            this.msgError(\"表单校验未通过，请重新检查提交内容\");\r\n          }\r\n        });\r\n      },\r\n      getFormPromise(form) {\r\n        return new Promise(resolve => {\r\n          form.validate(res => {\r\n            resolve(res);\r\n          });\r\n        });\r\n      },\r\n      /** 关闭按钮 */\r\n      close() {\r\n        this.$store.dispatch(\"tagsView/delView\", this.$route);\r\n        this.$router.push({\r\n          path: \"/tool/gen\",\r\n          query: {\r\n            t: Date.now()\r\n          }\r\n        })\r\n      },\r\n      // 多选框选中数据\r\n      handleSelectionChange(selection) {\r\n        this.ids = selection.map(item => item.id)\r\n        this.single = selection.length != 1\r\n        this.multiple = !selection.length\r\n      },\r\n      // 多选框选中数据\r\n      handleSelectionChange1(selection) {\r\n        this.ids1 = selection.map(item => item.id)\r\n        this.single1 = selection.length != 1\r\n        this.multiple1 = !selection.length\r\n      },\r\n      /** 删除按钮操作 */\r\n      handleDelete(row) {\r\n        const ids = row.id || this.ids;\r\n        const tableId = this.$route.params && this.$route.params.tableId;\r\n        this.$confirm('是否确认删除字段编号为\"' + ids + '\"的数据项?', \"警告\", {\r\n          confirmButtonText: \"确定\",\r\n          cancelButtonText: \"取消\",\r\n          type: \"warning\"\r\n        }).then(function() {\r\n          return delGenTableColumn(ids);\r\n        }).then(() => {\r\n          // 获取表详细信息\r\n          getGenTable(tableId).then(res => {\r\n            this.cloumns = res.data.rows;\r\n            this.info = res.data.info;\r\n            this.tables = res.data.tables;\r\n          });\r\n          this.msgSuccess(\"删除成功\");\r\n        })\r\n      },\r\n      handleAdd() {\r\n        this.resetZd();\n        this.openZd = true;\r\n        this.title = \"新增字段信息\";\r\n      }\r\n    },\r\n    mounted() {\r\n      const el = this.$refs.dragTable.$el.querySelectorAll(\".el-table__body-wrapper > table > tbody\")[0];\r\n      const sortable = Sortable.create(el, {\r\n        handle: \".allowDrag\",\r\n        onEnd: evt => {\r\n          const targetRow = this.cloumns.splice(evt.oldIndex, 1)[0];\r\n          this.cloumns.splice(evt.newIndex, 0, targetRow);\r\n          for (let index in this.cloumns) {\r\n            this.cloumns[index].sort = parseInt(index) + 1;\r\n          }\r\n        }\r\n      });\r\n    }\r\n  };\r\n</script>\r\n<style lang=\"scss\">\r\n  .pagination-container {\r\n    height: 35px;\r\n  }\r\n\r\n  .resizeNone {\r\n    width: 60vw;\r\n    border-radius: 3px;\r\n\r\n    .el-textarea__inner {\r\n      //el_input中的隐藏属性\r\n      resize: none; //主要是这个样式\r\n      height: 200px;\r\n    }\r\n  }\r\n</style>\r\n"]}]}