From 7c2955e327c49e08ba2becd98dc9890e16c1b5ef Mon Sep 17 00:00:00 2001
From: klaokai <573984425@qq.com>
Date: Sat, 29 Apr 2023 16:04:48 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BF=AE=E6=AD=A3=E6=A0=87=E7=AD=BE?=
 =?UTF-8?q?=E5=B1=9E=E6=80=A7=E5=90=8D=E9=94=99=E8=AF=AF=E5=AF=BC=E8=87=B4?=
 =?UTF-8?q?=E7=9A=84=E6=A8=A1=E6=8B=9F=E7=B1=BB=E5=9E=8B=E6=B8=B2=E6=9F=93?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/infra/codegen/FakeData.vue          | 45 ++++++++++++++++---
 .../components/FakeDataColumInfoForm.vue      | 34 ++++++++++----
 2 files changed, 65 insertions(+), 14 deletions(-)

diff --git a/src/views/infra/codegen/FakeData.vue b/src/views/infra/codegen/FakeData.vue
index 27ac8ed1c..dd0e4f42f 100644
--- a/src/views/infra/codegen/FakeData.vue
+++ b/src/views/infra/codegen/FakeData.vue
@@ -1,5 +1,40 @@
 <template>
   <Dialog v-model="dialogVisible" title="代码预览" width="80%">
+    <el-space>
+      <el-alert effect="dark" title="请注意看使用说明" type="success" />
+      <el-text type="primary" size="large"> 不模拟 </el-text>
+      <el-text
+        >即默认规则，这个字段会在“insert”语句那里被忽略掉，一般第一次进来配置的时候都是这个。
+      </el-text>
+      <el-text type="primary" size="large"> 递增 </el-text>
+      <el-text
+        >设定一个数字，从这个数字开始比如“3”，那么生成的递增规则的数字为“3、4、5……”。
+        （选做？）如果是主键，那么会自动跳过数据库已经存在的主键，比如“3”，生成三个数据“3、4、5”，但由于数据库已经有4，那么跳过4，生成“3、5、6”。
+      </el-text>
+      <el-text type="primary" size="large"> 随机 </el-text>
+      <el-text
+        >随机做好了一定的随机规则，现在有STRING("字符串")， NAME("人名")， CITY("城市")，
+        URL("网址")， EMAIL("邮箱")， IP("IP")， INTEGER("整数")， DECIMAL("小数")，
+        UNIVERSITY("大学")， DATE("日期")， TIMESTAMP("时间戳")， PHONE("手机号")。
+        这些规则可能还会有更细的划分，比如可以自定连续日期，但有可能考虑到这些规则的加入不仅程序会更加复杂，用户也得细心设置这些规则才能生成正确的数据，像这种细分的东西，用户还是自己自己实现规则搞定。
+      </el-text>
+      <el-text type="primary" size="large"> 固定 </el-text>
+      <el-text>文本，填什么就是什么，直接加入到“insert”语句。</el-text>
+      <el-text type="primary" size="large"> 规则 </el-text>
+      <el-text
+        >通过正则表达式生成随机数据，使用的是com.mifmif.common.regex.Generex，语法地址在这（
+        <el-icon>
+          <Bell />
+        </el-icon>
+        ）。
+      </el-text>
+      <el-text type="primary" size="large"> 词库 </el-text>
+      <el-text
+        >通过curl命令实现，参数填 curl
+        命令之后的参数（不包含curl命令），你的系统一定要支持curl命令才能使用。 对面的响应格式为
+        ["a1","b1"……] 即可
+      </el-text>
+    </el-space>
     <div class="common-layout">
       <el-container v-if="active == 1">
         <el-header>请配置模拟类型、模拟参数以及模拟参数默认值</el-header>
@@ -9,7 +44,7 @@
         <el-footer>
           <div class="slider-demo-block">
             <span class="demonstration">数据生成量</span>
-            <el-slider v-model="queryParams.num" :step="10" show-stops />
+            <el-slider v-model="queryParams.num" max="1000" show-stops show-input />
           </div>
         </el-footer>
       </el-container>
@@ -22,11 +57,11 @@
             </div>
           </div>
         </el-main>
-        <el-footer
-          ><el-button class="float-right" text type="primary" @click="copy()">
+        <el-footer>
+          <el-button class="float-right" text type="primary" @click="copy()">
             {{ t('common.copy') }}
-          </el-button></el-footer
-        >
+          </el-button>
+        </el-footer>
       </el-container>
     </div>
     <el-steps :active="active" finish-status="success">
diff --git a/src/views/infra/codegen/components/FakeDataColumInfoForm.vue b/src/views/infra/codegen/components/FakeDataColumInfoForm.vue
index 979dbea5f..496fe5683 100644
--- a/src/views/infra/codegen/components/FakeDataColumInfoForm.vue
+++ b/src/views/infra/codegen/components/FakeDataColumInfoForm.vue
@@ -24,9 +24,9 @@
         <el-select v-model="scope.row.mockType" clearable filterable placeholder="请选择">
           <el-option
             v-for="dict in dictOptions"
-            :key="dict.label"
-            :label="dict.label"
+            :key="dict.type"
             :value="dict.type"
+            :label="dict.lable"
           />
         </el-select>
       </template>
@@ -34,11 +34,13 @@
     <el-table-column label="模拟参数" min-width="10%">
       <template #default="scope">
         <el-select
-          v-if="scope.row.mockType == 4"
+          v-if="scope.row.mockType === 4"
           v-model="scope.row.mockParams"
-          clearable
           filterable
           placeholder="请选择"
+          remote
+          :loading="loading"
+          :remote-method="(val) => getMockParmOptions(val, scope.row.mockType)"
         >
           <el-option v-for="dict in mockParamOptions" :key="dict" :label="dict" :value="dict" />
         </el-select>
@@ -69,12 +71,27 @@ const tableHeight = document.documentElement.scrollHeight - 350 + 'px'
 /** 查询模拟类型下拉列表 */
 const dictOptions = ref<CodegenApi.CodegenMockTypeRespVO[]>([])
 const getDictOptions = async () => {
-  dictOptions.value = await CodegenApi.fakeDataMockTypeList()
+  loading.value = true
+  try {
+    dictOptions.value = await CodegenApi.fakeDataMockTypeList()
+  } finally {
+    loading.value = false
+  }
 }
 
-const mockParamOptions = ref<string[]>([]) // 用户组列表
-const getMockParmOptions = async () => {
-  mockParamOptions.value = await CodegenApi.getMockParamsByMockType(4)
+//查询模拟参数
+const loading = ref(false)
+const mockParamOptions = ref<string[]>([])
+const getMockParmOptions = async (val, type: number) => {
+  if (type == undefined) {
+    return
+  }
+  loading.value = true
+  try {
+    mockParamOptions.value = await CodegenApi.getMockParamsByMockType(type)
+  } finally {
+    loading.value = false
+  }
 }
 
 watch(
@@ -91,6 +108,5 @@ watch(
 
 onMounted(async () => {
   await getDictOptions()
-  await getMockParmOptions()
 })
 </script>