¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <basic-container> |
| | | <avue-crud :option="option" |
| | | :table-loading="loading" |
| | | :data="data" |
| | | ref="crud" |
| | | v-model="form" |
| | | :permission="permissionList" |
| | | :page.sync="page" |
| | | @row-del="rowDel" |
| | | @row-update="rowUpdate" |
| | | @row-save="rowSave" |
| | | :before-open="beforeOpen" |
| | | @search-change="searchChange" |
| | | @search-reset="searchReset" |
| | | @selection-change="selectionChange" |
| | | @current-change="currentChange" |
| | | @size-change="sizeChange" |
| | | @refresh-change="refreshChange" |
| | | @on-load="onLoad"> |
| | | <template slot="menuLeft"> |
| | | <el-button type="danger" |
| | | size="small" |
| | | icon="el-icon-delete" |
| | | v-if="permission.code_delete" |
| | | plain |
| | | @click="handleDelete">å é¤ |
| | | </el-button> |
| | | <el-button type="primary" |
| | | size="small" |
| | | plain |
| | | icon="el-icon-refresh" |
| | | @click="handleBuild">代ç çæ |
| | | </el-button> |
| | | </template> |
| | | <template slot-scope="scope" slot="menu"> |
| | | <el-button type="text" |
| | | size="small" |
| | | icon="el-icon-document-copy" |
| | | v-if="permission.code_edit" |
| | | class="none-border" |
| | | @click.stop="handleCopy(scope.row)">å¤å¶ |
| | | </el-button> |
| | | </template> |
| | | </avue-crud> |
| | | </basic-container> |
| | | </template> |
| | | |
| | | <script> |
| | | import {getList, getCode, build, remove, add, update, copy} from "@/api/tool/code"; |
| | | import {getDetail as modelDetail, prototypeDetail} from "@/api/tool/model"; |
| | | import {templateDic} from "@/const/tool/model"; |
| | | import {validatenull} from "@/util/validate"; |
| | | import {mapGetters} from "vuex"; |
| | | |
| | | export default { |
| | | data() { |
| | | return { |
| | | form: {}, |
| | | selectionList: [], |
| | | loading: true, |
| | | query: {}, |
| | | page: { |
| | | pageSize: 10, |
| | | currentPage: 1, |
| | | total: 0 |
| | | }, |
| | | option: { |
| | | height: 'auto', |
| | | calcHeight: 30, |
| | | dialogWidth: 900, |
| | | tip: false, |
| | | searchShow: true, |
| | | searchMenuSpan: 6, |
| | | border: true, |
| | | index: true, |
| | | selection: true, |
| | | labelWidth: 120, |
| | | menuWidth: 300, |
| | | viewBtn: true, |
| | | dialogClickModal: false, |
| | | tabs: true, |
| | | column: [ |
| | | { |
| | | label: "模åå", |
| | | prop: "codeName", |
| | | search: true, |
| | | display: false, |
| | | }, |
| | | { |
| | | label: '模çç±»å', |
| | | prop: 'templateType', |
| | | type: "select", |
| | | dicData: templateDic, |
| | | display: false, |
| | | }, |
| | | { |
| | | label: "表å", |
| | | prop: "tableName", |
| | | search: true, |
| | | display: false, |
| | | }, |
| | | { |
| | | label: "æå¡å", |
| | | prop: "serviceName", |
| | | search: true, |
| | | display: false, |
| | | }, |
| | | { |
| | | label: "å
å", |
| | | prop: "packageName", |
| | | display: false, |
| | | }, |
| | | ], |
| | | group: [ |
| | | { |
| | | label: '模åé
ç½®', |
| | | prop: 'modelSetting', |
| | | icon: 'el-icon-tickets', |
| | | column: [ |
| | | { |
| | | label: "æ°æ®æ¨¡å", |
| | | prop: "modelId", |
| | | search: true, |
| | | span: 24, |
| | | type: "select", |
| | | dicUrl: "/api/ubcs-develop/model/select", |
| | | props: { |
| | | label: "modelName", |
| | | value: "id" |
| | | }, |
| | | rules: [{ |
| | | required: true, |
| | | message: "è¯·éæ©æ°æ®æ¨¡å", |
| | | trigger: "blur" |
| | | }] |
| | | }, |
| | | { |
| | | label: "模åå", |
| | | prop: "codeName", |
| | | search: true, |
| | | rules: [{ |
| | | required: true, |
| | | message: "请è¾å
¥æ¨¡åå", |
| | | trigger: "blur" |
| | | }] |
| | | }, |
| | | { |
| | | label: "æå¡å", |
| | | prop: "serviceName", |
| | | search: true, |
| | | rules: [{ |
| | | required: true, |
| | | message: "请è¾å
¥æå¡å", |
| | | trigger: "blur" |
| | | }] |
| | | }, |
| | | { |
| | | label: "表å", |
| | | prop: "tableName", |
| | | rules: [{ |
| | | required: true, |
| | | message: "请è¾å
¥è¡¨å", |
| | | trigger: "blur" |
| | | }] |
| | | }, |
| | | { |
| | | label: "表åç¼", |
| | | prop: "tablePrefix", |
| | | hide: true, |
| | | rules: [{ |
| | | required: true, |
| | | message: "请è¾å
¥è¡¨åç¼", |
| | | trigger: "blur" |
| | | }] |
| | | }, |
| | | { |
| | | label: "主é®å", |
| | | prop: "pkName", |
| | | hide: true, |
| | | rules: [{ |
| | | required: true, |
| | | message: "请è¾å
¥ä¸»é®å", |
| | | trigger: "blur" |
| | | }] |
| | | }, |
| | | { |
| | | label: "å
å", |
| | | prop: "packageName", |
| | | overHidden: true, |
| | | rules: [{ |
| | | required: true, |
| | | message: "请è¾å
¥å
å", |
| | | trigger: "blur" |
| | | }] |
| | | }, |
| | | ] |
| | | }, |
| | | { |
| | | label: '模çé
ç½®', |
| | | prop: 'templateSetting', |
| | | icon: 'el-icon-copy-document', |
| | | column: [ |
| | | { |
| | | label: '模çç±»å', |
| | | prop: 'templateType', |
| | | type: "select", |
| | | dicData: templateDic, |
| | | value: "crud", |
| | | rules: [{ |
| | | required: true, |
| | | message: "è¯·éæ©æ¨¡çç±»å", |
| | | trigger: "blur" |
| | | }] |
| | | }, |
| | | { |
| | | label: "ä½è
ä¿¡æ¯", |
| | | prop: "author", |
| | | value: "BladeX", |
| | | rules: [{ |
| | | required: true, |
| | | message: "请è¾å
¥ä½è
", |
| | | trigger: "blur" |
| | | }] |
| | | }, |
| | | { |
| | | label: "å表模å", |
| | | prop: "subModelId", |
| | | type: "select", |
| | | dicUrl: "/api/ubcs-develop/model/select", |
| | | props: { |
| | | label: "modelName", |
| | | value: "id" |
| | | }, |
| | | display: false, |
| | | hide: true, |
| | | }, |
| | | { |
| | | label: "å表å¤é®", |
| | | prop: "subFkId", |
| | | display: false, |
| | | hide: true, |
| | | }, |
| | | { |
| | | label: "æ 主é®å段", |
| | | prop: "treeId", |
| | | type: "select", |
| | | dicData: [], |
| | | props: { |
| | | label: "comment", |
| | | value: "jdbcName" |
| | | }, |
| | | display: false, |
| | | hide: true, |
| | | }, |
| | | { |
| | | label: "æ ç¶ä¸»é®å段", |
| | | prop: "treePid", |
| | | type: "select", |
| | | dicData: [], |
| | | props: { |
| | | label: "comment", |
| | | value: "jdbcName" |
| | | }, |
| | | display: false, |
| | | hide: true, |
| | | }, |
| | | { |
| | | label: "æ åç§°åæ®µ", |
| | | prop: "treeName", |
| | | type: "select", |
| | | dicData: [], |
| | | props: { |
| | | label: "comment", |
| | | value: "jdbcName" |
| | | }, |
| | | display: false, |
| | | hide: true, |
| | | }, |
| | | ] |
| | | }, |
| | | { |
| | | label: 'çæé
ç½®', |
| | | prop: 'codingSetting', |
| | | icon: 'el-icon-printer', |
| | | column: [ |
| | | { |
| | | label: "åºç¡ä¸å¡", |
| | | labelTip:'é
ç½®æ¯å¦ä½¿ç¨BladeXå°è£
çBaseServiceè§£éæ´å¤åè½', |
| | | prop: "baseMode", |
| | | type: 'radio', |
| | | dicUrl: "/api/ubcs-system/dict/dictionary?code=yes_no", |
| | | props: { |
| | | label: "dictValue", |
| | | value: "dictKey" |
| | | }, |
| | | value: 2, |
| | | dataType: "number", |
| | | hide: true, |
| | | rules: [{ |
| | | required: true, |
| | | message: "è¯·éæ©åºç¡ä¸å¡", |
| | | trigger: "blur" |
| | | }] |
| | | }, |
| | | { |
| | | label: "å
è£
å¨", |
| | | labelTip:'é
ç½®æ¯å¦ä½¿ç¨Wrapperå
è£
卿¥æå±Controllerè¿åå表çåæ®µ', |
| | | prop: "wrapMode", |
| | | type: 'radio', |
| | | dicUrl: "/api/ubcs-system/dict/dictionary?code=yes_no", |
| | | props: { |
| | | label: "dictValue", |
| | | value: "dictKey" |
| | | }, |
| | | value: 2, |
| | | dataType: "number", |
| | | hide: true, |
| | | rules: [{ |
| | | required: true, |
| | | message: "è¯·éæ©å
è£
å¨", |
| | | trigger: "blur" |
| | | }] |
| | | }, |
| | | { |
| | | label: "è¿ç¨è°ç¨", |
| | | labelTip:'é
ç½®æ¯å¦ä½¿ç¨Feignè¿ç¨è°ç¨', |
| | | prop: "feignMode", |
| | | type: 'radio', |
| | | dicUrl: "/api/ubcs-system/dict/dictionary?code=yes_no", |
| | | props: { |
| | | label: "dictValue", |
| | | value: "dictKey" |
| | | }, |
| | | value: 1, |
| | | dataType: "number", |
| | | hide: true, |
| | | rules: [{ |
| | | required: true, |
| | | message: "è¯·éæ©åºç¡ä¸å¡", |
| | | trigger: "blur" |
| | | }] |
| | | }, |
| | | { |
| | | label: "代ç 飿 ¼", |
| | | labelTip:'éæ©ä¸ååºå±å®ç°çä»£ç æ¨¡ç', |
| | | prop: "codeStyle", |
| | | type: 'radio', |
| | | dicData: [ |
| | | { |
| | | label: "saber", |
| | | value: "saber" |
| | | }, |
| | | { |
| | | label: "element", |
| | | value: "element" |
| | | } |
| | | ], |
| | | value: "saber", |
| | | hide: true, |
| | | rules: [{ |
| | | required: true, |
| | | message: "è¯·éæ©ä»£ç 飿 ¼", |
| | | trigger: "blur" |
| | | }] |
| | | }, |
| | | { |
| | | label: "å端çæè·¯å¾", |
| | | prop: "apiPath", |
| | | span: 24, |
| | | hide: true, |
| | | rules: [{ |
| | | required: true, |
| | | message: "请è¾å
¥å端çæè·¯å¾", |
| | | trigger: "blur" |
| | | }] |
| | | }, |
| | | { |
| | | label: "å端çæè·¯å¾", |
| | | prop: "webPath", |
| | | span: 24, |
| | | hide: true, |
| | | rules: [{ |
| | | required: true, |
| | | message: "请è¾å
¥å端çæè·¯å¾", |
| | | trigger: "blur" |
| | | }] |
| | | } |
| | | ] |
| | | } |
| | | ] |
| | | }, |
| | | data: [] |
| | | }; |
| | | }, |
| | | watch: { |
| | | 'form.modelId'() { |
| | | if (!validatenull(this.form.modelId)) { |
| | | // è·åæ°æ®æ¨¡åä¿¡æ¯ |
| | | modelDetail(this.form.modelId).then(res => { |
| | | const result = res.data; |
| | | if (result.success) { |
| | | const {modelName, modelTable, modelCode} = result.data; |
| | | if (validatenull(this.form.tablePrefix)) { |
| | | this.form.tablePrefix = modelTable.split("_")[0] + "_"; |
| | | } |
| | | if (validatenull(this.form.tableName)) { |
| | | this.form.tableName = modelTable; |
| | | } |
| | | if (validatenull(this.form.codeName)) { |
| | | this.form.codeName = modelName; |
| | | } |
| | | if (validatenull(this.form.serviceName)) { |
| | | this.form.serviceName = `ubcs-${modelCode}`; |
| | | } |
| | | if (validatenull(this.form.pkName)) { |
| | | this.form.pkName = "id"; |
| | | } |
| | | if (validatenull(this.form.packageName)) { |
| | | this.form.packageName = `org.springblade.${modelCode}`; |
| | | } |
| | | if (validatenull(this.form.subFkId) && !validatenull(this.form.tablePrefix)) { |
| | | this.form.subFkId = modelTable.replace(this.form.tablePrefix, "") + "_id"; |
| | | } |
| | | |
| | | // è·åæ°æ®ååä¿¡æ¯ |
| | | prototypeDetail(this.form.modelId).then(res => { |
| | | const result = res.data; |
| | | if (result.success) { |
| | | const columnTreeId = this.findObject(this.option.group, "treeId"); |
| | | const columnTreePid = this.findObject(this.option.group, "treePid"); |
| | | const columnTreeName = this.findObject(this.option.group, "treeName"); |
| | | columnTreeId.dicData = result.data; |
| | | columnTreePid.dicData = result.data; |
| | | columnTreeName.dicData = result.data; |
| | | } |
| | | }); |
| | | } |
| | | }); |
| | | } |
| | | }, |
| | | 'form.templateType'() { |
| | | // 模çç±»å |
| | | const type = this.form.templateType; |
| | | |
| | | // 主åè¡¨åæ®µæ¾é |
| | | const columnSubModelId = this.findObject(this.option.group, "subModelId"); |
| | | const columnSubFkId = this.findObject(this.option.group, "subFkId"); |
| | | columnSubModelId.display = type === "sub"; |
| | | columnSubFkId.display = type === "sub"; |
| | | |
| | | // æ è¡¨åæ®µæ¾é |
| | | const columnTreeId = this.findObject(this.option.group, "treeId"); |
| | | const columnTreePid = this.findObject(this.option.group, "treePid"); |
| | | const columnTreeName = this.findObject(this.option.group, "treeName"); |
| | | columnTreeId.display = type === "tree"; |
| | | columnTreePid.display = type === "tree"; |
| | | columnTreeName.display = type === "tree"; |
| | | |
| | | } |
| | | }, |
| | | computed: { |
| | | ...mapGetters(["permission"]), |
| | | permissionList() { |
| | | return { |
| | | addBtn: this.vaildData(this.permission.code_add, false), |
| | | viewBtn: this.vaildData(this.permission.code_view, false), |
| | | delBtn: this.vaildData(this.permission.code_delete, false), |
| | | editBtn: this.vaildData(this.permission.code_edit, false) |
| | | }; |
| | | }, |
| | | ids() { |
| | | let ids = []; |
| | | this.selectionList.forEach(ele => { |
| | | ids.push(ele.id); |
| | | }); |
| | | return ids.join(","); |
| | | } |
| | | }, |
| | | methods: { |
| | | rowSave(row, done, loading) { |
| | | add(row).then(() => { |
| | | this.onLoad(this.page); |
| | | this.$message({ |
| | | type: "success", |
| | | message: "æä½æå!" |
| | | }); |
| | | done(); |
| | | }, error => { |
| | | window.console.log(error); |
| | | loading(); |
| | | }); |
| | | }, |
| | | rowUpdate(row, index, done, loading) { |
| | | update(row).then(() => { |
| | | this.onLoad(this.page); |
| | | this.$message({ |
| | | type: "success", |
| | | message: "æä½æå!" |
| | | }); |
| | | done(); |
| | | }, error => { |
| | | window.console.log(error); |
| | | loading(); |
| | | }); |
| | | }, |
| | | rowDel(row) { |
| | | this.$confirm("ç¡®å®å°éæ©æ°æ®å é¤?", { |
| | | confirmButtonText: "ç¡®å®", |
| | | cancelButtonText: "åæ¶", |
| | | type: "warning" |
| | | }) |
| | | .then(() => { |
| | | return remove(row.id); |
| | | }) |
| | | .then(() => { |
| | | this.onLoad(this.page); |
| | | this.$message({ |
| | | type: "success", |
| | | message: "æä½æå!" |
| | | }); |
| | | }); |
| | | }, |
| | | searchReset() { |
| | | this.query = {}; |
| | | this.onLoad(this.page); |
| | | }, |
| | | searchChange(params, done) { |
| | | this.query = params; |
| | | this.page.currentPage = 1; |
| | | this.onLoad(this.page, params); |
| | | done(); |
| | | }, |
| | | selectionChange(list) { |
| | | this.selectionList = list; |
| | | }, |
| | | selectionClear() { |
| | | this.selectionList = []; |
| | | this.$refs.crud.toggleSelection(); |
| | | }, |
| | | handleDelete() { |
| | | if (this.selectionList.length === 0) { |
| | | this.$message.warning("è¯·éæ©è³å°ä¸æ¡æ°æ®"); |
| | | return; |
| | | } |
| | | this.$confirm("ç¡®å®å°éæ©æ°æ®å é¤?", { |
| | | confirmButtonText: "ç¡®å®", |
| | | cancelButtonText: "åæ¶", |
| | | type: "warning" |
| | | }) |
| | | .then(() => { |
| | | return remove(this.ids); |
| | | }) |
| | | .then(() => { |
| | | this.onLoad(this.page); |
| | | this.$message({ |
| | | type: "success", |
| | | message: "æä½æå!" |
| | | }); |
| | | this.$refs.crud.toggleSelection(); |
| | | }); |
| | | }, |
| | | handleBuild() { |
| | | if (this.selectionList.length === 0) { |
| | | this.$message.warning("è¯·éæ©è³å°ä¸æ¡æ°æ®"); |
| | | return; |
| | | } |
| | | this.$confirm("æ¯å¦çæé䏿¨¡åç代ç ?", { |
| | | title: "代ç çæç¡®è®¤", |
| | | confirmButtonText: "ç¡®å®", |
| | | cancelButtonText: "åæ¶", |
| | | type: "warning" |
| | | }) |
| | | .then(() => { |
| | | return build(this.ids); |
| | | }) |
| | | .then(() => { |
| | | this.onLoad(this.page); |
| | | this.$message({ |
| | | type: "success", |
| | | message: "æä½æå!" |
| | | }); |
| | | this.$refs.crud.toggleSelection(); |
| | | }); |
| | | }, |
| | | handleCopy(row) { |
| | | copy(row.id).then(() => { |
| | | this.onLoad(this.page); |
| | | this.$message({ |
| | | type: "success", |
| | | message: "å¤å¶æå!" |
| | | }); |
| | | }); |
| | | }, |
| | | beforeOpen(done, type) { |
| | | if (["edit", "view"].includes(type)) { |
| | | getCode(this.form.id).then(res => { |
| | | this.form = res.data.data; |
| | | }); |
| | | } |
| | | done(); |
| | | }, |
| | | currentChange(currentPage) { |
| | | this.page.currentPage = currentPage; |
| | | }, |
| | | sizeChange(pageSize) { |
| | | this.page.pageSize = pageSize; |
| | | }, |
| | | refreshChange() { |
| | | this.onLoad(this.page, this.query); |
| | | }, |
| | | onLoad(page, params = {}) { |
| | | this.loading = true; |
| | | getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => { |
| | | const data = res.data.data; |
| | | this.page.total = data.total; |
| | | this.data = data.records; |
| | | this.loading = false; |
| | | this.selectionClear(); |
| | | }); |
| | | } |
| | | } |
| | | }; |
| | | </script> |