区域配置修改

ems-ui-cloud/src/views/basecfg/area/index.vue

@@ -91,8 +91,9 @@
 
     <!-- 添加或修改区域对象对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
-      <SubTitle title="区域基础信息" style="margin-bottom: 15px;font-size: 15px; font-weight: bold"/>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+
+        <SubTitle title="区域基础信息" style="margin-bottom: 15px;font-size: 15px; font-weight: bold"/>
         <el-row :gutter="20">
           <el-col :span="12">
             <el-form-item label="区域代码" prop="areaCode">
@@ -129,78 +130,78 @@
             </el-form-item>
           </el-col>
         </el-row>
-      </el-form>
-      <template v-if="form.areaAttr">
-      <SubTitle title="区域属性信息"  style="margin-bottom: 15px;font-size: 15px; font-weight: bold"/>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-row :gutter="20">
-        <el-col :span="12" >
-          <el-form-item label="属性代码" prop="areaAttr.areaCode">
-            <el-input v-model="form.areaAttr.areaCode" placeholder="请输入属性代码" />
-          </el-form-item>
-        </el-col>
-          <el-col :span="12">
-            <el-form-item label="区块标签" prop="areaAttr.tagCodeList">
-              <el-select v-model="form.areaAttr.tagCodeList" placeholder="请选择区块标签" multiple clearable :style="{width: '100%'}">
-                <el-option v-for="item in emsTagOptions" :label="item.label" :value="item.value" :key="item.value" />
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="所有单位" prop="areaAttr.attrOrg">
-              <el-input v-model="form.areaAttr.attrOrg" placeholder="请输入所有单位" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="管理单位" prop="areaAttr.mgrOrg">
-              <el-input v-model="form.areaAttr.mgrOrg" placeholder="请输入管理单位" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="负责人" prop="areaAttr.leader">
-              <el-input v-model="form.areaAttr.leader" placeholder="请输入负责人" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="联系电话" prop="areaAttr.phone">
-              <el-input v-model="form.areaAttr.phone" placeholder="请输入联系电话" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="开通时间" prop="areaAttr.openDate">
-              <el-date-picker v-model="form.areaAttr.openDate" type="date" placeholder="选择日期" style="width: 100%"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="建筑面积" prop="areaAttr.floorArea">
-              <el-input v-model="form.areaAttr.floorArea" placeholder="请输入建筑面积" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="使用面积" prop="areaAttr.usableArea">
-              <el-input v-model="form.areaAttr.usableArea" placeholder="请输入使用面积" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="楼层" prop="areaAttr.floor">
-              <el-input v-model="form.areaAttr.floor" placeholder="请输入楼层" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      </template>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="cancel">取 消</el-button>
-      </div>
+
+        <template v-if="form.areaAttr">
+          <SubTitle title="区域属性信息" style="margin-bottom: 15px;font-size: 15px; font-weight: bold"/>
+
+          <el-row :gutter="20">
+            <el-col :span="12" >
+              <el-form-item label="属性代码" prop="areaAttr.areaCode">
+                <el-input v-model="form.areaAttr.areaCode" placeholder="请输入属性代码" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="区块标签" prop="areaAttr.tagCodeList">
+                <el-select v-model="form.areaAttr.tagCodeList" placeholder="请选择区块标签" multiple clearable :style="{width: '100%'}">
+                  <el-option v-for="item in emsTagOptions" :label="item.label" :value="item.value" :key="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="20">
+            <el-col :span="12">
+              <el-form-item label="所有单位" prop="areaAttr.attrOrg">
+                <el-input v-model="form.areaAttr.attrOrg" placeholder="请输入所有单位" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="管理单位" prop="areaAttr.mgrOrg">
+                <el-input v-model="form.areaAttr.mgrOrg" placeholder="请输入管理单位" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="20">
+            <el-col :span="12">
+              <el-form-item label="负责人" prop="areaAttr.leader">
+                <el-input v-model="form.areaAttr.leader" placeholder="请输入负责人" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="联系电话" prop="areaAttr.phone">
+                <el-input v-model="form.areaAttr.phone" placeholder="请输入联系电话" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="20">
+            <el-col :span="12">
+              <el-form-item label="开通时间" prop="areaAttr.openDate">
+                <el-date-picker v-model="form.areaAttr.openDate" type="date" placeholder="选择日期" style="width: 100%"/>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="建筑面积" prop="areaAttr.floorArea">
+                <el-input v-model="form.areaAttr.floorArea" placeholder="请输入建筑面积" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row :gutter="20">
+            <el-col :span="12">
+              <el-form-item label="使用面积" prop="areaAttr.usableArea">
+                <el-input v-model="form.areaAttr.usableArea" placeholder="请输入使用面积" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="楼层" prop="areaAttr.floor">
+                <el-input v-model="form.areaAttr.floor" placeholder="请输入楼层" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </template>
+
+      </el-form> <div slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="submitForm">确 定</el-button>
+      <el-button @click="cancel">取 消</el-button>
+    </div>
     </el-dialog>
   </div>
 </template>