{"remainingRequest":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\src\\views\\dragform\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\src\\views\\dragform\\index.vue","mtime":1689241907835},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1688725391035},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1688725407620},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1688725391035},{"path":"E:\\mec-cloud_IntelligentManufacturing_CRM\\mec-cloud_IntelligentManufacturing_CRM\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1688725415411}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQge2xpc3RGb3JtLCBnZXRGb3JtLCBkZWxGb3JtLCBhZGRGb3JtLCB1cGRhdGVGb3JtfSBmcm9tICJAL2FwaS9kcmFnZm9ybS9mb3JtIjsNCi8vIGltcG9ydCBmcm9tTW9kZWwgZnJvbSAnLi4vc3lzdGVtL2Zyb21Nb2RlbC9pbmRleC52dWUnDQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICJGb3JtIiwNCiAgDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIC8vIOmBrue9qeWxgg0KICAgICAgbG9hZGluZzogdHJ1ZSwNCiAgICAgIC8vIOmAieS4reaVsOe7hA0KICAgICAgaWRzOiBbXSwNCiAgICAgIC8vIOmdnuWNleS4quemgeeUqA0KICAgICAgc2luZ2xlOiB0cnVlLA0KICAgICAgLy8g6Z2e5aSa5Liq56aB55SoDQogICAgICBtdWx0aXBsZTogdHJ1ZSwNCiAgICAgIC8vIOaYvuekuuaQnOe0ouadoeS7tg0KICAgICAgc2hvd1NlYXJjaDogdHJ1ZSwNCiAgICAgIC8vIOaAu+adoeaVsA0KICAgICAgdG90YWw6IDAsDQogICAgICAvLyDliqjmgIHljZXooajmoLzmlbDmja4NCiAgICAgIGZvcm1MaXN0OiBbXSwNCiAgICAgIC8vIOW8ueWHuuWxguagh+mimA0KICAgICAgdGl0bGU6ICIiLA0KICAgICAgLy8g5piv5ZCm5pi+56S65by55Ye65bGCDQogICAgICBvcGVuOiBmYWxzZSwNCiAgICAgIC8vIOafpeivouWPguaVsA0KICAgICAgcXVlcnlQYXJhbXM6IHsNCiAgICAgICAgcGFnZU51bTogMSwNCiAgICAgICAgcGFnZVNpemU6IDEwLA0KICAgICAgICBkZk5hbWU6IG51bGwsDQogICAgICAgIGRmTmlja25hbWU6IG51bGwsDQogICAgICAgIGRmVnVlVGVtcGxhdGU6IG51bGwsDQogICAgICAgIGRmSHRtbFRlbXBsYXRlOiBudWxsLA0KICAgICAgICBkZkZvcm1TcWw6IG51bGwsDQogICAgICAgIGRmTm9kZUlkOiBudWxsLA0KICAgICAgICBkZkRhdGFiYXNlOiBudWxsLA0KICAgICAgICBkZlRhYmxlTmFtZTogbnVsbCwNCiAgICAgICAgZGZOb3RlczogbnVsbCwNCiAgICAgICAgc3BhcmU6IG51bGwsDQogICAgICAgIHNwYXJlMTogbnVsbA0KICAgICAgfSwNCiAgICAgIC8vIOihqOWNleWPguaVsA0KICAgICAgZm9ybToge30sDQogICAgICAvLyDooajljZXmoKHpqowNCiAgICAgIHJ1bGVzOiB7fQ0KICAgIH07DQogIH0sDQogIGNyZWF0ZWQoKSB7DQogICAgdGhpcy5nZXRMaXN0KCk7DQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICAvKiog5p+l6K+i5Yqo5oCB5Y2VDQogICAgIOWIl+ihqCAqLw0KICAgIGdldExpc3QoKSB7DQogICAgICB0aGlzLmxvYWRpbmcgPSB0cnVlOw0KICAgICAgbGlzdEZvcm0odGhpcy5xdWVyeVBhcmFtcykudGhlbihyZXNwb25zZSA9PiB7DQogICAgICAgIGNvbnNvbGUubG9nKHJlc3BvbnNlKTsNCiAgICAgICAgdGhpcy5mb3JtTGlzdCA9IHJlc3BvbnNlLnJvd3M7DQogICAgICAgIHRoaXMudG90YWwgPSByZXNwb25zZS50b3RhbDsNCiAgICAgICAgdGhpcy5sb2FkaW5nID0gZmFsc2U7DQogICAgICB9KTsNCiAgICB9LA0KICAgIC8vIOWPlua2iOaMiemSrg0KICAgIGNhbmNlbCgpIHsNCiAgICAgIHRoaXMub3BlbiA9IGZhbHNlOw0KICAgICAgdGhpcy5yZXNldCgpOw0KICAgIH0sDQogICAgLy8g6KGo5Y2V6YeN572uDQogICAgcmVzZXQoKSB7DQogICAgICB0aGlzLmZvcm0gPSB7DQogICAgICAgIGZJZDogbnVsbCwNCiAgICAgICAgZGZOYW1lOiBudWxsLA0KICAgICAgICBkZk5pY2tuYW1lOiBudWxsLA0KICAgICAgICBkZlZ1ZVRlbXBsYXRlOiBudWxsLA0KICAgICAgICBkZkh0bWxUZW1wbGF0ZTogbnVsbCwNCiAgICAgICAgZGZGb3JtU3FsOiBudWxsLA0KICAgICAgICBkZk5vZGVJZDogbnVsbCwNCiAgICAgICAgZGZEYXRhYmFzZTogbnVsbCwNCiAgICAgICAgZGZUYWJsZU5hbWU6IG51bGwsDQogICAgICAgIGRlbEZsYWc6IG51bGwsDQogICAgICAgIGRmTm90ZXM6IG51bGwsDQogICAgICAgIGNyZWF0ZVRpbWU6IG51bGwsDQogICAgICAgIGNyZWF0ZUJ5OiBudWxsLA0KICAgICAgICB1cGRhdGVCeTogbnVsbCwNCiAgICAgICAgdXBkYXRlVGltZTogbnVsbCwNCiAgICAgICAgc3BhcmU6IG51bGwsDQogICAgICAgIHNwYXJlMTogbnVsbA0KICAgICAgfTsNCiAgICAgIHRoaXMucmVzZXRGb3JtKCJmb3JtIik7DQogICAgfSwNCiAgICAvKiog5pCc57Si5oyJ6ZKu5pON5L2cICovDQogICAgaGFuZGxlUXVlcnkoKSB7DQogICAgICB0aGlzLnF1ZXJ5UGFyYW1zLnBhZ2VOdW0gPSAxOw0KICAgICAgdGhpcy5nZXRMaXN0KCk7DQogICAgfSwNCiAgICAvKiog6YeN572u5oyJ6ZKu5pON5L2cICovDQogICAgcmVzZXRRdWVyeSgpIHsNCiAgICAgIHRoaXMucmVzZXRGb3JtKCJxdWVyeUZvcm0iKTsNCiAgICAgIHRoaXMuaGFuZGxlUXVlcnkoKTsNCiAgICB9LA0KICAgIC8vIOWkmumAieahhumAieS4reaVsOaNrg0KICAgIGhhbmRsZVNlbGVjdGlvbkNoYW5nZShzZWxlY3Rpb24pIHsNCiAgICAgIHRoaXMuaWRzID0gc2VsZWN0aW9uLm1hcChpdGVtID0+IGl0ZW0uZklkKQ0KICAgICAgdGhpcy5zaW5nbGUgPSBzZWxlY3Rpb24ubGVuZ3RoICE9PSAxDQogICAgICB0aGlzLm11bHRpcGxlID0gIXNlbGVjdGlvbi5sZW5ndGgNCiAgICB9LA0KICAgIC8qKiDmlrDlop7mjInpkq7mk43kvZwgKi8NCiAgICBoYW5kbGVBZGQoKSB7DQogICAgICB0aGlzLiRyb3V0ZXIucHVzaCgic3lzdGVtL2Zyb21Nb2RlbC9pbmRleCIpOw0KICAgIH0sDQogICAgLyoqIOS/ruaUueaMiemSruaTjeS9nCAqLw0KICAgIGhhbmRsZVVwZGF0ZShyb3cpIHsNCiAgICAgIGNvbnN0IGZJZCA9IHJvdy5mSWQgfHwgdGhpcy5pZHM7DQogICAgICB0aGlzLiRyb3V0ZXIucHVzaCh7bmFtZToiZnJvbU1vZGVsIixwYXJhbXM6e2lkOmZJZH19KTsNCiAgICB9LA0KICAgIC8qKiDmj5DkuqTmjInpkq4gKi8NCiAgICBzdWJtaXRGb3JtKCkgew0KICAgICAgdGhpcy4kcmVmc1siZm9ybSJdLnZhbGlkYXRlKHZhbGlkID0+IHsNCiAgICAgICAgaWYgKHZhbGlkKSB7DQoNCiAgICAgICAgICBjb25zb2xlLmxvZyh0aGlzLmZvcm0pDQogICAgICAgICAgaWYgKHRoaXMuZm9ybS5mSWQgIT0gbnVsbCkgew0KICAgICAgICAgICAgdXBkYXRlRm9ybSh0aGlzLmZvcm0pLnRoZW4ocmVzcG9uc2UgPT4gew0KICAgICAgICAgICAgICB0aGlzLiRtb2RhbC5tc2dTdWNjZXNzKCLkv67mlLnmiJDlip8iKTsNCiAgICAgICAgICAgICAgdGhpcy5vcGVuID0gZmFsc2U7DQogICAgICAgICAgICAgIHRoaXMuZ2V0TGlzdCgpOw0KICAgICAgICAgICAgfSk7DQogICAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICAgIGFkZEZvcm0odGhpcy5mb3JtKS50aGVuKHJlc3BvbnNlID0+IHsNCiAgICAgICAgICAgICAgdGhpcy4kbW9kYWwubXNnU3VjY2Vzcygi5paw5aKe5oiQ5YqfIik7DQogICAgICAgICAgICAgIHRoaXMub3BlbiA9IGZhbHNlOw0KICAgICAgICAgICAgICB0aGlzLmdldExpc3QoKTsNCiAgICAgICAgICAgIH0pOw0KICAgICAgICAgIH0NCiAgICAgICAgfQ0KICAgICAgfSk7DQogICAgfSwNCiAgICAvKiog5Yig6Zmk5oyJ6ZKu5pON5L2cICovDQogICAgaGFuZGxlRGVsZXRlKHJvdykgew0KICAgICAgY29uc3QgZklkcyA9IHJvdy5mSWQgfHwgdGhpcy5pZHM7DQogICAgICB0aGlzLiRtb2RhbC5jb25maXJtKCfmmK/lkKbnoa7orqTliKDpmaTliqjmgIHljZXnvJblj7fkuLoiJyArIGZJZHMgKyAnIueahOaVsOaNrumhue+8nycpLnRoZW4oZnVuY3Rpb24gKCkgew0KICAgICAgICByZXR1cm4gZGVsRm9ybShmSWRzKTsNCiAgICAgIH0pLnRoZW4oKCkgPT4gew0KICAgICAgICB0aGlzLmdldExpc3QoKTsNCiAgICAgICAgdGhpcy4kbW9kYWwubXNnU3VjY2Vzcygi5Yig6Zmk5oiQ5YqfIik7DQogICAgICB9KS5jYXRjaCgoKSA9PiB7DQogICAgICB9KTsNCiAgICB9LA0KICAgIC8qKiDlr7zlh7rmjInpkq7mk43kvZwgKi8NCiAgICBoYW5kbGVFeHBvcnQoKSB7DQogICAgICB0aGlzLmRvd25sb2FkKCdkcmFnZm9ybS9mb3JtL2V4cG9ydCcsIHsNCiAgICAgICAgLi4udGhpcy5xdWVyeVBhcmFtcw0KICAgICAgfSwgYGZvcm1fJHtuZXcgRGF0ZSgpLmdldFRpbWUoKX0ueGxzeGApDQogICAgfQ0KICB9DQp9Ow0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0OA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/dragform","sourcesContent":["<template>\r\n  <div class=\"app-container\">\r\n    <el-form :model=\"queryParams\" ref=\"queryForm\" size=\"small\" :inline=\"true\" v-show=\"showSearch\" label-width=\"68px\">\r\n      <el-form-item label=\"表单名称\r\n\" prop=\"dfName\">\r\n        <el-input\r\n          v-model=\"queryParams.dfName\"\r\n          placeholder=\"请输入表单名称\r\n\"\r\n          clearable\r\n          @keyup.enter.native=\"handleQuery\"\r\n        />\r\n      </el-form-item>\r\n      <el-form-item label=\"表单别名\r\n\" prop=\"dfNickname\">\r\n        <el-input\r\n          v-model=\"queryParams.dfNickname\"\r\n          placeholder=\"请输入表单别名\r\n\"\r\n          clearable\r\n          @keyup.enter.native=\"handleQuery\"\r\n        />\r\n      </el-form-item>\r\n      <el-form-item label=\"表单sql\" prop=\"dfFormSql\">\r\n        <el-input\r\n          v-model=\"queryParams.dfFormSql\"\r\n          placeholder=\"请输入表单sql\"\r\n          clearable\r\n          @keyup.enter.native=\"handleQuery\"\r\n        />\r\n      </el-form-item>\r\n      <el-form-item label=\"节点ID\" prop=\"dfNodeId\">\r\n        <el-input\r\n          v-model=\"queryParams.dfNodeId\"\r\n          placeholder=\"请输入节点ID\"\r\n          clearable\r\n          @keyup.enter.native=\"handleQuery\"\r\n        />\r\n      </el-form-item>\r\n      <el-form-item label=\"数据源名称\r\n\" prop=\"dfDatabase\">\r\n        <el-input\r\n          v-model=\"queryParams.dfDatabase\"\r\n          placeholder=\"请输入数据源名称\r\n\"\r\n          clearable\r\n          @keyup.enter.native=\"handleQuery\"\r\n        />\r\n      </el-form-item>\r\n      <el-form-item label=\"绑定表名称\" prop=\"dfTableName\">\r\n        <el-input\r\n          v-model=\"queryParams.dfTableName\"\r\n          placeholder=\"请输入绑定表名称\"\r\n          clearable\r\n          @keyup.enter.native=\"handleQuery\"\r\n        />\r\n      </el-form-item>\r\n      <el-form-item label=\"表单描述\" prop=\"dfNotes\">\r\n        <el-input\r\n          v-model=\"queryParams.dfNotes\"\r\n          placeholder=\"请输入表单描述\"\r\n          clearable\r\n          @keyup.enter.native=\"handleQuery\"\r\n        />\r\n      </el-form-item>\r\n      <el-form-item label=\"备用列\" prop=\"spare\">\r\n        <el-input\r\n          v-model=\"queryParams.spare\"\r\n          placeholder=\"请输入备用列\"\r\n          clearable\r\n          @keyup.enter.native=\"handleQuery\"\r\n        />\r\n      </el-form-item>\r\n      <el-form-item label=\"备用列\" prop=\"spare1\">\r\n        <el-input\r\n          v-model=\"queryParams.spare1\"\r\n          placeholder=\"请输入备用列\"\r\n          clearable\r\n          @keyup.enter.native=\"handleQuery\"\r\n        />\r\n      </el-form-item>\r\n      <el-form-item>\r\n        <el-button type=\"primary\" icon=\"el-icon-search\" size=\"mini\" @click=\"handleQuery\">搜索</el-button>\r\n        <el-button icon=\"el-icon-refresh\" size=\"mini\" @click=\"resetQuery\">重置</el-button>\r\n      </el-form-item>\r\n    </el-form>\r\n\r\n    <el-row :gutter=\"10\" class=\"mb8\">\r\n      <el-col :span=\"1.5\">\r\n        <el-button\r\n          type=\"primary\"\r\n          plain\r\n          icon=\"el-icon-plus\"\r\n          size=\"mini\"\r\n          @click=\"handleAdd\"\r\n          v-hasPermi=\"['dragform:form:add']\"\r\n        >新增\r\n        </el-button>\r\n      </el-col>\r\n      <el-col :span=\"1.5\">\r\n        <el-button\r\n          type=\"success\"\r\n          plain\r\n          icon=\"el-icon-edit\"\r\n          size=\"mini\"\r\n          :disabled=\"single\"\r\n          @click=\"handleUpdate\"\r\n          v-hasPermi=\"['dragform:form:edit']\"\r\n        >修改\r\n        </el-button>\r\n      </el-col>\r\n      <el-col :span=\"1.5\">\r\n        <el-button\r\n          type=\"danger\"\r\n          plain\r\n          icon=\"el-icon-delete\"\r\n          size=\"mini\"\r\n          :disabled=\"multiple\"\r\n          @click=\"handleDelete\"\r\n          v-hasPermi=\"['dragform:form:remove']\"\r\n        >删除\r\n        </el-button>\r\n      </el-col>\r\n      <el-col :span=\"1.5\">\r\n        <el-button\r\n          type=\"warning\"\r\n          plain\r\n          icon=\"el-icon-download\"\r\n          size=\"mini\"\r\n          @click=\"handleExport\"\r\n          v-hasPermi=\"['dragform:form:export']\"\r\n        >导出\r\n        </el-button>\r\n      </el-col>\r\n      <right-toolbar :showSearch.sync=\"showSearch\" @queryTable=\"getList\"></right-toolbar>\r\n    </el-row>\r\n\r\n    <el-table v-loading=\"loading\" :data=\"formList\" @selection-change=\"handleSelectionChange\">\r\n      <el-table-column type=\"selection\" width=\"55\" align=\"center\"/>\r\n      <el-table-column label=\"表单主键\" align=\"center\" prop=\"fId\"/>\r\n      <el-table-column label=\"表单名称\r\n\" align=\"center\" prop=\"dfName\"/>\r\n      <el-table-column label=\"表单别名\r\n\" align=\"center\" prop=\"dfNickname\"/>\r\n      <el-table-column label=\"表单vue模版\" align=\"center\" prop=\"dfVueTemplate\"/>\r\n      <el-table-column label=\"表单html模版\" align=\"center\" prop=\"dfHtmlTemplate\"/>\r\n      <el-table-column label=\"表单sql\" align=\"center\" prop=\"dfFormSql\"/>\r\n      <el-table-column label=\"节点ID\" align=\"center\" prop=\"dfNodeId\"/>\r\n      <el-table-column label=\"数据源名称\r\n\" align=\"center\" prop=\"dfDatabase\"/>\r\n      <el-table-column label=\"绑定表名称\" align=\"center\" prop=\"dfTableName\"/>\r\n      <el-table-column label=\"表单描述\" align=\"center\" prop=\"dfNotes\"/>\r\n      <el-table-column label=\"备用列\" align=\"center\" prop=\"spare\"/>\r\n      <el-table-column label=\"备用列\" align=\"center\" prop=\"spare1\"/>\r\n      <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n        <template slot-scope=\"scope\">\r\n          <el-button\r\n            size=\"mini\"\r\n            type=\"text\"\r\n            icon=\"el-icon-edit\"\r\n            @click=\"handleUpdate(scope.row)\"\r\n            v-hasPermi=\"['dragform:form:edit']\"\r\n          >修改\r\n          </el-button>\r\n          <el-button\r\n            size=\"mini\"\r\n            type=\"text\"\r\n            icon=\"el-icon-delete\"\r\n            @click=\"handleDelete(scope.row)\"\r\n            v-hasPermi=\"['dragform:form:remove']\"\r\n          >删除\r\n          </el-button>\r\n        </template>\r\n      </el-table-column>\r\n    </el-table>\r\n\r\n    <pagination\r\n      v-show=\"total>0\"\r\n      :total=\"total\"\r\n      :page.sync=\"queryParams.pageNum\"\r\n      :limit.sync=\"queryParams.pageSize\"\r\n      @pagination=\"getList\"\r\n    />\r\n\r\n    <!-- 添加或修改动态单\r\n对话框 -->\r\n    <el-dialog :title=\"title\" :visible.sync=\"open\" width=\"500px\" append-to-body>\r\n      <el-form ref=\"form\" :model=\"form\" :rules=\"rules\" label-width=\"80px\">\r\n        <el-form-item label=\"表单名\" prop=\"dfName\">\r\n          <el-input v-model=\"form.dfName\" placeholder=\"请输入表单名称\"/>\r\n        </el-form-item>\r\n        <el-form-item label=\"表单别名\" prop=\"dfNickname\">\r\n          <el-input v-model=\"form.dfNickname\" placeholder=\"请输入表单别名\"/>\r\n        </el-form-item>\r\n        <el-form-item label=\"表单vue模版\" prop=\"dfVueTemplate\">\r\n          <el-input v-model=\"form.dfVueTemplate\" type=\"textarea\" placeholder=\"请输入内容\"/>\r\n        </el-form-item>\r\n        <el-form-item label=\"表单html模版\" prop=\"dfHtmlTemplate\">\r\n          <el-input v-model=\"form.dfHtmlTemplate\" type=\"textarea\" placeholder=\"请输入内容\"/>\r\n        </el-form-item>\r\n        <el-form-item label=\"表单sql\" prop=\"dfFormSql\">\r\n          <el-input v-model=\"form.dfFormSql\" placeholder=\"请输入表单sql\"/>\r\n        </el-form-item>\r\n        <el-form-item label=\"节点ID\" prop=\"dfNodeId\">\r\n          <el-input v-model=\"form.dfNodeId\" placeholder=\"请输入节点ID\"/>\r\n        </el-form-item>\r\n        <el-form-item label=\"数据源名称\" prop=\"dfDatabase\">\r\n          <el-input v-model=\"form.dfDatabase\" placeholder=\"请输入数据源名称\"/>\r\n        </el-form-item>\r\n        <el-form-item label=\"绑定表名称\" prop=\"dfTableName\">\r\n          <el-input v-model=\"form.dfTableName\" placeholder=\"请输入绑定表名称\"/>\r\n        </el-form-item>\r\n        <el-form-item label=\"逻辑删除\" prop=\"delFlag\">\r\n          <el-input v-model=\"form.delFlag\" placeholder=\"请输入逻辑删除\"/>\r\n        </el-form-item>\r\n        <el-form-item label=\"表单描述\" prop=\"dfNotes\">\r\n          <el-input v-model=\"form.dfNotes\" placeholder=\"请输入表单描述\"/>\r\n        </el-form-item>\r\n        <el-form-item label=\"备用列\" prop=\"spare\">\r\n          <el-input v-model=\"form.spare\" placeholder=\"请输入备用列\"/>\r\n        </el-form-item>\r\n        <el-form-item label=\"备用列\" prop=\"spare1\">\r\n          <el-input v-model=\"form.spare1\" placeholder=\"请输入备用列\"/>\r\n        </el-form-item>\r\n      </el-form>\r\n      <div slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button type=\"primary\" @click=\"submitForm\">确 定</el-button>\r\n        <el-button @click=\"cancel\">取 消</el-button>\r\n      </div>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {listForm, getForm, delForm, addForm, updateForm} from \"@/api/dragform/form\";\r\n// import fromModel from '../system/fromModel/index.vue'\r\nexport default {\r\n  name: \"Form\",\r\n  \r\n  data() {\r\n    return {\r\n      // 遮罩层\r\n      loading: true,\r\n      // 选中数组\r\n      ids: [],\r\n      // 非单个禁用\r\n      single: true,\r\n      // 非多个禁用\r\n      multiple: true,\r\n      // 显示搜索条件\r\n      showSearch: true,\r\n      // 总条数\r\n      total: 0,\r\n      // 动态单表格数据\r\n      formList: [],\r\n      // 弹出层标题\r\n      title: \"\",\r\n      // 是否显示弹出层\r\n      open: false,\r\n      // 查询参数\r\n      queryParams: {\r\n        pageNum: 1,\r\n        pageSize: 10,\r\n        dfName: null,\r\n        dfNickname: null,\r\n        dfVueTemplate: null,\r\n        dfHtmlTemplate: null,\r\n        dfFormSql: null,\r\n        dfNodeId: null,\r\n        dfDatabase: null,\r\n        dfTableName: null,\r\n        dfNotes: null,\r\n        spare: null,\r\n        spare1: null\r\n      },\r\n      // 表单参数\r\n      form: {},\r\n      // 表单校验\r\n      rules: {}\r\n    };\r\n  },\r\n  created() {\r\n    this.getList();\r\n  },\r\n  methods: {\r\n    /** 查询动态单\r\n     列表 */\r\n    getList() {\r\n      this.loading = true;\r\n      listForm(this.queryParams).then(response => {\r\n        console.log(response);\r\n        this.formList = response.rows;\r\n        this.total = response.total;\r\n        this.loading = false;\r\n      });\r\n    },\r\n    // 取消按钮\r\n    cancel() {\r\n      this.open = false;\r\n      this.reset();\r\n    },\r\n    // 表单重置\r\n    reset() {\r\n      this.form = {\r\n        fId: null,\r\n        dfName: null,\r\n        dfNickname: null,\r\n        dfVueTemplate: null,\r\n        dfHtmlTemplate: null,\r\n        dfFormSql: null,\r\n        dfNodeId: null,\r\n        dfDatabase: null,\r\n        dfTableName: null,\r\n        delFlag: null,\r\n        dfNotes: null,\r\n        createTime: null,\r\n        createBy: null,\r\n        updateBy: null,\r\n        updateTime: null,\r\n        spare: null,\r\n        spare1: null\r\n      };\r\n      this.resetForm(\"form\");\r\n    },\r\n    /** 搜索按钮操作 */\r\n    handleQuery() {\r\n      this.queryParams.pageNum = 1;\r\n      this.getList();\r\n    },\r\n    /** 重置按钮操作 */\r\n    resetQuery() {\r\n      this.resetForm(\"queryForm\");\r\n      this.handleQuery();\r\n    },\r\n    // 多选框选中数据\r\n    handleSelectionChange(selection) {\r\n      this.ids = selection.map(item => item.fId)\r\n      this.single = selection.length !== 1\r\n      this.multiple = !selection.length\r\n    },\r\n    /** 新增按钮操作 */\r\n    handleAdd() {\r\n      this.$router.push(\"system/fromModel/index\");\r\n    },\r\n    /** 修改按钮操作 */\r\n    handleUpdate(row) {\r\n      const fId = row.fId || this.ids;\r\n      this.$router.push({name:\"fromModel\",params:{id:fId}});\r\n    },\r\n    /** 提交按钮 */\r\n    submitForm() {\r\n      this.$refs[\"form\"].validate(valid => {\r\n        if (valid) {\r\n\r\n          console.log(this.form)\r\n          if (this.form.fId != null) {\r\n            updateForm(this.form).then(response => {\r\n              this.$modal.msgSuccess(\"修改成功\");\r\n              this.open = false;\r\n              this.getList();\r\n            });\r\n          } else {\r\n            addForm(this.form).then(response => {\r\n              this.$modal.msgSuccess(\"新增成功\");\r\n              this.open = false;\r\n              this.getList();\r\n            });\r\n          }\r\n        }\r\n      });\r\n    },\r\n    /** 删除按钮操作 */\r\n    handleDelete(row) {\r\n      const fIds = row.fId || this.ids;\r\n      this.$modal.confirm('是否确认删除动态单编号为\"' + fIds + '\"的数据项？').then(function () {\r\n        return delForm(fIds);\r\n      }).then(() => {\r\n        this.getList();\r\n        this.$modal.msgSuccess(\"删除成功\");\r\n      }).catch(() => {\r\n      });\r\n    },\r\n    /** 导出按钮操作 */\r\n    handleExport() {\r\n      this.download('dragform/form/export', {\r\n        ...this.queryParams\r\n      }, `form_${new Date().getTime()}.xlsx`)\r\n    }\r\n  }\r\n};\r\n</script>\r\n"]}]}