优化样式

src/components/SalesModule/Common/addCustomerContact.vue

@@ -34,33 +34,35 @@
 }
   </style>
   <template>
-      <el-dialog @closed="closedDialog" :modal="false" :visible.sync="dialogTableVisible" :close-on-click-modal="false" class="addContacts">
+      <el-dialog @closed="closedDialog" :modal="false" :visible.sync="dialogTableVisible" 
+      :close-on-click-modal="false" class="addContacts"
+      width="700px">
           <div class="add-tit" slot="title">
               <p v-if="form.ID==0"><span></span>添加联系人</p>
               <p v-else><span></span>修改联系人</p>
               <span icon="el-icon-close"></span>
           </div>
           <div class="form-box">
-            <el-form :model="form" ref="form" class="MyEditForm" :rules="rules">
+            <el-form :model="form" ref="form" class="MyEditForm" :rules="rules" label-width="100px">
                 <el-row :gutter="30">
-                    <el-col :span="8">
+                    <el-col :span="12">
                         <div class="MyEditForm-item">
                             <el-form-item label="联系人" prop="ContactName">
-                                <el-input placeholder="请输入联系人姓名" v-model="form.ContactName"></el-input>
+                                <el-input placeholder="请输入联系人姓名" v-model="form.ContactName" class="w200"></el-input>
                             </el-form-item>
                         </div>
                     </el-col>
-                    <el-col :span="8">
+                    <el-col :span="12">
                         <div class="MyEditForm-item">
                             <el-form-item label="电话" prop="ContactPhone">
-                                <el-input placeholder="请输入联系电话" v-model="form.ContactPhone"></el-input>
+                                <el-input placeholder="请输入联系电话" v-model="form.ContactPhone" class="w200"></el-input>
                             </el-form-item>
                         </div>
                     </el-col>
-                    <el-col :span="8">
+                    <el-col :span="12">
                         <div class="MyEditForm-item">
                             <el-form-item label="职务" prop="ContactDuty">
-                                <el-select v-model="form.ContactDuty" placeholder="请选择联系人职务">
+                                <el-select v-model="form.ContactDuty" placeholder="请选择联系人职务" class="w200">
                                     <el-option 
                                         v-for='item in zwList' 
                                         :label='item.Name' 
@@ -71,12 +73,10 @@
                             </el-form-item>
                         </div>
                     </el-col>
-                </el-row>
-                <el-row :gutter="30">
-                    <el-col :span="8">
+                    <el-col :span="12">
                         <div class="MyEditForm-item">
                             <el-form-item label="性别" prop="Sex">
-                                <el-select v-model="form.Sex" placeholder="请选择联系人性别">
+                                <el-select v-model="form.Sex" placeholder="请选择联系人性别" class="w200">
                                     <el-option label='保密' :value='0' :key='0'> </el-option>
                                     <el-option label='男' :value='1' :key='1'> </el-option>
                                     <el-option label='女' :value='2' :key='2'> </el-option>
@@ -84,20 +84,20 @@
                             </el-form-item>
                         </div>
                     </el-col>
-                    <el-col :span="8">
+                    <el-col :span="12">
                         <div class="MyEditForm-item">
                             <el-form-item label="是否决策人" prop="IsMain">
-                                <el-select v-model="form.IsMain" placeholder="请选择是否决策人">
+                                <el-select v-model="form.IsMain" placeholder="请选择是否决策人" class="w200">
                                     <el-option label='否' :value='0' :key='0'> </el-option>
                                     <el-option label='是' :value='1' :key='1'> </el-option>
                                 </el-select>
                             </el-form-item>
                         </div>
                     </el-col>
-                    <el-col v-if="ContactData.ID==0" :span="8">
+                    <el-col v-if="ContactData.ID==0" :span="12">
                         <div class="MyEditForm-item">
                             <el-form-item label="密码" prop="Password">
-                                <el-input placeholder="请输入登录密码" v-model="form.Password"></el-input>
+                                <el-input placeholder="请输入登录密码" v-model="form.Password" class="w200"></el-input>
                             </el-form-item>
                         </div>
                     </el-col>