{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\system\\codeGeneration\\index.vue?vue&type=style&index=0&id=2f014398&lang=scss&scoped=true","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\system\\codeGeneration\\index.vue","mtime":1761614939070},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\css-loader\\index.js","mtime":1761614929364},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1761614937403},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\postcss-loader\\src\\index.js","mtime":1761614935133},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1761614936391},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQouaXZ1LXN0ZXBzIC5pdnUtc3RlcHMtdGl0bGUgew0KICBsaW5lLWhlaWdodDogMjZweDsNCn0NCi5jb2RlLXdhcHBlciB7DQogIG1pbi1oZWlnaHQ6IDgwMHB4Ow0KICBwYWRkaW5nLWJvdHRvbTogOTBweDsNCn0NCi5idG4gew0KICBwb3NpdGlvbjogZml4ZWQ7DQogIGJvdHRvbTogMTBweDsNCiAgLy8gaGVpZ2h0OiA4MHB4Ow0KICBkaXNwbGF5OiBmbGV4Ow0KICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsNCiAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgd2lkdGg6IDEwMCU7DQogIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC42KTsNCiAgYmFja2Ryb3AtZmlsdGVyOiBibHVyKDRweCk7DQogIHotaW5kZXg6IDI7DQp9DQoudGFiLTEgew0KICBwYWRkaW5nLWJvdHRvbTogMTAwcHg7DQp9DQo6OnYtZGVlcCAuZWwtaW5wdXRfX2lubmVyIHsNCiAgcGFkZGluZy1sZWZ0OiA3cHg7DQp9DQo6OnYtZGVlcCAuaXZ1LWZvcm0taXRlbSB7DQogIG1hcmdpbi1ib3R0b206IDE3cHg7DQp9DQo6OnYtZGVlcCAuaXZ1LWZvcm0taXRlbS1lcnJvci10aXAgew0KICBwYWRkaW5nLXRvcDogMnB4Ow0KfQ0KOjp2LWRlZXAgLnRpcCB7DQogIGNvbG9yOiAjYmJiOw0KICBsaW5lLWhlaWdodDogMTZweDsNCiAgcGFkZGluZy10b3A6IDVweDsNCiAgZm9udC1zaXplOiAxMnB4Ow0KfQ0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AA8SA;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","file":"index.vue","sourceRoot":"src/pages/system/codeGeneration","sourcesContent":["<template>\r\n  <div class=\"code-wapper\">\r\n    <pages-header\r\n      ref=\"pageHeader\"\r\n      :title=\"$route.meta.title\"\r\n      :backUrl=\"$routeProStr + '/system/code_generation_list'\"\r\n    ></pages-header>\r\n    <div class=\"message mt10\">\r\n      <el-card :bordered=\"false\" shadow=\"never\" class=\"\">\r\n        <steps :stepList=\"headerList\" :isActive=\"currentTab\"></steps>\r\n      </el-card>\r\n    </div>\r\n    <div class=\"pt10 tab-1\" v-show=\"currentTab == '0'\" v-loading=\"isLoading\">\r\n      <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt\">\r\n        <FoundationForm\r\n          ref=\"Foundation\"\r\n          :foundation=\"formItem.foundation\"\r\n          :tableField=\"tableField\"\r\n          @storageData=\"storageData\"\r\n        />\r\n      </el-card>\r\n    </div>\r\n    <div class=\"pt10\" v-show=\"currentTab == '1'\">\r\n      <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt\">\r\n        <TableForm\r\n          ref=\"TableForm\"\r\n          :foundation=\"formItem.foundation\"\r\n          :tableField=\"tableField\"\r\n          :id=\"id\"\r\n          @storageData=\"storageData\"\r\n        />\r\n      </el-card>\r\n    </div>\r\n    <div class=\"pt10\" v-show=\"currentTab == '2'\">\r\n      <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt\">\r\n        <StorageLoc :storage=\"formItem.storage\" />\r\n      </el-card>\r\n    </div>\r\n    <el-card :bordered=\"false\" class=\"fixed-card\" :style=\"{ left: `${fixBottomWidth}` }\" shadow=\"never\">\r\n      <el-button :disabled=\"!currentTab\" class=\"mr20\" v-db-click @click=\"beforeTab\">上一步</el-button>\r\n      <el-button type=\"primary\" v-db-click @click=\"nextTab\">{{ currentTab == 2 ? '提交' : '下一步' }}</el-button>\r\n    </el-card>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { codeCrud } from '@/api/setting';\r\nimport FoundationForm from './components/FoundationFor.vue';\r\nimport TableForm from './components/TableForm.vue';\r\nimport StorageLoc from './components/StorageLoc.vue';\r\nimport { getMenusUnique } from '@/api/systemMenus';\r\nimport { formatFlatteningRoutes } from '@/libs/system';\r\nimport { crudFilePath } from '@/api/systemCodeGeneration';\r\nimport { crudDet } from '@/api/systemCodeGeneration';\r\nimport { setStatus } from '@api/diy';\r\nimport steps from '@/components/steps/index';\r\n\r\nexport default {\r\n  name: 'system_code_generation',\r\n  components: { FoundationForm, StorageLoc, TableForm, steps },\r\n  data() {\r\n    return {\r\n      currentTab: 0,\r\n      headerList: ['基础信息', '字段配置', '存放位置'],\r\n      formItem: {\r\n        foundation: {\r\n          pid: '',\r\n          tableName: '',\r\n          modelName: '',\r\n          isTable: 1,\r\n          menuName: '',\r\n        },\r\n        tableForm: {},\r\n        storage: {},\r\n        field: {},\r\n        formItem: {},\r\n      },\r\n      ruleValidate: {\r\n        foundation: {},\r\n      },\r\n      tableField: [],\r\n      rowList: [],\r\n      reqloading: false,\r\n      isLoading: false,\r\n      id: '',\r\n    };\r\n  },\r\n  computed: {\r\n    // 设置是否显示 tagsView\r\n    fixBottomWidth() {\r\n      let { layout, isCollapse } = this.$store.state.themeConfig.themeConfig;\r\n      let w;\r\n      if (['columns'].includes(layout)) {\r\n        if (isCollapse) {\r\n          w = '85px';\r\n        } else {\r\n          w = '265px';\r\n        }\r\n      } else if (['classic'].includes(layout)) {\r\n        if (isCollapse) {\r\n          w = '69px';\r\n        } else {\r\n          w = '190px';\r\n        }\r\n      } else if (['defaults', 'classic'].includes(layout)) {\r\n        if (isCollapse) {\r\n          w = '64px';\r\n        } else {\r\n          w = '180px';\r\n        }\r\n      } else {\r\n        w = '0px';\r\n      }\r\n      return w;\r\n    },\r\n  },\r\n  created() {\r\n    if (this.$route.query.id) {\r\n      this.id = this.$route.query.id;\r\n      this.getDetail(this.$route.query.id);\r\n    }\r\n  },\r\n  mounted: function () {},\r\n  methods: {\r\n    getDetail(id) {\r\n      this.isLoading = true;\r\n      crudDet(id)\r\n        .then((res) => {\r\n          let data = res.data.crudInfo.field;\r\n          this.formItem.foundation.pid = Number(data.pid);\r\n          this.formItem.foundation.tableName = data.tableName;\r\n          this.formItem.foundation.modelName = data.modelName;\r\n          this.formItem.foundation.menuName = data.menuName;\r\n          this.$refs.TableForm.tableField = data.tableField;\r\n          this.formItem.storage = data.filePath;\r\n          let i = 0;\r\n          data.tableField.map((e) => {\r\n            if (e.field === 'create_time' || e.field === 'update_time') {\r\n              i++;\r\n              if (i == 2) this.$refs.TableForm.isCreate = true;\r\n            }\r\n            if (e.field === 'delete_time') {\r\n              this.$refs.TableForm.isDelete = true;\r\n            }\r\n          });\r\n          this.isLoading = false;\r\n        })\r\n        .catch((err) => {\r\n          this.$message.warning(err.msg);\r\n        });\r\n    },\r\n    storageData(data) {\r\n      this.formItem.storage = data;\r\n    },\r\n    beforeTab() {\r\n      this.currentTab--;\r\n    },\r\n    addRow() {\r\n      let foundation = this.formItem.foundation;\r\n      if (!foundation.tableName) return this.$message.warning('请先填写表名');\r\n      let data = {\r\n        menuName: foundation.menuName,\r\n        tableName: foundation.tableName,\r\n        // isTable: foundation.isTable,\r\n        fromField: [],\r\n        columnField: [],\r\n      };\r\n      crudFilePath(data)\r\n        .then((res) => {\r\n          this.$refs.TableForm.tableField = res.data.tableField.length ? res.data.tableField : [];\r\n          this.formItem.storage = res.data.makePath;\r\n          if (!res.data.tableField.length) {\r\n            this.$refs.TableForm.tableField.push({\r\n              field: 'id',\r\n              field_type: 'int',\r\n              default: '',\r\n              comment: '自增ID',\r\n              required: false,\r\n              is_table: true,\r\n              table_name: 'ID',\r\n              limit: '15',\r\n              primaryKey: 1,\r\n              from_type: '',\r\n            });\r\n          }\r\n          this.currentTab++;\r\n        })\r\n        .catch((err) => {\r\n          this.$message.warning(err.msg);\r\n        });\r\n    },\r\n    nextTab() {\r\n      if (this.currentTab == 0) {\r\n        // if (!this.formItem.foundation.pid) return this.$message.warning('请选择菜单');\r\n        if (!this.formItem.foundation.tableName) return this.$message.warning('请输入表名');\r\n        if (!this.formItem.foundation.modelName) return this.$message.warning('请输入模块名');\r\n        if (!this.formItem.foundation.isTable) {\r\n          if (!this.$refs.TableForm.tableField.length) return this.$message.warning('请先添加表数据');\r\n          if (this.$refs.TableForm.tableField.length)\r\n            for (let i = 0; i < this.$refs.TableForm.tableField.length; i++) {\r\n              const el = this.$refs.TableForm.tableField[i];\r\n              if (\r\n                ['addSoftDelete', 'addTimestamps'].indexOf(el.field_type) === -1 &&\r\n                (!el.field || !el.field_type || !el.comment)\r\n              ) {\r\n                return this.$message.warning('请完善sql表数据');\r\n              }\r\n            }\r\n        }\r\n        if (this.id) {\r\n          return this.currentTab++;\r\n        }\r\n        this.addRow();\r\n      } else if (this.currentTab == 2) {\r\n        if (this.reqloading) return;\r\n        let data = {\r\n          ...this.formItem.foundation,\r\n          filePath: this.formItem.storage,\r\n          tableField: this.$refs.TableForm.tableField,\r\n          deleteField: this.id ? this.$refs.TableForm.deleteField : [],\r\n        };\r\n        if (this.id) {\r\n          data.id = this.id;\r\n          this.$msgbox({\r\n            title: '生成提醒',\r\n            message: '重新提交会重新生成文件,删除、新增、修改的字段将直接从改表中进行修改,请慎重操作！！',\r\n            showCancelButton: true,\r\n            cancelButtonText: '取消',\r\n            confirmButtonText: '确定',\r\n            iconClass: 'el-icon-warning',\r\n            confirmButtonClass: 'btn-custom-cancel',\r\n          })\r\n            .then(() => {\r\n              this.saveCodeCrud(data, true);\r\n            })\r\n            .catch(() => {});\r\n        } else {\r\n          this.$msgbox({\r\n            title: '生成提醒',\r\n            message:\r\n              '生成后本地开发调试会直接加载生成的vue页面；如果是上线后进行生成,可以进行浏览，代码生成列表中的修改文件将不生效。需要重新打包上线！',\r\n            showCancelButton: true,\r\n            cancelButtonText: '取消',\r\n            confirmButtonText: '确定',\r\n            iconClass: 'el-icon-warning',\r\n            confirmButtonClass: 'btn-custom-cancel',\r\n          })\r\n            .then(() => {\r\n              this.saveCodeCrud(data, true);\r\n            })\r\n            .catch(() => {});\r\n        }\r\n      } else {\r\n        if (this.currentTab < 3) this.currentTab++;\r\n      }\r\n    },\r\n    saveCodeCrud(data, loading) {\r\n      this.reqloading = true;\r\n      codeCrud(data)\r\n        .then((res) => {\r\n          this.$message.success(res.msg);\r\n          this.getMenusUnique();\r\n          this.reqloading = false;\r\n          this.$router.push({\r\n            name: 'system_code_generation_list',\r\n          });\r\n        })\r\n        .catch((err) => {\r\n          this.reqloading = false;\r\n          this.$message.error(err.msg);\r\n        });\r\n    },\r\n    getMenusUnique() {\r\n      getMenusUnique().then((res) => {\r\n        let data = res.data;\r\n        this.$store.commit('userInfo/uniqueAuth', data.uniqueAuth);\r\n        this.$store.commit('menus/getmenusNav', data.menus);\r\n        this.$store.dispatch('routesList/setRoutesList', data.menus);\r\n        let arr = formatFlatteningRoutes(this.$router.options.routes);\r\n        this.formatTwoStageRoutes(arr);\r\n        let routes = formatFlatteningRoutes(data.menus);\r\n        this.$store.commit('menus/setOneLvRoute', routes);\r\n        this.bus.$emit('routesListChange');\r\n      });\r\n    },\r\n    formatTwoStageRoutes(arr) {\r\n      if (arr.length <= 0) return false;\r\n      const newArr = [];\r\n      const cacheList = [];\r\n      arr.forEach((v) => {\r\n        if (v && v.meta && v.meta.keepAlive) {\r\n          newArr.push({ ...v });\r\n          cacheList.push(v.name);\r\n          this.$store.dispatch('keepAliveNames/setCacheKeepAlive', cacheList);\r\n        }\r\n      });\r\n      return newArr;\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.ivu-steps .ivu-steps-title {\r\n  line-height: 26px;\r\n}\r\n.code-wapper {\r\n  min-height: 800px;\r\n  padding-bottom: 90px;\r\n}\r\n.btn {\r\n  position: fixed;\r\n  bottom: 10px;\r\n  // height: 80px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 100%;\r\n  background-color: rgba(255, 255, 255, 0.6);\r\n  backdrop-filter: blur(4px);\r\n  z-index: 2;\r\n}\r\n.tab-1 {\r\n  padding-bottom: 100px;\r\n}\r\n::v-deep .el-input__inner {\r\n  padding-left: 7px;\r\n}\r\n::v-deep .ivu-form-item {\r\n  margin-bottom: 17px;\r\n}\r\n::v-deep .ivu-form-item-error-tip {\r\n  padding-top: 2px;\r\n}\r\n::v-deep .tip {\r\n  color: #bbb;\r\n  line-height: 16px;\r\n  padding-top: 5px;\r\n  font-size: 12px;\r\n}\r\n</style>\r\n"]}]}