Browse Source

feat:数据模型&时间间隔

ananzhusen 1 year ago
parent
commit
0577be919d
2 changed files with 23 additions and 9 deletions
  1. 1 1
      src/views/components/Dataset.vue
  2. 22 8
      src/views/components/View.vue

+ 1 - 1
src/views/components/Dataset.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="dataset-component">
     <div class="form-item mt-8">
-      <label>数据名称</label>
+      <label>数据模型名称</label>
       <t-input v-model="modelValue.name" placeholder="名称" />
     </div>
 

+ 22 - 8
src/views/components/View.vue

@@ -292,11 +292,21 @@
               <div class="mt-16 flex between middle">
                 <div>
                   <t-checkbox
+                    style="display: inline"
                     v-model="dataDialog.enableMock"
                     @change="onChangeMock"
                   >
                     开启模拟数据
                   </t-checkbox>
+                  <label class="ml-8"> 时间间隔 </label>
+                  <t-input-number
+                    style="width: 100px"
+                    v-model="dataDialog.networkInterval"
+                    theme="normal"
+                    :min="30"
+                    placeholder="毫秒"
+                    suffix="ms"
+                  />
                 </div>
                 <div>
                   <t-select-input
@@ -406,17 +416,17 @@
           </template>
         </t-tab-panel>
         <t-tab-panel :value="2" :destroy-on-hide="false">
-          <template #label> 数据 </template>
+          <template #label> 数据模型 </template>
           <template #panel>
             <template v-if="!dataDialog.editDataset">
               <div class="form-item mt-16">
-                <label style="width: 100px"> 当前数据 </label>
+                <label style="width: 100px"> 当前数据模型 </label>
                 <div class="flex w-full">
                   <t-select
                     class="flex-grow"
                     v-model="dataDialog.datasetId"
                     filterable
-                    placeholder="选择数据"
+                    placeholder="选择数据模型"
                     :on-search="onInputDatasets"
                     :popup-props="{ overlayClassName: 'select-options' }"
                     @change="onSelDataset()"
@@ -451,7 +461,7 @@
                     style="height: 30px"
                     @click="addDataset"
                   >
-                    添加数据
+                    添加数据模型
                   </t-button>
                 </div>
               </div>
@@ -508,13 +518,13 @@
           <template v-if="dataDialog.editDataset === 1">
             <div class="flex-grow"></div>
             <t-checkbox v-model="dataDialog.save" class="mr-12">
-              同时保存为我的数据
+              同时保存为我的数据模型
             </t-checkbox>
             <t-button @click="onOkDataset()">保存</t-button>
           </template>
           <template v-else-if="dataDialog.editDataset === 2">
             <div class="flex-grow"></div>
-            <t-button @click="onOkDataset(true)"> 另外为新数据 </t-button>
+            <t-button @click="onOkDataset(true)"> 另外为新数据模型 </t-button>
             <t-button @click="onOkDataset()">保存</t-button>
           </template>
           <template v-else>
@@ -522,7 +532,7 @@
               v-if="dataDialog.dataset && dataDialog.dataset.id"
               @click="editDataset"
             >
-              编辑当前数据
+              编辑当前数据模型
             </a>
             <div class="flex-grow"></div>
 
@@ -1192,6 +1202,7 @@ const onShowDataDialog = async () => {
   dataDialog.datasetId = dataDialog.dataset.id;
   // @ts-ignore
   dataDialog.enableMock = meta2d.store.data.enableMock;
+  dataDialog.networkInterval = meta2d.store.data.networkInterval;
   dataDialog.networkList = [];
   dataDialog.datasetList = [];
   dataDialog.editNetwork = false;
@@ -1204,6 +1215,9 @@ const onShowDataDialog = async () => {
 
 const onFinishDataDialog = () => {
   dataDialog.show = false;
+  if (dataDialog.networkInterval) {
+    meta2d.store.data.networkInterval = dataDialog.networkInterval;
+  }
   meta2d.connectNetwork();
 };
 
@@ -1271,7 +1285,7 @@ const onInputDatasets = (name: string) => {
   debounce(getDatasets, 300, name);
 };
 
-// 请求我的数据
+// 请求我的数据模型
 const getDatasets = async (name?: string) => {
   const body: any = {
     query: {