尺寸

src/views/manage/service/complex-params.vue

@@ -41,47 +41,49 @@
             <CusButton type="main" title="正向解析JSON结构" style="margin-left: auto" @click="jsonToTable"/>
             <CusButton type="main" title="逆向生成JSON结构" @click="tableToJson"/>
           </div>
-          <CusTable
-            :data="state.params.data"
-            :table-head="state.params.tableHead"
-            :no-page="true"
-          >
-            <template #key-column-value="{scope}">
-              <CusFormColumn
-                class="__cus-table-form-column"
-                :span="24"
-                v-model:param="scope.row.key"
-              />
-            </template>
-            <template #type-column-value="{scope}">
-              <CusFormColumn
-                class="__cus-table-form-column"
-                :span="24"
-                v-model:param="scope.row.type"
-                link="select"
-                :options="DictionaryStore.fzCsList"
-                :clearable="false"
-                @change="(val) => scope.row.value = ''"
-              />
-            </template>
-            <template #value-column-value="{scope}">
-              <CusFormColumn
-                class="__cus-table-form-column"
-                :span="24"
-                v-model:param="scope.row.value"
-              />
-            </template>
-            <template #label-column-value="{scope}">
-              <CusFormColumn
-                class="__cus-table-form-column"
-                :span="24"
-                v-model:param="scope.row.label"
-              />
-            </template>
-            <template #do-column-value="{scope}">
-              <CusButton type="table-del" @click="state.params.data.splice(scope.$index, 1)"/>
-            </template>
-          </CusTable>
+          <div style="flex: 1; overflow: hidden">
+            <CusTable
+              :data="state.params.data"
+              :table-head="state.params.tableHead"
+              :no-page="true"
+            >
+              <template #key-column-value="{scope}">
+                <CusFormColumn
+                  class="__cus-table-form-column"
+                  :span="24"
+                  v-model:param="scope.row.key"
+                />
+              </template>
+              <template #type-column-value="{scope}">
+                <CusFormColumn
+                  class="__cus-table-form-column"
+                  :span="24"
+                  v-model:param="scope.row.type"
+                  link="select"
+                  :options="DictionaryStore.fzCsList"
+                  :clearable="false"
+                  @change="(val) => scope.row.value = ''"
+                />
+              </template>
+              <template #value-column-value="{scope}">
+                <CusFormColumn
+                  class="__cus-table-form-column"
+                  :span="24"
+                  v-model:param="scope.row.value"
+                />
+              </template>
+              <template #label-column-value="{scope}">
+                <CusFormColumn
+                  class="__cus-table-form-column"
+                  :span="24"
+                  v-model:param="scope.row.label"
+                />
+              </template>
+              <template #do-column-value="{scope}">
+                <CusButton type="table-del" @click="state.params.data.splice(scope.$index, 1)"/>
+              </template>
+            </CusTable>
+          </div>
         </div>
       </div>
     </div>

src/views/manage/service/index.vue

@@ -80,7 +80,7 @@ const state: any = reactive({
       pageSize: 10
     },
     tableHead: [
-      {value: "serviceName", label: "服务名称", fixed: 'left', width: 180},
+      {value: "serviceName", label: "服务名称", fixed: 'left', width: 300},
       {value: "affiliationPlugin", label: "归属插件", width: 180},
       {value: "pluginType", label: "插件类型", width: 100},
       {value: "status", label: "状态", width: 80},