面积分摊表样式修改

 <template>
     <div class="main" ref="mainBox">
         <table border="1">
-            <tr>
-                <th colspan="2">土地坐落</th>
-                <th colspan="3"><el-input  v-model="tdzl" disabled></el-input></th>
+           <tr>
+                <th  colspan="2">宗地代码</th>
+                <td colspan="3" disabled>{{zddm}}</td>
             </tr>
+
             <tr>
-                <th colspan="2">宗地代码</th>
-                <td colspan="3"><el-input v-model="zddm " disabled></el-input></td>
+                <th colspan="2">土地坐落</th>
+                <td colspan="3">{{tdzl}}</td>
             </tr>
             <tr>
-                <th colspan="2">宗地面积(㎡)</th>
-                <th>
-                    <el-input  v-model="zdmj" disabled/></th>
-                <th>定着物数量</th>
-                <td class="dzwsl">{{dzwdsl}}</td>
+                <th colspan="2" style="width:25%">宗地面积(㎡)</th>
+                <td style="width:25%">{{zdmj}}</td>
+                <th style="width:25%">定着物数量</th>
+                <td style="width:25%" class="dzwsl">{{dzwdsl}}</td>
             </tr>
             <tr>
                 <th colspan="2">备注</th>
                 <td colspan="3"><el-input v-model="mjftData.bz" :disabled="isDisabled"></el-input></td>
             </tr>
-        </table>
-        <table border="1">
             <tr>
                 <td class="cz"><el-button
 									type="primary"
@@ -30,10 +28,10 @@
                                     :disabled="isDisabled"
 									>+</el-button
 								></td>
-                <th class="dzwdm">定着物代码</th>
-                <th class="syqmj">土地所有权/使用权面积(㎡)</th>
-                <th class="dytdmj">独有独用土地面积(㎡)</th>
-                <th class="fttjmj">分摊土地面积(㎡)</th>
+                <th >定着物代码</th>
+                <th >土地所有权/使用权面积(㎡)</th>
+                <th >独有独用土地面积(㎡)</th>
+                <th >分摊土地面积(㎡)</th>
             </tr>
             <tr v-for="(item,i) in mjftData.list" :key="i">
                 <td class="cz">
@@ -288,37 +286,9 @@
             }
         }
     }
-    .pers {
-        text-align: center;
-        margin-top: 10px;
-    }
-
-    .pers .el-button {
-        width: 150px;
-    }
-
-    .dzwsl {
-        width: 200px;
-    }
-
     .cz {
         width: 50px;
     }
 
-    .dzwdm ,.syqmj,.dytdmj,.fttjmj{
-        width: 150px;
-    }
-
-  /*  .syqmj {
-        width: 150px;
-    }
-
-    .dytdmj {
-        width: 150px;
-    }
-
-    .fttjmj {
-        width: 150px;
-    }*/
 
 </style>