Pārlūkot izejas kodu

最小宽度,配置右侧滚动。

jxq 2 mēneši atpakaļ
vecāks
revīzija
81d06e971a

+ 1 - 0
src/styles/reset.scss

@@ -19,6 +19,7 @@ html {
   line-height: 1.5;
   tab-size: 4;
   text-size-adjust: 100%;
+  min-width: 1250px;
 }
 
 body {

+ 40 - 38
src/views/modules/project-config/project-config.vue

@@ -150,45 +150,47 @@ const handleSearch = (_: string, prefix: string) => {
     />
     <div class="right-message-box">
       <TitleHeader>属性配置</TitleHeader>
-      <div class="form-box" v-if="infoVisible">
-        <el-form rer="formRef" label-position="top">
-          <el-form-item label="节点标识名称">
-            <el-input
-              v-model="selectedNode!.data.information.nodeName"
-            ></el-input>
-          </el-form-item>
-          <el-form-item>
-            <el-text class="mx-1" type="warning">
-              输入@选择全局变量或#选择仪器
-            </el-text>
-          </el-form-item>
-          <el-form-item
-            v-for="property in selectedNode?.data?.information?.properties"
-            :label="property.proName"
-            :key="property.proName"
-          >
-            <el-mention
-              v-model="property.bindLabel"
-              :options="configOptions"
-              :prefix="['@', '#']"
-              whole
-              @search="handleSearch"
-              @select="
-                (opt) => {
-                  property.bingObjJson = JSON.stringify(opt);
-                }
-              "
-              @blur="
-                () => {
-                  if (property.bindLabel === '') {
-                    property.bingObjJson = '';
+      <el-scrollbar height="calc(100vh - 140px)">
+        <div class="form-box" v-if="infoVisible">
+          <el-form rer="formRef" label-position="top">
+            <el-form-item label="节点标识名称">
+              <el-input
+                v-model="selectedNode!.data.information.nodeName"
+              ></el-input>
+            </el-form-item>
+            <el-form-item>
+              <el-text class="mx-1" type="warning">
+                输入@选择全局变量或#选择仪器
+              </el-text>
+            </el-form-item>
+            <el-form-item
+              v-for="property in selectedNode?.data?.information?.properties"
+              :label="property.proName"
+              :key="property.proName"
+            >
+              <el-mention
+                v-model="property.bindLabel"
+                :options="configOptions"
+                :prefix="['@', '#']"
+                whole
+                @search="handleSearch"
+                @select="
+                  (opt) => {
+                    property.bingObjJson = JSON.stringify(opt);
                   }
-                }
-              "
-            />
-          </el-form-item>
-        </el-form>
-      </div>
+                "
+                @blur="
+                  () => {
+                    if (property.bindLabel === '') {
+                      property.bingObjJson = '';
+                    }
+                  }
+                "
+              />
+            </el-form-item>
+          </el-form>
+        </div>
+      </el-scrollbar>
       <div class="bottom-box">
         <!--        <div class="save-btn" @click="onSaveConfigs">-->
         <!--          <svg-icon icon-class="save" />-->