diff --git a/NugetTest/appsettings.json b/NugetTest/appsettings.json
index 0c5839e..a12778b 100644
--- a/NugetTest/appsettings.json
+++ b/NugetTest/appsettings.json
@@ -33,7 +33,7 @@
         }
       ],
       //禁用系统接口, 设置为true将禁用所有系统接口（建表、建接口等） 
-      "DisableSystemInterface": false
+      "DisableSystem": false
     },
     "Cors": {
       "Enable": true, //设置为true启动自带的跨域  
diff --git a/ReZero/SuperAPI/MethodGeneratorAPI/internalapi/PermissionHelper/SavePermissionInfoDetailModel.cs b/ReZero/SuperAPI/MethodGeneratorAPI/internalapi/PermissionHelper/SavePermissionInfoDetailModel.cs
index 0a888fd..f5004e9 100644
--- a/ReZero/SuperAPI/MethodGeneratorAPI/internalapi/PermissionHelper/SavePermissionInfoDetailModel.cs
+++ b/ReZero/SuperAPI/MethodGeneratorAPI/internalapi/PermissionHelper/SavePermissionInfoDetailModel.cs
@@ -1,13 +1,16 @@
-using System;
+using SqlSugar;
+using System;
 using System.Collections.Generic;
 using System.Text;
 
 namespace ReZero.SuperAPI 
 {
     public class SavePermissionInfoDetailModel: ZeroPermissionInfo
-    { 
+    {
+        [SqlSugar.SugarColumn(ColumnDataType = "CLOB")]
         public List<string>? Users { get; set; }
 
+        [SqlSugar.SugarColumn(ColumnDataType = "CLOB")]
         public List<PermissionInfoInterfaceItem>? Items { get; set; }
     }
     public class PermissionInfoInterfaceItem 
diff --git a/SuperAPI/appsettings.json b/SuperAPI/appsettings.json
index afcdfa7..0e3f2bb 100644
--- a/SuperAPI/appsettings.json
+++ b/SuperAPI/appsettings.json
@@ -6,15 +6,17 @@
     }
   },
     "ReZero": {
-        "BasicDatabase": {
-            /* MySql,SqlServer,Sqlite,Oracle,PostgreSQL,Dm (达梦),Kdbndp（人大金仓默认模式） */
-            // "DbType": "SqlServer",
-            // "ConnectionString": "server=.;uid=sa;pwd=sasa;database=SuperAPI"
-            // "DbType": "Sqlite",
-            // "ConnectionString": "Data Source=SuperAPI.db",
-            "DbType": "SqlServer",
-            "ConnectionString": "server=192.168.2.5;uid=hdhis;pwd=haoding@123;database=SuperAPI"
-        },
+      "BasicDatabase": {
+        /* MySql,SqlServer,Sqlite,Oracle,PostgreSQL,Dm (达梦),Kdbndp（人大金仓默认模式） */
+        // "DbType": "SqlServer",
+        // "ConnectionString": "server=.;uid=sa;pwd=sasa;database=SuperAPI"
+        // "DbType": "Sqlite",
+        // "ConnectionString": "Data Source=SuperAPI.db",
+        //"DbType": "SqlServer",
+        //"ConnectionString": "server=192.168.2.5;uid=hdhis;pwd=haoding@123;database=SuperAPI",
+        "DbType": "Oracle",
+        "ConnectionString": "Data Source=192.168.2.5:2521/ORCLPDB;User ID=DATA_TRANSFER;Password=his"
+      },
         "Ui": {
             /*纯ReZero开发可以设为false,true用于兼容Swagger用户*/
             "ShowNativeApiDocument": true,
diff --git a/SuperAPI/wwwroot/rezero/default_ui/css/page_table_list.css b/SuperAPI/wwwroot/rezero/default_ui/css/page_table_list.css
index febeab3..dd8d8d8 100644
--- a/SuperAPI/wwwroot/rezero/default_ui/css/page_table_list.css
+++ b/SuperAPI/wwwroot/rezero/default_ui/css/page_table_list.css
@@ -1,58 +1,58 @@
 .table-responsive th {
-    text-align: center;
+	text-align: center;
 }
 
 .table_opt {
-    text-align: center;
-    width: 250px;
+	text-align: center;
+	width: 250px;
 }
 
-    .table_opt button {
-        max-width: 80px;
-        margin: 0 10px;
-    }
+.table_opt button {
+	max-width: 80px;
+	margin: 0 10px;
+}
 
 .table_opt2 {
-    text-align: center;
-    width: 330px;
+	text-align: center;
+	width: 330px;
 }
 
-    .table_opt2 button {
-        max-width: 90px;
-        margin: 0 5px;
-    }
+.table_opt2 button {
+	max-width: 90px;
+	margin: 0 5px;
+}
 
 .table_opt3 {
-    text-align: center;
-    width: 450px;
+	text-align: center;
+	width: 450px;
 }
 
-    .table_opt3 button {
-        max-width: 75px;
-        margin: 0 5px;
-    }
+.table_opt3 button {
+	max-width: 75px;
+	margin: 0 5px;
+}
 
 .form-group label {
-    border: 0 !important;
-    text-align: right
+	border: 0 !important;
+	text-align: right;
 }
 
 .search-bar {
-    padding: 0 15px;
-    padding-top: 35px;
+	padding: 0 15px;
+	padding-top: 35px;
 }
 .pagination {
-    margin-left:20px;
-    margin-top:-20px;
+	margin-left: 20px;
+	margin-top: -20px;
+}
+.pagination select {
+	border: 1px solid #ccc;
+	width: 40px;
+	text-align: center;
+	position: relative;
+	top: 4px;
 }
-    .pagination select {
-         border:1px solid #ccc;
-         width:40px;
-         text-align:center;
-         position:relative;
-         top:4px
-    }
 
 .lyear-checkbox {
-    padding-left: 10px;
+	padding-left: 10px;
 }
diff --git a/SuperAPI/wwwroot/rezero/default_ui/database_manager.html b/SuperAPI/wwwroot/rezero/default_ui/database_manager.html
index bbe08c5..3f62305 100644
--- a/SuperAPI/wwwroot/rezero/default_ui/database_manager.html
+++ b/SuperAPI/wwwroot/rezero/default_ui/database_manager.html
@@ -1,393 +1,389 @@
 @@master_page.html
 <link href="css/page_table_list.css" rel="stylesheet" />
 <div id="apibox" class="card">
-    <div class="search-bar">
-
-        <form id="frmSearach" action="lyear_forms_elements.html" method="post" onsubmit="return false;">
-            <div class="form-group">
-                <div class="row">
-                    <div class="col-md-1"><label class="form-control" t>库备注:</label></div>
-                    <div class="col-md-3"><input class="form-control" type="text" id="txtSearch" name="example-text-input" placeholder="数据库备注"></div>
-                    <div class="col-md-3">
-                        <button @click="onSearch()" id="btnSearch" class="btn btn-secondary"><i class="mdi mdi-magnify"></i>搜索</button>
-                        <button onclick="frmSearach.reset()"  class="btn btn-close" type="submit">清空</button>
-                    </div>
-                    <div class="col-md-4"></div>
-                </div>
-            </div>
-        </form>
-
-        <div class="toolbar-btn-action">
-            <button @click="openAddDiv()" class="btn  btn-primary m-r-5" data-toggle="modal" data-target="#gridSystemModal"><i class="mdi mdi-plus"></i> 新增</button>
-            <button @click="openSynchronousDataDiv()" class="btn btn-success m-r-5" data-toggle="modal" data-target="#btnSynchronousData"><i class="mdi mdi-redo-variant"></i> 同步接口</button>
+  <div class="search-bar">
+    <form id="frmSearach" action="lyear_forms_elements.html" method="post" onsubmit="return false;">
+      <div class="form-group">
+        <div class="row">
+          <div class="col-md-1"><label class="form-control" t>库备注:</label></div>
+          <div class="col-md-3"><input class="form-control" type="text" id="txtSearch" name="example-text-input" placeholder="数据库备注"></div>
+          <div class="col-md-3">
+            <button @click="onSearch()" id="btnSearch" class="btn btn-secondary"><i class="mdi mdi-magnify"></i>搜索</button>
+            <button onclick="frmSearach.reset()" class="btn btn-close" type="submit">清空</button>
+          </div>
+          <div class="col-md-4"></div>
         </div>
+      </div>
+    </form>
+    <div class="toolbar-btn-action">
+      <button @click="openAddDiv()" class="btn  btn-primary m-r-5" data-toggle="modal" data-target="#gridSystemModal"><i class="mdi mdi-plus"></i> 新增</button>
+      <button @click="openSynchronousDataDiv()" class="btn btn-success m-r-5" data-toggle="modal" data-target="#btnSynchronousData"><i class="mdi mdi-redo-variant"></i> 同步接口</button>
     </div>
-    <div class="card-body">
+  </div>
+  <div class="card-body">
 
-        <h5> </h5>
-        <div class="table-responsive">
-            <table class="table table-bordered">
-                <thead>
-                    <tr v-if="data && data.Columns && data.Columns.length > 0">
-                        <th class="mi-w-100" v-for="column in data.Columns">{{column.ColumnDescription}}</th>
-                        <th>操作</th>
-                    </tr>
-                </thead>
-                <tbody v-if="data &&data.Data">
-                    <tr v-if="data.Columns && data.Columns.length > 0" v-for="item in data.Data">
+    <h5> </h5>
+    <div class="table-responsive">
+      <table class="table table-bordered">
+        <thead>
+          <tr v-if="data && data.Columns && data.Columns.length > 0">
+            <th class="mi-w-100" v-for="column in data.Columns">{{column.ColumnDescription}}</th>
+            <th>操作</th>
+          </tr>
+        </thead>
+        <tbody v-if="data &&data.Data">
+          <tr v-if="data.Columns && data.Columns.length > 0" v-for="item in data.Data">
 
-                        <td v-for="(column,index) in data.Columns" class="word-all">
-                            <div v-if="index == 0" class="mi-w-150">
-                                {{ item[column.PropertyName] }}
-                            </div>
-                            <div v-else>
-                                {{ item[column.PropertyName] }}
-                            </div>
-                        </td>
+            <td v-for="(column,index) in data.Columns" class="word-all">
+              <div v-if="index == 0" class="mi-w-150">
+                {{ item[column.PropertyName] }}
+              </div>
+              <div v-else>
+                {{ item[column.PropertyName] }}
+              </div>
+            </td>
 
-                        <td class="table_opt3">
-                            <button data-toggle="modal" @click="testDatabase(item)" class="btn btn-link" type="button">
-                                <i class="mdi mdi-test-tube"></i> 测试
-                            </button>
-                            <button data-toggle="modal" @click="createDatabase(item)" class="btn btn-link" type="button">
-                                <i class="mdi mdi-cube"></i> 建库
-                            </button>
-                            <button data-toggle="modal" @click="openEditDiv(item)" data-target="#gridSystemModal" class="btn btn-link" type="button">
-                                <i class="mdi mdi-lead-pencil"></i> 修改
-                            </button>
-                            <button data-toggle="modal" @click="deleteAndConfirm(item)" data-target="#divDelBox" class="btn btn-link" type="button">
-                                <i class="mdi mdi-do-not-disturb"></i> 删除
-                            </button>
-                        </td>
-                    </tr>
-
-                </tbody>
-            </table>
-        </div>
+            <td class="table_opt3">
+              <button data-toggle="modal" @click="testDatabase(item)" class="btn btn-link" type="button">
+                <i class="mdi mdi-test-tube"></i> 测试
+              </button>
+              <button data-toggle="modal" @click="createDatabase(item)" class="btn btn-link" type="button">
+                <i class="mdi mdi-cube"></i> 建库
+              </button>
+              <button data-toggle="modal" @click="openEditDiv(item)" data-target="#gridSystemModal" class="btn btn-link" type="button">
+                <i class="mdi mdi-lead-pencil"></i> 修改
+              </button>
+              <button data-toggle="modal" @click="deleteAndConfirm(item)" data-target="#divDelBox" class="btn btn-link" type="button">
+                <i class="mdi mdi-do-not-disturb"></i> 删除
+              </button>
+            </td>
+          </tr>
 
+        </tbody>
+      </table>
     </div>
-    @@page_control.html
-    <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel" id="gridSystemModal" style="display: none;">
-        <div class="modal-dialog" role="document">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
-                    <h4 class="modal-title" id="exampleModalLabel">{{title}}</h4>
-                </div>
-                <div class="modal-body">
-                    <form id="frmEdit">
-                        <input type="hidden" v-model="formData.Id" name="Id" />
-                        <div class="form-group">
-                            <label for="recipient-name" class="control-label">库备注：</label>
-                            <input type="text" v-model="formData.Name" name="Name" class="form-control" id="recipient-name">
-                        </div>
-                        <div class="form-group">
-                            <label for="message-text" class="control-label">数据库类型：</label>
-                            <select @change="showMessage" class="form-control" v-model="formData.DbType" name="DbType">
-                                <option v-for="item in dbTypeList" v-bind:value="item.Value"> {{item.Name}} </option>
-                            </select>
-                        </div>
-                        <div class="form-group">
-                            <label for="message-text" class="control-label">字符串：</label>
-                            <textarea class="form-control" v-model="formData.Connection" name="Connection" id="message-text"></textarea>
-                        </div>
-                        <div class="form-group">
-                            <code class="db0 hidden dbmessage">
-                                MySql示例:<br />
-                                server=localhost;Database=SqlSugar4xTest;Uid=root;Pwd=haosql;
-                                非默认端口要用port=3306
-                            </code>
-                            <code class="db1 hidden dbmessage">
-                                SqlServer示例:<br />
-                                server=localhost;Database=SqlSugar4xTest;Uid=root;Pwd=haosql;<br />
-                                .net8需要注意 启动文件csproj文件 ，InvariantGlobalization设置为false<br />
-                                有端口localhost:1433;
-                            </code>
-                            <code class="db2 hidden dbmessage">
-                                Sqlite示例:<br />
-                                DataSource=xxx.sqlite
-                            </code>
-                            <code class="db3 hidden dbmessage">
-                                Oracle示例:<br />
-                                //写法1<br />
-                                Data Source=localhost/orcl;User ID=system;Password=haha<br />
-                                //字法2 上面连不上可以试用下面写法<br />
-                                Data Source=(DESCRIPTION=(ADDRESS_LIST=(ADDRESS=(PROTOCOL=TCP)(HOST=150.158.57.125)(PORT=1521)))(CONNECT_DATA=(SERVICE_NAME=ORCL)));User Id=xx;Password=xx;Pooling='true';Max Pool Size=150
-                            </code>
-                            <code class="db4 hidden dbmessage">
-                                Postgresql 示例:<br />
-                                PORT=5432;DATABASE=SqlSugar4xTest;HOST=localhost;PASSWORD=haosql;USER ID=postgres<br />
-                                不是public需要设置架构名searchpath=架构名
-                            </code>
-                            <code class="db5 hidden dbmessage">
-                                达梦 示例:<br />
-                                Server=153.101.101:5236;User Id=SYSDBA;PWD=123456;SCHEMA=架构;DATABASE=DAMENG
-                            </code>
-                            <code class="db6 hidden dbmessage">
-                                人大金仓 示例:<br />
-                                Server=127.0.0.1;Port=54321;UID=SYSTEM;PWD=system;database=SQLSUGAR4XTEST1<br>
-                                默认是Oracle模式，如果不是Oracle模式需要看SqlSugar文档改ReZero源码<br>
-                                通过SQL可以查看安装模式 show database_mode;
-                            </code>
-                        </div>
-                    </form>
-                </div>
-                <div class="modal-footer">
-                    <button type="button" id="btnCloseEdit" class="btn btn-default" data-dismiss="modal">关闭</button>
-                    <button type="button" @click="addOrUpdate()" class="btn btn-primary">保存</button>
-                </div>
+
+  </div>
+  @@page_control.html
+  <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel" id="gridSystemModal" style="display: none;">
+    <div class="modal-dialog" role="document">
+      <div class="modal-content">
+        <div class="modal-header">
+          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
+          <h4 class="modal-title" id="exampleModalLabel">{{title}}</h4>
+        </div>
+        <div class="modal-body">
+          <form id="frmEdit">
+            <input type="hidden" v-model="formData.Id" name="Id" />
+            <div class="form-group">
+              <label for="recipient-name" class="control-label">库备注：</label>
+              <input type="text" v-model="formData.Name" name="Name" class="form-control" id="recipient-name">
+            </div>
+            <div class="form-group">
+              <label for="message-text" class="control-label">数据库类型：</label>
+              <select @change="showMessage" class="form-control" v-model="formData.DbType" name="DbType">
+                <option v-for="item in dbTypeList" v-bind:value="item.Value"> {{item.Name}} </option>
+              </select>
+            </div>
+            <div class="form-group">
+              <label for="message-text" class="control-label">字符串：</label>
+              <textarea class="form-control" v-model="formData.Connection" name="Connection" id="message-text"></textarea>
+            </div>
+            <div class="form-group">
+              <code class="db0 hidden dbmessage">
+                MySql示例:<br />
+                server=localhost;Database=SqlSugar4xTest;Uid=root;Pwd=haosql;
+                非默认端口要用port=3306
+              </code>
+              <code class="db1 hidden dbmessage">
+                SqlServer示例:<br />
+                server=localhost;Database=SqlSugar4xTest;Uid=root;Pwd=haosql;<br />
+                .net8需要注意 启动文件csproj文件 ，InvariantGlobalization设置为false<br />
+                有端口localhost:1433;
+              </code>
+              <code class="db2 hidden dbmessage">
+                Sqlite示例:<br />
+                DataSource=xxx.sqlite
+              </code>
+              <code class="db3 hidden dbmessage">
+                Oracle示例:<br />
+                //写法1<br />
+                Data Source=localhost/orcl;User ID=system;Password=haha<br />
+                //字法2 上面连不上可以试用下面写法<br />
+                Data Source=(DESCRIPTION=(ADDRESS_LIST=(ADDRESS=(PROTOCOL=TCP)(HOST=150.158.57.125)(PORT=1521)))(CONNECT_DATA=(SERVICE_NAME=ORCL)));User Id=xx;Password=xx;Pooling='true';Max Pool Size=150
+              </code>
+              <code class="db4 hidden dbmessage">
+                Postgresql 示例:<br />
+                PORT=5432;DATABASE=SqlSugar4xTest;HOST=localhost;PASSWORD=haosql;USER ID=postgres<br />
+                不是public需要设置架构名searchpath=架构名
+              </code>
+              <code class="db5 hidden dbmessage">
+                达梦 示例:<br />
+                Server=153.101.101:5236;User Id=SYSDBA;PWD=123456;SCHEMA=架构;DATABASE=DAMENG
+              </code>
+              <code class="db6 hidden dbmessage">
+                人大金仓 示例:<br />
+                Server=127.0.0.1;Port=54321;UID=SYSTEM;PWD=system;database=SQLSUGAR4XTEST1<br>
+                默认是Oracle模式，如果不是Oracle模式需要看SqlSugar文档改ReZero源码<br>
+                通过SQL可以查看安装模式 show database_mode;
+              </code>
             </div>
+          </form>
+        </div>
+        <div class="modal-footer">
+          <button type="button" id="btnCloseEdit" class="btn btn-default" data-dismiss="modal">关闭</button>
+          <button type="button" @click="addOrUpdate()" class="btn btn-primary">保存</button>
         </div>
+      </div>
     </div>
-    <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel" id="btnSynchronousData" style="display: none;">
-        <div class="modal-dialog" role="document">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
-                    <h4 class="modal-title">同步数据</h4>
-                </div>
-
-                <div class="card-body">
-                    <p class="alert alert-success">
-                        注意：这儿只同步四张配置表，业务表需要在【菜单：实体表维护】选实体点同步<br />
-                        1、接口数据 : [zero_interface_list]
-                        [zero_interface_category]<br />
-                        2、实体数据 : [zero_entity_info]
-                        [zero_entity_column_info]
-                    </p>
-                    <form class="form-horizontal">
-                        <div class="form-group has-success">
-                            <label class="col-xs-12 text-align-left" for="example-text-input-success">基准库</label>
-                            <div class="col-xs-12">
-                                <select v-model="od_originaldb" class="form-control" type="text" id="example-text-input-success" name="example-text-input-success" placeholder="成功状态..">
-                                    <option value="1">启动库Rezro</option>
-                                </select>
-                            </div>
-                        </div>
-                        <div class="form-group has-success">
-                            <label class="col-xs-12  text-align-left" for="example-text-input-success2">更新库</label>
-                            <div class="col-xs-12">
-                                <select v-model="od_targetdb" class="form-control" type="text" id="example-text-input-success2" name="example-text-input-success" placeholder="成功状态..">
-                                    <option :value="item.Id" v-if="item.Id!=1" v-for="item in dataAll">{{item.Name}}</option>
-                                </select>
-                            </div>
-                        </div>
-                        <div class="form-group has-success">
-                            <label class="col-xs-12  text-align-left" for="example-text-input-success">备份表</label>
-                            <div class="col-xs-12">
-                                <label class="lyear-checkbox checkbox-primary text-align-left">
-                                    <input v-model="od_isbak" type="checkbox" class="checkbox-parent checkbox-child" dataid="id-1-6" value="true">
-                                    <span class="m-l-15"> 表名+时间HHmmss</span>
-                                </label>
-                            </div>
-                        </div>
-                    </form>
-                </div>
+  </div>
+  <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel" id="btnSynchronousData" style="display: none;">
+    <div class="modal-dialog" role="document">
+      <div class="modal-content">
+        <div class="modal-header">
+          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
+          <h4 class="modal-title">同步数据</h4>
+        </div>
 
-                <div class="modal-footer">
-                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
-                    <button type="button" @click="synchronousData" class="btn btn-primary">同步</button>
-                </div>
+        <div class="card-body">
+          <p class="alert alert-success">
+            注意：这儿只同步四张配置表，业务表需要在【菜单：实体表维护】选实体点同步<br />
+            1、接口数据 : [zero_interface_list]
+            [zero_interface_category]<br />
+            2、实体数据 : [zero_entity_info]
+            [zero_entity_column_info]
+          </p>
+          <form class="form-horizontal">
+            <div class="form-group has-success">
+              <label class="col-xs-12 text-align-left" for="example-text-input-success">基准库</label>
+              <div class="col-xs-12">
+                <select v-model="od_originaldb" class="form-control" type="text" id="example-text-input-success" name="example-text-input-success" placeholder="成功状态..">
+                  <option value="1">启动库Rezro</option>
+                </select>
+              </div>
+            </div>
+            <div class="form-group has-success">
+              <label class="col-xs-12  text-align-left" for="example-text-input-success2">更新库</label>
+              <div class="col-xs-12">
+                <select v-model="od_targetdb" class="form-control" type="text" id="example-text-input-success2" name="example-text-input-success" placeholder="成功状态..">
+                  <option :value="item.Id" v-if="item.Id!=1" v-for="item in dataAll">{{item.Name}}</option>
+                </select>
+              </div>
+            </div>
+            <div class="form-group has-success">
+              <label class="col-xs-12  text-align-left" for="example-text-input-success">备份表</label>
+              <div class="col-xs-12">
+                <label class="lyear-checkbox checkbox-primary text-align-left">
+                  <input v-model="od_isbak" type="checkbox" class="checkbox-parent checkbox-child" dataid="id-1-6" value="true">
+                  <span class="m-l-15"> 表名+时间HHmmss</span>
+                </label>
+              </div>
             </div>
+          </form>
         </div>
+
+        <div class="modal-footer">
+          <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
+          <button type="button" @click="synchronousData" class="btn btn-primary">同步</button>
+        </div>
+      </div>
     </div>
+  </div>
 </div>
 <script>
-    var vueObj = new Vue({
-        el: '#apibox',
-        data: {
-            data: null,
-            dataAll: null,
-            error: null,
-            addTitle: "添加数据库配置",
-            editTitle: "修改数据库配置",
-            title: "",
-            dbTypeList: [],
-            formData: {
+  var vueObj = new Vue({
+    el: '#apibox',
+    data: {
+      data: null,
+      dataAll: null,
+      error: null,
+      addTitle: "添加数据库配置",
+      editTitle: "修改数据库配置",
+      title: "",
+      dbTypeList: [],
+      formData: {
 
-            },
-            od_isbak: false,
-            od_originaldb: null,
-            od_targetdb: null,
-            lock: false
-        },
-        mounted() {
-            this.fetchData("");
-        },
-        methods: {
-            fetchData(append) {
-                var url = "/PrivateReZeroRoute/100003/GetDatabaseInfoList?ParentId=200" + append;
-                axios.get(url, jwHeader)
-                    .then(response => {
-                        this.data = response.data;
-                        this.error = null;
-                    })
-                    .catch(error => {
-                        this.error = error.message;
-                        this.data = null;
-                    });
+      },
+      od_isbak: false,
+      od_originaldb: null,
+      od_targetdb: null,
+      lock: false
+    },
+    mounted() {
+      this.fetchData("");
+    },
+    methods: {
+      fetchData(append) {
+        var url = "/PrivateReZeroRoute/100003/GetDatabaseInfoList?ParentId=200" + append;
+        axios.get(url, jwHeader)
+          .then(response => {
+            this.data = response.data;
+            this.error = null;
+          })
+          .catch(error => {
+            this.error = error.message;
+            this.data = null;
+          });
 
 
-                axios.get("/PrivateReZeroRoute/100004/GetDbTypeList", jwHeader)
-                    .then(response => {
-                        this.dbTypeList = response.data;
-                        this.error = null;
-                    })
-                    .catch(error => {
-                        this.error = error.message;
-                        this.data = null;
-                    });
+        axios.get("/PrivateReZeroRoute/100004/GetDbTypeList", jwHeader)
+          .then(response => {
+            this.dbTypeList = response.data;
+            this.error = null;
+          })
+          .catch(error => {
+            this.error = error.message;
+            this.data = null;
+          });
 
-                axios.get("/PrivateReZeroRoute/100004/GetDatabaseInfoAllList", jwHeader)
-                    .then(response => {
-                        this.dataAll = response.data;
-                    })
-                    .catch(error => {
-                        this.error = error.message;
-                        this.data = null;
-                    });
-            },
-            onSearch: function (page) {
+        axios.get("/PrivateReZeroRoute/100004/GetDatabaseInfoAllList", jwHeader)
+          .then(response => {
+            this.dataAll = response.data;
+          })
+          .catch(error => {
+            this.error = error.message;
+            this.data = null;
+          });
+      },
+      onSearch: function (page) {
 
-                var urlParameters = "&" + tools.objectToQueryString({
-                    Name: txtSearch.value,
-                    __pageNumber: page,
-                   __pageSize: tools.getValue("selPageSize"),
-                });
+        var urlParameters = "&" + tools.objectToQueryString({
+          Name: txtSearch.value,
+          __pageNumber: page,
+          __pageSize: tools.getValue("selPageSize"),
+        });
 
-                this.fetchData(urlParameters);
-            },
-            deleteAndConfirm: function (item) {
-                if (item == null) {
-                    var url = "/PrivateReZeroRoute/100003/DeleteDataBaseInfo?IsDeleted=true&Id=" + localStorage.delId;
-                    axios.get(url, jwHeader)
-                        .then(response => {
-                            if (response.data.message) {
-                                tools.alert(response.data.message);
-                            }
-                            this.error = null;
-                            this.onSearch();
-                            btnDelClose.click();
-                        })
-                        .catch(error => {
-                            this.error = error.message;
-                            this.data = null;
-                        });
-                } else {
-                    localStorage.delId = item.Id;
-                }
-            },
-            openEditDiv: function (item) {
-                var urlById = "/PrivateReZeroRoute/100003/GetDataBaseInfoById?id=" + item.Id;
-                if (item.Id) {
-                    this.title = this.editTitle;
-                    axios.get(urlById, jwHeader)
-                        .then(response => {
-                            this.formData = response.data;
-                        })
-                        .catch(error => {
-                            this.error = error.message;
-                            this.data = null;
-                        });
-                }
-            },
-            openAddDiv: function (item) {
-                this.formData = {};
-                this.title = this.addTitle;
-            },
-            addOrUpdate: function () {
-                var th = this;
-                var frmId = "frmEdit";
-                var json = this.formData;
-                var url = json.Id ?
-                    "/PrivateReZeroRoute/100003/UpdateDatabaseInfo" :
-                    "/PrivateReZeroRoute/100003/AddDatabaseInfo";
-                this.addOrUpdateSubmit(url, json);
-            },
-            addOrUpdateSubmit: function (url, json) {
-                var th = this;
-                axios.post(url, json, jwHeader)
-                    .then(response => {
-                        this.error = null;
-                        this.onSearch();
-                        if (response.data == true) {
-                            frmEdit.reset();
-                            btnCloseEdit.click();
-                        }
-                        else {
-                            tools.highlightErrorFields(response.data)
-                        }
-                    })
-                    .catch(error => {
-                        this.error = error.message;
-                        this.data = null;
-                    });
-            },
-            testDatabase: function (item) {
-                axios.post("/PrivateReZeroRoute/100003/TestDatabaseInfo", { Id: item.Id }, jwHeader)
-                    .then(response => {
-                        this.error = null;
-                        tools.alert(response.data + "");
-                    })
-                    .catch(error => {
-                        this.error = error.message;
-
-                    });
-            },
-            createDatabase: function (item) {
-                axios.post("/PrivateReZeroRoute/100003/CreateDatabaseInfo", { Connection: item.Connection, DbType: item.DbType }, jwHeader)
-                    .then(response => {
-                        this.error = null;
-                        tools.alert(response.data + "");
-                    })
-                    .catch(error => {
-                        this.error = error.message;
-                    });
-            },
-            openSynchronousDataDiv: function () {
-            },
-            synchronousData: function () {
-                if (!this.od_originaldb) {
-                    tools.alert("请选择基准库");
-                    return;
-                }
-                if (!this.od_targetdb) {
-                    tools.alert("请选择更新库");
-                    return;
-                }
-                if (this.od_targetdb == this.od_originaldb) {
-                    tools.alert("相同库不需要同步");
-                    return;
-                }
-                if (this.lock == true)
-                {
-                    return;
-                }
-                this.lock = true;
-                axios.post("/PrivateReZeroRoute/100003/SynchronousData",
-                    {
-                        OriginalDb: this.od_originaldb,
-                        TargetDb: this.od_targetdb,
-                        IsBak: this.od_isbak
-                    }, jwHeader)
-                    .then(response => {
-                        this.lock = false;
-                        this.error = null;
-                        if (response.data == true) {
-                            tools.alert("同步成功");
-                        } else {
-                            tools.alert(response.data.message);
-                        }
-                    })
-                    .catch(error => {
-                        this.error = error.message;
-                    });
-            },
-            showMessage: function ()
-            {
-                var id = this.formData.DbType;
-                $(".dbmessage").addClass("hidden");
-                $(".db" + id).removeClass("hidden");
+        this.fetchData(urlParameters);
+      },
+      deleteAndConfirm: function (item) {
+        if (item == null) {
+          var url = "/PrivateReZeroRoute/100003/DeleteDataBaseInfo?IsDeleted=true&Id=" + localStorage.delId;
+          axios.get(url, jwHeader)
+            .then(response => {
+              if (response.data.message) {
+                tools.alert(response.data.message);
+              }
+              this.error = null;
+              this.onSearch();
+              btnDelClose.click();
+            })
+            .catch(error => {
+              this.error = error.message;
+              this.data = null;
+            });
+        } else {
+          localStorage.delId = item.Id;
+        }
+      },
+      openEditDiv: function (item) {
+        var urlById = "/PrivateReZeroRoute/100003/GetDataBaseInfoById?id=" + item.Id;
+        if (item.Id) {
+          this.title = this.editTitle;
+          axios.get(urlById, jwHeader)
+            .then(response => {
+              this.formData = response.data;
+            })
+            .catch(error => {
+              this.error = error.message;
+              this.data = null;
+            });
+        }
+      },
+      openAddDiv: function (item) {
+        this.formData = {};
+        this.title = this.addTitle;
+      },
+      addOrUpdate: function () {
+        var th = this;
+        var frmId = "frmEdit";
+        var json = this.formData;
+        var url = json.Id ?
+          "/PrivateReZeroRoute/100003/UpdateDatabaseInfo" :
+          "/PrivateReZeroRoute/100003/AddDatabaseInfo";
+        this.addOrUpdateSubmit(url, json);
+      },
+      addOrUpdateSubmit: function (url, json) {
+        var th = this;
+        axios.post(url, json, jwHeader)
+          .then(response => {
+            this.error = null;
+            this.onSearch();
+            if (response.data == true) {
+              frmEdit.reset();
+              btnCloseEdit.click();
+            }
+            else {
+              tools.highlightErrorFields(response.data)
             }
+          })
+          .catch(error => {
+            this.error = error.message;
+            this.data = null;
+          });
+      },
+      testDatabase: function (item) {
+        axios.post("/PrivateReZeroRoute/100003/TestDatabaseInfo", { Id: item.Id }, jwHeader)
+          .then(response => {
+            this.error = null;
+            tools.alert(response.data + "");
+          })
+          .catch(error => {
+            this.error = error.message;
+
+          });
+      },
+      createDatabase: function (item) {
+        axios.post("/PrivateReZeroRoute/100003/CreateDatabaseInfo", { Connection: item.Connection, DbType: item.DbType }, jwHeader)
+          .then(response => {
+            this.error = null;
+            tools.alert(response.data + "");
+          })
+          .catch(error => {
+            this.error = error.message;
+          });
+      },
+      openSynchronousDataDiv: function () {
+      },
+      synchronousData: function () {
+        if (!this.od_originaldb) {
+          tools.alert("请选择基准库");
+          return;
+        }
+        if (!this.od_targetdb) {
+          tools.alert("请选择更新库");
+          return;
         }
-    });</script>
\ No newline at end of file
+        if (this.od_targetdb == this.od_originaldb) {
+          tools.alert("相同库不需要同步");
+          return;
+        }
+        if (this.lock == true) {
+          return;
+        }
+        this.lock = true;
+        axios.post("/PrivateReZeroRoute/100003/SynchronousData",
+          {
+            OriginalDb: this.od_originaldb,
+            TargetDb: this.od_targetdb,
+            IsBak: this.od_isbak
+          }, jwHeader)
+          .then(response => {
+            this.lock = false;
+            this.error = null;
+            if (response.data == true) {
+              tools.alert("同步成功");
+            } else {
+              tools.alert(response.data.message);
+            }
+          })
+          .catch(error => {
+            this.error = error.message;
+          });
+      },
+      showMessage: function () {
+        var id = this.formData.DbType;
+        $(".dbmessage").addClass("hidden");
+        $(".db" + id).removeClass("hidden");
+      }
+    }
+  });</script>
\ No newline at end of file
diff --git a/SuperAPI/wwwroot/rezero/default_ui/dynamic_interface.html b/SuperAPI/wwwroot/rezero/default_ui/dynamic_interface.html
index 09b0823..3990b09 100644
--- a/SuperAPI/wwwroot/rezero/default_ui/dynamic_interface.html
+++ b/SuperAPI/wwwroot/rezero/default_ui/dynamic_interface.html
@@ -1,191 +1,190 @@
 @@master_page.html
 <link href="css/page_interface.css?v=2" rel="stylesheet" />
 <div id="apibox">
-    <div class="form-group row">
-        <form id="frmSearch" onsubmit="return false;">
-            <div class="row ">
-                <div class="col-md-2"> </div>
-                <div class="col-md-6">
-                    <input class="form-control" type="text" id="txtSearch" name="example-text-input" placeholder="Url or name">
-                </div>
-                <div class="col-md-4">
-                    <button @click="onSearch()" id="btnSearch" class="btn btn-success" type="submit"><i class="mdi mdi-magnify"></i>搜索</button>
-                    <button onclick="frmSearch.reset()" id="btnSearch" class="btn btn-close" type="submit">清空</button>
-                    <div class="btn-group">
-                        <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                            数据库 <span class="caret"></span>
-                        </button>
-                        <ul class="dropdown-menu">
-                            <li v-for="item in database"><a :href="getDynamicApiDocUrlByDatabase(item)">{{item.Name}}</a></li>
-                        </ul>
-                    </div>
-                    <div class="btn-group m-l-10">
-                        <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                            分类 <span class="caret"></span>
-                        </button>
-                        <ul class="dropdown-menu">
-                            <li v-for="item in interfaceCategroyList"><a :href="getDynamicApiDocUrl(item)">{{item.Name}}</a></li>
-                        </ul>
-                    </div>
-                </div>
-            </div>
-        </form>
-    </div>
-    <div class="data" v-for="masterItem in data" :key="masterItem.Key">
-        <h2>{{ masterItem.Key }} </h2>
-        <section v-for="item in masterItem.Value" :key="item.Id">
-            <div :class="getEndpointType(item)">
-                <p class="p" @click="toggleEndpoint">
-                    <span class="method">{{ item.HttpMethod }}</span>
-                    <span class="url"> {{item.Url}}   {{item.Name}}</span>
-                    <span class="openapi">+</span>
-                </p>
-                <p>{{ item.Description }}</p>
-                <div class="parameter-title" style="display:none">
-                    Parameters:
-                    <div class="try-out">
-                        <button class="btn try-out__btn" @click="tryItOut(item)">Try it out </button>
-                    </div>
-                </div>
-                <div class="parameter" style="display:none" v-if="item.DataModel.DefaultParameters && item.DataModel.DefaultParameters.length > 0">
-                    <ul>
-                        <li v-for="param in item.DataModel.DefaultParameters.filter(p => !p.ValueIsReadOnly && p.Value !== undefined && p.Value !== '')" :key="param.Name">
-                            <code>{{ param.ValueIsReadOnly ?   'Readonly:':''}}{{ param.Name }}</code> ({{ param.ValueType }}) - {{param.Type}} {{ param.Description }}  {{ param.Value  ?  ' ['+param.Name +' = ' + param.Value+']' : ''}}
-                        </li>
-                        <li v-if="item.DataModel.OrderDynamicParemters">
-                            <code>OrderBy:[{FieldName:"FieldName",OrderByType:0}]  0 Asc, 1 Desc </code>
-                        </li>
-                    </ul>
-                </div>
-            </div>
-        </section>
-    </div>
-    <!-- 添加这个div来显示“还没有数据”当data为空时 -->
-    <div v-if="data==null||data.length === 0" class="no-data-message">
-        <div class="alert alert-warning" role="alert">
-            <p>  没有创建接口：1、先创建实体，2、点同步创建表，3、创建接口</p>
-            <p> 创建了没显示： 菜单：【系统配置-接口授权】 给用户授权可以访问的接口 或者 清空所有接口授权</p>
-        </div> 
+  <div class="form-group row">
+    <form id="frmSearch" onsubmit="return false;">
+      <div class="row ">
+        <div class="col-md-2"> </div>
+        <div class="col-md-6">
+          <input class="form-control" type="text" id="txtSearch" name="example-text-input" placeholder="Url or name">
+        </div>
+        <div class="col-md-4">
+          <button @click="onSearch()" id="btnSearch" class="btn btn-success" type="submit"><i class="mdi mdi-magnify"></i>搜索</button>
+          <button onclick="frmSearch.reset()" id="btnSearch" class="btn btn-close" type="submit">清空</button>
+          <div class="btn-group">
+            <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              数据库 <span class="caret"></span>
+            </button>
+            <ul class="dropdown-menu">
+              <li v-for="item in database"><a :href="getDynamicApiDocUrlByDatabase(item)">{{item.Name}}</a></li>
+            </ul>
+          </div>
+          <div class="btn-group m-l-10">
+            <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              分类 <span class="caret"></span>
+            </button>
+            <ul class="dropdown-menu">
+              <li v-for="item in interfaceCategroyList"><a :href="getDynamicApiDocUrl(item)">{{item.Name}}</a></li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </form>
+  </div>
+  <div class="data" v-for="masterItem in data" :key="masterItem.Key">
+    <h2>{{ masterItem.Key }} </h2>
+    <section v-for="item in masterItem.Value" :key="item.Id">
+      <div :class="getEndpointType(item)">
+        <p class="p" @click="toggleEndpoint">
+          <span class="method">{{ item.HttpMethod }}</span>
+          <span class="url"> {{item.Url}}   {{item.Name}}</span>
+          <span class="openapi">+</span>
+        </p>
+        <p>{{ item.Description }}</p>
+        <div class="parameter-title" style="display:none">
+          Parameters:
+          <div class="try-out">
+            <button class="btn try-out__btn" @click="tryItOut(item)">Try it out </button>
+          </div>
+        </div>
+        <div class="parameter" style="display:none" v-if="item.DataModel.DefaultParameters && item.DataModel.DefaultParameters.length > 0">
+          <ul>
+            <li v-for="param in item.DataModel.DefaultParameters.filter(p => !p.ValueIsReadOnly && p.Value !== undefined && p.Value !== '')" :key="param.Name">
+              <code>{{ param.ValueIsReadOnly ?   'Readonly:':''}}{{ param.Name }}</code> ({{ param.ValueType }}) - {{param.Type}} {{ param.Description }}  {{ param.Value  ?  ' ['+param.Name +' = ' + param.Value+']' : ''}}
+            </li>
+            <li v-if="item.DataModel.OrderDynamicParemters">
+              <code>OrderBy:[{FieldName:"FieldName",OrderByType:0}]  0 Asc, 1 Desc </code>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </section>
+  </div>
+  <!-- 添加这个div来显示“还没有数据”当data为空时 -->
+  <div v-if="data==null||data.length === 0" class="no-data-message">
+    <div class="alert alert-warning" role="alert">
+      <p>  没有创建接口：1、先创建实体，2、点同步创建表，3、创建接口</p>
+      <p> 创建了没显示： 菜单：【系统配置-接口授权】 给用户授权可以访问的接口 或者 清空所有接口授权</p>
     </div>
+  </div>
 </div>
 <script>
-    new Vue({
-        el: '#apibox',
-        data: {
-            data: null,
-            error: null,
-            interfaceCategroyList: [],
-            database: [],
-        },
-        mounted() {
-            // 在组件加载时触发数据获取
-            this.fetchData(null);
-            this.bindInterfaceCategroySelect();
-            this.bindDatabaseSelect();
-        },
-        methods: {
-            fetchData(name) {
-                var urlParams = new URLSearchParams(window.location.search);
-                var idFromUrl = urlParams.get('InterfaceCategoryId');
-                var databaseIdFromUrl = urlParams.get('DatabaseId');
-                var url = url = '/PrivateReZeroRoute/100003/GetInternalInterfaceList?IsInitialized=0';
-                var urlParameters = "&" + tools.objectToQueryString({
-                    Name: txtSearch.value,
-                    InterfaceCategoryId: idFromUrl,
-                    DatabaseId:databaseIdFromUrl
-                });
-                url = url + urlParameters;
-                axios.get(url, jwHeader)
-                    .then(response => {
-                        this.data = response.data;
-                        this.error = null;
-                    })
-                    .catch(error => {
-                        this.error = error.message;
-                        this.data = null;
-                    });
-            },
-            tryItOut(item) {
-                var urlParams = new URLSearchParams(window.location.search);
-                var token = urlParams.get('token');
-                window.open('/rezero/try_api.html?id=' + item.Id + "&token=" + token, '_blank');
-            },
-            onSearch: function () {
-                this.fetchData(txtSearch.value);
-            },
-            toggleEndpoint(event) {
-                var $currentTarget = $(event.currentTarget);
-                var $parent = $currentTarget.parent();
-                var $parameterElements = $parent.find(".parameter-title, .parameter");
-                var $textEle = $currentTarget.find(".openapi");
-                var isTextPlus = $textEle.text() === "+";
-                $parameterElements.toggle(100);
-                $textEle.text(isTextPlus ? "-" : "+").toggleClass("reduction", isTextPlus);
-            }, 
-            bindInterfaceCategroySelect: function () {
-                axios.get("/PrivateReZeroRoute/100004/GetDynamicInterfaceCategoryList", jwHeader)
-                    .then(response => {
-                        this.interfaceCategroyList = response.data;
-                    })
-                    .catch(error => {
-                        this.error = error.message;
-                        this.data = null;
-                    });
-            },
-            bindDatabaseSelect: function () {
-                axios.get("/PrivateReZeroRoute/100004/GetDatabaseInfoAllList", jwHeader)
-                    .then(response => {
-                        this.database = response.data;
-                        this.databaseId = this.database[0].Id;
-                        var th = this;
-                        setTimeout(function () {
-                            th.onSearch();
-                        }, 50);
-                    })
-                    .catch(error => {
-                        this.error = error.message;
-                        this.data = null;
-                    });
-            },
-            getEndpointType(item) {
-                var actionType =item.DataModel.ActionType;
-                if (item.HttpMethod == "Get") {
-                    return 'endpoint endpointGet';
-                } else if (item.HttpMethod == "Post") {
-                    return 'endpoint endpointPost';
-                } else if (item.HttpMethod == "Delete") {
-                    return 'endpoint endpointDelete';
-                } else if (item.HttpMethod == "Put") {
-                    return 'endpoint endpointPut';
-                } else if (actionType.startsWith('1')) {
-                    return 'endpoint endpointGet';
-                } else if (actionType.startsWith('2')) {
-                    return 'endpoint endpointPost';
-                } else if (actionType.startsWith('6')) {
-                    return 'endpoint endpointPost';
-                } else if (actionType.startsWith('3')) {
-                    return 'endpoint endpointDelete';
-                } else if (actionType.startsWith('4')) {
-                    return 'endpoint endpointPut';
-                } else if (actionType.startsWith('9')) {
-                    return 'endpoint endpointSql';
-                } else {
-                    return 'endpoint endpointOther';
-                }
-            },
-            getDynamicApiDocUrl: function (item)
-            {
-                var urlParams = new URLSearchParams(window.location.search);
-                var token = urlParams.get('token');
-                var model = urlParams.get('model');
-                return "/rezero/dynamic_interface.html?InterfaceCategoryId=" + item.Id + "&model=" + model + "&token=" + token;
-            },
-            getDynamicApiDocUrlByDatabase: function (item) {
-                var urlParams = new URLSearchParams(window.location.search);
-                var token = urlParams.get('token');
-                var model = urlParams.get('model');
-                return "/rezero/dynamic_interface.html?DatabaseId=" + item.Id + "&model=" + model + "&token=" + token;
-            }
+  new Vue({
+    el: '#apibox',
+    data: {
+      data: null,
+      error: null,
+      interfaceCategroyList: [],
+      database: [],
+    },
+    mounted() {
+      // 在组件加载时触发数据获取
+      this.fetchData(null);
+      this.bindInterfaceCategroySelect();
+      this.bindDatabaseSelect();
+    },
+    methods: {
+      fetchData(name) {
+        var urlParams = new URLSearchParams(window.location.search);
+        var idFromUrl = urlParams.get('InterfaceCategoryId');
+        var databaseIdFromUrl = urlParams.get('DatabaseId');
+        var url = url = '/PrivateReZeroRoute/100003/GetInternalInterfaceList?IsInitialized=0';
+        var urlParameters = "&" + tools.objectToQueryString({
+          Name: txtSearch.value,
+          InterfaceCategoryId: idFromUrl,
+          DatabaseId: databaseIdFromUrl
+        });
+        url = url + urlParameters;
+        axios.get(url, jwHeader)
+          .then(response => {
+            this.data = response.data;
+            this.error = null;
+          })
+          .catch(error => {
+            this.error = error.message;
+            this.data = null;
+          });
+      },
+      tryItOut(item) {
+        var urlParams = new URLSearchParams(window.location.search);
+        var token = urlParams.get('token');
+        window.open('/rezero/try_api.html?id=' + item.Id + "&token=" + token, '_blank');
+      },
+      onSearch: function () {
+        this.fetchData(txtSearch.value);
+      },
+      toggleEndpoint(event) {
+        var $currentTarget = $(event.currentTarget);
+        var $parent = $currentTarget.parent();
+        var $parameterElements = $parent.find(".parameter-title, .parameter");
+        var $textEle = $currentTarget.find(".openapi");
+        var isTextPlus = $textEle.text() === "+";
+        $parameterElements.toggle(100);
+        $textEle.text(isTextPlus ? "-" : "+").toggleClass("reduction", isTextPlus);
+      },
+      bindInterfaceCategroySelect: function () {
+        axios.get("/PrivateReZeroRoute/100004/GetDynamicInterfaceCategoryList", jwHeader)
+          .then(response => {
+            this.interfaceCategroyList = response.data;
+          })
+          .catch(error => {
+            this.error = error.message;
+            this.data = null;
+          });
+      },
+      bindDatabaseSelect: function () {
+        axios.get("/PrivateReZeroRoute/100004/GetDatabaseInfoAllList", jwHeader)
+          .then(response => {
+            this.database = response.data;
+            this.databaseId = this.database[0].Id;
+            var th = this;
+            setTimeout(function () {
+              th.onSearch();
+            }, 50);
+          })
+          .catch(error => {
+            this.error = error.message;
+            this.data = null;
+          });
+      },
+      getEndpointType(item) {
+        var actionType = item.DataModel.ActionType;
+        if (item.HttpMethod == "Get") {
+          return 'endpoint endpointGet';
+        } else if (item.HttpMethod == "Post") {
+          return 'endpoint endpointPost';
+        } else if (item.HttpMethod == "Delete") {
+          return 'endpoint endpointDelete';
+        } else if (item.HttpMethod == "Put") {
+          return 'endpoint endpointPut';
+        } else if (actionType.startsWith('1')) {
+          return 'endpoint endpointGet';
+        } else if (actionType.startsWith('2')) {
+          return 'endpoint endpointPost';
+        } else if (actionType.startsWith('6')) {
+          return 'endpoint endpointPost';
+        } else if (actionType.startsWith('3')) {
+          return 'endpoint endpointDelete';
+        } else if (actionType.startsWith('4')) {
+          return 'endpoint endpointPut';
+        } else if (actionType.startsWith('9')) {
+          return 'endpoint endpointSql';
+        } else {
+          return 'endpoint endpointOther';
         }
-    });
+      },
+      getDynamicApiDocUrl: function (item) {
+        var urlParams = new URLSearchParams(window.location.search);
+        var token = urlParams.get('token');
+        var model = urlParams.get('model');
+        return "/rezero/dynamic_interface.html?InterfaceCategoryId=" + item.Id + "&model=" + model + "&token=" + token;
+      },
+      getDynamicApiDocUrlByDatabase: function (item) {
+        var urlParams = new URLSearchParams(window.location.search);
+        var token = urlParams.get('token');
+        var model = urlParams.get('model');
+        return "/rezero/dynamic_interface.html?DatabaseId=" + item.Id + "&model=" + model + "&token=" + token;
+      }
+    }
+  });
 </script>
diff --git a/SuperAPI/wwwroot/rezero/default_ui/instance-transfer.html b/SuperAPI/wwwroot/rezero/default_ui/instance-transfer.html
new file mode 100644
index 0000000..08c86ad
--- /dev/null
+++ b/SuperAPI/wwwroot/rezero/default_ui/instance-transfer.html
@@ -0,0 +1,317 @@
+@@master_page.html
+<link
+	href="css/page_table_list.css"
+	rel="stylesheet"
+/>
+<div
+	id="apibox"
+	class="card"
+>
+	<div class="search-bar">
+		<form
+			id="frmSearach"
+			action="lyear_forms_elements.html"
+			method="post"
+			onsubmit="return false;"
+		>
+			<div class="form-group">
+				<div class="row">
+					<div class="col-md-1">
+						<label
+							class="form-control"
+							t
+							>名称:</label
+						>
+					</div>
+					<div class="col-md-3">
+						<input
+							class="form-control"
+							type="text"
+							id="txtSearch"
+							name="example-text-input"
+							placeholder="分类名称"
+						/>
+					</div>
+					<div class="col-md-3">
+						<button
+							@click="onSearch()"
+							id="btnSearch"
+							class="btn btn-secondary"
+						>
+							<i class="mdi mdi-magnify"></i>搜索
+						</button>
+						<button
+							onclick="frmSearach.reset()"
+							class="btn btn-close m-l-15"
+							type="submit"
+						>
+							清空
+						</button>
+					</div>
+					<div class="col-md-4"></div>
+				</div>
+			</div>
+		</form>
+		<div class="toolbar-btn-action">
+			<button
+				@click="openAddDiv()"
+				class="btn btn-primary m-l-15"
+				data-toggle="modal"
+				data-target="#gridSystemModal"
+			>
+				<i class="mdi mdi-plus"></i> 新增
+			</button>
+		</div>
+	</div>
+	<div class="card-body">
+		<h5></h5>
+		<div class="table-responsive">
+			<table class="table table-bordered">
+				<thead>
+					<tr v-if="data && data.Columns && data.Columns.length > 0">
+						<th
+							class="mi-w-100"
+							v-for="column in data.Columns"
+						>
+							{{column.ColumnDescription}}
+						</th>
+						<th>操作</th>
+					</tr>
+				</thead>
+				<tbody v-if="data &&data.Data">
+					<tr
+						v-if="data.Columns && data.Columns.length > 0"
+						v-for="item in data.Data"
+					>
+						<td v-for="column in data.Columns">
+							{{ item[column.PropertyName] }}
+						</td>
+
+						<td class="table_opt">
+							<button
+								data-toggle="modal"
+								@click="openEditDiv(item)"
+								data-target="#gridSystemModal"
+								class="btn btn-link"
+								type="button"
+							>
+								<i class="mdi mdi-lead-pencil"></i> 修改
+							</button>
+							<button
+								data-toggle="modal"
+								@click="deleteAndConfirm(item)"
+								data-target="#divDelBox"
+								class="btn btn-link"
+								type="button"
+							>
+								<i class="mdi mdi-do-not-disturb"></i> 删除
+							</button>
+						</td>
+					</tr>
+				</tbody>
+			</table>
+		</div>
+	</div>
+	@@page_control.html
+	<div
+		class="modal fade"
+		tabindex="-1"
+		role="dialog"
+		aria-labelledby="gridSystemModalLabel"
+		id="gridSystemModal"
+		style="display: none"
+	>
+		<div
+			class="modal-dialog"
+			role="document"
+		>
+			<div class="modal-content">
+				<div class="modal-header">
+					<button
+						type="button"
+						class="close"
+						data-dismiss="modal"
+						aria-label="Close"
+					>
+						<span aria-hidden="true">×</span>
+					</button>
+					<h4
+						class="modal-title"
+						id="exampleModalLabel"
+					>
+						{{title}}
+					</h4>
+				</div>
+				<div class="modal-body">
+					<form id="frmEdit">
+						<input
+							type="hidden"
+							v-model="formData.Id"
+							name="Id"
+						/>
+						<div class="form-group">
+							<label
+								for="recipient-name"
+								class="control-label"
+								>名称：</label
+							>
+							<input
+								type="text"
+								v-model="formData.Name"
+								name="Name"
+								class="form-control"
+								id="recipient-name"
+							/>
+						</div>
+						<div class="form-group">
+							<label
+								for="message-text"
+								class="control-label"
+								>内容：</label
+							>
+							<textarea
+								class="form-control"
+								v-model="formData.Description"
+								name="Description"
+								id="message-text"
+							></textarea>
+						</div>
+					</form>
+				</div>
+				<div class="modal-footer">
+					<button
+						type="button"
+						id="btnCloseEdit"
+						class="btn btn-default"
+						data-dismiss="modal"
+					>
+						关闭
+					</button>
+					<button
+						type="button"
+						@click="addOrUpdate()"
+						class="btn btn-primary"
+					>
+						保存
+					</button>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+<script>
+	var vueObj = new Vue({
+		el: '#apibox',
+		data: {
+			data: null,
+			error: null,
+			addTitle: '添加动态接口分类',
+			editTitle: '修改态接口分类',
+			title: '',
+			formData: {},
+		},
+		mounted() {
+			this.fetchData('')
+		},
+		methods: {
+			fetchData(append) {
+				var url = '/trs/page' + append
+				axios
+					.get(url, jwHeader)
+					.then(response => {
+						this.data = response.data
+						this.error = null
+					})
+					.catch(error => {
+						this.error = error.message
+						this.data = null
+					})
+			},
+			onSearch: function (page) {
+				var urlParameters =
+					'&' +
+					tools.objectToQueryString({
+						Name: txtSearch.value,
+						__pageNumber: page,
+						__pageSize: tools.getValue('selPageSize'),
+					})
+				this.fetchData(urlParameters)
+			},
+			deleteAndConfirm: function (item) {
+				if (item == null) {
+					if (localStorage.delId == 200100) {
+						tools.alert('初始化分类不能删除')
+						btnDelClose.click()
+						return
+					}
+					var url =
+						'/PrivateReZeroRoute/100003/DeleteDynamicInterfaceCategory?IsDeleted=true&Id=' +
+						localStorage.delId
+					axios
+						.get(url, jwHeader)
+						.then(response => {
+							this.data = response.data
+							this.error = null
+							this.onSearch()
+							btnDelClose.click()
+						})
+						.catch(error => {
+							this.error = error.message
+							this.data = null
+						})
+				} else {
+					localStorage.delId = item.Id
+				}
+			},
+			openEditDiv: function (item) {
+				var urlById =
+					'/PrivateReZeroRoute/100003/GetDynamicInterfaceCategoryById?id=' +
+					item.Id
+				if (item.Id) {
+					this.title = this.editTitle
+					axios
+						.get(urlById, jwHeader)
+						.then(response => {
+							this.formData = response.data
+						})
+						.catch(error => {
+							this.error = error.message
+							this.data = null
+						})
+				}
+			},
+			openAddDiv: function (item) {
+				this.title = this.addTitle
+				this.formData = {}
+			},
+			addOrUpdate: function () {
+				var th = this
+				var frmId = 'frmEdit'
+				var json = this.formData
+				var url = json.Id
+					? '/PrivateReZeroRoute/100003/UpdateDynamicInterfaceCategory'
+					: '/PrivateReZeroRoute/100003/AddDynamicInterfaceCategory'
+				this.addOrUpdateSubmit(url, json)
+			},
+			addOrUpdateSubmit: function (url, json) {
+				var th = this
+				axios
+					.post(url, json, jwHeader)
+					.then(response => {
+						this.error = null
+						this.onSearch()
+						if (response.data == true) {
+							frmEdit.reset()
+							btnCloseEdit.click()
+						} else {
+							tools.highlightErrorFields(response.data)
+						}
+					})
+					.catch(error => {
+						this.error = error.message
+						this.data = null
+					})
+			},
+		},
+	})
+</script>
diff --git a/SuperAPI/wwwroot/rezero/default_ui/interface_categroy.html b/SuperAPI/wwwroot/rezero/default_ui/interface_categroy.html
index 12a6951..74e78ba 100644
--- a/SuperAPI/wwwroot/rezero/default_ui/interface_categroy.html
+++ b/SuperAPI/wwwroot/rezero/default_ui/interface_categroy.html
@@ -1,197 +1,194 @@
 @@master_page.html
 <link href="css/page_table_list.css" rel="stylesheet" />
 <div id="apibox" class="card">
-    <div class="search-bar">
+  <div class="search-bar">
 
-        <form id="frmSearach" action="lyear_forms_elements.html" method="post" onsubmit="return false;">
-            <div class="form-group">
-                <div class="row">
-                    <div class="col-md-1"><label class="form-control" t>名称:</label></div>
-                    <div class="col-md-3"><input class="form-control" type="text" id="txtSearch" name="example-text-input" placeholder="分类名称"></div>
-                    <div class="col-md-3">
-                        <button @click="onSearch()" id="btnSearch" class="btn btn-secondary"><i class="mdi mdi-magnify"></i>搜索</button>
-                        <button onclick="frmSearach.reset()"  class="btn btn-close m-l-15" type="submit">清空</button>
-                    
-                    </div>
-                    <div class="col-md-4"></div>
-                </div>
-            </div>
-        </form>
-        <div class="toolbar-btn-action">
-            <button @click="openAddDiv()" class="btn btn-primary m-l-15 " data-toggle="modal" data-target="#gridSystemModal"><i class="mdi mdi-plus"></i> 新增</button>
+    <form id="frmSearach" action="lyear_forms_elements.html" method="post" onsubmit="return false;">
+      <div class="form-group">
+        <div class="row">
+          <div class="col-md-1"><label class="form-control" t>名称:</label></div>
+          <div class="col-md-3"><input class="form-control" type="text" id="txtSearch" name="example-text-input" placeholder="分类名称"></div>
+          <div class="col-md-3">
+            <button @click="onSearch()" id="btnSearch" class="btn btn-secondary"><i class="mdi mdi-magnify"></i>搜索</button>
+            <button onclick="frmSearach.reset()" class="btn btn-close m-l-15" type="submit">清空</button>
+
+          </div>
+          <div class="col-md-4"></div>
         </div>
+      </div>
+    </form>
+    <div class="toolbar-btn-action">
+      <button @click="openAddDiv()" class="btn btn-primary m-l-15 " data-toggle="modal" data-target="#gridSystemModal"><i class="mdi mdi-plus"></i> 新增</button>
     </div>
-    <div class="card-body">
+  </div>
+  <div class="card-body">
 
-        <h5> </h5>
-        <div class="table-responsive">
-            <table class="table table-bordered">
-                <thead>
-                    <tr v-if="data && data.Columns && data.Columns.length > 0">
-                        <th  class="mi-w-100" v-for="column in data.Columns">{{column.ColumnDescription}}</th>
-                        <th>操作</th>
-                    </tr>
-                </thead>
-                <tbody v-if="data &&data.Data">
-                    <tr v-if="data.Columns && data.Columns.length > 0" v-for="item in data.Data">
+    <h5> </h5>
+    <div class="table-responsive">
+      <table class="table table-bordered">
+        <thead>
+          <tr v-if="data && data.Columns && data.Columns.length > 0">
+            <th class="mi-w-100" v-for="column in data.Columns">{{column.ColumnDescription}}</th>
+            <th>操作</th>
+          </tr>
+        </thead>
+        <tbody v-if="data &&data.Data">
+          <tr v-if="data.Columns && data.Columns.length > 0" v-for="item in data.Data">
 
-                        <td v-for="column in data.Columns">
-                            {{ item[column.PropertyName] }}
-                        </td>
+            <td v-for="column in data.Columns">
+              {{ item[column.PropertyName] }}
+            </td>
 
-                        <td class="table_opt">
-                            <button data-toggle="modal" @click="openEditDiv(item)" data-target="#gridSystemModal" class="btn btn-link" type="button">
-                                <i class="mdi mdi-lead-pencil"></i> 修改
-                            </button>
-                            <button data-toggle="modal" @click="deleteAndConfirm(item)" data-target="#divDelBox" class="btn btn-link" type="button">
-                                <i class="mdi mdi-do-not-disturb"></i> 删除
-                            </button>
-                        </td>
-                    </tr>
-
-                </tbody>
-            </table>
-        </div>
+            <td class="table_opt">
+              <button data-toggle="modal" @click="openEditDiv(item)" data-target="#gridSystemModal" class="btn btn-link" type="button">
+                <i class="mdi mdi-lead-pencil"></i> 修改
+              </button>
+              <button data-toggle="modal" @click="deleteAndConfirm(item)" data-target="#divDelBox" class="btn btn-link" type="button">
+                <i class="mdi mdi-do-not-disturb"></i> 删除
+              </button>
+            </td>
+          </tr>
 
+        </tbody>
+      </table>
     </div>
-    @@page_control.html
-    <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel" id="gridSystemModal" style="display: none;">
-        <div class="modal-dialog" role="document">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
-                    <h4 class="modal-title" id="exampleModalLabel">{{title}}</h4>
-                </div>
-                <div class="modal-body">
-                    <form id="frmEdit">
-                        <input type="hidden" v-model="formData.Id" name="Id" />
-                        <div class="form-group">
-                            <label for="recipient-name" class="control-label">名称：</label>
-                            <input type="text" v-model="formData.Name" name="Name" class="form-control" id="recipient-name">
-                        </div>
-                        <div class="form-group">
-                            <label for="message-text" class="control-label">内容：</label>
-                            <textarea class="form-control" v-model="formData.Description" name="Description" id="message-text"></textarea>
-                        </div>
-                    </form>
-                </div>
-                <div class="modal-footer">
-                    <button type="button" id="btnCloseEdit" class="btn btn-default" data-dismiss="modal">关闭</button>
-                    <button type="button" @click="addOrUpdate()" class="btn btn-primary">保存</button>
-                </div>
+
+  </div>
+  @@page_control.html
+  <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel" id="gridSystemModal" style="display: none;">
+    <div class="modal-dialog" role="document">
+      <div class="modal-content">
+        <div class="modal-header">
+          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
+          <h4 class="modal-title" id="exampleModalLabel">{{title}}</h4>
+        </div>
+        <div class="modal-body">
+          <form id="frmEdit">
+            <input type="hidden" v-model="formData.Id" name="Id" />
+            <div class="form-group">
+              <label for="recipient-name" class="control-label">名称：</label>
+              <input type="text" v-model="formData.Name" name="Name" class="form-control" id="recipient-name">
             </div>
+            <div class="form-group">
+              <label for="message-text" class="control-label">内容：</label>
+              <textarea class="form-control" v-model="formData.Description" name="Description" id="message-text"></textarea>
+            </div>
+          </form>
+        </div>
+        <div class="modal-footer">
+          <button type="button" id="btnCloseEdit" class="btn btn-default" data-dismiss="modal">关闭</button>
+          <button type="button" @click="addOrUpdate()" class="btn btn-primary">保存</button>
         </div>
+      </div>
     </div>
+  </div>
 </div>
 <script>
-    var vueObj = new Vue({
-        el: '#apibox',
-        data: {
-            data: null,
-            error: null,
-            addTitle: "添加动态接口分类",
-            editTitle: "修改态接口分类",
-            title: "",
-            formData: {
-               
-            }
-        },
-        mounted() {
-            this.fetchData("");
-        },
-        methods: {
-            fetchData(append) {
-                var url = "/PrivateReZeroRoute/100003/GetDynamicInterfaceCategoryPageList?ParentId=200" + append;
-                axios.get(url, jwHeader)
-                    .then(response => {
-                        this.data = response.data; 
-                        this.error = null;
-                    })
-                    .catch(error => {
-                        this.error = error.message;
-                        this.data = null;
-                    });
-            },
-            onSearch: function (page) {
-                 
-                var urlParameters="&"+tools.objectToQueryString({
-                    Name: txtSearch.value,
-                    __pageNumber: page,
-                   __pageSize: tools.getValue("selPageSize"),
-                });
-                this.fetchData(urlParameters);
-            },
-            deleteAndConfirm: function (item) {
-                if (item == null) {
-                    if (localStorage.delId == 200100) {
-                        tools.alert("初始化分类不能删除");
-                        btnDelClose.click();
-                        return;
-                    }
-                    var url = "/PrivateReZeroRoute/100003/DeleteDynamicInterfaceCategory?IsDeleted=true&Id=" + localStorage.delId;
-                    axios.get(url, jwHeader)
-                        .then(response => {
-                            this.data = response.data;
-                            this.error = null;
-                            this.onSearch();
-                            btnDelClose.click();
-                        })
-                        .catch(error => {
-                            this.error = error.message;
-                            this.data = null;
-                        });
-                } else {
-                    localStorage.delId = item.Id;
-                }
-            },
-            openEditDiv: function (item)
-            {
-                var urlById = "/PrivateReZeroRoute/100003/GetDynamicInterfaceCategoryById?id="+item.Id;
-                if (item.Id) {
-                    this.title = this.editTitle;
-                    axios.get(urlById, jwHeader)
-                        .then(response => {
-                            this.formData= response.data;
-                        })
-                        .catch(error => {
-                            this.error = error.message;
-                            this.data = null;
-                        });
-                }
-            },
-            openAddDiv: function (item)
-            {
-                this.title= this.addTitle;
-                this.formData = {};
-            },
-            addOrUpdate: function () { 
-                var th = this;
-                var frmId = "frmEdit";
-                var json = this.formData;
-                var url = json.Id ?
-                    "/PrivateReZeroRoute/100003/UpdateDynamicInterfaceCategory" :
-                    "/PrivateReZeroRoute/100003/AddDynamicInterfaceCategory"; 
-                this.addOrUpdateSubmit(url, json);
-            },
-            addOrUpdateSubmit: function (url, json) { 
-                var th = this;
-                axios.post(url, json, jwHeader)
-                    .then(response => { 
-                        this.error = null;
-                        this.onSearch(); 
-                        if (response.data == true) {
-                            frmEdit.reset();
-                            btnCloseEdit.click();
-                        }
-                        else
-                        {
-                            tools.highlightErrorFields(response.data)
-                        }
-                    })
-                    .catch(error => {
-                        this.error = error.message;
-                        this.data = null;
-                    });
-            } 
+  var vueObj = new Vue({
+    el: '#apibox',
+    data: {
+      data: null,
+      error: null,
+      addTitle: "添加动态接口分类",
+      editTitle: "修改态接口分类",
+      title: "",
+      formData: {
+
+      }
+    },
+    mounted() {
+      this.fetchData("");
+    },
+    methods: {
+      fetchData(append) {
+        var url = "/PrivateReZeroRoute/100003/GetDynamicInterfaceCategoryPageList?ParentId=200" + append;
+        axios.get(url, jwHeader)
+          .then(response => {
+            this.data = response.data;
+            this.error = null;
+          })
+          .catch(error => {
+            this.error = error.message;
+            this.data = null;
+          });
+      },
+      onSearch: function (page) {
+
+        var urlParameters = "&" + tools.objectToQueryString({
+          Name: txtSearch.value,
+          __pageNumber: page,
+          __pageSize: tools.getValue("selPageSize"),
+        });
+        this.fetchData(urlParameters);
+      },
+      deleteAndConfirm: function (item) {
+        if (item == null) {
+          if (localStorage.delId == 200100) {
+            tools.alert("初始化分类不能删除");
+            btnDelClose.click();
+            return;
+          }
+          var url = "/PrivateReZeroRoute/100003/DeleteDynamicInterfaceCategory?IsDeleted=true&Id=" + localStorage.delId;
+          axios.get(url, jwHeader)
+            .then(response => {
+              this.data = response.data;
+              this.error = null;
+              this.onSearch();
+              btnDelClose.click();
+            })
+            .catch(error => {
+              this.error = error.message;
+              this.data = null;
+            });
+        } else {
+          localStorage.delId = item.Id;
+        }
+      },
+      openEditDiv: function (item) {
+        var urlById = "/PrivateReZeroRoute/100003/GetDynamicInterfaceCategoryById?id=" + item.Id;
+        if (item.Id) {
+          this.title = this.editTitle;
+          axios.get(urlById, jwHeader)
+            .then(response => {
+              this.formData = response.data;
+            })
+            .catch(error => {
+              this.error = error.message;
+              this.data = null;
+            });
         }
-    });</script>
\ No newline at end of file
+      },
+      openAddDiv: function (item) {
+        this.title = this.addTitle;
+        this.formData = {};
+      },
+      addOrUpdate: function () {
+        var th = this;
+        var frmId = "frmEdit";
+        var json = this.formData;
+        var url = json.Id ?
+          "/PrivateReZeroRoute/100003/UpdateDynamicInterfaceCategory" :
+          "/PrivateReZeroRoute/100003/AddDynamicInterfaceCategory";
+        this.addOrUpdateSubmit(url, json);
+      },
+      addOrUpdateSubmit: function (url, json) {
+        var th = this;
+        axios.post(url, json, jwHeader)
+          .then(response => {
+            this.error = null;
+            this.onSearch();
+            if (response.data == true) {
+              frmEdit.reset();
+              btnCloseEdit.click();
+            }
+            else {
+              tools.highlightErrorFields(response.data)
+            }
+          })
+          .catch(error => {
+            this.error = error.message;
+            this.data = null;
+          });
+      }
+    }
+  });</script>
\ No newline at end of file
diff --git a/SuperAPI/wwwroot/rezero/default_ui/interface_manager.html b/SuperAPI/wwwroot/rezero/default_ui/interface_manager.html
index d4c3f5a..e01ec07 100644
--- a/SuperAPI/wwwroot/rezero/default_ui/interface_manager.html
+++ b/SuperAPI/wwwroot/rezero/default_ui/interface_manager.html
@@ -1,1537 +1,2473 @@
 @@master_page.html
-<link href="css/page_table_list.css" rel="stylesheet" />
-<link href="css/page_interface_manager.css" rel="stylesheet" />
+<link
+	href="css/page_table_list.css"
+	rel="stylesheet"
+/>
+<link
+	href="css/page_interface_manager.css"
+	rel="stylesheet"
+/>
 <script src="js/ace/src-min/ace.js"></script>
-<script src="js/ace/src-min/ext-language_tools.js"></script> 
-<div id="apibox" class="card">
-    <!--主列表搜索-->
-    <div class="search-bar">
-        <form id="frmSearach" action="lyear_forms_elements.html" method="post" onsubmit="return false;">
-            <div class="form-group">
-                <div class="row">
-                    <div class="col-md-1"><label class="form-control">数据库:</label></div>
-                    <div class="col-md-2"><select @change="changeDatabase" v-model="databaseId" id="selDatabase" class="form-control"><option v-for="item in database" :value="item.Id">{{item.Name}}</option></select></div>
-                    <div class="col-md-2"><input class="form-control" type="text" id="txtName" name="example-text-input" placeholder="接口名 或者 URL"></div>
-                    <div class="col-md-2"><select id="selGroupName" class="form-control"><option value=""> ==分组==</option> <option v-for="item in groupList">{{item.GroupName}}</option></select></div>
-                    <div class="col-md-2"><select id="selInterfaceCategoryId" class="form-control"><option value="">==分类==</option> <option v-for="item in interfaceCategroyList" :value="item.Id">{{item.Name}}</option></select></div>
-                    <div class="col-md-3">
-                        <button @click="onSearch()" id="btnSearch" class="btn btn-secondary"><i class="mdi mdi-magnify"></i>搜索</button>
-                        <button onclick="frmSearach.reset()"  class="btn btn-close m-l-15" type="submit">清空</button>
-                    </div>
-                </div>
-            </div>
-        </form>
-    </div>
-    <!--主表列表操作按钮-->
-    <div class="card-toolbar clearfix">
-        <div class="toolbar-btn-action">
-            <a class="btn btn-primary m-r-5" @click="openNext()" href="#!"><i class="mdi mdi-plus"></i> 新增</a>
-            <a class="btn btn-success m-r-10" @click="openGenerateCode()" data-toggle="tooltip" data-original-title="根据实体生成文件" href="#!"><i class="mdi mdi-web"></i> 生成前端调用</a>
-        </div>
-    </div>
-    <!--主列表-->
-    <div class="card-body"> 
-        <div class="table-responsive">
-            <div class="master-table-container">
-                <table class="table table-bordered">
-                    <thead>
-                        <tr v-if="data && data.Columns && data.Columns.length > 0">
-                            <th class="width30">
-                                <label class="lyear-checkbox checkbox-primary">
-                                    <input type="checkbox" @change="selectAll" id="check-all"><span></span>
-                                </label>
-                            </th>
-                            <th v-for="column in data.Columns">{{column.ColumnDescription}}</th>
-                            <th>操作</th>
-                        </tr>
-                    </thead>
-                    <tbody v-if="data &&data.Data">
-                        <tr v-if="data.Columns && data.Columns.length > 0" v-for="item in data.Data">
-                            <td>
-                                <label class="lyear-checkbox checkbox-primary">
-                                    <input type="checkbox" name="ids[]" v-model="selectedItems" :alt="item.Id" :value="item.Id"><span></span>
-                                </label>
-                            </td>
-                            <td v-for="column in data.Columns">
-                                {{ item[column.PropertyName] }}
-                            </td>
+<script src="js/ace/src-min/ext-language_tools.js"></script>
+<div
+	id="apibox"
+	class="card"
+>
+	<!--主列表搜索-->
+	<div class="search-bar">
+		<form
+			id="frmSearach"
+			action="lyear_forms_elements.html"
+			method="post"
+			onsubmit="return false;"
+		>
+			<div class="form-group">
+				<div class="row">
+					<div class="col-md-1">
+						<label class="form-control">数据库:</label>
+					</div>
+					<div class="col-md-2">
+						<select
+							@change="changeDatabase"
+							v-model="databaseId"
+							id="selDatabase"
+							class="form-control"
+						>
+							<option
+								v-for="item in database"
+								:value="item.Id"
+							>
+								{{item.Name}}
+							</option>
+						</select>
+					</div>
+					<div class="col-md-2">
+						<input
+							class="form-control"
+							type="text"
+							id="txtName"
+							name="example-text-input"
+							placeholder="接口名 或者 URL"
+						/>
+					</div>
+					<div class="col-md-2">
+						<select
+							id="selGroupName"
+							class="form-control"
+						>
+							<option value="">==分组==</option>
+							<option v-for="item in groupList">{{item.GroupName}}</option>
+						</select>
+					</div>
+					<div class="col-md-2">
+						<select
+							id="selInterfaceCategoryId"
+							class="form-control"
+						>
+							<option value="">==分类==</option>
+							<option
+								v-for="item in interfaceCategroyList"
+								:value="item.Id"
+							>
+								{{item.Name}}
+							</option>
+						</select>
+					</div>
+					<div class="col-md-3">
+						<button
+							@click="onSearch()"
+							id="btnSearch"
+							class="btn btn-secondary"
+						>
+							<i class="mdi mdi-magnify"></i>搜索
+						</button>
+						<button
+							onclick="frmSearach.reset()"
+							class="btn btn-close m-l-15"
+							type="submit"
+						>
+							清空
+						</button>
+					</div>
+				</div>
+			</div>
+		</form>
+	</div>
+	<!--主表列表操作按钮-->
+	<div class="card-toolbar clearfix">
+		<div class="toolbar-btn-action">
+			<a
+				class="btn btn-primary m-r-5"
+				@click="openNext()"
+				href="#!"
+				><i class="mdi mdi-plus"></i> 新增</a
+			>
+			<a
+				class="btn btn-success m-r-10"
+				@click="openGenerateCode()"
+				data-toggle="tooltip"
+				data-original-title="根据实体生成文件"
+				href="#!"
+				><i class="mdi mdi-web"></i> 生成前端调用</a
+			>
+		</div>
+	</div>
+	<!--主列表-->
+	<div class="card-body">
+		<div class="table-responsive">
+			<div class="master-table-container">
+				<table class="table table-bordered">
+					<thead>
+						<tr v-if="data && data.Columns && data.Columns.length > 0">
+							<th class="width30">
+								<label class="lyear-checkbox checkbox-primary">
+									<input
+										type="checkbox"
+										@change="selectAll"
+										id="check-all"
+									/><span></span>
+								</label>
+							</th>
+							<th v-for="column in data.Columns">
+								{{column.ColumnDescription}}
+							</th>
+							<th>操作</th>
+						</tr>
+					</thead>
+					<tbody v-if="data &&data.Data">
+						<tr
+							v-if="data.Columns && data.Columns.length > 0"
+							v-for="item in data.Data"
+						>
+							<td>
+								<label class="lyear-checkbox checkbox-primary">
+									<input
+										type="checkbox"
+										name="ids[]"
+										v-model="selectedItems"
+										:alt="item.Id"
+										:value="item.Id"
+									/><span></span>
+								</label>
+							</td>
+							<td v-for="column in data.Columns">
+								{{ item[column.PropertyName] }}
+							</td>
 
-                            <td class="table_opt">
-                                <button data-toggle="modal" @click="openEdit(item)" class="btn btn-link" type="button">
-                                    <i class="mdi mdi-lead-pencil"></i> 修改
-                                </button>
-                                <button data-toggle="modal" @click="deleteAndConfirm(item)" data-target="#divDelBox" class="btn btn-link" type="button">
-                                    <i class="mdi mdi-do-not-disturb"></i> 删除
-                                </button>
-                            </td>
-                        </tr>
+							<td class="table_opt">
+								<button
+									data-toggle="modal"
+									@click="openEdit(item)"
+									class="btn btn-link"
+									type="button"
+								>
+									<i class="mdi mdi-lead-pencil"></i> 修改
+								</button>
+								<button
+									data-toggle="modal"
+									@click="deleteAndConfirm(item)"
+									data-target="#divDelBox"
+									class="btn btn-link"
+									type="button"
+								>
+									<i class="mdi mdi-do-not-disturb"></i> 删除
+								</button>
+							</td>
+						</tr>
+					</tbody>
+				</table>
+			</div>
+		</div>
+	</div>
+	<!--分页局部视图-->
+	@@page_control.html
+	<!--创建接口第一步：选择接口分类-->
+	<div
+		class="modal fade"
+		tabindex="-1"
+		role="dialog"
+		aria-labelledby="gridSystemModalLabel"
+		id="divBefore"
+		style="display: none"
+	>
+		<button
+			id="btnNext"
+			type="button"
+			class="btn btn-primary hidden"
+			data-toggle="modal"
+			data-target="#divBefore"
+		></button>
+		<div
+			class="modal-dialog"
+			role="document"
+		>
+			<div class="modal-content">
+				<div class="modal-header">
+					<button
+						type="button"
+						class="close"
+						data-dismiss="modal"
+						aria-label="Close"
+					>
+						<span aria-hidden="true">×</span>
+					</button>
+					<h4
+						class="modal-title"
+						id="exampleModalLabel"
+					>
+						接口类型
+					</h4>
+				</div>
+				<div class="modal-body">
+					<form id="frmEdit">
+						<input
+							type="hidden"
+							v-model="formData.Id"
+							name="Id"
+						/>
+						<div class="form-group">
+							<label class="control-label">数据库</label>
+							<select
+								v-model="databaseId"
+								readonly="readonly"
+								id="selDataBaseId"
+								class="form-control"
+							>
+								<option
+									v-for="item in  database"
+									v-bind:value="item.Id"
+								>
+									{{item.Name}}
+								</option>
+							</select>
+							<label class="control-label">分类</label>
+							<select
+								v-model="currentActionType"
+								id="selTextGroup"
+								class="form-control"
+							>
+								<option
+									v-for="item in actionList"
+									:value="item"
+								>
+									{{item.TextGroup}}
+								</option>
+							</select>
+						</div>
+					</form>
+				</div>
+				<div class="modal-footer">
+					<button
+						type="button"
+						id="btnNextClose"
+						class="btn btn-default"
+						data-dismiss="modal"
+					>
+						关闭
+					</button>
+					<button
+						type="button"
+						@click="openAdd()"
+						class="btn btn-primary"
+					>
+						下一步
+					</button>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--创建接口主窗体：填写接口详细信息-->
+	<div
+		id="divSave"
+		class="modal fade bs-example-modal-lg"
+		tabindex="-1"
+		role="dialog"
+		aria-labelledby="myLargeModalLabel"
+		style="display: none"
+	>
+		<button
+			id="btnSave"
+			type="button"
+			class="btn btn-primary hidden"
+			data-toggle="modal"
+			data-target="#divSave"
+		></button>
+		<div
+			class="modal-dialog modal-lg width1200"
+			role="document"
+		>
+			<div class="modal-content">
+				<div class="modal-header">
+					<button
+						type="button"
+						class="close"
+						data-dismiss="modal"
+						aria-label="Close"
+					>
+						<span aria-hidden="true">×</span>
+					</button>
+					<h4
+						class="modal-title"
+						id="myLargeModalLabel"
+					>
+						{{title}}
+					</h4>
+				</div>
 
-                    </tbody>
-                </table>
-            </div>
-        </div>
-
-    </div>
-    <!--分页局部视图-->
-    @@page_control.html
-    <!--创建接口第一步：选择接口分类-->
-    <div class="modal fade " tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel" id="divBefore" style="display: none;">
-        <button id="btnNext" type="button" class="btn btn-primary hidden" data-toggle="modal" data-target="#divBefore"></button>
-        <div class="modal-dialog" role="document">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
-                    <h4 class="modal-title" id="exampleModalLabel">接口类型</h4>
-                </div>
-                <div class="modal-body">
-                    <form id="frmEdit">
-                        <input type="hidden" v-model="formData.Id" name="Id" />
-                        <div class="form-group">
-                            <label class="control-label">数据库</label>
-                            <select v-model="databaseId" readonly="readonly" id="selDataBaseId" class="form-control">
-                                <option v-for="item in  database" v-bind:value="item.Id"> {{item.Name}} </option>
-                            </select>
-                            <label class="control-label">分类</label>
-                            <select v-model="currentActionType" id="selTextGroup" class="form-control">
-                                <option v-for="item in actionList" :value="item">{{item.TextGroup}}</option>
-                            </select>
-                        </div>
-                    </form>
-                </div>
-                <div class="modal-footer">
-                    <button type="button" id="btnNextClose" class="btn btn-default" data-dismiss="modal">关闭</button>
-                    <button type="button" @click="openAdd()" class="btn btn-primary">下一步</button>
-                </div>
-            </div>
-        </div>
-    </div>
-    <!--创建接口主窗体：填写接口详细信息-->
-    <div id="divSave" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" style="display: none;">
-        <button id="btnSave" type="button" class="btn btn-primary hidden" data-toggle="modal" data-target="#divSave"></button>
-        <div class="modal-dialog modal-lg  width1200" role="document">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
-                    <h4 class="modal-title" id="myLargeModalLabel">{{title}} </h4>
-                </div>
-
-                <div class="modal-body">
-                    <div class="table-container">
-                        <div class="card">
-                            <ul class="nav nav-tabs page-tabs">
-                                <li v-for="(item,index) in currentActionType.Items" @click="interfaceListTabClick(index,item)" :class="index==tabIndex?'active':''"> <a href="#!">{{item.Text}}</a> </li>
-                            </ul>
-                            <div class="tab-content tabbox">
-                                <div class="tab-pane active">
-
-                                    <form id="frmSave" action="#!" method="post" name="edit-form" class="edit-form">
-                                        <input v-model="editId" type="hidden" value="0" />
-                                        <div v-for="item in currentActionTypeContext.FormElements" class="form-group col-md-12">
-                                            <label v-if="item.ElementType!=5" >{{item.Text}}<span class="red" v-if="item.IsRequired">*</span></label>
-                                            <div class="form-controls">
-                                                <!--text-->
-                                                <template v-if="item.ElementType==0">
-                                                    <input :name="item.Name" :placeholder="item.Placeholder" v-model="item.Value" :validate-data="JSON.stringify(item)" class="form-control" />
-                                                </template>
-                                                <!--table-->
-                                                <template v-if="item.ElementType==1">
-                                                    <div class="input-group">
-                                                        <input :name="item.Name" :placeholder="item.Placeholder" v-model="item.Value" :validate-data="JSON.stringify(item)" type="text" readonly="readonly" class="form-control">
-                                                        <span class="input-group-btn">
-                                                            <button @click="openImportEntity(item)" class="btn btn-default" type="button">选择表</button>
-                                                        </span>
-                                                    </div>
-                                                </template>
-                                                <!--Columns-->
-                                                <template v-if="item.ElementType==3">
-                                                    <span @click="openAddColumn(item)" class="btn   btn-primary m-tb-10">
-                                                        <i class="mdi mdi-settings"></i> 配置主表列
-                                                    </span>
-                                                    <span @click="openAddComplexityColumn(item)" class="btn btn-success m-tb-10">
-                                                        <i class="mdi mdi-plus"></i> 追加复杂列
-                                                    </span>
-                                                    <span @click="openOrderByColumn(item)" class="btn   btn-purple m-tb-10">
-                                                        <i class="mdi mdi-settings"></i> 配置排序
-                                                    </span>
-                                                    <span @click="openWhere(item)" class="btn btn-warning m-tb-10">
-                                                        <i class="mdi mdi-settings"></i> 配置条件
-                                                    </span>
-                                                    <p> <code>排序：{{selectedOrderByString}} {{ selectedOrderBys_EnableSort==false ? "": "["+selectedOrderBys_EnableSort+"]" }} </code> </p>
-                                                    <p v-if="selectedWheres.filter(item => item.PropertyName).length>0"> <code>条件：{{selectedWheres.filter(item => item.PropertyName ).length}} </code></p>
-                                                    <p v-if="selectedWheres.filter(item => item.PropertyName).length==0"> <code>条件：{{selectedWhereString}}</code></p>
-                                                    <table class="table table-bordered m-b-0">
-                                                        <thead>
-                                                            <tr>
-
-                                                                <th>列名</th>
-                                                                <th>显示名称</th>
-                                                                <th>排序号</th>
-                                                                <th>删除</th>
-                                                            </tr>
-                                                        </thead>
-                                                        <tbody>
-                                                            <tr v-for="item in selectedColumns">
-
-                                                                <td>{{item.PropertyName}}</td>
-                                                                <td>{{item.DbColumnName}}</td>
-                                                                <td>{{item.SortId}}</td>
-                                                                <td>
-                                                                    <button @click="deleteSelectedColumn(item)" type="button" class="btn btn-link">
-                                                                        <i class="mdi mdi-do-not-disturb"></i> 删除
-                                                                    </button>
-                                                                </td>
-                                                            </tr>
-                                                            <tr v-for="item in selectedComplexityColumns">
-
-                                                                <td>{{item.PropertyName}}</td>
-                                                                <td>{{item.DbColumnName}}</td>
-                                                                <td>{{item.SortId}}</td>
-                                                                <td>
-                                                                    <button @click="deleteComplexitySelectedColumn(item)" type="button" class="btn btn-link">
-                                                                        <i class="mdi mdi-do-not-disturb"></i> 删除
-                                                                    </button>
-                                                                </td>
-                                                            </tr>
-                                                        </tbody>
-                                                    </table>
-                                                    <input :name="item.Name" type="hidden" :placeholder="item.Placeholder" v-model="item.Value" :validate-data="JSON.stringify(item)" class="form-control" />
-                                                </template>
-                                                <!--Select-->
-                                                <template v-if="item.ElementType==4">
-                                                    <select :name="item.Name" v-model="item.Value" :validate-data="JSON.stringify(item)" class="form-control">
-                                                        <option v-if="item.SelectDataSource" v-for="o in item.SelectDataSource" :value="o.Key">{{o.Value}}</option>
-                                                    </select>
-                                                </template>
-                                                <!--Hidden-->
-                                                <template v-if="item.ElementType==5">
-                                                    <input :name="item.Name" v-model="item.Value" type="hidden" :validate-data="JSON.stringify(item)" class="form-control" />
-                                                </template>
-                                                <!--Page-->
-                                                <template v-if="item.ElementType==6">
-                                                    <label class="lyear-checkbox   t_a_l "><input v-model="item.Value" :name="item.Name" value="true" type="checkbox"> <span class="p-l-15">是否分页</span></label>
-                                                </template>
-                                                <!--SqlTest-->
-                                                <template v-if="item.ElementType==7">
-                                                    <p><code>接口参数：{string:name} 等于 @name=string类型的参数 ，C#类型有string、int、DateTime等</code></p>
-                                                    <p><code>授权参数：{ClaimKey:OrgId} 等于 你授权的Claim[OrgId]</code></p>
-                                                    <textarea rows="10" style="display:none" :placeholder="item.Placeholder" :name="item.Name" v-model="item.Value" class="form-control"></textarea>
-                                                    <div id="divAceEditor" style="width:100%;height:300px;"></div>
-                                                </template>
-                                                <!--DefaultValueColumns-->
-                                                <template v-if="item.ElementType==8">
-                                                    <span class="btn btn-primary m-b-10" @click="openDefaultValue"><i class="mdi-account-settings-variant mdi"></i> 配置 </span>
-                                                    <textarea rows="5" class="form-control" readonly="readonly">{{saveDefaultValueColumns}}</textarea>
-                                                </template>
-                                                <!--UpdateColumns-->
-                                                <template v-if="item.ElementType==9">
-                                                    <input v-model="item.Value" type="hidden" :name="item.Name" />
-                                                    <select id="selUpdateColumns" @change="setUpdateColums(item)" multiple class="form-control">
-                                                        <option v-for="childItem in updateColumns">{{childItem.PropertyName}}</option>
-                                                    </select>
-                                                </template>
-                                                <!--UpdateResultType-->
-                                                <template v-if="item.ElementType==10">
-                                                    <select v-model="item.Value" :name="item.Name" class="form-control">
-                                                        <option selected value="1">默认</option>
-                                                        <option value="2">受影响行数</option>
-                                                    </select>
-                                                </template>
-                                                <!--InsertResultType-->
-                                                <template v-if="item.ElementType==12">
-                                                    <select v-model="item.Value" :name="item.Name" class="form-control">
-                                                        <option selected value="1">默认</option>
-                                                        <option value="4">自增列(只支持int)</option>
-                                                    </select>
-                                                </template>
-                                                <!--Where-->
-                                                <template v-if="item.ElementType==11">
-                                                    <div v-if="item.Placeholder" class="alert-success p-10">
-                                                        {{item.Placeholder}}
-                                                    </div>
-                                                    <span @click="openMiniWhere(item)" class="btn   btn-primary m-tb-10">
-                                                        <i class="mdi mdi-settings"></i> 配置条件
-                                                    </span>
-                                                    <span @click="showWherePreview" class="btn btn-info">
-                                                        <i class="mdi mdi-refresh"></i> 刷新预览
-                                                    </span>
-                                                    <span @click="clearMiniWhere(item)" class="btn btn-danger m-r-10">
-                                                        <i class="mdi mdi-do-not-disturb"></i> 清空条件
-                                                    </span>
-                                                    <div>
-                                                        {{selectdWherePreviewString}}
-                                                    </div>
-                                                </template>
-                                            </div>
-                                        </div>
-                                    </form>
-
-                                </div>
-                            </div>
-
-                        </div>
-                    </div>
-                </div>
-                <div class="modal-footer">
-                    <button type="button" id="btnAddOrUpdateColse" class="btn btn-default" data-dismiss="modal">关闭</button>
-                    <button type="button" @click="addOrUpdateInterfaceList()" class="btn btn-primary">点击保存</button>
-                </div>
-            </div>
-        </div>
-    </div>
-    <!--创建接口子窗体：选择表-->
-    <div id="divImportEntity" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" style="display: none;">
-        <button id="btnImportEntity" type="button" class="btn btn-primary hidden" data-toggle="modal" data-target="#divImportEntity"></button>
-        <div class="modal-dialog modal-lg border3CCC" role="document">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
-                    <h4 class="modal-title" id="myLargeModalLabel">选择表</h4>
-                </div>
-                <div class="modal-body">
-                    <div class="input-group width250  m-b-10">
-                        <input id="txtTableName" type="text" class="form-control"> <span class="input-group-btn">
-                            <button type="button" @click="bindImportTables()" class="btn btn-default"><i class="mdi mdi-magnify"></i>搜索</button>
-                            <button type="button" onclick="txtTableName.value=''" class="btn btn-default"><i class="mdi  mdi-refresh"></i>清空</button>
-                        </span>
-                    </div>
-                    <div class="master-table-container">
-                        <table class="table table-bordered">
-                            <thead>
-                                <tr>
-                                    <th class="width30">
-                                        <label class="lyear-checkbox checkbox-primary">
-                                            <input type="checkbox" @change="selectAllTables" id="check-all2"><span></span>
-                                        </label>
-                                    </th>
-                                    <th>
-                                        表名
-                                    </th>
-                                    <th>描述</th>
-                                </tr>
-                            </thead>
-                            <tbody v-if="tables">
-                                <tr v-for="item in tables">
-                                    <td>
-                                        <input type="checkbox" name="ids[]" v-model="selectedTables" :alt="item.Name" :value="item">
-                                    </td>
-                                    <td>
-                                        {{ item.Name }}
-                                    </td>
-                                    <td>
-                                        {{ item.Description  }}
-                                    </td>
-                                </tr>
-
-                            </tbody>
-                        </table>
-                    </div>
-                </div>
-                <div class="modal-footer">
-                    <button type="button" id="btnImportEntityClose" class="btn btn-default" data-dismiss="modal">关闭</button>
-                    <button type="button" @click="importEntitySubmit()" class="btn btn-primary">确定</button>
-                </div>
-            </div>
-        </div>
-    </div>
-    <!--创建接口子窗体：添加简单列-->
-    <div class="modal fade " tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel" id="divAddColumns" style="display: none;">
-        <button id="btnDivAddColumns" type="button" class="btn btn-primary hidden" data-toggle="modal" data-target="#divAddColumns"></button>
-        <div class="modal-dialog width800 border3CCC" role="document">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
-                    <h4 class="modal-title" id="exampleModalLabel">选择列</h4>
-                </div>
-                <div class="modal-body">
-                    <table class="table table-bordered">
-                        <thead>
-                            <tr>
-                                <th><input @change="selectAllColumns" type="checkbox" /></th>
-                                <th>列名</th>
-                                <th>显示名称</th>
-                                <th>排序号</th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            <tr v-for="item in columns">
-                                <th scope="row"><input name="columnIds[]" v-model="selectColumns" :alt="item.Id" :value="item.Id" type="checkbox" /></th>
-                                <td>{{item.PropertyName}}</td>
-                                <td><input v-model="item.DbColumnName" class="form-control" /></td>
-                                <td><input v-model="item.SortId" onchange="tools.ensureNumeric(this)" class="form-control" /></td>
-                            </tr>
-                        </tbody>
-                    </table>
-                </div>
-                <div class="modal-footer">
-                    <button type="button" id="btnCloseAddColumns" class="btn btn-default" data-dismiss="modal">关闭</button>
-                    <button type="button" @click="saveColumns()" class="btn btn-primary">确定</button>
-                </div>
-            </div>
-        </div>
-    </div>
-    <!--创建接口子窗体：追加复杂列-->
-    <div class="modal fade  bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel" id="divAddComplexityColumns" style="display: none;">
-        <button id="btnAddComplexityColumns" type="button" class="btn btn-primary hidden" data-toggle="modal" data-target="#divAddComplexityColumns"></button>
-        <div class="modal-dialog  width800  border3CCC" role="document">
-            <div class="modal-content ">
-                <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
-                    <h4 class="modal-title" id="exampleModalLabel">追加列</h4>
-                </div>
-                <div class="modal-body">
-                    <div class="card p-b-0 m-b-0">
-                        <ul class="nav nav-tabs page-tabs">
-                            <li id="liComplexityColumns" class="active" @click="tabClickComplexityColumns(1)"><a href="#!">联表字段</a></li>
-                            <li><a href="#!" @click="tabClickComplexityColumns(2)">函数字段</a></li>
-                            <li> <a href="#!" @click="tabClickComplexityColumns(3)">导航对象</a></li>
-                            <li><a href="#!" @click="tabClickComplexityColumns(4)">更多开发中</a></li>
-                        </ul>
-                    </div>
-                    <div class="tab-content tabbox">
-                        <div class="tab-pane active">
-                            <div class="form-group">
-                                <label>主表关联字段 （一般是外键） <span class="red">*</span></label>
-                                <select v-model="copcol_MasterField" name="MasterField" class="form-control">
-                                    <option v-if="columns&&columns.length>0" v-for="item in columns">{{item.PropertyName}}</option>
-                                </select>
-                            </div>
-                            <div class="form-group">
-                                <label>关联的表 <span class="red">*</span></label>
-                                <input v-model="copcol_JoinTable" @change="changeJoinTable" class="form-control" list="browsers" name="joinTable">
-                                <datalist id="browsers">
-                                    <option v-if="tables&&tables.length>0" v-for="item in tables" :value="item.Name">{{item.Name}}</option>
-                                </datalist>
-                                <button class="btn btn-xs btn-primary removedatalist" @click="clearJoinTable"><i class="mdi mdi-do-not-disturb"></i>删除选定项</button>
-                            </div>
-                            <div class="form-group">
-                                <label>关联方式<span class="red">*</span></label>
-                                <select v-model="copcol_joinType" name="joinType" class="form-control">
-                                    <option value="LeftJoin">左链接 [存在相同关联会重复]</option>
-                                    <option value="InnerJoin">内链接 [存在相同关联会重复+子表不存在主表也不显示]</option>
-                                    <option value="SubqueryJoin">子查询 [不会重复]</option>
-                                </select>
-                            </div>
-                            <div class="form-group">
-                                <label>关联字段（一般主键） <span class="red">*</span></label>
-                                <select v-model="copcol_joinField" name="joinField" class="form-control">
-                                    <option v-if="joinColumns&&joinColumns.length>0" v-for="item in joinColumns">{{item.PropertyName}}</option>
-                                </select>
-                            </div>
-                            <div class="form-group">
-                                <label>关联显示字段 （一般是Name） <span class="red">*</span></label>
-                                <select v-model="copcol_ShowFields" multiple @change="changeShowField" name="joinField" class="form-control">
-                                    <option v-if="joinColumns&&joinColumns.length>0" v-for="item in joinColumns">{{item.PropertyName}}</option>
-                                </select>
-                                <input class="form-control" readonly="readonly" v-model="copcol_ShowField" />
-                            </div>
-                            <div class="form-group">
-                                <label>关联显示字段别名（AS 名称）</label>
-                                <input v-model="copcol_Name" name="Name" placeholder="默认：关联显示字段" class="form-control" />
-                            </div>
-                            <div class="form-group">
-                                <label>排序号</label>
-                                <input v-model="copcol_SortId" onchange="tools.ensureNumeric(this)" name="Sort" class="form-control" />
-                            </div>
-                        </div>
-                        <div class="tab-pane">
-                            <div class="form-group">
-                                开发中
-                            </div>
-                        </div>
-                        <div class="tab-pane">
-                            <div class="form-group">
-                                开发中..
-                            </div>
-                        </div>
-                        <div class="tab-pane">
-                            <div class="form-group">
-                                开发中..
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="modal-footer">
-                    <button type="button" id="btnCloseAddComplexityColumns" class="btn btn-default" data-dismiss="modal">关闭</button>
-                    <button type="button" @click="saveComplexityColumns" class="btn btn-primary">确定</button>
-                </div>
-            </div>
-        </div>
-    </div>
-    <!--创建接口子窗体：添加排序-->
-    <div class="modal fade  bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel" id="divAddOrderBy" style="display: none;">
-        <button id="btnAddOrderBy" type="button" class="btn btn-primary hidden" data-toggle="modal" data-target="#divAddOrderBy"></button>
-        <div class="modal-dialog  width800 border3CCC" role="document">
-            <div class="modal-content ">
-                <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
-                    <h4 class="modal-title" id="exampleModalLabel">添加排序</h4>
-                </div>
-                <div class="modal-body">
-                    <div class="card-body tabbox">
-                        <table class="table table-bordered">
-                            <thead>
-                                <tr>
-                                    <th>列名</th>
-                                    <th>排序方式</th>
-                                    <th>排序号</th>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr v-for="item in selectedOrderBys">
-                                    <td>{{item.Name}}<input type="hidden" v-model="item.Name" /> </td>
-                                    <td>
-                                        <select v-model="item.OrderByType" class="form-control">
-                                            <option> </option>
-                                            <option value="ASC">正序</option>
-                                            <option value="DESC">倒序</option>
-                                        </select>
-                                    </td>
-                                    <td>
-                                        <input v-model="item.SortId" onchange="tools.ensureNumeric(this)" class="form-control" />
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
-                        <div>
-                            <div>
-                                <p class="example-box">
-                                    <label class="lyear-checkbox">
-                                        <input v-model="selectedOrderBys_EnableSort" type="checkbox" /> <span class="p-l-15">允许URL覆盖上面排序</span>
-                                    </label>
-                                </p>
-                                <p>
-                                    <code>参数OrderByName生效：值为上面列名或者为空</code>
-                                </p>
-                                <p>
-                                    <code>参数OrderByType生效：值为ASC或者DESC</code>
-                                </p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="modal-footer">
-                    <button type="button" id="btnCloseAddOrderBy" class="btn btn-default" data-dismiss="modal">关闭</button>
-                    <button type="button" @click="saveBtnOrderBy" class="btn btn-primary">确定</button>
-                </div>
-            </div>
-        </div>
-    </div>
-    <!--创建接口子窗体：添加条件-->
-    <div class="modal fade  bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel" id="divAddWhere" style="display: none;">
-        <button id="btnAddWhere" type="button" class="btn btn-primary hidden" data-toggle="modal" data-target="#divAddWhere"></button>
-        <div class="modal-dialog width1000  border3CCC" role="document">
-            <div class="modal-content ">
-                <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
-                    <h4 class="modal-title" id="exampleModalLabel">添加条件</h4>
-                </div>
-                <div class="modal-body">
-                    <div class="card-body tabbox">
-                        <table class="table table-bordered">
-                            <thead>
-                                <tr>
-                                    <th class="w-15">条件编号</th>
-                                    <th class="w-15">条件列</th>
-                                    <th class="w-15">条件关系</th>
-                                    <th>条件值</th>
-                                    <th class="w-20">操作</th>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr v-for="(item, index) in selectedWheres" :key="item.Id">
-                                    <td>
-                                        {{item.Id}}
-                                    </td>
-                                    <td>
-                                        <select v-model="item.PropertyName" class="form-control">
-                                            <option></option>
-                                            <option v-for="item in selectedColumns">
-                                                {{item.PropertyName}}
-                                            </option>
-                                            <option v-for="item in selectedComplexityColumns">
-                                                {{item.DbColumnName}}
-                                            </option>
-                                        </select>
-                                    </td>
-                                    <td>
-                                        <select v-model="item.WhereType" class="form-control">
-                                            <option></option>
-                                            <option v-for="item in whereTypeList">
-                                                {{item.Key}}
-                                            </option>
-                                        </select>
-                                    </td>
-                                    <td>
-                                        <div class="row">
-                                            <div class="col-md-6">
-                                                <select v-model="item.ValueType" id="selectOption" class="form-control">
-                                                    <option value="0">固定值</option>
-                                                    <option value="1">参数名</option>
-                                                    <option class="2">ClaimKey</option>
-                                                </select>
-                                            </div>
-                                            <div class="col-md-6">
-                                                <input v-model="item.Value" id="inputValue" class="form-control" type="text">
-                                            </div>
-                                        </div>
-                                    </td>
-                                    <td>
-                                        <span class="pointer m-r-10" @click="addWhereItem(selectedWheres[selectedWheres.length - 1].Id)"><i class="mdi mdi-plus"></i> 添加</span>
-                                        <span class="pointer" @click="deleteWhereItem(item.Id)"><i class="mdi  mdi-window-close"></i> 删除</span>
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
-                        <div class="form-group">
-                            <p><code>条件关系：</code></p>
-                            <select v-model="selectedWheresConditionalRelation" @change="showWherePreview" class="form-control">
-                                <option value="And">And：并且-带OR参数NULL</option>
-                                <option value="AndAll">AndAll：并且  </option>
-                                <option value="Or">Or：或者-带OR参数NULL </option>
-                                <option value="OrAll">OrAll： 或者  </option>
-                                <option value="Custom">Custom ：自定义-带OR参数NULL </option>
-                                <option value="CustomAll">CustomAll：自定义 </option>
-                            </select>
-                        </div>
-                        <div v-if="selectedWheresConditionalRelation=='Custom'||selectedWheresConditionalRelation=='CustomAll'" class="form-group">
-                            <textarea rows="5" v-model="selectedWhereRelationTemplate" class="form-control">
-
-                            </textarea>
-                            <p>
-                                <code>{1}表示编号为1的条件，{2}表示编号为2的条件 </code>
-                            </p>
-                        </div>
-                        <div class="form-group">
-                            <p><code>预览：</code></p>
-                            <p style="white-space: pre-line;">{{selectdWherePreviewString}}</p>
-                            <button @click="showWherePreview" class="btn btn-info">
-                                <i class="mdi mdi-refresh"></i> 刷新结果
-                            </button>
-                        </div>
-                    </div>
-                    <div class="modal-footer">
-                        <button type="button" id="btnCloseAddWhere" class="btn btn-default" data-dismiss="modal">关闭</button>
-                        <button type="button" @click="saveBtnWhere" class="btn btn-primary">确定</button>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <!--创建接口子窗体：默认值-->
-    <div class="modal fade  bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel" id="divDefaultValue" style="display: none;">
-        <button id="btnDafeultValue" type="button" class="btn btn-primary hidden" data-toggle="modal" data-target="#divDefaultValue"></button>
-        <div class="modal-dialog  width800 border3CCC" role="document">
-            <div class="modal-content ">
-                <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
-                    <h4 class="modal-title" id="exampleModalLabel">配置列默认值</h4>
-                </div>
-                <div class="modal-body">
-                    <div class="card-body tabbox">
-                        <table class="table table-bordered">
-                            <thead>
-                                <tr>
-                                    <th>列名</th>
-                                    <th width="300">默认值类型</th>
-                                    <th width="200">值</th>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr v-if="selectDefaultValueColumns&&selectDefaultValueColumns.length>0"  v-for="x in  selectDefaultValueColumns" >
-                                    <td> {{x.PropertyName}} </td>
-                                    <td>
-                                        <select v-model="x.Type" class="form-control">
-                                            <option value="0">无</option>
-                                            <option value="1">固定值</option>
-                                            <option value="2">默认值(int等于0，空字符串等于空等)</option>
-                                            <option value="3">当前时间</option>
-                                            <option value="4">ClaimKey</option>
-                                        </select>
-                                    </td>
-                                    <td>
-                                        <input  v-model="x.Value"  :class="[x.Type != 1&&x.Type != 4 ? 'hidden' : '', 'form-control'].join(' ')" />
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table> 
-                    </div>
-                </div>
-                <div class="modal-footer">
-                    <button type="button" id="btnDafeultValueClose" class="btn btn-default" data-dismiss="modal">关闭</button>
-                    <button type="button" @click="saveDefaultValue" class="btn btn-primary">确定</button>
-                </div>
-            </div>
-        </div>
-    </div>
+				<div class="modal-body">
+					<div class="table-container">
+						<div class="card">
+							<ul class="nav nav-tabs page-tabs">
+								<li
+									v-for="(item,index) in currentActionType.Items"
+									@click="interfaceListTabClick(index,item)"
+									:class="index==tabIndex?'active':''"
+								>
+									<a href="#!">{{item.Text}}</a>
+								</li>
+							</ul>
+							<div class="tab-content tabbox">
+								<div class="tab-pane active">
+									<form
+										id="frmSave"
+										action="#!"
+										method="post"
+										name="edit-form"
+										class="edit-form"
+									>
+										<input
+											v-model="editId"
+											type="hidden"
+											value="0"
+										/>
+										<div
+											v-for="item in currentActionTypeContext.FormElements"
+											class="form-group col-md-12"
+										>
+											<label v-if="item.ElementType!=5"
+												>{{item.Text}}<span
+													class="red"
+													v-if="item.IsRequired"
+													>*</span
+												></label
+											>
+											<div class="form-controls">
+												<!--text-->
+												<template v-if="item.ElementType==0">
+													<input
+														:name="item.Name"
+														:placeholder="item.Placeholder"
+														v-model="item.Value"
+														:validate-data="JSON.stringify(item)"
+														class="form-control"
+													/>
+												</template>
+												<!--table-->
+												<template v-if="item.ElementType==1">
+													<div class="input-group">
+														<input
+															:name="item.Name"
+															:placeholder="item.Placeholder"
+															v-model="item.Value"
+															:validate-data="JSON.stringify(item)"
+															type="text"
+															readonly="readonly"
+															class="form-control"
+														/>
+														<span class="input-group-btn">
+															<button
+																@click="openImportEntity(item)"
+																class="btn btn-default"
+																type="button"
+															>
+																选择表
+															</button>
+														</span>
+													</div>
+												</template>
+												<!--Columns-->
+												<template v-if="item.ElementType==3">
+													<span
+														@click="openAddColumn(item)"
+														class="btn btn-primary m-tb-10"
+													>
+														<i class="mdi mdi-settings"></i> 配置主表列
+													</span>
+													<span
+														@click="openAddComplexityColumn(item)"
+														class="btn btn-success m-tb-10"
+													>
+														<i class="mdi mdi-plus"></i> 追加复杂列
+													</span>
+													<span
+														@click="openOrderByColumn(item)"
+														class="btn btn-purple m-tb-10"
+													>
+														<i class="mdi mdi-settings"></i> 配置排序
+													</span>
+													<span
+														@click="openWhere(item)"
+														class="btn btn-warning m-tb-10"
+													>
+														<i class="mdi mdi-settings"></i> 配置条件
+													</span>
+													<p>
+														<code
+															>排序：{{selectedOrderByString}} {{
+															selectedOrderBys_EnableSort==false ? "":
+															"["+selectedOrderBys_EnableSort+"]" }}
+														</code>
+													</p>
+													<p
+														v-if="selectedWheres.filter(item => item.PropertyName).length>0"
+													>
+														<code
+															>条件：{{selectedWheres.filter(item =>
+															item.PropertyName ).length}}
+														</code>
+													</p>
+													<p
+														v-if="selectedWheres.filter(item => item.PropertyName).length==0"
+													>
+														<code>条件：{{selectedWhereString}}</code>
+													</p>
+													<table class="table table-bordered m-b-0">
+														<thead>
+															<tr>
+																<th>列名</th>
+																<th>显示名称</th>
+																<th>排序号</th>
+																<th>删除</th>
+															</tr>
+														</thead>
+														<tbody>
+															<tr v-for="item in selectedColumns">
+																<td>{{item.PropertyName}}</td>
+																<td>{{item.DbColumnName}}</td>
+																<td>{{item.SortId}}</td>
+																<td>
+																	<button
+																		@click="deleteSelectedColumn(item)"
+																		type="button"
+																		class="btn btn-link"
+																	>
+																		<i class="mdi mdi-do-not-disturb"></i> 删除
+																	</button>
+																</td>
+															</tr>
+															<tr v-for="item in selectedComplexityColumns">
+																<td>{{item.PropertyName}}</td>
+																<td>{{item.DbColumnName}}</td>
+																<td>{{item.SortId}}</td>
+																<td>
+																	<button
+																		@click="deleteComplexitySelectedColumn(item)"
+																		type="button"
+																		class="btn btn-link"
+																	>
+																		<i class="mdi mdi-do-not-disturb"></i> 删除
+																	</button>
+																</td>
+															</tr>
+														</tbody>
+													</table>
+													<input
+														:name="item.Name"
+														type="hidden"
+														:placeholder="item.Placeholder"
+														v-model="item.Value"
+														:validate-data="JSON.stringify(item)"
+														class="form-control"
+													/>
+												</template>
+												<!--Select-->
+												<template v-if="item.ElementType==4">
+													<select
+														:name="item.Name"
+														v-model="item.Value"
+														:validate-data="JSON.stringify(item)"
+														class="form-control"
+													>
+														<option
+															v-if="item.SelectDataSource"
+															v-for="o in item.SelectDataSource"
+															:value="o.Key"
+														>
+															{{o.Value}}
+														</option>
+													</select>
+												</template>
+												<!--Hidden-->
+												<template v-if="item.ElementType==5">
+													<input
+														:name="item.Name"
+														v-model="item.Value"
+														type="hidden"
+														:validate-data="JSON.stringify(item)"
+														class="form-control"
+													/>
+												</template>
+												<!--Page-->
+												<template v-if="item.ElementType==6">
+													<label class="lyear-checkbox t_a_l"
+														><input
+															v-model="item.Value"
+															:name="item.Name"
+															value="true"
+															type="checkbox"
+														/>
+														<span class="p-l-15">是否分页</span></label
+													>
+												</template>
+												<!--SqlTest-->
+												<template v-if="item.ElementType==7">
+													<p>
+														<code
+															>接口参数：{string:name} 等于
+															@name=string类型的参数
+															，C#类型有string、int、DateTime等</code
+														>
+													</p>
+													<p>
+														<code
+															>授权参数：{ClaimKey:OrgId} 等于
+															你授权的Claim[OrgId]</code
+														>
+													</p>
+													<textarea
+														rows="10"
+														style="display: none"
+														:placeholder="item.Placeholder"
+														:name="item.Name"
+														v-model="item.Value"
+														class="form-control"
+													></textarea>
+													<div
+														id="divAceEditor"
+														style="width: 100%; height: 300px"
+													></div>
+												</template>
+												<!--DefaultValueColumns-->
+												<template v-if="item.ElementType==8">
+													<span
+														class="btn btn-primary m-b-10"
+														@click="openDefaultValue"
+														><i class="mdi-account-settings-variant mdi"></i>
+														配置
+													</span>
+													<textarea
+														rows="5"
+														class="form-control"
+														readonly="readonly"
+													>
+{{saveDefaultValueColumns}}</textarea
+													>
+												</template>
+												<!--UpdateColumns-->
+												<template v-if="item.ElementType==9">
+													<input
+														v-model="item.Value"
+														type="hidden"
+														:name="item.Name"
+													/>
+													<select
+														id="selUpdateColumns"
+														@change="setUpdateColums(item)"
+														multiple
+														class="form-control"
+													>
+														<option v-for="childItem in updateColumns">
+															{{childItem.PropertyName}}
+														</option>
+													</select>
+												</template>
+												<!--UpdateResultType-->
+												<template v-if="item.ElementType==10">
+													<select
+														v-model="item.Value"
+														:name="item.Name"
+														class="form-control"
+													>
+														<option
+															selected
+															value="1"
+														>
+															默认
+														</option>
+														<option value="2">受影响行数</option>
+													</select>
+												</template>
+												<!--InsertResultType-->
+												<template v-if="item.ElementType==12">
+													<select
+														v-model="item.Value"
+														:name="item.Name"
+														class="form-control"
+													>
+														<option
+															selected
+															value="1"
+														>
+															默认
+														</option>
+														<option value="4">自增列(只支持int)</option>
+													</select>
+												</template>
+												<!--Where-->
+												<template v-if="item.ElementType==11">
+													<div
+														v-if="item.Placeholder"
+														class="alert-success p-10"
+													>
+														{{item.Placeholder}}
+													</div>
+													<span
+														@click="openMiniWhere(item)"
+														class="btn btn-primary m-tb-10"
+													>
+														<i class="mdi mdi-settings"></i> 配置条件
+													</span>
+													<span
+														@click="showWherePreview"
+														class="btn btn-info"
+													>
+														<i class="mdi mdi-refresh"></i> 刷新预览
+													</span>
+													<span
+														@click="clearMiniWhere(item)"
+														class="btn btn-danger m-r-10"
+													>
+														<i class="mdi mdi-do-not-disturb"></i> 清空条件
+													</span>
+													<div>{{selectdWherePreviewString}}</div>
+												</template>
+											</div>
+										</div>
+									</form>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="modal-footer">
+					<button
+						type="button"
+						id="btnAddOrUpdateColse"
+						class="btn btn-default"
+						data-dismiss="modal"
+					>
+						关闭
+					</button>
+					<button
+						type="button"
+						@click="addOrUpdateInterfaceList()"
+						class="btn btn-primary"
+					>
+						点击保存
+					</button>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--创建接口子窗体：选择表-->
+	<div
+		id="divImportEntity"
+		class="modal fade bs-example-modal-lg"
+		tabindex="-1"
+		role="dialog"
+		aria-labelledby="myLargeModalLabel"
+		style="display: none"
+	>
+		<button
+			id="btnImportEntity"
+			type="button"
+			class="btn btn-primary hidden"
+			data-toggle="modal"
+			data-target="#divImportEntity"
+		></button>
+		<div
+			class="modal-dialog modal-lg border3CCC"
+			role="document"
+		>
+			<div class="modal-content">
+				<div class="modal-header">
+					<button
+						type="button"
+						class="close"
+						data-dismiss="modal"
+						aria-label="Close"
+					>
+						<span aria-hidden="true">×</span>
+					</button>
+					<h4
+						class="modal-title"
+						id="myLargeModalLabel"
+					>
+						选择表
+					</h4>
+				</div>
+				<div class="modal-body">
+					<div class="input-group width250 m-b-10">
+						<input
+							id="txtTableName"
+							type="text"
+							class="form-control"
+						/>
+						<span class="input-group-btn">
+							<button
+								type="button"
+								@click="bindImportTables()"
+								class="btn btn-default"
+							>
+								<i class="mdi mdi-magnify"></i>搜索
+							</button>
+							<button
+								type="button"
+								onclick="txtTableName.value=''"
+								class="btn btn-default"
+							>
+								<i class="mdi mdi-refresh"></i>清空
+							</button>
+						</span>
+					</div>
+					<div class="master-table-container">
+						<table class="table table-bordered">
+							<thead>
+								<tr>
+									<th class="width30">
+										<label class="lyear-checkbox checkbox-primary">
+											<input
+												type="checkbox"
+												@change="selectAllTables"
+												id="check-all2"
+											/><span></span>
+										</label>
+									</th>
+									<th>表名</th>
+									<th>描述</th>
+								</tr>
+							</thead>
+							<tbody v-if="tables">
+								<tr v-for="item in tables">
+									<td>
+										<input
+											type="checkbox"
+											name="ids[]"
+											v-model="selectedTables"
+											:alt="item.Name"
+											:value="item"
+										/>
+									</td>
+									<td>{{ item.Name }}</td>
+									<td>{{ item.Description }}</td>
+								</tr>
+							</tbody>
+						</table>
+					</div>
+				</div>
+				<div class="modal-footer">
+					<button
+						type="button"
+						id="btnImportEntityClose"
+						class="btn btn-default"
+						data-dismiss="modal"
+					>
+						关闭
+					</button>
+					<button
+						type="button"
+						@click="importEntitySubmit()"
+						class="btn btn-primary"
+					>
+						确定
+					</button>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--创建接口子窗体：添加简单列-->
+	<div
+		class="modal fade"
+		tabindex="-1"
+		role="dialog"
+		aria-labelledby="gridSystemModalLabel"
+		id="divAddColumns"
+		style="display: none"
+	>
+		<button
+			id="btnDivAddColumns"
+			type="button"
+			class="btn btn-primary hidden"
+			data-toggle="modal"
+			data-target="#divAddColumns"
+		></button>
+		<div
+			class="modal-dialog width800 border3CCC"
+			role="document"
+		>
+			<div class="modal-content">
+				<div class="modal-header">
+					<button
+						type="button"
+						class="close"
+						data-dismiss="modal"
+						aria-label="Close"
+					>
+						<span aria-hidden="true">×</span>
+					</button>
+					<h4
+						class="modal-title"
+						id="exampleModalLabel"
+					>
+						选择列
+					</h4>
+				</div>
+				<div class="modal-body">
+					<table class="table table-bordered">
+						<thead>
+							<tr>
+								<th>
+									<input
+										@change="selectAllColumns"
+										type="checkbox"
+									/>
+								</th>
+								<th>列名</th>
+								<th>显示名称</th>
+								<th>排序号</th>
+							</tr>
+						</thead>
+						<tbody>
+							<tr v-for="item in columns">
+								<th scope="row">
+									<input
+										name="columnIds[]"
+										v-model="selectColumns"
+										:alt="item.Id"
+										:value="item.Id"
+										type="checkbox"
+									/>
+								</th>
+								<td>{{item.PropertyName}}</td>
+								<td>
+									<input
+										v-model="item.DbColumnName"
+										class="form-control"
+									/>
+								</td>
+								<td>
+									<input
+										v-model="item.SortId"
+										onchange="tools.ensureNumeric(this)"
+										class="form-control"
+									/>
+								</td>
+							</tr>
+						</tbody>
+					</table>
+				</div>
+				<div class="modal-footer">
+					<button
+						type="button"
+						id="btnCloseAddColumns"
+						class="btn btn-default"
+						data-dismiss="modal"
+					>
+						关闭
+					</button>
+					<button
+						type="button"
+						@click="saveColumns()"
+						class="btn btn-primary"
+					>
+						确定
+					</button>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--创建接口子窗体：追加复杂列-->
+	<div
+		class="modal fade bs-example-modal-lg"
+		tabindex="-1"
+		role="dialog"
+		aria-labelledby="gridSystemModalLabel"
+		id="divAddComplexityColumns"
+		style="display: none"
+	>
+		<button
+			id="btnAddComplexityColumns"
+			type="button"
+			class="btn btn-primary hidden"
+			data-toggle="modal"
+			data-target="#divAddComplexityColumns"
+		></button>
+		<div
+			class="modal-dialog width800 border3CCC"
+			role="document"
+		>
+			<div class="modal-content">
+				<div class="modal-header">
+					<button
+						type="button"
+						class="close"
+						data-dismiss="modal"
+						aria-label="Close"
+					>
+						<span aria-hidden="true">×</span>
+					</button>
+					<h4
+						class="modal-title"
+						id="exampleModalLabel"
+					>
+						追加列
+					</h4>
+				</div>
+				<div class="modal-body">
+					<div class="card p-b-0 m-b-0">
+						<ul class="nav nav-tabs page-tabs">
+							<li
+								id="liComplexityColumns"
+								class="active"
+								@click="tabClickComplexityColumns(1)"
+							>
+								<a href="#!">联表字段</a>
+							</li>
+							<li>
+								<a
+									href="#!"
+									@click="tabClickComplexityColumns(2)"
+									>函数字段</a
+								>
+							</li>
+							<li>
+								<a
+									href="#!"
+									@click="tabClickComplexityColumns(3)"
+									>导航对象</a
+								>
+							</li>
+							<li>
+								<a
+									href="#!"
+									@click="tabClickComplexityColumns(4)"
+									>更多开发中</a
+								>
+							</li>
+						</ul>
+					</div>
+					<div class="tab-content tabbox">
+						<div class="tab-pane active">
+							<div class="form-group">
+								<label
+									>主表关联字段 （一般是外键） <span class="red">*</span></label
+								>
+								<select
+									v-model="copcol_MasterField"
+									name="MasterField"
+									class="form-control"
+								>
+									<option
+										v-if="columns&&columns.length>0"
+										v-for="item in columns"
+									>
+										{{item.PropertyName}}
+									</option>
+								</select>
+							</div>
+							<div class="form-group">
+								<label>关联的表 <span class="red">*</span></label>
+								<input
+									v-model="copcol_JoinTable"
+									@change="changeJoinTable"
+									class="form-control"
+									list="browsers"
+									name="joinTable"
+								/>
+								<datalist id="browsers">
+									<option
+										v-if="tables&&tables.length>0"
+										v-for="item in tables"
+										:value="item.Name"
+									>
+										{{item.Name}}
+									</option>
+								</datalist>
+								<button
+									class="btn btn-xs btn-primary removedatalist"
+									@click="clearJoinTable"
+								>
+									<i class="mdi mdi-do-not-disturb"></i>删除选定项
+								</button>
+							</div>
+							<div class="form-group">
+								<label>关联方式<span class="red">*</span></label>
+								<select
+									v-model="copcol_joinType"
+									name="joinType"
+									class="form-control"
+								>
+									<option value="LeftJoin">左链接 [存在相同关联会重复]</option>
+									<option value="InnerJoin">
+										内链接 [存在相同关联会重复+子表不存在主表也不显示]
+									</option>
+									<option value="SubqueryJoin">子查询 [不会重复]</option>
+								</select>
+							</div>
+							<div class="form-group">
+								<label>关联字段（一般主键） <span class="red">*</span></label>
+								<select
+									v-model="copcol_joinField"
+									name="joinField"
+									class="form-control"
+								>
+									<option
+										v-if="joinColumns&&joinColumns.length>0"
+										v-for="item in joinColumns"
+									>
+										{{item.PropertyName}}
+									</option>
+								</select>
+							</div>
+							<div class="form-group">
+								<label
+									>关联显示字段 （一般是Name） <span class="red">*</span></label
+								>
+								<select
+									v-model="copcol_ShowFields"
+									multiple
+									@change="changeShowField"
+									name="joinField"
+									class="form-control"
+								>
+									<option
+										v-if="joinColumns&&joinColumns.length>0"
+										v-for="item in joinColumns"
+									>
+										{{item.PropertyName}}
+									</option>
+								</select>
+								<input
+									class="form-control"
+									readonly="readonly"
+									v-model="copcol_ShowField"
+								/>
+							</div>
+							<div class="form-group">
+								<label>关联显示字段别名（AS 名称）</label>
+								<input
+									v-model="copcol_Name"
+									name="Name"
+									placeholder="默认：关联显示字段"
+									class="form-control"
+								/>
+							</div>
+							<div class="form-group">
+								<label>排序号</label>
+								<input
+									v-model="copcol_SortId"
+									onchange="tools.ensureNumeric(this)"
+									name="Sort"
+									class="form-control"
+								/>
+							</div>
+						</div>
+						<div class="tab-pane">
+							<div class="form-group">开发中</div>
+						</div>
+						<div class="tab-pane">
+							<div class="form-group">开发中..</div>
+						</div>
+						<div class="tab-pane">
+							<div class="form-group">开发中..</div>
+						</div>
+					</div>
+				</div>
+				<div class="modal-footer">
+					<button
+						type="button"
+						id="btnCloseAddComplexityColumns"
+						class="btn btn-default"
+						data-dismiss="modal"
+					>
+						关闭
+					</button>
+					<button
+						type="button"
+						@click="saveComplexityColumns"
+						class="btn btn-primary"
+					>
+						确定
+					</button>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--创建接口子窗体：添加排序-->
+	<div
+		class="modal fade bs-example-modal-lg"
+		tabindex="-1"
+		role="dialog"
+		aria-labelledby="gridSystemModalLabel"
+		id="divAddOrderBy"
+		style="display: none"
+	>
+		<button
+			id="btnAddOrderBy"
+			type="button"
+			class="btn btn-primary hidden"
+			data-toggle="modal"
+			data-target="#divAddOrderBy"
+		></button>
+		<div
+			class="modal-dialog width800 border3CCC"
+			role="document"
+		>
+			<div class="modal-content">
+				<div class="modal-header">
+					<button
+						type="button"
+						class="close"
+						data-dismiss="modal"
+						aria-label="Close"
+					>
+						<span aria-hidden="true">×</span>
+					</button>
+					<h4
+						class="modal-title"
+						id="exampleModalLabel"
+					>
+						添加排序
+					</h4>
+				</div>
+				<div class="modal-body">
+					<div class="card-body tabbox">
+						<table class="table table-bordered">
+							<thead>
+								<tr>
+									<th>列名</th>
+									<th>排序方式</th>
+									<th>排序号</th>
+								</tr>
+							</thead>
+							<tbody>
+								<tr v-for="item in selectedOrderBys">
+									<td>
+										{{item.Name}}<input
+											type="hidden"
+											v-model="item.Name"
+										/>
+									</td>
+									<td>
+										<select
+											v-model="item.OrderByType"
+											class="form-control"
+										>
+											<option></option>
+											<option value="ASC">正序</option>
+											<option value="DESC">倒序</option>
+										</select>
+									</td>
+									<td>
+										<input
+											v-model="item.SortId"
+											onchange="tools.ensureNumeric(this)"
+											class="form-control"
+										/>
+									</td>
+								</tr>
+							</tbody>
+						</table>
+						<div>
+							<div>
+								<p class="example-box">
+									<label class="lyear-checkbox">
+										<input
+											v-model="selectedOrderBys_EnableSort"
+											type="checkbox"
+										/>
+										<span class="p-l-15">允许URL覆盖上面排序</span>
+									</label>
+								</p>
+								<p>
+									<code>参数OrderByName生效：值为上面列名或者为空</code>
+								</p>
+								<p>
+									<code>参数OrderByType生效：值为ASC或者DESC</code>
+								</p>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="modal-footer">
+					<button
+						type="button"
+						id="btnCloseAddOrderBy"
+						class="btn btn-default"
+						data-dismiss="modal"
+					>
+						关闭
+					</button>
+					<button
+						type="button"
+						@click="saveBtnOrderBy"
+						class="btn btn-primary"
+					>
+						确定
+					</button>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--创建接口子窗体：添加条件-->
+	<div
+		class="modal fade bs-example-modal-lg"
+		tabindex="-1"
+		role="dialog"
+		aria-labelledby="gridSystemModalLabel"
+		id="divAddWhere"
+		style="display: none"
+	>
+		<button
+			id="btnAddWhere"
+			type="button"
+			class="btn btn-primary hidden"
+			data-toggle="modal"
+			data-target="#divAddWhere"
+		></button>
+		<div
+			class="modal-dialog width1000 border3CCC"
+			role="document"
+		>
+			<div class="modal-content">
+				<div class="modal-header">
+					<button
+						type="button"
+						class="close"
+						data-dismiss="modal"
+						aria-label="Close"
+					>
+						<span aria-hidden="true">×</span>
+					</button>
+					<h4
+						class="modal-title"
+						id="exampleModalLabel"
+					>
+						添加条件
+					</h4>
+				</div>
+				<div class="modal-body">
+					<div class="card-body tabbox">
+						<table class="table table-bordered">
+							<thead>
+								<tr>
+									<th class="w-15">条件编号</th>
+									<th class="w-15">条件列</th>
+									<th class="w-15">条件关系</th>
+									<th>条件值</th>
+									<th class="w-20">操作</th>
+								</tr>
+							</thead>
+							<tbody>
+								<tr
+									v-for="(item, index) in selectedWheres"
+									:key="item.Id"
+								>
+									<td>{{item.Id}}</td>
+									<td>
+										<select
+											v-model="item.PropertyName"
+											class="form-control"
+										>
+											<option></option>
+											<option v-for="item in selectedColumns">
+												{{item.PropertyName}}
+											</option>
+											<option v-for="item in selectedComplexityColumns">
+												{{item.DbColumnName}}
+											</option>
+										</select>
+									</td>
+									<td>
+										<select
+											v-model="item.WhereType"
+											class="form-control"
+										>
+											<option></option>
+											<option v-for="item in whereTypeList">
+												{{item.Key}}
+											</option>
+										</select>
+									</td>
+									<td>
+										<div class="row">
+											<div class="col-md-6">
+												<select
+													v-model="item.ValueType"
+													id="selectOption"
+													class="form-control"
+												>
+													<option value="0">固定值</option>
+													<option value="1">参数名</option>
+													<option class="2">ClaimKey</option>
+												</select>
+											</div>
+											<div class="col-md-6">
+												<input
+													v-model="item.Value"
+													id="inputValue"
+													class="form-control"
+													type="text"
+												/>
+											</div>
+										</div>
+									</td>
+									<td>
+										<span
+											class="pointer m-r-10"
+											@click="addWhereItem(selectedWheres[selectedWheres.length - 1].Id)"
+											><i class="mdi mdi-plus"></i> 添加</span
+										>
+										<span
+											class="pointer"
+											@click="deleteWhereItem(item.Id)"
+											><i class="mdi mdi-window-close"></i> 删除</span
+										>
+									</td>
+								</tr>
+							</tbody>
+						</table>
+						<div class="form-group">
+							<p><code>条件关系：</code></p>
+							<select
+								v-model="selectedWheresConditionalRelation"
+								@change="showWherePreview"
+								class="form-control"
+							>
+								<option value="And">And：并且-带OR参数NULL</option>
+								<option value="AndAll">AndAll：并且</option>
+								<option value="Or">Or：或者-带OR参数NULL</option>
+								<option value="OrAll">OrAll： 或者</option>
+								<option value="Custom">Custom ：自定义-带OR参数NULL</option>
+								<option value="CustomAll">CustomAll：自定义</option>
+							</select>
+						</div>
+						<div
+							v-if="selectedWheresConditionalRelation=='Custom'||selectedWheresConditionalRelation=='CustomAll'"
+							class="form-group"
+						>
+							<textarea
+								rows="5"
+								v-model="selectedWhereRelationTemplate"
+								class="form-control"
+							>
+							</textarea>
+							<p>
+								<code>{1}表示编号为1的条件，{2}表示编号为2的条件 </code>
+							</p>
+						</div>
+						<div class="form-group">
+							<p><code>预览：</code></p>
+							<p style="white-space: pre-line">{{selectdWherePreviewString}}</p>
+							<button
+								@click="showWherePreview"
+								class="btn btn-info"
+							>
+								<i class="mdi mdi-refresh"></i> 刷新结果
+							</button>
+						</div>
+					</div>
+					<div class="modal-footer">
+						<button
+							type="button"
+							id="btnCloseAddWhere"
+							class="btn btn-default"
+							data-dismiss="modal"
+						>
+							关闭
+						</button>
+						<button
+							type="button"
+							@click="saveBtnWhere"
+							class="btn btn-primary"
+						>
+							确定
+						</button>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--创建接口子窗体：默认值-->
+	<div
+		class="modal fade bs-example-modal-lg"
+		tabindex="-1"
+		role="dialog"
+		aria-labelledby="gridSystemModalLabel"
+		id="divDefaultValue"
+		style="display: none"
+	>
+		<button
+			id="btnDafeultValue"
+			type="button"
+			class="btn btn-primary hidden"
+			data-toggle="modal"
+			data-target="#divDefaultValue"
+		></button>
+		<div
+			class="modal-dialog width800 border3CCC"
+			role="document"
+		>
+			<div class="modal-content">
+				<div class="modal-header">
+					<button
+						type="button"
+						class="close"
+						data-dismiss="modal"
+						aria-label="Close"
+					>
+						<span aria-hidden="true">×</span>
+					</button>
+					<h4
+						class="modal-title"
+						id="exampleModalLabel"
+					>
+						配置列默认值
+					</h4>
+				</div>
+				<div class="modal-body">
+					<div class="card-body tabbox">
+						<table class="table table-bordered">
+							<thead>
+								<tr>
+									<th>列名</th>
+									<th width="300">默认值类型</th>
+									<th width="200">值</th>
+								</tr>
+							</thead>
+							<tbody>
+								<tr
+									v-if="selectDefaultValueColumns&&selectDefaultValueColumns.length>0"
+									v-for="x in  selectDefaultValueColumns"
+								>
+									<td>{{x.PropertyName}}</td>
+									<td>
+										<select
+											v-model="x.Type"
+											class="form-control"
+										>
+											<option value="0">无</option>
+											<option value="1">固定值</option>
+											<option value="2">
+												默认值(int等于0，空字符串等于空等)
+											</option>
+											<option value="3">当前时间</option>
+											<option value="4">ClaimKey</option>
+										</select>
+									</td>
+									<td>
+										<input
+											v-model="x.Value"
+											:class="[x.Type != 1&&x.Type != 4 ? 'hidden' : '', 'form-control'].join(' ')"
+										/>
+									</td>
+								</tr>
+							</tbody>
+						</table>
+					</div>
+				</div>
+				<div class="modal-footer">
+					<button
+						type="button"
+						id="btnDafeultValueClose"
+						class="btn btn-default"
+						data-dismiss="modal"
+					>
+						关闭
+					</button>
+					<button
+						type="button"
+						@click="saveDefaultValue"
+						class="btn btn-primary"
+					>
+						确定
+					</button>
+				</div>
+			</div>
+		</div>
+	</div>
 </div>
 <script>
-    var vueObj = new Vue({
-        el: '#apibox',
-        data: {
-            data: null,
-            error: null,
-            addTitle: "添加接口",
-            editTitle: "修改接口",
-            title: "",
-            tabIndex: 0,
-            formData: {},
-            selectedItems: [],
-            groupList: [],
-            whereTypeList: [],
-            interfaceCategroyList: [],
-            actionList: [],
-            currentActionType: [],
-            currentActionTypeContext: [],
-            tables: [],
-            selectedTables: [],
-            databaseId: 0,
-            database: [],
-            editId:0,
-            columns: [],
-            joinColumns: [],
-            selectColumns: [],
-            selectColumnsTabIndex: 1,
-            selectedColumns: [],
-            selectedOrderBys: [],
-            selectedOrderByString: "-",
-            selectedOrderBys_EnableSort: false,
-            selectedComplexityColumns: [],
-            selectedWhereString: "-",
-            selectedWheres: [],
-            selectedWhereRelationTemplate: "( {1} and {2} ) ",
-            selectedWheresConditionalRelation: "AND",
-            selectdWherePreviewString: null,
-            selectDefaultValueColumns: [],
-            saveDefaultValueColumns:[],
-            //ComplexityColumn
-            copcol_JoinTable: null,
-            copcol_MasterField: null,
-            copcol_joinType: null,
-            copcol_joinField: null,
-            copcol_SortId: null,
-            copcol_Name: null,
-            copcol_ShowField: null,
-            copcol_ShowFields: [],
-            //update
-            updateColumns:[]
-        },
-        mounted() {
-            this.fetchData("");
-            this.bindGroupListSelect();
-            this.bindInterfaceCategroySelect();
-            this.bindActionLists();
-            this.bindDatabaseSelect();
-            this.bindWhereType();
-        },
-        methods: {
-
-            /*
+	var vueObj = new Vue({
+		el: '#apibox',
+		data: {
+			data: null,
+			error: null,
+			addTitle: '添加接口',
+			editTitle: '修改接口',
+			title: '',
+			tabIndex: 0,
+			formData: {},
+			selectedItems: [],
+			groupList: [],
+			whereTypeList: [],
+			interfaceCategroyList: [],
+			actionList: [],
+			currentActionType: [],
+			currentActionTypeContext: [],
+			tables: [],
+			selectedTables: [],
+			databaseId: 0,
+			database: [],
+			editId: 0,
+			columns: [],
+			joinColumns: [],
+			selectColumns: [],
+			selectColumnsTabIndex: 1,
+			selectedColumns: [],
+			selectedOrderBys: [],
+			selectedOrderByString: '-',
+			selectedOrderBys_EnableSort: false,
+			selectedComplexityColumns: [],
+			selectedWhereString: '-',
+			selectedWheres: [],
+			selectedWhereRelationTemplate: '( {1} and {2} ) ',
+			selectedWheresConditionalRelation: 'AND',
+			selectdWherePreviewString: null,
+			selectDefaultValueColumns: [],
+			saveDefaultValueColumns: [],
+			//ComplexityColumn
+			copcol_JoinTable: null,
+			copcol_MasterField: null,
+			copcol_joinType: null,
+			copcol_joinField: null,
+			copcol_SortId: null,
+			copcol_Name: null,
+			copcol_ShowField: null,
+			copcol_ShowFields: [],
+			//update
+			updateColumns: [],
+		},
+		mounted() {
+			this.fetchData('')
+			this.bindGroupListSelect()
+			this.bindInterfaceCategroySelect()
+			this.bindActionLists()
+			this.bindDatabaseSelect()
+			this.bindWhereType()
+		},
+		methods: {
+			/*
                主列表逻辑
             */
-            fetchData(append) {
-                var url = "/PrivateReZeroRoute/100003/GetDynamicInterfacePageList" + append;
-                axios.get(url, jwHeader)
-                    .then(response => {
-                        this.data = response.data;
-                        this.error = null;
-                    })
-                    .catch(error => {
-                        this.error = error.message;
-                        this.data = null;
-                    });
-            },
-            onSearch: function (page) {
-
-                var urlParameters = "?" + tools.objectToQueryString({
-                    __pageNumber: page,
-                   __pageSize: tools.getValue("selPageSize"),
-                    Name: txtName.value,
-                    GroupName: selGroupName.value,
-                    DataBaseId: selDatabase.value,
-                    InterfaceCategoryId: selInterfaceCategoryId.value,
-                });
-                this.fetchData(urlParameters);
-            },
-            changeDatabase: function ()
-            {
-                this.onSearch(1);
-            },
-            selectAll(event) {
-                if (event.target.checked) {
-                    // 全选
-                    this.selectedItems = this.data.Data.map(item => item.Id);
-                } else {
-                    // 全不选
-                    this.selectedItems = [];
-                }
-            },
-            deleteAndConfirm: function (item) {
-                if (item == null) {
-                    var url = "/PrivateReZeroRoute/100003/DeleteDynamicInterface?IsDeleted=true&Id=" + localStorage.delId;
-                    axios.get(url, jwHeader)
-                        .then(response => {
-                            this.data = response.data;
-                            this.error = null;
-                            this.onSearch();
-                            btnDelClose.click();
-                        })
-                        .catch(error => {
-                            this.error = error.message;
-                            this.data = null;
-                        });
-                } else {
-                    localStorage.delId = item.Id;
-                }
-            },
-            enable: function () {
-                alert("开发中");
-            },
-            disable: function () {
-                alert("开发中");
-            },
-            openGenerateCode: function () {
-                tools.alert("功能开发中..");
-            },
+			fetchData(append) {
+				var url =
+					'/PrivateReZeroRoute/100003/GetDynamicInterfacePageList' + append
+				axios
+					.get(url, jwHeader)
+					.then(response => {
+						this.data = response.data
+						this.error = null
+					})
+					.catch(error => {
+						this.error = error.message
+						this.data = null
+					})
+			},
+			onSearch: function (page) {
+				var urlParameters =
+					'?' +
+					tools.objectToQueryString({
+						__pageNumber: page,
+						__pageSize: tools.getValue('selPageSize'),
+						Name: txtName.value,
+						GroupName: selGroupName.value,
+						DataBaseId: selDatabase.value,
+						InterfaceCategoryId: selInterfaceCategoryId.value,
+					})
+				this.fetchData(urlParameters)
+			},
+			changeDatabase: function () {
+				this.onSearch(1)
+			},
+			selectAll(event) {
+				if (event.target.checked) {
+					// 全选
+					this.selectedItems = this.data.Data.map(item => item.Id)
+				} else {
+					// 全不选
+					this.selectedItems = []
+				}
+			},
+			deleteAndConfirm: function (item) {
+				if (item == null) {
+					var url =
+						'/PrivateReZeroRoute/100003/DeleteDynamicInterface?IsDeleted=true&Id=' +
+						localStorage.delId
+					axios
+						.get(url, jwHeader)
+						.then(response => {
+							this.data = response.data
+							this.error = null
+							this.onSearch()
+							btnDelClose.click()
+						})
+						.catch(error => {
+							this.error = error.message
+							this.data = null
+						})
+				} else {
+					localStorage.delId = item.Id
+				}
+			},
+			enable: function () {
+				alert('开发中')
+			},
+			disable: function () {
+				alert('开发中')
+			},
+			openGenerateCode: function () {
+				tools.alert('功能开发中..')
+			},
 
-            /*
+			/*
                编辑接口
             */
-            openEdit: function (item)
-            {
-                var th = this;
-                var title = th.editTitle;
-                var urlById = "/PrivateReZeroRoute/100003/GetInternalDetail?id=" + item.Id;
-                if (item.Id) { 
-                    axios.get(urlById, jwHeader)
-                        .then(response => {
-                            var oldData = JSON.parse(JSON.stringify(th.$data));
-                            var oldDatabase = th.database;
-                            var data = JSON.parse(response.data.DataModel.CurrentDataString);
-                            tools.assignValuesToObject(data, th); 
-                            th.title = title;  
-                            th.editId = response.data.Id; 
-                            th.data = oldData.data;
-                            th.interfaceCategroyList = oldData.interfaceCategroyList;
-                            th.actionList = oldData.actionList;
-                            th.database = oldDatabase;
-                            if (th.currentActionTypeContext) {
-                                if (th.currentActionTypeContext.FormElements)
-                                {
-                                    if (th.currentActionTypeContext.FormElements[1].SelectDataSource) {
-                                        th.currentActionTypeContext.FormElements[1].SelectDataSource
-                                            = oldData.actionList[0].Items[1].FormElements[1].SelectDataSource;
-                                    }
-                                   
-                                }
-                            }
-                            btnSave.click();
-                            this.showEditSql()
-                            setTimeout(function () {
-                                th.setSelectedOptions();
-                            }, 500);
-                        })
-                        .catch(error => {
-                            this.error = error.message;
-                            this.data = null;
-                        });
-                }  
-            },
-
+			openEdit: function (item) {
+				var th = this
+				var title = th.editTitle
+				var urlById =
+					'/PrivateReZeroRoute/100003/GetInternalDetail?id=' + item.Id
+				if (item.Id) {
+					axios
+						.get(urlById, jwHeader)
+						.then(response => {
+							var oldData = JSON.parse(JSON.stringify(th.$data))
+							var oldDatabase = th.database
+							var data = JSON.parse(response.data.DataModel.CurrentDataString)
+							tools.assignValuesToObject(data, th)
+							th.title = title
+							th.editId = response.data.Id
+							th.data = oldData.data
+							th.interfaceCategroyList = oldData.interfaceCategroyList
+							th.actionList = oldData.actionList
+							th.database = oldDatabase
+							if (th.currentActionTypeContext) {
+								if (th.currentActionTypeContext.FormElements) {
+									if (
+										th.currentActionTypeContext.FormElements[1].SelectDataSource
+									) {
+										th.currentActionTypeContext.FormElements[1].SelectDataSource =
+											oldData.actionList[0].Items[1].FormElements[1].SelectDataSource
+									}
+								}
+							}
+							btnSave.click()
+							this.showEditSql()
+							setTimeout(function () {
+								th.setSelectedOptions()
+							}, 500)
+						})
+						.catch(error => {
+							this.error = error.message
+							this.data = null
+						})
+				}
+			},
 
-            /*
+			/*
                 添加接口
             */
-            //1.打开和保存-添加接口
-            openNext: function () {
-                this.title = this.addTitle;
-                btnNext.click();
-                this.currentActionTypeContext = [];
-                this.selectDefaultValueColumns = [];
-                this.saveDefaultValueColumns = [];
-                this.selectdWherePreviewString = null;
-                this.editId = 0;
-            },
-            openAdd: function (item) {
-                if (this.currentActionType.length == 0) {
-                    tools.alert("请选择类型");
-                    return;
-                }
-                btnNextClose.click();
-                btnSave.click();
-                this.currentActionTypeContext = this.currentActionType.Items[0];
-                this.currentActionTypeContext.FormElements[0].Value = this.currentActionTypeContext.Text;
-                this.showEditSql();
-            },
-            addOrUpdateInterfaceList: function () {
-
-                var elementsWithValidateData = document.querySelectorAll('[validate-data]');
-                var isSuccess = true;
-                var th = this;
-                elementsWithValidateData.forEach(function (element) {
-                    var attributeName = 'validate-data';
-                    var attributeValue = JSON.parse(element.getAttribute(attributeName));
-
-                    if (isSuccess) {
-                        isSuccess = th.validateElement(element, attributeValue);
-                    }
-                });
+			//1.打开和保存-添加接口
+			openNext: function () {
+				this.title = this.addTitle
+				btnNext.click()
+				this.currentActionTypeContext = []
+				this.selectDefaultValueColumns = []
+				this.saveDefaultValueColumns = []
+				this.selectdWherePreviewString = null
+				this.editId = 0
+			},
+			openAdd: function (item) {
+				if (this.currentActionType.length == 0) {
+					tools.alert('请选择类型')
+					return
+				}
+				btnNextClose.click()
+				btnSave.click()
+				this.currentActionTypeContext = this.currentActionType.Items[0]
+				this.currentActionTypeContext.FormElements[0].Value =
+					this.currentActionTypeContext.Text
+				this.showEditSql()
+			},
+			addOrUpdateInterfaceList: function () {
+				var elementsWithValidateData =
+					document.querySelectorAll('[validate-data]')
+				var isSuccess = true
+				var th = this
+				elementsWithValidateData.forEach(function (element) {
+					var attributeName = 'validate-data'
+					var attributeValue = JSON.parse(element.getAttribute(attributeName))
 
-                if (isSuccess) { 
-                    this.setValueEditSql();
-                    var formData = tools.formToJson("frmSave");
-                    formData.DatabaseId = this.DatabaseId; 
-                    var vueData = this.$data;
-                    vueData.data = [];
-                    var oldActionList = vueData.actionList;
-                    vueData.actionList = null;
-                    var currentString = JSON.stringify(vueData); 
-                    vueData.actionList = oldActionList;
-                    formData.Json = {
-                        Id: this.editId,
-                        Columns:this.selectedColumns,
-                        ComplexityColumns: this.selectedComplexityColumns,
-                        Where: this.selectedWheres,
-                        WhereRelation: this.selectedWheresConditionalRelation,
-                        WhereRelationTemplate: this.selectedWhereRelationTemplate,
-                        OrderBys: this.selectedOrderBys,
-                        OrderBysEnableSort: this.selectedOrderBys_EnableSort,
-                        CurrentDataString: currentString,
-                        DataBaseId: this.databaseId,
-                        DefaultValueColumns: this.saveDefaultValueColumns
-                    };
-                    var url = "/PrivateReZeroRoute/100003/SaveInterfaceList";
-                    axios.post(url, formData, jwHeader)
-                        .then(response => {
-                            if (response.data == true) {
-                                tools.alert("保存成功");
-                                btnAddOrUpdateColse.click();
-                                this.error = null;
-                                th.onSearch();
-                            }
-                            else {
-                                tools.alert(response.data.message);
-                            }
-                        })
-                        .catch(error => {
-                            this.error = error.message;
-                        });
-                }
-            },
-            interfaceListTabClick: function (index, item) {
-                this.tabIndex = index;
-                this.currentActionTypeContext = this.currentActionType.Items[index];
-                if (this.currentActionTypeContext.FormElements.length>0)
-                    this.currentActionTypeContext.FormElements[0].Value = item.Text;
-                this.showEditSql();
-            },
-            //2.选择表逻辑-添加接口
-            openImportEntity: function () {
-                btnImportEntity.click();
-                this.bindImportTables();
-            },
-            importEntitySubmit: function () {
-                var th = this;
-                this.currentActionType.Items.forEach((item) => {
-                    item.FormElements.forEach((element) => {
-                        element.Value = (element.ElementType == "1")
-                            ? this.selectedTables[0].Name : element.Value;
-                    });
-                });
-                this.columns = [];
-                btnImportEntityClose.click();
-                this.bindUpdates();
-            },
-            bindImportTables: function () {
-                var url = "/PrivateReZeroRoute/100004/GetAllTables?databaseId=" + this.databaseId + "&tableName=" + txtTableName.value;
-                axios.get(url, jwHeader)
-                    .then(response => {
-                        this.tables = response.data;
-                        this.error = null;
-                    })
-                    .catch(error => {
-                        this.error = error.message;
-                    });
-            },
-            selectAllTables(event) {
-                if (event.target.checked) {
-                    // 全选
-                    this.selectedTables = this.tables.map(item => item);
-                } else {
-                    // 全不选
-                    this.selectedTables = [];
-                }
-            },
-            //3.添加简单列逻辑-添加接口
-            openAddColumn: function (item) {
-                var tableValue = document.querySelectorAll('[name=TableId]')[0].value;
-                if (!tableValue) {
-                    tools.alert("请先选择主表");
-                    return;
-                }
-                var th = this;
-                btnDivAddColumns.click();
-                this.setColumns();
-            },
-            saveColumns: function () {
+					if (isSuccess) {
+						isSuccess = th.validateElement(element, attributeValue)
+					}
+				})
 
-                var th = this;
-                this.selectedColumns = this.columns.filter(it => th.selectColumns.includes(it.Id));
-                btnCloseAddColumns.click();
-                this.clearOrderBy();
-            },
-            selectAllColumns(event) {
-                if (event.target.checked) {
-                    // 全选
-                    this.selectColumns = this.columns.map(item => item.Id);
-                } else {
-                    // 全不选
-                    this.selectColumns = [];
-                }
-            },
-            //4.追加复杂列逻辑-添加接口
-            openAddComplexityColumn: function (item) {
-                var tableValue = document.querySelectorAll('[name=TableId]')[0].value;
-                if (!tableValue) {
-                    tools.alert("请先选择主表");
-                    return;
-                }
-                var th = this;
-                this.setColumns();
-                btnAddComplexityColumns.click();
-                this.clearComplexityColumns();
-            },
-            changeJoinTable: function () {
-                this.setJoinColumns();
-            },
-            clearJoinTable: function () {
-                this.copcol_JoinTable = null;
-                this.joinColumns = [];
-            },
-            saveComplexityColumns: function () {
-                // 封装以 this.copcol_ 开头的属性到 json 对象中  
-                var json = {
-                    ShowField: this.copcol_ShowField,
-                    Name: this.copcol_Name,
-                    joinType: this.copcol_joinType,
-                    JoinTable: this.copcol_JoinTable,
-                    MasterField: this.copcol_MasterField,
-                    joinField: this.copcol_joinField,
-                    SortId: this.copcol_SortId
-                }; 
-                if (json.ShowField) {
-                    if (!this.checkCommas(json.ShowField, json.Name)) {
-                        return;
-                    }
-                }
-                else
-                {
-                    tools.alert("带*的请填写完整");
-                    return;
-                }
-                if (!json.Name)
-                {
-                    json.Name = json.ShowField;
-                }
-                var newJsons = this.splitJsonByTwoKeys(json, "ShowField", "Name");
-                var isOk = true;
-                newJsons.forEach(copcolJson => {
-                    if (!isOk)
-                    {
-                        return;
-                    }
-                    if (this.selectColumnsTabIndex != 1) {
-                        tools.alert("开发中..");
-                        isOk = false;
-                        return;
-                    }
+				if (isSuccess) {
+					this.setValueEditSql()
+					var formData = tools.formToJson('frmSave')
+					formData.DatabaseId = this.DatabaseId
+					var vueData = this.$data
+					vueData.data = []
+					var oldActionList = vueData.actionList
+					vueData.actionList = null
+					var currentString = JSON.stringify(vueData)
+					vueData.actionList = oldActionList
+					formData.Json = {
+						Id: this.editId,
+						Columns: this.selectedColumns,
+						ComplexityColumns: this.selectedComplexityColumns,
+						Where: this.selectedWheres,
+						WhereRelation: this.selectedWheresConditionalRelation,
+						WhereRelationTemplate: this.selectedWhereRelationTemplate,
+						OrderBys: this.selectedOrderBys,
+						OrderBysEnableSort: this.selectedOrderBys_EnableSort,
+						CurrentDataString: currentString,
+						DataBaseId: this.databaseId,
+						DefaultValueColumns: this.saveDefaultValueColumns,
+					}
+					var url = '/PrivateReZeroRoute/100003/SaveInterfaceList'
+					axios
+						.post(url, formData, jwHeader)
+						.then(response => {
+							if (response.data == true) {
+								tools.alert('保存成功')
+								btnAddOrUpdateColse.click()
+								this.error = null
+								th.onSearch()
+							} else {
+								tools.alert(response.data.message)
+							}
+						})
+						.catch(error => {
+							this.error = error.message
+						})
+				}
+			},
+			interfaceListTabClick: function (index, item) {
+				this.tabIndex = index
+				this.currentActionTypeContext = this.currentActionType.Items[index]
+				if (this.currentActionTypeContext.FormElements.length > 0)
+					this.currentActionTypeContext.FormElements[0].Value = item.Text
+				this.showEditSql()
+			},
+			//2.选择表逻辑-添加接口
+			openImportEntity: function () {
+				btnImportEntity.click()
+				this.bindImportTables()
+			},
+			importEntitySubmit: function () {
+				var th = this
+				this.currentActionType.Items.forEach(item => {
+					item.FormElements.forEach(element => {
+						element.Value =
+							element.ElementType == '1'
+								? this.selectedTables[0].Name
+								: element.Value
+					})
+				})
+				this.columns = []
+				btnImportEntityClose.click()
+				this.bindUpdates()
+			},
+			bindImportTables: function () {
+				var url =
+					'/PrivateReZeroRoute/100004/GetAllTables?databaseId=' +
+					this.databaseId +
+					'&tableName=' +
+					txtTableName.value
+				axios
+					.get(url, jwHeader)
+					.then(response => {
+						this.tables = response.data
+						this.error = null
+					})
+					.catch(error => {
+						this.error = error.message
+					})
+			},
+			selectAllTables(event) {
+				if (event.target.checked) {
+					// 全选
+					this.selectedTables = this.tables.map(item => item)
+				} else {
+					// 全不选
+					this.selectedTables = []
+				}
+			},
+			//3.添加简单列逻辑-添加接口
+			openAddColumn: function (item) {
+				var tableValue = document.querySelectorAll('[name=TableId]')[0].value
+				if (!tableValue) {
+					tools.alert('请先选择主表')
+					return
+				}
+				var th = this
+				btnDivAddColumns.click()
+				this.setColumns()
+			},
+			saveColumns: function () {
+				var th = this
+				this.selectedColumns = this.columns.filter(it =>
+					th.selectColumns.includes(it.Id)
+				)
+				btnCloseAddColumns.click()
+				this.clearOrderBy()
+			},
+			selectAllColumns(event) {
+				if (event.target.checked) {
+					// 全选
+					this.selectColumns = this.columns.map(item => item.Id)
+				} else {
+					// 全不选
+					this.selectColumns = []
+				}
+			},
+			//4.追加复杂列逻辑-添加接口
+			openAddComplexityColumn: function (item) {
+				var tableValue = document.querySelectorAll('[name=TableId]')[0].value
+				if (!tableValue) {
+					tools.alert('请先选择主表')
+					return
+				}
+				var th = this
+				this.setColumns()
+				btnAddComplexityColumns.click()
+				this.clearComplexityColumns()
+			},
+			changeJoinTable: function () {
+				this.setJoinColumns()
+			},
+			clearJoinTable: function () {
+				this.copcol_JoinTable = null
+				this.joinColumns = []
+			},
+			saveComplexityColumns: function () {
+				// 封装以 this.copcol_ 开头的属性到 json 对象中
+				var json = {
+					ShowField: this.copcol_ShowField,
+					Name: this.copcol_Name,
+					joinType: this.copcol_joinType,
+					JoinTable: this.copcol_JoinTable,
+					MasterField: this.copcol_MasterField,
+					joinField: this.copcol_joinField,
+					SortId: this.copcol_SortId,
+				}
+				if (json.ShowField) {
+					if (!this.checkCommas(json.ShowField, json.Name)) {
+						return
+					}
+				} else {
+					tools.alert('带*的请填写完整')
+					return
+				}
+				if (!json.Name) {
+					json.Name = json.ShowField
+				}
+				var newJsons = this.splitJsonByTwoKeys(json, 'ShowField', 'Name')
+				var isOk = true
+				newJsons.forEach(copcolJson => {
+					if (!isOk) {
+						return
+					}
+					if (this.selectColumnsTabIndex != 1) {
+						tools.alert('开发中..')
+						isOk = false
+						return
+					}
 
-                    if (!this.validateComplexityColumns(copcolJson)) {
-                        tools.alert("带*的请填写完整");
-                        isOk = false;
-                        return;
-                    } 
+					if (!this.validateComplexityColumns(copcolJson)) {
+						tools.alert('带*的请填写完整')
+						isOk = false
+						return
+					}
 
-                    var asName = copcolJson.Name || copcolJson.ShowField;
+					var asName = copcolJson.Name || copcolJson.ShowField
 
-                    var addItem = {
-                        PropertyName:
-                            document.querySelectorAll('[name=TableId]')[0].value + " " +
-                            copcolJson.joinType + " " +
-                            copcolJson.JoinTable + " ON " +
-                            document.querySelectorAll('[name=TableId]')[0].value + "." + copcolJson.MasterField + "=" +
-                            copcolJson.JoinTable + "." +
-                            copcolJson.joinField,
-                        DbColumnName: copcolJson.JoinTable + "." + copcolJson.ShowField + " AS " + asName,
-                        SortId: 1,
-                        Json: {
-                            JoinInfo: {
-                                MasterField: copcolJson.MasterField,
-                                JoinTable: copcolJson.JoinTable,
-                                JoinType: copcolJson.joinType,
-                                JoinField: copcolJson.joinField,
-                                ShowField: copcolJson.ShowField,
-                                Name: copcolJson.Name,
-                                SortId: copcolJson.SortId
-                            }
-                        }
-                    };
+					var addItem = {
+						PropertyName:
+							document.querySelectorAll('[name=TableId]')[0].value +
+							' ' +
+							copcolJson.joinType +
+							' ' +
+							copcolJson.JoinTable +
+							' ON ' +
+							document.querySelectorAll('[name=TableId]')[0].value +
+							'.' +
+							copcolJson.MasterField +
+							'=' +
+							copcolJson.JoinTable +
+							'.' +
+							copcolJson.joinField,
+						DbColumnName:
+							copcolJson.JoinTable +
+							'.' +
+							copcolJson.ShowField +
+							' AS ' +
+							asName,
+						SortId: 1,
+						Json: {
+							JoinInfo: {
+								MasterField: copcolJson.MasterField,
+								JoinTable: copcolJson.JoinTable,
+								JoinType: copcolJson.joinType,
+								JoinField: copcolJson.joinField,
+								ShowField: copcolJson.ShowField,
+								Name: copcolJson.Name,
+								SortId: copcolJson.SortId,
+							},
+						},
+					}
 
-                    if (this.selectedColumns.some(column => column.DbColumnName == asName)) {
-                        tools.alert("【关联显示字段】与主表重复，可以设置【关联显示字段别名】来定义显示名");
-                        isOk = false;
-                        return;
-                    }
+					if (
+						this.selectedColumns.some(column => column.DbColumnName == asName)
+					) {
+						tools.alert(
+							'【关联显示字段】与主表重复，可以设置【关联显示字段别名】来定义显示名'
+						)
+						isOk = false
+						return
+					}
 
-                    this.selectedComplexityColumns.push(addItem);
-                    btnCloseAddComplexityColumns.click();
-                    this.clearOrderBy();
-                });
-            },
-            deleteSelectedColumn: function (item) {
-                this.selectedColumns.removeArrayItem(item)
-            },
-            deleteComplexitySelectedColumn: function (item) {
-                this.selectedComplexityColumns.removeArrayItem(item)
-            },
-            tabClickComplexityColumns: function (index) {
-                if (index != 1) liComplexityColumns.className = "";
-                var $tabs = $("#divAddComplexityColumns  .tab-pane");
-                $tabs.hide();
-                $tabs.eq(index - 1).show();
-                this.selectColumnsTabIndex = index;
-            },
-            //5.添加排序逻辑-添加接口
-            openOrderByColumn: function () {
-                if (!this.validateColumsAny()) {
-                    tools.alert("请选择列后在选择排序");
-                    return;
-                }
-                if (this.selectedOrderBys.length == 0) {
-                    this.selectedOrderBys = this.selectedColumns.map(it => ({
-                        Name: it.DbColumnName
-                    }));
-                    var selectComplexityColumnOrderBys = this.selectedComplexityColumns.map(it => ({
-                        Name: it.DbColumnName
-                  }));
-                    this.selectedOrderBys = this.selectedOrderBys.concat(selectComplexityColumnOrderBys);
-                }
-                btnAddOrderBy.click();
-            },
-            saveBtnOrderBy: function () {
-                btnCloseAddOrderBy.click();
-                this.selectedOrderByString = this
-                    .selectedOrderBys
-                    .filter(it => it.OrderByType == "ASC" || it.OrderByType == "DESC")
-                    .sort(function (a, b) {
-                        return a.SortId - b.SortId;
-                    })
-                    .map(it => it.Name + " " + it.OrderByType)
-                    .join(",");
-            },
-            //6.添加条件逻辑-添加接口
-            openWhere: function () {
-                if (!this.validateColumsAny()) {
-                    tools.alert("请选择列后在选择条件");
-                    return;
-                }
-                if (this.selectedWheres.length == 0) {
-                    this.selectedWheres.push(this.getWhereModel());
-                }
-                btnAddWhere.click();
-            },
-            openMiniWhere: function () {
-                var tableValue = document.querySelectorAll('[name=TableId]')[0].value;
-                if (!tableValue) {
-                    tools.alert("请先选择主表");
-                    return;
-                }
-                if (this.selectedWheres.length == 0) {
-                    this.selectedWheres.push(this.getWhereModel());
-                }
-                var th = this;
-                var url = "/PrivateReZeroRoute/100003/GetEntityColuminsByEntityId?TableId=" + this.selectedTables[0].Id;
-                axios.get(url, jwHeader)
-                    .then(response => {
-                        th.columns = response.data;
-                        th.selectedColumns = th.columns;
-                    })
-                    .catch(error => {
-                        this.error = error.message;
-                    }); 
-                btnAddWhere.click();
-            },
-            clearMiniWhere: function () {
-                this.selectedColumns = [];
-                this.selectedWheres = [];
-                this.selectdWherePreviewString = null;
-            },
-            saveBtnWhere: function () {
-                btnCloseAddWhere.click();
-            },
-            addWhereItem: function (id) {
-                var model = this.getWhereModel();
-                model.Id = id + 1
-                this.selectedWheres.push(model);
-            },
-            deleteWhereItem: function (id) {
-                if (this.selectedWheres.length == 1) {
-                    this.selectedWheres = [];
-                    btnCloseAddWhere.click();
-                }
-                else {
-                    this.selectedWheres.removeArrayItem(this.selectedWheres.find(it => it.Id == id));
-                }
-            },
-            showWherePreview: function () {
-                var cr = this.selectedWheresConditionalRelation;
-                var isAndAll = cr == "AndAll";
-                var isOrAll = cr == "OrAll";
-                var isAnd = cr == "And";
-                var isOr = cr == "Or";
-                var isCustom = cr == "Custom";
-                var isCustomAll = cr == "CustomAll";
-                var andStr = "AND";
-                var orStr = "Or";
-                var empStr = "";
-                if (isCustom || isCustomAll) {
-                    var template = this.selectedWhereRelationTemplate + "";
-                    this.selectedWheres.forEach(function (it) {
-                        var value = ` (${it.PropertyName} ${it.WhereType} ${it.ValueType == 0 ? it.Value : `@${it.Value} OR (@${it.Value} IS NULL)`}) `;
-                        if (isCustomAll) {
-                            value = `(${it.PropertyName} ${it.WhereType} ${it.ValueType == 0 ? it.Value : `@${it.Value}`}) `;
-                        }
-                        var regex = new RegExp("\\{" + it.Id + "\\}", "g");
-                        template = template.replace(regex, value);
-                    });
-                    this.selectdWherePreviewString = template;
-                }
-                if (isAnd || isOr) {
-                    var type = isAnd ? andStr : orStr;
-                    var wheres = this.selectedWheres.map(it =>
-                        `${type} (${it.PropertyName} ${it.WhereType} ${it.ValueType == 0 ? it.Value : `@${it.Value} OR (@${it.Value} IS NULL)`})\r\n`
-                    ).join(empStr);
-                    this.selectdWherePreviewString = wheres;
-                } else if (isAndAll || isOrAll) {
-                    var type = isAndAll ? andStr : orStr;
-                    var wheres = this.selectedWheres.map(it =>
-                        `${type} (${it.PropertyName} ${it.WhereType} ${it.ValueType == 0 ? it.Value : `@${it.Value}`})\r\n `
-                    ).join(empStr);
-                    this.selectdWherePreviewString = wheres;
-                } 
-            },
-            //7.配置插入或者更新默认值
-            saveDefaultValue: function () {
-                var th = this;
-                th.saveDefaultValueColumns = [];
-                th.selectDefaultValueColumns.forEach(function (item) {
-                    th.saveDefaultValueColumns.push({ PropertyName: item.PropertyName, Type: item.Type, Value: item.Value });
-                });
-                btnDafeultValueClose.click();
-            },
-            openDefaultValue: function () {
-                var tableValue = document.querySelectorAll('[name=TableId]')[0].value;
-                if (!tableValue) {
-                    tools.alert("请先选择主表");
-                    return;
-                }
-                var th = this;
-                var url = "/PrivateReZeroRoute/100003/GetEntityColuminsByEntityId?TableId=" + this.selectedTables[0].Id;
-                axios.get(url, jwHeader)
-                    .then(response => {
-                        th.selectDefaultValueColumns = [];
-                        response.data.filter(it => !it.IsPrimarykey).forEach(function (item) {
-                            if (th.saveDefaultValueColumns.some(it => it.PropertyName == item.PropertyName)) { 
-                                var match = th.saveDefaultValueColumns.find(it => it.PropertyName == item.PropertyName);
-                                th.selectDefaultValueColumns.push({ PropertyName: match.PropertyName, Value: match.Value, Type: match.Type });  
-                            } else{
-                                th.selectDefaultValueColumns.push({ PropertyName: item.PropertyName, Type: 0, Value: null });
-                            }
-                        });
-                        btnDafeultValue.click();
-                    })
-                    .catch(error => {
-                        this.error = error.message;
-                    });
-            }, 
+					this.selectedComplexityColumns.push(addItem)
+					btnCloseAddComplexityColumns.click()
+					this.clearOrderBy()
+				})
+			},
+			deleteSelectedColumn: function (item) {
+				this.selectedColumns.removeArrayItem(item)
+			},
+			deleteComplexitySelectedColumn: function (item) {
+				this.selectedComplexityColumns.removeArrayItem(item)
+			},
+			tabClickComplexityColumns: function (index) {
+				if (index != 1) liComplexityColumns.className = ''
+				var $tabs = $('#divAddComplexityColumns  .tab-pane')
+				$tabs.hide()
+				$tabs.eq(index - 1).show()
+				this.selectColumnsTabIndex = index
+			},
+			//5.添加排序逻辑-添加接口
+			openOrderByColumn: function () {
+				if (!this.validateColumsAny()) {
+					tools.alert('请选择列后在选择排序')
+					return
+				}
+				if (this.selectedOrderBys.length == 0) {
+					this.selectedOrderBys = this.selectedColumns.map(it => ({
+						Name: it.DbColumnName,
+					}))
+					var selectComplexityColumnOrderBys =
+						this.selectedComplexityColumns.map(it => ({
+							Name: it.DbColumnName,
+						}))
+					this.selectedOrderBys = this.selectedOrderBys.concat(
+						selectComplexityColumnOrderBys
+					)
+				}
+				btnAddOrderBy.click()
+			},
+			saveBtnOrderBy: function () {
+				btnCloseAddOrderBy.click()
+				this.selectedOrderByString = this.selectedOrderBys
+					.filter(it => it.OrderByType == 'ASC' || it.OrderByType == 'DESC')
+					.sort(function (a, b) {
+						return a.SortId - b.SortId
+					})
+					.map(it => it.Name + ' ' + it.OrderByType)
+					.join(',')
+			},
+			//6.添加条件逻辑-添加接口
+			openWhere: function () {
+				if (!this.validateColumsAny()) {
+					tools.alert('请选择列后在选择条件')
+					return
+				}
+				if (this.selectedWheres.length == 0) {
+					this.selectedWheres.push(this.getWhereModel())
+				}
+				btnAddWhere.click()
+			},
+			openMiniWhere: function () {
+				var tableValue = document.querySelectorAll('[name=TableId]')[0].value
+				if (!tableValue) {
+					tools.alert('请先选择主表')
+					return
+				}
+				if (this.selectedWheres.length == 0) {
+					this.selectedWheres.push(this.getWhereModel())
+				}
+				var th = this
+				var url =
+					'/PrivateReZeroRoute/100003/GetEntityColuminsByEntityId?TableId=' +
+					this.selectedTables[0].Id
+				axios
+					.get(url, jwHeader)
+					.then(response => {
+						th.columns = response.data
+						th.selectedColumns = th.columns
+					})
+					.catch(error => {
+						this.error = error.message
+					})
+				btnAddWhere.click()
+			},
+			clearMiniWhere: function () {
+				this.selectedColumns = []
+				this.selectedWheres = []
+				this.selectdWherePreviewString = null
+			},
+			saveBtnWhere: function () {
+				btnCloseAddWhere.click()
+			},
+			addWhereItem: function (id) {
+				var model = this.getWhereModel()
+				model.Id = id + 1
+				this.selectedWheres.push(model)
+			},
+			deleteWhereItem: function (id) {
+				if (this.selectedWheres.length == 1) {
+					this.selectedWheres = []
+					btnCloseAddWhere.click()
+				} else {
+					this.selectedWheres.removeArrayItem(
+						this.selectedWheres.find(it => it.Id == id)
+					)
+				}
+			},
+			showWherePreview: function () {
+				var cr = this.selectedWheresConditionalRelation
+				var isAndAll = cr == 'AndAll'
+				var isOrAll = cr == 'OrAll'
+				var isAnd = cr == 'And'
+				var isOr = cr == 'Or'
+				var isCustom = cr == 'Custom'
+				var isCustomAll = cr == 'CustomAll'
+				var andStr = 'AND'
+				var orStr = 'Or'
+				var empStr = ''
+				if (isCustom || isCustomAll) {
+					var template = this.selectedWhereRelationTemplate + ''
+					this.selectedWheres.forEach(function (it) {
+						var value = ` (${it.PropertyName} ${it.WhereType} ${
+							it.ValueType == 0
+								? it.Value
+								: `@${it.Value} OR (@${it.Value} IS NULL)`
+						}) `
+						if (isCustomAll) {
+							value = `(${it.PropertyName} ${it.WhereType} ${
+								it.ValueType == 0 ? it.Value : `@${it.Value}`
+							}) `
+						}
+						var regex = new RegExp('\\{' + it.Id + '\\}', 'g')
+						template = template.replace(regex, value)
+					})
+					this.selectdWherePreviewString = template
+				}
+				if (isAnd || isOr) {
+					var type = isAnd ? andStr : orStr
+					var wheres = this.selectedWheres
+						.map(
+							it =>
+								`${type} (${it.PropertyName} ${it.WhereType} ${
+									it.ValueType == 0
+										? it.Value
+										: `@${it.Value} OR (@${it.Value} IS NULL)`
+								})\r\n`
+						)
+						.join(empStr)
+					this.selectdWherePreviewString = wheres
+				} else if (isAndAll || isOrAll) {
+					var type = isAndAll ? andStr : orStr
+					var wheres = this.selectedWheres
+						.map(
+							it =>
+								`${type} (${it.PropertyName} ${it.WhereType} ${
+									it.ValueType == 0 ? it.Value : `@${it.Value}`
+								})\r\n `
+						)
+						.join(empStr)
+					this.selectdWherePreviewString = wheres
+				}
+			},
+			//7.配置插入或者更新默认值
+			saveDefaultValue: function () {
+				var th = this
+				th.saveDefaultValueColumns = []
+				th.selectDefaultValueColumns.forEach(function (item) {
+					th.saveDefaultValueColumns.push({
+						PropertyName: item.PropertyName,
+						Type: item.Type,
+						Value: item.Value,
+					})
+				})
+				btnDafeultValueClose.click()
+			},
+			openDefaultValue: function () {
+				var tableValue = document.querySelectorAll('[name=TableId]')[0].value
+				if (!tableValue) {
+					tools.alert('请先选择主表')
+					return
+				}
+				var th = this
+				var url =
+					'/PrivateReZeroRoute/100003/GetEntityColuminsByEntityId?TableId=' +
+					this.selectedTables[0].Id
+				axios
+					.get(url, jwHeader)
+					.then(response => {
+						th.selectDefaultValueColumns = []
+						response.data
+							.filter(it => !it.IsPrimarykey)
+							.forEach(function (item) {
+								if (
+									th.saveDefaultValueColumns.some(
+										it => it.PropertyName == item.PropertyName
+									)
+								) {
+									var match = th.saveDefaultValueColumns.find(
+										it => it.PropertyName == item.PropertyName
+									)
+									th.selectDefaultValueColumns.push({
+										PropertyName: match.PropertyName,
+										Value: match.Value,
+										Type: match.Type,
+									})
+								} else {
+									th.selectDefaultValueColumns.push({
+										PropertyName: item.PropertyName,
+										Type: 0,
+										Value: null,
+									})
+								}
+							})
+						btnDafeultValue.click()
+					})
+					.catch(error => {
+						this.error = error.message
+					})
+			},
 
-            /*
+			/*
                   次要方法
             */
-            bindGroupListSelect: function () {
-                axios.get("/PrivateReZeroRoute/100004/GetDynamicGroupNameList", jwHeader)
-                    .then(response => {
-                        this.groupList = response.data;
-                    })
-                    .catch(error => {
-                        this.error = error.message;
-                        this.data = null;
-                    });
-            },
-            bindInterfaceCategroySelect: function () {
-                axios.get("/PrivateReZeroRoute/100004/GetDynamicInterfaceCategoryList", jwHeader)
-                    .then(response => {
-                        this.interfaceCategroyList = response.data;
-                    })
-                    .catch(error => {
-                        this.error = error.message;
-                        this.data = null;
-                    });
-            },
-            bindActionLists: function () {
-                axios.get("/PrivateReZeroRoute/100004/GetActionType", jwHeader)
-                    .then(response => {
-                        this.actionList = response.data;
-                    })
-                    .catch(error => {
-                        this.error = error.message;
-                    });
-            },
-            bindDatabaseSelect: function () {
-                axios.get("/PrivateReZeroRoute/100004/GetDatabaseInfoAllList", jwHeader)
-                    .then(response => {
-                        this.database = response.data;
-                        this.databaseId = this.database[0].Id;
-                        var th = this;
-                        setTimeout(function () {
-                            th.onSearch();
-                        }, 50);
-                    })
-                    .catch(error => {
-                        this.error = error.message;
-                        this.data = null;
-                    });
-            },
-            bindWhereType: function () {
-                axios.get("/PrivateReZeroRoute/100004/GetWhereTypeList", jwHeader)
-                    .then(response => {
-                        this.whereTypeList = response.data;
-                    })
-                    .catch(error => {
-                        this.error = error.message;
-                    });
-            },
-            setColumns: function () {
-                var th = this;
-                if (this.selectedTables.length > 0) {
-                    var url = "/PrivateReZeroRoute/100003/GetEntityColuminsByEntityId?TableId=" + this.selectedTables[0].Id;
-                    axios.get(url, jwHeader)
-                        .then(response => {
-                            th.columns = response.data;
-                        })
-                        .catch(error => {
-                            this.error = error.message;
-                        });
-                }
-            }, 
-            setJoinColumns: function () {
-                var th = this;
-                var tableId = this.copcol_JoinTable;
-                tableId = this.tables.find(function (item) {
-                    return item.Name === tableId;
-                }).Id;
-                if (this.selectedTables.length > 0) {
-                    var url = "/PrivateReZeroRoute/100003/GetEntityColuminsByEntityId?TableId=" + tableId;
-                    axios.get(url, jwHeader)
-                        .then(response => {
-                            th.joinColumns = response.data;
-                        })
-                        .catch(error => {
-                            this.error = error.message;
-                        });
-                }
-            },
-            validateElement: function (element, attributeValue) {
-                if (attributeValue.IsRequired && !element.value) {
-                    tools.alert(attributeValue.Text + "不能为空");
-                    return false;
-                }
-                if (attributeValue.Name === "Url" && element.value && !tools.isValidURLPattern(element.value)) {
-                    tools.alert("Url格式不正确，应该是/xxx/yyy 或者 /xx.xx");
-                    return false;
-                }
-                return true;
-            },
-            validateColumsAny: function () {
-                return (this.selectedColumns.length + this.selectedComplexityColumns.length) > 0;
-            },
-            clearOrderBy: function () {
-                this.selectedOrderBys = [];
-                this.selectedOrderBys_EnableSort = false;
-            },
-            clearComplexityColumns: function () {
-                this.copcol_joinField = null;
-                this.copcol_Name = null;
-                this.copcol_SortId = null;
-                this.copcol_ShowField = null;
-                this.copcol_MasterField = null;
-                this.copcol_JoinTable = null;
-                this.copcol_joinType = null;
-                this.copcol_ShowFields = [];
-            },
-            validateComplexityColumns: function () {
-                if (this.copcol_joinField == null ||
-                    this.copcol_ShowField == null ||
-                    this.copcol_joinType == null ||
-                    this.copcol_MasterField == null ||
-                    this.copcol_JoinTable == null) {
-                    return false;
-                } 
-                return true;
-            },
-            getWhereModel: function () {
-                return { Id: 1, PropertyName: null, WhereType: "Equal", ValueType: 0, Value: null };
-            },
-            checkCommas: function (str1, str2) {
-
-                if (!str2)
-                {
-                    return true;
-                }
-
-                // 计算两个字符串中的逗号数量
-                var commasInStr1 = (str1.match(/,/g) || []).length;
-                if (commasInStr1 == 0)
-                {
-                    return true;
-                }
-                var commasInStr2 = (str2.match(/,/g) || []).length;
-
-                // 比较两个字符串中的逗号数量是否相等
-                if (commasInStr1 === commasInStr2) { 
-                    return true;
-                } else {
-                    tools.alert("【关联显示字段别名】存在多个要用 “,” 分割开，数量要一样。");
-                    return false;
-                }
-            },
-            changeShowField: function ()
-            {
-                this.copcol_ShowField=this.copcol_ShowFields.join(",");
-            },
-            splitJsonByTwoKeys: function (jsonObj, key1, key2) {
-                // 验证输入对象是否有效  
-                if (typeof jsonObj !== 'object' || jsonObj === null) {
-                    throw new Error('Invalid input: jsonObj must be an object.');
-                }
-
-                // 验证key1和key2是否存在于jsonObj中且为字符串类型  
-                if (!(key1 in jsonObj) || typeof jsonObj[key1] !== 'string') {
-                    throw new Error(`Invalid input: ${key1} must be a string property of jsonObj.`);
-                }
-                if (!(key2 in jsonObj) || typeof jsonObj[key2] !== 'string') {
-                    throw new Error(`Invalid input: ${key2} must be a string property of jsonObj.`);
-                }
-
-                // 分割key1和key2对应的值  
-                const values1 = jsonObj[key1].split(',');
-                const values2 = jsonObj[key2].split(',');
+			bindGroupListSelect: function () {
+				axios
+					.get('/PrivateReZeroRoute/100004/GetDynamicGroupNameList', jwHeader)
+					.then(response => {
+						this.groupList = response.data
+					})
+					.catch(error => {
+						this.error = error.message
+						this.data = null
+					})
+			},
+			bindInterfaceCategroySelect: function () {
+				axios
+					.get(
+						'/PrivateReZeroRoute/100004/GetDynamicInterfaceCategoryList',
+						jwHeader
+					)
+					.then(response => {
+						this.interfaceCategroyList = response.data
+					})
+					.catch(error => {
+						this.error = error.message
+						this.data = null
+					})
+			},
+			bindActionLists: function () {
+				axios
+					.get('/PrivateReZeroRoute/100004/GetActionType', jwHeader)
+					.then(response => {
+						this.actionList = response.data
+					})
+					.catch(error => {
+						this.error = error.message
+					})
+			},
+			bindDatabaseSelect: function () {
+				axios
+					.get('/PrivateReZeroRoute/100004/GetDatabaseInfoAllList', jwHeader)
+					.then(response => {
+						this.database = response.data
+						this.databaseId = this.database[0].Id
+						var th = this
+						setTimeout(function () {
+							th.onSearch()
+						}, 50)
+					})
+					.catch(error => {
+						this.error = error.message
+						this.data = null
+					})
+			},
+			bindWhereType: function () {
+				axios
+					.get('/PrivateReZeroRoute/100004/GetWhereTypeList', jwHeader)
+					.then(response => {
+						this.whereTypeList = response.data
+					})
+					.catch(error => {
+						this.error = error.message
+					})
+			},
+			setColumns: function () {
+				var th = this
+				if (this.selectedTables.length > 0) {
+					var url =
+						'/PrivateReZeroRoute/100003/GetEntityColuminsByEntityId?TableId=' +
+						this.selectedTables[0].Id
+					axios
+						.get(url, jwHeader)
+						.then(response => {
+							th.columns = response.data
+						})
+						.catch(error => {
+							this.error = error.message
+						})
+				}
+			},
+			setJoinColumns: function () {
+				var th = this
+				var tableId = this.copcol_JoinTable
+				tableId = this.tables.find(function (item) {
+					return item.Name === tableId
+				}).Id
+				if (this.selectedTables.length > 0) {
+					var url =
+						'/PrivateReZeroRoute/100003/GetEntityColuminsByEntityId?TableId=' +
+						tableId
+					axios
+						.get(url, jwHeader)
+						.then(response => {
+							th.joinColumns = response.data
+						})
+						.catch(error => {
+							this.error = error.message
+						})
+				}
+			},
+			validateElement: function (element, attributeValue) {
+				if (attributeValue.IsRequired && !element.value) {
+					tools.alert(attributeValue.Text + '不能为空')
+					return false
+				}
+				if (
+					attributeValue.Name === 'Url' &&
+					element.value &&
+					!tools.isValidURLPattern(element.value)
+				) {
+					tools.alert('Url格式不正确，应该是/xxx/yyy 或者 /xx.xx')
+					return false
+				}
+				return true
+			},
+			validateColumsAny: function () {
+				return (
+					this.selectedColumns.length + this.selectedComplexityColumns.length >
+					0
+				)
+			},
+			clearOrderBy: function () {
+				this.selectedOrderBys = []
+				this.selectedOrderBys_EnableSort = false
+			},
+			clearComplexityColumns: function () {
+				this.copcol_joinField = null
+				this.copcol_Name = null
+				this.copcol_SortId = null
+				this.copcol_ShowField = null
+				this.copcol_MasterField = null
+				this.copcol_JoinTable = null
+				this.copcol_joinType = null
+				this.copcol_ShowFields = []
+			},
+			validateComplexityColumns: function () {
+				if (
+					this.copcol_joinField == null ||
+					this.copcol_ShowField == null ||
+					this.copcol_joinType == null ||
+					this.copcol_MasterField == null ||
+					this.copcol_JoinTable == null
+				) {
+					return false
+				}
+				return true
+			},
+			getWhereModel: function () {
+				return {
+					Id: 1,
+					PropertyName: null,
+					WhereType: 'Equal',
+					ValueType: 0,
+					Value: null,
+				}
+			},
+			checkCommas: function (str1, str2) {
+				if (!str2) {
+					return true
+				}
 
-                // 验证两个键的值分割后长度是否一致  
-                if (values1.length !== values2.length) {
-                    throw new Error(`The number of elements in ${key1} and ${key2} must be the same.`);
-                }
+				// 计算两个字符串中的逗号数量
+				var commasInStr1 = (str1.match(/,/g) || []).length
+				if (commasInStr1 == 0) {
+					return true
+				}
+				var commasInStr2 = (str2.match(/,/g) || []).length
 
-                // 创建结果数组  
-                const result = [];
+				// 比较两个字符串中的逗号数量是否相等
+				if (commasInStr1 === commasInStr2) {
+					return true
+				} else {
+					tools.alert(
+						'【关联显示字段别名】存在多个要用 “,” 分割开，数量要一样。'
+					)
+					return false
+				}
+			},
+			changeShowField: function () {
+				this.copcol_ShowField = this.copcol_ShowFields.join(',')
+			},
+			splitJsonByTwoKeys: function (jsonObj, key1, key2) {
+				// 验证输入对象是否有效
+				if (typeof jsonObj !== 'object' || jsonObj === null) {
+					throw new Error('Invalid input: jsonObj must be an object.')
+				}
 
-                // 遍历分割后的值，构建新的对象并添加到结果数组中  
-                for (let i = 0; i < values1.length; i++) {
-                    const newObj = Object.assign({}, jsonObj); // 复制原始对象  
-                    newObj[key1] = values1[i].trim(); // 替换key1的值  
-                    newObj[key2] = values2[i].trim(); // 替换key2的值  
-                    result.push(newObj);
-                }
+				// 验证key1和key2是否存在于jsonObj中且为字符串类型
+				if (!(key1 in jsonObj) || typeof jsonObj[key1] !== 'string') {
+					throw new Error(
+						`Invalid input: ${key1} must be a string property of jsonObj.`
+					)
+				}
+				if (!(key2 in jsonObj) || typeof jsonObj[key2] !== 'string') {
+					throw new Error(
+						`Invalid input: ${key2} must be a string property of jsonObj.`
+					)
+				}
 
-                return result;
-            },
-            showEditSql: function () { 
+				// 分割key1和key2对应的值
+				const values1 = jsonObj[key1].split(',')
+				const values2 = jsonObj[key2].split(',')
 
-                setTimeout(function () {
-                     
-                    var $sql = $("[name='Sql']");
-                    if ($sql.size() > 0) {
-                        var editor = ace.edit("divAceEditor");
-                        editor.setOption("showPrintMargin", false);
-                        editor.setTheme("ace/theme/twilight"); // 设置主题
-                        editor.getSession().setMode("ace/mode/sql"); // 设置语言模式为SQL
-                        editor.setOption("enableBasicAutocompletion", true);
-                        editor.setOption("enableSnippets", true);
-                        editor.setOption("enableLiveAutocompletion", true)
-                        editor.setValue($sql.val());
-                        editor.selection.clearSelection();
-                    }
+				// 验证两个键的值分割后长度是否一致
+				if (values1.length !== values2.length) {
+					throw new Error(
+						`The number of elements in ${key1} and ${key2} must be the same.`
+					)
+				}
 
-                }, 100);
-            },
-            setValueEditSql: function ()
-            {
-                var $sql = $("[name='Sql']");
-                if ($sql.size() > 0) {
-                    var editor = ace.edit("divAceEditor");
-                    this.currentActionTypeContext.FormElements[3].Value = editor.getValue();
-                    $sql.val(editor.getValue());
-                }
-            },
-            closeEditSql: function () {
+				// 创建结果数组
+				const result = []
 
-                var editor = ace.edit("divAceEditor");
-                editor.destroy();
-            }, 
-            bindUpdates: function () {
-                var th = this;
-                var url = "/PrivateReZeroRoute/100003/GetEntityColuminsByEntityId?TableId=" + this.selectedTables[0].Id;
-                axios.get(url, jwHeader)
-                    .then(response => {
-                        th.updateColumns = response.data; 
-                    })
-                    .catch(error => {
-                        this.error = error.message;
-                    });
-            },
-            setUpdateColums: function (item) {
-                // 初始化一个空数组来存储选中的值  
-                var selectedValues = [];
+				// 遍历分割后的值，构建新的对象并添加到结果数组中
+				for (let i = 0; i < values1.length; i++) {
+					const newObj = Object.assign({}, jsonObj) // 复制原始对象
+					newObj[key1] = values1[i].trim() // 替换key1的值
+					newObj[key2] = values2[i].trim() // 替换key2的值
+					result.push(newObj)
+				}
 
-                // 遍历 <select> 元素的所有 <option> 子元素  
-                for (var i = 0; i < selUpdateColumns.options.length; i++) {
-                    // 检查 <option> 是否被选中  
-                    if (selUpdateColumns.options[i].selected) {
-                        // 如果被选中，则将其值添加到 selectedValues 数组中  
-                        selectedValues.push(selUpdateColumns.options[i].value);
-                    }
-                }
-                // 将选中的值转换为逗号分隔的字符串  
-                var valueStr = selectedValues.join(',');
-                item.Value = valueStr;
-            }, 
-            setSelectedOptions: function () {
-                var id = "selUpdateColumns";
-                var selectElement = document.getElementById(id); 
-                if (selectElement == null) return; 
-                var valueStr = $(selectElement).prev().val();
-                // 清空当前select的所有选中项
-                for (var i = 0; i < selectElement.options.length; i++) {
-                    selectElement.options[i].selected = false;
-                }
+				return result
+			},
+			showEditSql: function () {
+				setTimeout(function () {
+					var $sql = $("[name='Sql']")
+					if ($sql.size() > 0) {
+						var editor = ace.edit('divAceEditor')
+						editor.setOption('showPrintMargin', false)
+						editor.setTheme('ace/theme/twilight') // 设置主题
+						editor.getSession().setMode('ace/mode/sql') // 设置语言模式为SQL
+						editor.setOption('enableBasicAutocompletion', true)
+						editor.setOption('enableSnippets', true)
+						editor.setOption('enableLiveAutocompletion', true)
+						editor.setValue($sql.val())
+						editor.selection.clearSelection()
+					}
+				}, 100)
+			},
+			setValueEditSql: function () {
+				var $sql = $("[name='Sql']")
+				if ($sql.size() > 0) {
+					var editor = ace.edit('divAceEditor')
+					this.currentActionTypeContext.FormElements[3].Value =
+						editor.getValue()
+					$sql.val(editor.getValue())
+				}
+			},
+			closeEditSql: function () {
+				var editor = ace.edit('divAceEditor')
+				editor.destroy()
+			},
+			bindUpdates: function () {
+				var th = this
+				var url =
+					'/PrivateReZeroRoute/100003/GetEntityColuminsByEntityId?TableId=' +
+					this.selectedTables[0].Id
+				axios
+					.get(url, jwHeader)
+					.then(response => {
+						th.updateColumns = response.data
+					})
+					.catch(error => {
+						this.error = error.message
+					})
+			},
+			setUpdateColums: function (item) {
+				// 初始化一个空数组来存储选中的值
+				var selectedValues = []
 
-                // 将传入的逗号分隔字符串分割成数组
-                var values = valueStr.split(',');
+				// 遍历 <select> 元素的所有 <option> 子元素
+				for (var i = 0; i < selUpdateColumns.options.length; i++) {
+					// 检查 <option> 是否被选中
+					if (selUpdateColumns.options[i].selected) {
+						// 如果被选中，则将其值添加到 selectedValues 数组中
+						selectedValues.push(selUpdateColumns.options[i].value)
+					}
+				}
+				// 将选中的值转换为逗号分隔的字符串
+				var valueStr = selectedValues.join(',')
+				item.Value = valueStr
+			},
+			setSelectedOptions: function () {
+				var id = 'selUpdateColumns'
+				var selectElement = document.getElementById(id)
+				if (selectElement == null) return
+				var valueStr = $(selectElement).prev().val()
+				// 清空当前select的所有选中项
+				for (var i = 0; i < selectElement.options.length; i++) {
+					selectElement.options[i].selected = false
+				}
 
-                // 遍历数组中的每一个值
-                for (var j = 0; j < values.length; j++) {
-                    // 去除值两边的空格
-                    var value = values[j].trim();
+				// 将传入的逗号分隔字符串分割成数组
+				var values = valueStr.split(',')
 
-                    // 遍历<select>的所有<option>，查找匹配的项并选中
-                    for (var k = 0; k < selectElement.options.length; k++) {
-                        if (selectElement.options[k].value === value) {
-                            selectElement.options[k].selected = true;
-                            break; // 找到匹配项后跳出内层循环
-                        }
-                    }
-                }
-            }
+				// 遍历数组中的每一个值
+				for (var j = 0; j < values.length; j++) {
+					// 去除值两边的空格
+					var value = values[j].trim()
 
-        }
-    }); 
+					// 遍历<select>的所有<option>，查找匹配的项并选中
+					for (var k = 0; k < selectElement.options.length; k++) {
+						if (selectElement.options[k].value === value) {
+							selectElement.options[k].selected = true
+							break // 找到匹配项后跳出内层循环
+						}
+					}
+				}
+			},
+		},
+	})
 </script>