调整对比结果

GraceDotnet · Jul 31, 2023 · bc43f88 · bc43f88
1 parent fae9319
commit bc43f88
Show file tree

Hide file tree

Showing 6 changed files with 182 additions and 66 deletions.
diff --git a/src/OnlineWebApp/Properties/launchSettings.json b/src/OnlineWebApp/Properties/launchSettings.json
@@ -25,13 +25,6 @@
       "environmentVariables": {
         "ASPNETCORE_ENVIRONMENT": "Development"
       }
-    },
-    "IIS Express": {
-      "commandName": "IISExpress",
-      "launchBrowser": true,
-      "environmentVariables": {
-        "ASPNETCORE_ENVIRONMENT": "Development"
-      }
     }
   }
 }
diff --git a/src/OnlineWebApp/Views/Home/SyncCheck.cshtml b/src/OnlineWebApp/Views/Home/SyncCheck.cshtml
@@ -4,7 +4,14 @@
 @{
     ViewData["Title"] = "结构检查";
 }
-
+@section css{
+    <style>
+        .code-sql {
+            font-family: cursive;
+            font-size: .9rem;
+        }
+    </style>
+}
 <div id="app">
     <div v-loading.fullscreen.lock="fullscreenLoading" element-loading-text="正在比对..."></div>
     <!--第一步-->
@@ -14,16 +21,26 @@
         </el-header>
         <el-main>
             <!--上部分-->
-            <el-table row-key="tableName" :data="tableData" style="width: 100%" highlight-current-row @@current-change="currentChange">
-                <el-table-column prop="tableName" label="源对象" min-width="45%" sortable>
+            <el-table row-key="name" :data="tableData" style="width: 100%" highlight-current-row @@current-change="currentChange">
+                @* <el-table-column type="selection" width="55"></el-table-column> *@
+                <el-table-column prop="name" label="源对象" min-width="45%" sortable>
+                    <template #default="scope">
+                        {{ scope.row.name }}
+                    </template>
+                </el-table-column>
+                <el-table-column prop="operate" label="操作" min-width="10%" sortable>
                     <template #default="scope">
-                        {{ scope.row.tableName }}
+                        <div :title="scope.row.operate">
+                            <el-icon v-if="scope.row.operate=='Edit'"><Right /></el-icon>
+                            <el-icon v-if="scope.row.operate=='Delete'"><Close></Close></el-icon>
+                            <el-icon v-if="scope.row.operate=='None'"><Check></Check></el-icon>
+                            <el-icon v-if="scope.row.operate=='Created'"><Plus></Plus></el-icon>
+                        </div>
                     </template>
                 </el-table-column>
-                <el-table-column prop="operate" label="操作" min-width="10%" sortable></el-table-column>
-                <el-table-column prop="tableName" label="目标对象" min-width="45%" sortable>
+                <el-table-column prop="name" label="目标对象" min-width="45%" sortable>
                     <template #default="scope">
-                        <div v-if="scope.row.operate!=''">{{ scope.row.tableName }}</div>
+                        <div v-if="scope.row.operate!=''">{{ scope.row.name }}</div>
                         <div else="scope.row.operate!=''"></div>
                     </template>
                 </el-table-column>
@@ -32,8 +49,14 @@
             <div>
                 <div><h3>部署脚本</h3></div>
                 <div class="sql-container">
-                    <div v-for="sql in currentRow.syncSqls">
-                        {{sql}}
+                    <div v-if="currentRow.syncSql">
+                        <div class="code-sql"> {{currentRow.syncSql}}</div>
+                    </div>
+
+                    <div v-if="currentRow.type=='table'">
+                        <div class="code-sql" v-for="sql in currentRow.syncSqls">
+                            {{sql}}
+                        </div>
                     </div>
                 </div>
             </div>
@@ -44,15 +67,17 @@
         <el-main>
             <div><h3>部署脚本</h3></div>
             <div class="sql-container">
-                <div>
+                <div class="code-sql">
                     SET FOREIGN_KEY_CHECKS=0;
                 </div>
-                <template v-for="item in diffResult.tables">
-                    <div v-for="sql in item.syncSqls">
+
+                <template v-for="item in allTables">
+                    <div class="code-sql" v-for="sql in item.syncSqls">
                         {{sql}}
                     </div>
                 </template>
-                <div>
+
+                <div class="code-sql">
                     SET FOREIGN_KEY_CHECKS=1;
                 </div>
             </div>
