代码生成相关代码

2026-05-15 00:00:02 +08:00 · 2022-03-23 21:00:30 +08:00
parent 9257129ed7
commit 8774b5f826
5 changed files with 268 additions and 1 deletions
@@ -0,0 +1,91 @@
+function gen(groupPath, data){
+    var permissionPrefix = groupPath.replace('/', ':')
+    var html = `
+    <template>
+      <mb-list ref="magicList" v-bind="listOptions" />
+      <mb-dialog ref="formDialog" @confirm-click="magicForm.save($event)" width="50%">
+        <template #content>
+          <mb-form ref="magicForm" @reload="magicList.reload" v-bind="formOptions" />
+        </template>
+      </mb-dialog>
+    </template>
+    <script setup>
+    import { ref, reactive, getCurrentInstance } from 'vue'
+    const { proxy } = getCurrentInstance()
+    const formDialog = ref()
+    const magicList = ref()
+    const magicForm = ref()
+    const listOptions = reactive({
+        tools: [{
+            type: 'add',
+            permission: '${permissionPrefix}:save',
+            click: () => {
+                formOptions.detail.formData = null
+                formDialog.value.show()
+            }
+        }],
+        table: {
+            url: '${groupPath}/list',
+            where: {
+    `
+    for(var i in data){
+        var d = data[i]
+        if(d.query){
+            html += `
+                ${d.columnName}: {
+                    label: '${d.columnComment}'
+                },
+            `
+        }
+    }
+    html += `
+            },
+            cols: [
+    `
+    for(var i in data){
+        var d = data[i]
+        if(d.list){
+            html += `
+                {
+                    field: '${d.columnName}',
+                    label: '${d.columnComment}'
+                },
+            `
+        }
+    }
+    html += `
+                {
+                    label: '操作',
+                    type: 'btns',
+                    width: 140,
+                    fixed: 'right',
+                    btns: [
+                        {
+                            permission: '${permissionPrefix}:save',
+                            label: '修改',
+                            type: 'text',
+                            icon: 'ElEdit',
+                            click: (row) => {
+                                magicForm.value.getDetail(row.id)
+                                formDialog.value.show()
+                            }
+                        }, {
+                            permission: '${permissionPrefix}:delete',
+                            label: '删除',
+                            type: 'text',
+                            icon: 'ElDelete',
+                            click: (row) => {
+                                proxy.$common.handleDelete({
+                                    url: '${groupPath}/delete',
+                                    id: row.id,
+                                    done: () => magicList.value.reload()
+                                })
+                            }
+                        }
+                    ]
+                }
+            ]
+    `
+    console.log(html)
+}
+export default gen