style:样式调整

src/modules/customer/components/CreateContact.vue

 <template>
-  <el-dialog v-bind="$attrs" v-on="$listeners" top="20vh" :title="title">
-    <el-form ref="form" :model="form" :rules="rules" label-width="100px">
-      <el-form-item label="姓名" prop="name">
-        <el-input v-model="form.name" />
-      </el-form-item>
-      <el-form-item label="职责" prop="position">
-        <el-input v-model="form.position" />
-      </el-form-item>
-      <el-form-item label="部门" prop="department">
-        <el-input v-model="form.department" />
-      </el-form-item>
-      <el-form-item label="电话" prop="mobile">
-        <el-input v-model="form.mobile" />
-      </el-form-item>
-      <el-form-item label="邮箱" prop="email">
-        <el-input v-model="form.email" />
-      </el-form-item>
-      <el-form-item label="微信号" prop="wechat">
-        <el-input v-model="form.wechat" />
-      </el-form-item>
-      <el-form-item label="QQ" prop="qq">
-        <el-input v-model="form.qq" />
-      </el-form-item>
-      <el-form-item label="附属手机" prop="sub_mobile">
-        <el-input v-model="form.sub_mobile" />
-      </el-form-item>
+  <el-dialog v-bind="$attrs" v-on="$listeners" top="20vh" :title="title" width="60%">
+    <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+      <el-row>
+        <el-col span="12">
+          <el-form-item label="姓名" prop="name">
+            <el-input v-model="form.name" />
+          </el-form-item>
+        </el-col>
+        <el-col span="12">
+          <el-form-item label="职责" prop="position">
+            <el-input v-model="form.position" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col span="12">
+          <el-form-item label="部门" prop="department">
+            <el-input v-model="form.department" />
+          </el-form-item>
+        </el-col>
+        <el-col span="12">
+          <el-form-item label="电话" prop="mobile">
+            <el-input v-model="form.mobile" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col span="12">
+          <el-form-item label="邮箱" prop="email">
+            <el-input v-model="form.email" />
+          </el-form-item>
+        </el-col>
+        <el-col span="12">
+          <el-form-item label="微信号" prop="wechat">
+            <el-input v-model="form.wechat" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col span="12">
+          <el-form-item label="QQ" prop="qq">
+            <el-input v-model="form.qq" />
+          </el-form-item>
+        </el-col>
+        <el-col span="12">
+          <el-form-item label="附属手机" prop="sub_mobile">
+            <el-input v-model="form.sub_mobile" />
+          </el-form-item>
+        </el-col>
+      </el-row>
       <el-form-item>
-        <el-button type="primary" style="margin-left: 20px" @click="submit">提交</el-button>
-        <el-button @click="$emit('update:visible', false)" style="margin-left: 50px">取消</el-button>
+        <el-row style="text-align: center; margin-top: 30px">
+          <el-button type="primary" @click="submit">提交</el-button>
+          <el-button @click="$emit('update:visible', false)" style="margin-left: 20px">取消</el-button>
+        </el-row>
       </el-form-item>
     </el-form>
   </el-dialog>

src/modules/customer/components/CreateCoopProject.vue

 <template>
-  <el-dialog v-bind="$attrs" v-on="$listeners" top="40vh" :title="title">
+  <el-dialog v-bind="$attrs" v-on="$listeners" top="20vh" :title="title">
     <el-form ref="form" :model="form" :rules="rules" label-width="100px">