@@ -73,18 +98,25 @@
     <script>
         const app = Vue.createApp(
             {
+                components: ElementPlusIconsVue,
                 data() {
                     return {
                         step: 1,
                         tableData: [],
                         diffResult: {},
                         fullscreenLoading: false,
-                        groued: [],
                         currentRow: {}
                     };
                 },
                 computed: {
+                    allTables() {
+                        var res = [];
+                        for (const groud of this.tableData) {
+                            res = res.concat(groud.children)
+                        }
 
+                        return res;
+                    }
                 },
                 methods: {
                     run() {
@@ -100,6 +132,7 @@
                             });
                     },
                     currentChange(row) {
+                        console.log(row)
                         this.currentRow = row;
                     },
                     grouedTables(tables) {
@@ -115,10 +148,32 @@
 
                         var res = [];
                         for (const item of Object.keys(groupedBy)) {
+                            let children = [];
+                            for (const table of groupedBy[item]) {
+
+                                var syncSqls = [];
+                                for (const column of table.columns) {
+                                    syncSqls.push(column.syncSql);
+                                }
+
+                                for (const index of table.indexs) {
+                                    syncSqls.push(index.syncSql);
+                                }
+
+                                children.push({
+                                    type: 'table',
+                                    name: table.tableName,
+                                    operate: table.operate,
+                                    syncSqls: syncSqls,
+                                    children: table.columns.concat(table.indexs)
+                                })
+                            }
+
                             res.push({
-                                tableName: item,
+                                type: 'group',
+                                name: item == "Edit" ? "要修改的对象" : item == "None" ? "没有操作" : item == "Delete" ? "要删除的对象" : item == "Created" ? "要创建的对象" : "",
                                 operate: "",
-                                children: groupedBy[item]
+                                children: children
                             });
                         }
                         return res;
@@ -132,13 +187,13 @@
                         axios.get('/api/Sync/diff' + location.search).then(res => {
                             this.diffResult = res.data
 
-                            var groued = this.grouedTables(this.diffResult.tables);
-                            console.log(groued)
-                            this.tableData = groued;
+                            this.tableData = this.grouedTables(this.diffResult.tables);
+                            console.log(this.tableData)
+ 
                             this.fullscreenLoading = false;
                         }).catch(err => {
                             this.fullscreenLoading = false;
-                            this.$message.error(err.response.data);
+                            this.$message.error(err.message || err.response.data);
                         })
                     },
                     reDiff() {

diff --git a/src/OnlineWebApp/Views/Shared/_Layout.cshtml b/src/OnlineWebApp/Views/Shared/_Layout.cshtml
@@ -7,6 +7,7 @@
     <link rel="stylesheet" href="//unpkg.com/element-plus/dist/index.css" />
     <script src="//unpkg.com/vue@3"></script>
     <script src="//unpkg.com/element-plus"></script>
+    <script src="//unpkg.com/@@element-plus/icons-vue"></script>
     @await RenderSectionAsync("css", required: false)
 </head>
 <body>

diff --git a/src/PowerSchemaSync/Models/DiffResult.cs b/src/PowerSchemaSync/Models/DiffResult.cs
@@ -20,17 +20,52 @@ public class DiffInfo
     {
         public string TableName { get; set; }
 
-        public DiffTable Source { get; set; }
+        public List<DiffColumn> Columns { get; set; } = new List<DiffColumn>();
 
-        public DiffTable Target { get; set; }
+        public List<DiffIndex> Indexs { get; set; } = new List<DiffIndex>();
 
-        public List<string> SyncSqls { get; set; } = new List<string>();
+        /// <summary>
+        /// 需要操作的类型
+        /// </summary>
+        [JsonConverter(typeof(JsonStringEnumConverter))]
+        public OprateEnum Operate { get; set; }
+
+        public string SyncSql { get; set; }
 
+        [JsonIgnore]
+        public IEnumerable<string> SyncSqls
+        {
+            get
+            {
+                return Columns.Select(c => c.SyncSql).Concat(Indexs.Select(x => x.SyncSql));
+            }
+        }
+    }
+
+    public class DiffIndex
+    {
         /// <summary>
         /// 需要操作的类型
         /// </summary>
         [JsonConverter(typeof(JsonStringEnumConverter))]
         public OprateEnum Operate { get; set; }
+
+        public string Name { get; set; }
+
+        public string SyncSql { get; set; }
+    }
+
+    public class DiffColumn
+    {
+        /// <summary>
+        /// 需要操作的类型
+        /// </summary>
+        [JsonConverter(typeof(JsonStringEnumConverter))]
+        public OprateEnum Operate { get; set; }
+
+        public string Name { get; set; }
+
+        public string SyncSql { get; set; }
     }
 
     public enum OprateEnum

diff --git a/src/PowerSchemaSync/PowerSchemaSync.csproj b/src/PowerSchemaSync/PowerSchemaSync.csproj
@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk">
 
 	<PropertyGroup>
-		<Version>1.1.0</Version>
+		<Version>1.2.1</Version>
 		<Description>数据库结构同步工具库</Description>
 		<TargetFrameworks>net6.0;net461</TargetFrameworks>
 		<GenerateDocumentationFile>true</GenerateDocumentationFile>