路线大屏页面创建

src/views/xj/route/index.vue

@@ -138,8 +138,8 @@
     <el-dialog :title="title" :visible.sync="dialogVisible" width="80%" append-to-body>
       <div style="display: flex;">
         <!-- 左侧表单部分 -->
-        <div style="flex: 1; padding-right: 20px;">
-          <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+        <div style="flex: 1; padding-right: 40px;">
+          <el-form ref="form" :model="form" :rules="rules" label-width="70px">
 
             <el-form-item>
               <el-row :gutter="20">
@@ -155,13 +155,21 @@
                 </el-col>
               </el-row>
             </el-form-item>
-
-            <el-form-item label="路线类型">
-              <el-input v-model="form.routeType"></el-input>
-            </el-form-item>
-
             <el-form-item>
-              <el-row :gutter="20">
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="路线类型">
+                  <el-input v-model="form.routeType"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+
+              </el-col>
+            </el-row>
+
+            </el-form-item>
+            <el-form-item>
+              <el-row :gutter="5">
                 <el-col :span="12">
                   <el-form-item label="路线全称">
                     <el-input v-model="form.fullName"></el-input>
@@ -202,12 +210,27 @@
                 </el-col>
               </el-row>
             </el-form-item>
-            <el-form-item label="坐标点">
-              <el-input type="textarea" :disabled="true" v-model="form.coordinates" rows="4"></el-input>
+            <el-form-item>
+              <el-row :gutter="20">
+                <el-col :span="24">
+                  <el-form-item label="坐标点">
+                    <el-input type="textarea" :disabled="true" v-model="form.coordinates" rows="4"></el-input>
+                  </el-form-item>
+                </el-col>
+
+              </el-row>
             </el-form-item>
-            <el-form-item label="备注">
-              <el-input v-model="form.remarks"></el-input>
+            <el-form-item>
+              <el-row :gutter="20">
+                <el-col :span="24">
+                  <el-form-item label="备注">
+                    <el-input v-model="form.remarks"></el-input>
+                  </el-form-item>
+                </el-col>
+
+              </el-row>
             </el-form-item>
+
           </el-form>
         </div>