-      <el-form-item label="项目" prop="tag">
-        <el-select v-model="form.tag" placeholder="请选择项目" size="small" style="width: 100%">
-          <el-option label="产业学院" :value="1"></el-option>
-          <el-option label="1+X" :value="2"></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item label="项目进度" prop="status">
-        <el-select v-model="form.status" placeholder="请选择进度" size="small" style="width: 100%">
-          <el-option label="待跟进" :value="1"></el-option>
-          <el-option label="跟进中" :value="2"></el-option>
-          <el-option label="待签约" :value="3"></el-option>
-          <el-option label="已签约" :value="4"></el-option>
-          <el-option label="已合作" :value="5"></el-option>
-          <el-option label="已失效" :value="6"></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item label="负责人" prop="project_sso_ids">
-        <app-user-search v-model="form.project_sso_ids" :options="{ multiple: true }"></app-user-search>
-      </el-form-item>
-      <el-form-item label="合作意向" prop="cooperation_intention">
-        <el-select v-model="form.cooperation_intention" placeholder="请选择合作意向度" size="small" style="width: 100%">
-          <el-option label="1" :value="1"></el-option>
-          <el-option label="2" :value="2"></el-option>
-          <el-option label="3" :value="3"></el-option>
-          <el-option label="4" :value="4"></el-option>
-          <el-option label="5" :value="5"></el-option>
-          <el-option label="6" :value="6"></el-option>
-          <el-option label="7" :value="7"></el-option>
-          <el-option label="8" :value="8"></el-option>
-          <el-option label="9" :value="9"></el-option>
-          <el-option label="10" :value="10"></el-option>
-        </el-select>
-      </el-form-item>
+      <el-row>
+        <el-col span="12">
+          <el-form-item label="项目" prop="tag">
+            <el-select v-model="form.tag" placeholder="请选择项目" size="small" style="width: 100%">
+              <el-option label="产业学院" :value="1"></el-option>
+              <el-option label="1+X" :value="2"></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col span="12">
+          <el-form-item label="项目进度" prop="status">
+            <el-select v-model="form.status" placeholder="请选择进度" size="small" style="width: 100%">
+              <el-option label="待跟进" :value="1"></el-option>
+              <el-option label="跟进中" :value="2"></el-option>
+              <el-option label="待签约" :value="3"></el-option>
+              <el-option label="已签约" :value="4"></el-option>
+              <el-option label="已合作" :value="5"></el-option>
+              <el-option label="已失效" :value="6"></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col span="12">
+          <el-form-item label="负责人" prop="project_sso_ids">
+            <app-user-search v-model="form.project_sso_ids" :options="{ multiple: true }"></app-user-search>
+          </el-form-item>
+        </el-col>
+        <el-col span="12">
+          <el-form-item label="合作意向" prop="cooperation_intention">
+            <el-select
+              v-model="form.cooperation_intention"
+              placeholder="请选择合作意向度"
+              size="small"
+              style="width: 100%"
+            >
+              <el-option label="1" :value="1"></el-option>
+              <el-option label="2" :value="2"></el-option>
+              <el-option label="3" :value="3"></el-option>
+              <el-option label="4" :value="4"></el-option>
+              <el-option label="5" :value="5"></el-option>
+              <el-option label="6" :value="6"></el-option>
+              <el-option label="7" :value="7"></el-option>
+              <el-option label="8" :value="8"></el-option>
+              <el-option label="9" :value="9"></el-option>
+              <el-option label="10" :value="10"></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
       <el-form-item label="备注" prop="remark">
-        <el-input type="textarea" v-model="form.remark" />
+        <el-input type="textarea" v-model="form.remark" maxlength="200" :autosize="{ minRows: 2, maxRows: 4 }" />
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" style="margin-left: 20px" @click="submit">提交</el-button>
-        <el-button @click="$emit('update:visible', false)" style="margin-left: 50px">取消</el-button>
+        <el-row style="text-align: center; margin-top: 20px">
+          <el-button type="primary" @click="submit">提交</el-button>
+          <el-button @click="$emit('update:visible', false)" style="margin-left: 20px">取消</el-button>
+        </el-row>
       </el-form-item>
     </el-form>
   </el-dialog>
@@ -63,6 +82,7 @@ export default {
       rules: {
         tag: [{ required: true, message: '', trigger: 'change' }],
         status: [{ required: true, message: '', trigger: 'change' }],
+        project_sso_ids: [{ required: true, message: '', trigger: 'change' }],
         cooperation_intention: [{ required: true, message: '', trigger: 'change' }]
       }
     }

src/modules/system/customergroup/components/AddCustomerGroup.vue

@@ -4,9 +4,11 @@
       <el-form-item label="客户组名称" prop="name" label-width="100px">
         <el-input v-model="form.name" />
       </el-form-item>
-      <el-form-item label-width="155px">
-        <el-button @click="$emit('update:visible', false)" style="margin-left: 50px">取消</el-button>
-        <el-button type="primary" style="margin-left: 20px" @click="submit">提交</el-button>
+      <el-form-item>
+        <el-row style="float: right">
+          <el-button @click="$emit('update:visible', false)">取消</el-button>
+          <el-button type="primary" style="margin-left: 20px" @click="submit">提交</el-button>
+        </el-row>
       </el-form-item>
     </el-form>
   </el-dialog>