商机

operationSupport/src/views/businessManagement/opportunityManagement/setpPage/add.vue

@@ -8,109 +8,127 @@
       class="demo-ruleForm"
     >
       <div class="formContent-item_title">客户信息</div>
-      <el-form-item
-        label="客户姓名"
-        prop="name"
-        class="show-required-icon-star"
-      >
-        <el-input
-          v-model="formData.name"
-          clearable
-          placeholder="请输入客户名称"
-        ></el-input>
-      </el-form-item>
-      <el-form-item
-        label="客户手机"
-        prop="telephon"
-      >
-        <el-input
-          v-model="formData.telephon"
-          clearable
-          placeholder="请输入客户手机"
-        ></el-input>
-      </el-form-item>
-      <el-form-item
-        label="客户类型"
-        prop="customerType"
-      >
-        <el-select
-          v-model="formData.customerType"
-          @change="changeInformType"
-          clearable
-          class="dialog-select"
-          placeholder="请选择"
-        >
-          <el-option
-            v-for="(item, index) in informTypes"
-            :key="index"
-            :label="item.label"
-            :value="item.status"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item
-        label="商机来源"
-        prop="businessOpportunity"
-      >
-        <el-select
-          v-model="formData.businessOpportunity"
-          @change="changeInformType"
-          clearable
-          class="dialog-select"
-          placeholder="请选择"
-        >
-          <el-option
-            v-for="(item, index) in Business"
-            :key="index"
-            :label="item.label"
-            :value="item.status"
-          >{{
+      <el-row>
+        <el-col :span="8">
+          <el-form-item
+            label="客户姓名"
+            prop="name"
+            class="show-required-icon-star"
+          >
+            <el-input
+              v-model="formData.name"
+              clearable
+              placeholder="请输入客户名称"
+            ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item
+            label="客户手机"
+            prop="telephon"
+          >
+            <el-input
+              v-model="formData.telephon"
+              clearable
+              placeholder="请输入客户手机"
+            ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item
+            label="客户类型"
+            prop="customerType"
+          >
+            <el-select
+              v-model="formData.customerType"
+              @change="changeInformType"
+              clearable
+              class="dialog-select"
+              placeholder="请选择"
+            >
+              <el-option
+                v-for="(item, index) in informTypes"
+                :key="index"
+                :label="item.label"
+                :value="item.status"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item
+            label="商机来源"
+            prop="businessOpportunity"
+          >
+            <el-select
+              v-model="formData.businessOpportunity"
+              @change="changeInformType"
+              clearable
+              class="dialog-select"
+              placeholder="请选择"
+            >
+              <el-option
+                v-for="(item, index) in Business"
+                :key="index"
+                :label="item.label"
+                :value="item.status"
+              >{{
                         item.label
                     }}</el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item
-        label="需求类型"
-        prop="demandType"
-      >
-        <el-select
-          v-model="formData.demandType"
-          @change="changeInformType"
-          clearable
-          class="dialog-select"
-          placeholder="请选择"
-        >
-          <el-option
-            v-for="(item, index) in Demand"
-            :key="index"
-            :label="item.label"
-            :value="item.status"
-          >{{
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item
+            label="需求类型"
+            prop="demandType"
+          >
+            <el-select
+              v-model="formData.demandType"
+              @change="changeInformType"
+              clearable
+              class="dialog-select"
+              placeholder="请选择"
+            >
+              <el-option
+                v-for="(item, index) in Demand"
+                :key="index"
+                :label="item.label"
+                :value="item.status"
+              >{{
                         item.label
                     }}</el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item
-        label="意向等级"
-        prop="intentionLevel"
-      >
-        <el-select
-          v-model="formData.intentionLevel"
-          @change="changeInformType"
-          clearable
-          class="dialog-select"
-          placeholder="请选择"
-        >
-          <el-option
-            v-for="(item, index) in Intention"
-            :key="index"
-            :label="item.label"
-            :value="item.status"
-          >{{
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item
+            label="意向等级"
+            prop="intentionLevel"
+          >
+            <el-select
+              v-model="formData.intentionLevel"
+              @change="changeInformType"
+              clearable
+              class="dialog-select"
+              placeholder="请选择"
+            >
+              <el-option
+                v-for="(item, index) in Intention"
+                :key="index"
+                :label="item.label"
+                :value="item.status"
+              >{{
                         item.label
                     }}</el-option>
-        </el-select>
-      </el-form-item>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
       <el-form-item
         label="备注"
         prop="remarks"