样式调整

src/views/manageClass/management.vue

@@ -134,7 +134,7 @@
     </div>
     <el-dialog title="自动分配新增信息" :visible.sync="typeManage.addDialog">
       <el-form ref="addDataForm" :model="addFormInfo.from" :rules="rules">
-        <el-form-item prop="classidStr" label="信息分类" :label-width="'120px'">
+        <el-form-item prop="classidStr" label="信息分类" :label-width="'100px'">
           <!-- <el-select
 						clearable
 						v-model="addFormInfo.from.classidStr"
@@ -157,8 +157,12 @@
             placeholder="请选择类别"
           />
         </el-form-item>
-        <div class="contact">
-          <el-form-item prop="eCommerceId" label="电商ID">
+        <div class="contact1">
+          <el-form-item
+            prop="eCommerceId"
+            label="电商ID"
+            :label-width="'100px'"
+          >
             <el-input
               v-model="addFormInfo.from.eCommerceId"
               style="width: 180px"
@@ -166,7 +170,7 @@
               clearable
             />
           </el-form-item>
-          <el-form-item label="是否是内蒙的信息">
+          <el-form-item label="是否是内蒙的信息" :label-width="'160px'">
             <el-radio-group v-model="addFormInfo.from.isNeiMeng">
               <el-radio :label="true">是</el-radio>
               <el-radio :label="false">否</el-radio>
@@ -174,54 +178,66 @@
           </el-form-item>
         </div>
 
-        <div class="contact">
-          <el-form-item prop="name" label="姓名">
+        <el-row>
+          <el-col :span="12">
+            <el-form-item prop="name" label="姓名" :label-width="'100px'">
               <el-input v-model="addFormInfo.from.name" type="text" clearable />
             </el-form-item>
-          <div>
-            <el-form-item prop="qq" label="QQ号">
+          </el-col>
+          <el-col :span="12">
+            <el-form-item prop="qq" label="QQ号" :label-width="'100px'">
               <el-input v-model="addFormInfo.from.qq" clearable />
             </el-form-item>
-          </div>
-        </div>
-        <div class="contact">
-          <el-form-item prop="telephone" label="电话">
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item prop="telephone" label="电话" :label-width="'100px'">
               <el-input
                 v-model="addFormInfo.from.telephone"
                 clearable
                 type="number"
               />
             </el-form-item>
-          <div>
-            <el-form-item prop="wechatNumber" label="微信号">
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              prop="wechatNumber"
+              label="微信号"
+              :label-width="'100px'"
+            >
               <el-input v-model="addFormInfo.from.wechatNumber" clearable />
             </el-form-item>
-          </div>
-        </div>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="20">
             <el-form-item
               prop="corporate"
               label="公司名称"
-          style="margin-left: 67px; margin-top: 10px"
+              :label-width="'100px'"
             >
-          <el-input
-            v-model="addFormInfo.from.corporate"
-            clearable
-            style="width: 80% !important"
-          />
+              <el-input v-model="addFormInfo.from.corporate" clearable />
             </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
             <el-form-item
               label="需求描述:"
               autosize
               prop="description"
-          style="margin-left: 67px; margin-top: 10px"
+              :label-width="'100px'"
             >
               <el-input
                 type="textarea"
                 v-model="addFormInfo.from.description"
                 :rows="5"
-            style="width: 80% !important"
               ></el-input>
             </el-form-item>
+          </el-col>
+        </el-row>
+        <div></div>
       </el-form>
       <div slot="footer">
         <el-button
@@ -276,7 +292,7 @@
             </el-option>
           </el-select>
         </el-form-item>
-        <el-form-item prop="eCommerceId" label="电商ID">
+        <el-form-item prop="eCommerceId" label="电商ID" :label-width="'100px'">
           <el-input
             v-model="addFormInfo.from.eCommerceId"
             style="width: 180px"
@@ -285,17 +301,17 @@
           />
         </el-form-item>
         <div class="contact">
-          <el-form-item prop="name" label="姓名">
+          <el-form-item prop="name" label="姓名" :label-width="'60px'">
             <el-input v-model="addFormInfo.from.name" type="text" clearable />
           </el-form-item>
           <div>
-            <el-form-item prop="qq" label="QQ号">
+            <el-form-item prop="qq" label="QQ号" :label-width="'60px'">
               <el-input v-model="addFormInfo.from.qq" clearable />
             </el-form-item>
           </div>
         </div>
         <div class="contact">
-          <el-form-item prop="telephone" label="电话">
+          <el-form-item prop="telephone" label="电话" :label-width="'60px'">
             <el-input
               v-model="addFormInfo.from.telephone"
               clearable
@@ -303,7 +319,7 @@
             />
           </el-form-item>
           <div>
-            <el-form-item prop="wechatNumber" label="微信号">
+            <el-form-item prop="wechatNumber" label="微信号" :label-width="'60px'">
               <el-input v-model="addFormInfo.from.wechatNumber" clearable />
             </el-form-item>
           </div>
@@ -311,7 +327,7 @@
         <el-form-item
           prop="corporate"
           label="公司名称"
-          style="margin-left: 67px; margin-top: 10px"
+          style="margin-left: 40px; margin-top: 10px"
         >
           <el-input
             v-model="addFormInfo.from.corporate"
@@ -323,7 +339,7 @@
           label="需求描述:"
           autosize
           prop="description"
-          style="margin-left: 67px; margin-top: 10px"
+          style="margin-left: 40px; margin-top: 10px"
         >
           <el-input
             type="textarea"
@@ -368,7 +384,7 @@
             placeholder="请选择类别"
           />
         </el-form-item>
-        <el-form-item prop="eCommerceId" label="电商ID">
+        <el-form-item prop="eCommerceId" label="电商ID" :label-width="'100px'">
           <el-input
             v-model="editFormInfo.from.eCommerceId"
             style="width: 180px"
@@ -408,7 +424,7 @@
         <el-form-item
           prop="corporate"
           label="公司名称"
-          style="margin-left: 67px; margin-top: 10px"
+          style="margin-left: 30px; margin-top: 10px"
         >
           <el-input
             v-model="editFormInfo.from.corporate"
@@ -419,7 +435,7 @@
         <el-form-item
           label="需求描述:"
           prop="description"
-          style="margin-left: 67px; margin-top: 10px"
+          style="margin-left: 30px; margin-top: 10px"
         >
           <el-input
             type="textarea"
@@ -528,7 +544,6 @@ export default {
           listid: "",
           pushdata: [],
           eCommerceId: "",
-		  isNeiMeng: false,
         },
         flag: 1,
       },
@@ -720,7 +735,7 @@ export default {
               username: this.addFormInfo.from.user,
               userId: this.addFormInfo.from.adduserId,
               eCommerceId: this.addFormInfo.from.eCommerceId,
-			  isNeiMeng: this.addFormInfo.from.isNeiMeng
+              isNeiMeng: this.addFormInfo.from.isNeiMeng,
             };
             if (
               this.addFormInfo.from.telephone === undefined &&
@@ -985,6 +1000,7 @@ export default {
   width: 100%;
   display: flex;
   justify-content: space-around;
+  margin-left: -100px;
 }
 ::v-deep input::-webkit-outer-spin-button,
 ::v-deep input::-webkit-inner-spin-button {