From 466f97ecbeeef9dbe9dec78ca5883275d683701a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E5=AE=97=E6=B4=8B?= <liuzongyang@cqliving.com>
Date: Sun, 25 Jun 2023 21:12:28 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E4=BF=AE=E6=94=B9=E8=A1=A8?=
 =?UTF-8?q?=E7=BB=93=E6=9E=84=EF=BC=9A=E4=B8=BB=E9=94=AE=E9=BB=98=E8=AE=A4?=
 =?UTF-8?q?=E8=87=AA=E5=A2=9E=EF=BC=8C=E8=87=AA=E5=8A=A8=E7=94=9F=E6=88=90?=
 =?UTF-8?q?=E7=B4=A2=E5=BC=95=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/ops/db/CreateTable.vue          | 24 +++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/mayfly_go_web/src/views/ops/db/CreateTable.vue b/mayfly_go_web/src/views/ops/db/CreateTable.vue
index c2efc54d..7c5e9d18 100644
--- a/mayfly_go_web/src/views/ops/db/CreateTable.vue
+++ b/mayfly_go_web/src/views/ops/db/CreateTable.vue
@@ -82,11 +82,12 @@
                                 v-for="item in tableData.indexs.colNames" :key="item.prop">
                                 <template #default="scope">
 
-                                    <el-input v-if="item.prop === 'indexName'" size="small"
+                                    <el-input v-if="item.prop === 'indexName'" size="small" disabled
                                         v-model="scope.row.indexName"></el-input>
 
                                     <el-select v-if="item.prop === 'columnNames'" v-model="scope.row.columnNames"
                                         multiple collapse-tags collapse-tags-tooltip filterable placeholder="请选择字段"
+                                               @change="indexChanges(scope.row)"
                                         style="width: 100%">
                                         <el-option v-for="cl in tableData.indexs.columns" :key="cl.name"
                                             :label="cl.name" :value="cl.name">
@@ -94,7 +95,7 @@
                                         </el-option>
                                     </el-select>
 
-                                    <el-checkbox v-if="item.prop === 'unique'" size="small" v-model="scope.row.unique">
+                                    <el-checkbox v-if="item.prop === 'unique'" size="small" v-model="scope.row.unique" @change="indexChanges(scope.row)">
                                     </el-checkbox>
 
                                     <el-select v-if="item.prop === 'indexType'" filterable size="small"
@@ -468,7 +469,7 @@ const genSql = () => {
             let changeData = filterChangedData(oldData.indexs, state.tableData.indexs.res, 'indexName')
             // 搜集修改和删除的索引，添加到drop index xx
             // 收集新增和修改的索引，添加到ADD xx
-            // ALTER TABLE `test1` 
+            // ALTER TABLE `test1`
             // DROP INDEX `test1_name_uindex`,
             // DROP INDEX `test1_column_name4_index`,
             // ADD UNIQUE INDEX `test1_name_uindex`(`id`) USING BTREE COMMENT 'ASDASD',
@@ -546,6 +547,21 @@ const reset = () => {
     },]
 };
 
+const indexChanges = (row: any) => {
+  let name = '';
+  if(row.columnNames && row.columnNames.length > 0){
+    for (const column of row.columnNames) {
+      name += column.replace('_','').toLowerCase() + '_'
+    }
+    name = name.substring(0, name.length-1)
+  } else {
+    return;
+  }
+
+  let prefix = row.unique? 'udx_' : 'idx_';
+  row.indexName = prefix + name;
+}
+
 const oldData = { indexs: [] as any[], fields: [] as any[] }
 watch(() => props.data, (newValue: any) => {
     const { row, indexs, columns } = newValue;
@@ -569,7 +585,7 @@ watch(() => props.data, (newValue: any) => {
                 length,
                 notNull: a.nullable !== 'YES',
                 pri: a.columnKey === 'PRI',
-                auto_increment: a.extra?.indexOf('auto_increment') > -1,
+                auto_increment: a.columnKey === 'PRI' /*a.extra?.indexOf('auto_increment') > -1*/,
                 remark: a.columnComment,
             };
             state.tableData.fields.res.push(data)