部门编辑调整

src/views/userManagement/groupManagement/forms/corporationdetailEdit.vue

@@ -3,50 +3,45 @@
         <p class="info">企业详情</p>
         <el-image :src="url"></el-image>
         <el-button class="alter" v-if="show">更换</el-button>
-        <div class="form">
-            <el-form :model="form" label-position="left" label-width="130px" :disabled="disabled">
-                <el-form-item :model="form.fullName" label="公司全称：">
-                    <el-input placeholder="test" type="text"></el-input>
-                </el-form-item>
-                <el-form-item :model="form.abbreviateName" label="公司简称：">
-                    <el-input placeholder="test" type="text"></el-input>
-                </el-form-item>
-                <el-form-item :model="form.parentCorporation" label="上级公司：">
-                    <el-select style="width:400px">
-                        <el-option value="1"></el-option>
-                    </el-select>
-                </el-form-item>
-                <el-form-item :model="form.sccide" label="统一社会信用代码：">
-                    <el-select style="width:400px">
-                        <el-option value="1"></el-option>
-                    </el-select>
-                </el-form-item>
-                <el-form-item :model="form.registeredAddress" label="注册地址：">
-                    <el-select style="width:160px">
-                        <el-option value="1"></el-option>
-                    </el-select><span><el-input style="margin-left: 10px; width: 230px;"
-                            placeholder="test"></el-input></span>
-                </el-form-item>
-                <el-form-item :model="form.businessAddress" label="经营地址：">
-                    <el-select style="width:160px">
-                        <el-option label=""></el-option>
-                    </el-select><span><el-input style="margin-left: 10px; width: 230px;"
-                            placeholder="test"></el-input></span>
-                </el-form-item>
-                <el-form-item :model="form.legalName" label="法人姓名：">
-                    <el-input placeholder="test" type="text"></el-input>
-                </el-form-item>
-                <el-form-item :model="form.corporationCode" label="公司编码：">
-                    <el-input placeholder="test" type="text"></el-input>
-                </el-form-item>
-                <el-form-item :model="form.complementCount" label="编制人数：">
-                    <el-input placeholder="test" type="text"></el-input>
-                </el-form-item>
-                <el-form-item :model="form.staffCount" label="在岗人数：">
-                    <el-input placeholder="test" type="text"></el-input>
-                </el-form-item>
-            </el-form>
-        </div>
+        <el-form :model="form" label-position="left" :disabled="disabled">
+            <el-form-item label="公司全称：">
+                <el-input v-model="form.fullName" type="text"></el-input>
+            </el-form-item>
+            <el-form-item label="公司简称：">
+                <el-input v-model="form.abbreviateName" type="text"></el-input>
+            </el-form-item>
+            <el-form-item label="上级公司：">
+                <el-select v-model="form.parentCorporation">
+                    <el-option v-for="item in superiorOptions" :value="item.value" :key="item.value"
+                        :label="item.label"></el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item label="统一社会信用代码：">
+                <el-input v-model="form.sccide"></el-input>
+            </el-form-item>
+            <el-form-item v-model="form.registeredAddress" label="注册地址：">
+                <el-cascader :options="addressOptions" placeholder="选择城市/区级" filterable>
+                </el-cascader>
+                <el-input style="margin-left: 10px;"></el-input>
+            </el-form-item>
+            <el-form-item v-model="form.businessAddress" label="经营地址：">
+                <el-cascader :options="addressOptions" placeholder="选择城市/区级" filterable>
+                </el-cascader>
+                <el-input style="margin-left: 10px;"></el-input>
+            </el-form-item>
+            <el-form-item label="法人姓名：">
+                <el-input v-model="form.legalName" type="text"></el-input>
+            </el-form-item>
+            <el-form-item label="公司编码：">
+                <el-input v-model="form.corporationCode" type="text"></el-input>
+            </el-form-item>
+            <el-form-item label="编制人数：">
+                <el-input v-model="form.complementCount" type="text"></el-input>
+            </el-form-item>
+            <el-form-item label="在岗人数：">
+                <el-input v-model="form.staffCount" type="text"></el-input>
+            </el-form-item>
+        </el-form>
         <div class="bottom">
             <el-button style="background:#B3B3B3;">删除</el-button>
             <el-button @click="edit">编辑</el-button>
@@ -72,7 +67,14 @@ export default {
                 complementCount: '',
                 staffCount: ''
             },
-            url: ''
+            url: '',
+            superiorOptions: [
+                {
+                    value: '0',
+                    label: '中讯邮电咨询设计院'
+                }
+            ],
+            addressOptions: [],
         }
     },
     methods: {
@@ -92,7 +94,7 @@ export default {
 }
 
 .el-image {
-    width: 1300px;
+    width: 95%;
     height: 150px;
 }
 
@@ -102,42 +104,48 @@ export default {
     top: 165px;
 }
 
-.form {
-    margin-left: 350px;
-    margin-top:50px;
-    .el-form {
-        //margin: 40px 0 0 0;
 
-        .el-form-item {
-            padding-top: 10px;
-            margin-inline: 20px;
-            margin-bottom: 0;
+.el-form {
+    padding: 20px 20% 0 20%;
+    .el-form-item {
+        padding-top: 10px;
+        margin-inline: 20px;
+        margin-bottom: 0;
+    }
+    .el-select{
+        width: 100%;
+    }
+    .el-cascader{
+        /deep/.el-input__inner{
+            width: 180px;
         }
+    }
 
-        /deep/.el-form-item__label {
-            padding: 0;
-            text-align: left;
-        }
+    /deep/.el-form-item__label {
+        padding: 0;
+        text-align: left;
+        font-weight: 550;
+    }
 
-        /deep/.el-form-item__content {
-            display: flex;
-            width: 400px;
-        }
+    /deep/.el-form-item__content {
+        display: flex;
     }
 }
 
+
 .bottom {
     position: absolute;
     bottom: 15px;
-    margin-left: 520px;
+    left: 50%;
 }
+
 .el-button {
-        width: 100px;
-        height: 30px;
-        color: #fff;
-        padding: 3px;
-        margin-left: 50px;
-        font-size: 14px;
-        background: #3da0d6;
-    }
+    width: 100px;
+    height: 30px;
+    color: #fff;
+    padding: 3px;
+    margin-left: 50px;
+    font-size: 14px;
+    background: #3da0d6;
+}
 </style>