folat

src/views/networkAccess/registration.vue

@@ -191,172 +191,159 @@
           :model="model"
           :rules="rules"
         >
-          <div   style="">
+          <div   style="overflow: auto">
 
             <a-list size="large" bordered>
               <template>
-                <a-list-item>
+                <a-list-item  class="box">
 
-                    <a-col :span="12"  >
-                     <div style="float:left">1、客户名下无电信号码</div>
-                      <div style="clear: both"></div>
+                    <a-col :span="12" >
                       <div>
-                        <a-form-model-item label="" prop="userOpenState" v-bind="labelCol1Pro1A3" style="margin: 3px 3px">
+                        <div style="float:left;margin: 20px 3px;">1、客户名下无电信号码</div>
+                        <div style="float:right;margin: 20px 10px;" >
                           <a-radio-group v-model="model.isDxNumber" button-style="solid">
                             <a-radio :value="1">是</a-radio>
                             <a-radio :value="2">否</a-radio>
                           </a-radio-group>
-                        </a-form-model-item>
-                      </div>
-
+                        </div>
+                    </div>
                   </a-col>
                   <a-col :span="12">
-                    <a-form-model-item label="备注" prop="userOpenState" v-bind="labelCol1Pro" style="margin: 3px 3px">
-                      <a-textarea
-                        v-model="model.isDxNumberNote"
-                        placeholder="请输入排查结果备注信息"
-                      />
-                    </a-form-model-item>
+                    <div style="clear: both"></div>
+                    <a-input v-model="model.isDxNumberNote" placeholder="请输入排查结果备注信息" style="margin: 3px 3px;width: 400px;float: right"></a-input>
                   </a-col>
-
                 </a-list-item>
 
-                <a-list-item style="height: 80px">
+                <a-list-item  class="box">
                   <a-col :span="12">
-                    <a-form-model-item label="2、申请号码办理征信类、融合宽带业务" prop="userOpenState" v-bind="labelCol1Pro1A3">
-                      <a-radio-group v-model="model.isBroadband" button-style="solid">
-                        <a-radio :value="1">是</a-radio>
-                        <a-radio :value="2">否</a-radio>
-                      </a-radio-group>
-                    </a-form-model-item>
+                    <div>
+                        <div style="float:left;margin: 20px 3px;">2、申请号码办理征信类、融合宽带业务</div>
+                        <div style="float:right;margin: 20px 10px;" >
+                            <a-radio-group v-model="model.isBroadband" button-style="solid">
+                              <a-radio :value="1">是</a-radio>
+                              <a-radio :value="2">否</a-radio>
+                            </a-radio-group>
+                        </div>
+                    </div>
                   </a-col>
                   <a-col :span="12">
-                    <a-form-model-item label="备注" prop="userOpenState" v-bind="labelCol1Pro" style="margin: 3px 3px">
-                      <a-textarea
-                        v-model="model.isBroadbandNote"
-                        placeholder="请输入排查结果备注信息"
-                      />
-                    </a-form-model-item>
+                    <div style="clear: both"></div>
+                    <a-input v-model="model.isBroadbandNote" placeholder="请输入排查结果备注信息" style="margin: 3px 3px;width: 400px;float: right"></a-input>
                   </a-col>
                 </a-list-item>
 
-                <a-list-item style="height: 80px">
+                <a-list-item  class="box">
                   <a-col span="12">
-                    <a-form-model-item label="3、   申请号码使用用途异常" prop="userOpenState" v-bind="labelCol1Pro1A3"
-                                       style="margin: 3px 3px">
-                      <a-radio-group v-model="model.isUseTo" button-style="solid">
-                        <a-radio :value="1">是</a-radio>
-                        <a-radio :value="2">否</a-radio>
-                      </a-radio-group>
-                    </a-form-model-item>
+                    <div>
+                      <div style="float:left;margin: 20px 3px;">3、 申请号码使用用途异常</div>
+                      <div style="float:right;margin: 20px 10px;" >
+
+                        <a-radio-group v-model="model.isUseTo" button-style="solid">
+                          <a-radio :value="1">是</a-radio>
+                          <a-radio :value="2">否</a-radio>
+                        </a-radio-group>
+                      </div>
+                    </div>
                   </a-col>
                   <a-col :span="12">
-                    <a-form-model-item label="备注" prop="userOpenState" v-bind="labelCol1Pro" style="margin: 3px 3px">
-                      <a-textarea
-                        v-model="model.isUseToNote"
-                        placeholder="请输入排查结果备注信息"
-                      />
-                    </a-form-model-item>
+                    <div style="clear: both"></div>
+                    <a-input v-model="model.isUseToNote" placeholder="请输入排查结果备注信息" style="margin: 3px 3px;width: 400px;float: right"></a-input>
                   </a-col>
                 </a-list-item>
 
-                <a-list-item style="height: 80px">
+                <a-list-item class="box">
                   <a-col :span="12">
-                    <a-form-model-item label="4、客户名下号码存在异常高频率充值、退费" prop="userOpenState" v-bind="labelCol1Pro1A3"
-                                       style="margin: 3px 3px">
+                    <div>
+                      <div style="float:left;margin: 20px 3px;">4、客户名下号码存在异常高频率充值、退费</div>
+                      <div style="float:right;margin: 20px 10px;" >
+
                       <a-radio-group v-model="model.isRefund" button-style="solid">
                         <a-radio :value="1">是</a-radio>
                         <a-radio :value="2">否</a-radio>
                       </a-radio-group>
-                    </a-form-model-item>
+                      </div>
+                    </div>
                   </a-col>
                   <a-col :span="12">
-                    <a-form-model-item label="备注" prop="userOpenState" v-bind="labelCol1Pro" style="margin: 3px 3px">
-                      <a-textarea
-                        v-model="model.isRefundNote"
-                        placeholder="请输入排查结果备注信息"
-                      />
-                    </a-form-model-item>
+                    <div style="clear: both"></div>
+                    <a-input v-model="model.isRefundNote" placeholder="请输入排查结果备注信息" style="margin: 3px 3px;width: 400px;float: right"></a-input>
                   </a-col>
                 </a-list-item>
 
-                <a-list-item style="height: 80px">
+                <a-list-item class="box">
                   <a-col span="12">
-                    <a-form-model-item label="5、客户名下已有号码（含已注销号码）存在各类关停" prop="userOpenState" v-bind="labelCol1Pro1A3"
-                                       style="margin: 3px 3px">
+                    <div>
+                      <div style="float:left;margin: 20px 3px;">5、客户名下已有号码（含已注销号码）存在各类关停</div>
+                      <div style="float:right;margin: 20px 10px;" >
+
                       <a-radio-group v-model="model.isShutDown" button-style="solid">
                         <a-radio :value="1">是</a-radio>
                         <a-radio :value="2">否</a-radio>
                       </a-radio-group>
-                    </a-form-model-item>
+                      </div>
+                    </div>
                   </a-col>
                   <a-col :span="12">
-                    <a-form-model-item label="备注" prop="userOpenState" v-bind="labelCol1Pro" style="margin: 3px 3px">
-                      <a-textarea
-                        v-model="model.isShutDownNote"
-                        placeholder="请输入排查结果备注信息"
-                      />
-                    </a-form-model-item>
+                    <div style="clear: both"></div>
+                    <a-input v-model="model.isShutDownNote" placeholder="请输入排查结果备注信息" style="margin: 3px 3px;width: 400px;float: right"></a-input>
                   </a-col>
                 </a-list-item>
 
-                <a-list-item style="height: 80px">
+                <a-list-item class="box">
                   <a-col span="12">
-                    <a-form-model-item label="6、客户名下在用号码无使用记录，仍要求新办号码" prop="userOpenState" v-bind="labelCol1Pro1A3"
-                                       style="margin: 3px 3px">
+
+                    <div>
+                      <div style="float:left;margin: 20px 3px;">6、客户名下在用号码无使用记录，仍要求新办号码</div>
+                      <div style="float:right;margin: 20px 10px;" >
+
                       <a-radio-group v-model="model.isNewly" button-style="solid">
                         <a-radio :value="1">是</a-radio>
                         <a-radio :value="2">否</a-radio>
                       </a-radio-group>
-                    </a-form-model-item>
+                      </div>
+                    </div>
                   </a-col>
                   <a-col :span="12">
-                    <a-form-model-item label="备注" prop="userOpenState" v-bind="labelCol1Pro" style="margin: 3px 3px">
-                      <a-textarea
-                        v-model="model.isNewlyNote"
-                        placeholder="请输入排查结果备注信息"
-                      />
-                    </a-form-model-item>
+                    <div style="clear: both"></div>
+                    <a-input v-model="model.isNewlyNote" placeholder="请输入排查结果备注信息" style="margin: 3px 3px;width: 400px;float: right"></a-input>
                   </a-col>
                 </a-list-item>
 
-                <a-list-item style="height: 80px">
+                <a-list-item class="box">
                   <a-col span="12">
-                    <a-form-model-item label="7、在多个渠道多频次入网的异常情况" prop="userOpenState" v-bind="labelCol1Pro1A3"
-                                       style="margin: 3px 5px 3px">
+                    <div>
+                      <div style="float:left;margin: 20px 3px;">7、在多个渠道多频次入网的异常情况</div>
+                      <div style="float:right;margin: 20px 10px;" >
+
                       <a-radio-group v-model="model.isChannel" button-style="solid">
                         <a-radio :value="1">是</a-radio>
                         <a-radio :value="2">否</a-radio>
                       </a-radio-group>
-                    </a-form-model-item>
+                      </div>
+                    </div>
                   </a-col>
                   <a-col :span="12">
-                    <a-form-model-item label="备注" prop="userOpenState" v-bind="labelCol1Pro" style="margin: 3px 3px">
-                      <a-textarea
-                        v-model="model.isChannelNote"
-                        placeholder="请输入排查结果备注信息"
-                      />
-                    </a-form-model-item>
+                    <div style="clear: both"></div>
+                    <a-input v-model="model.isChannelNote" placeholder="请输入排查结果备注信息" style="margin: 3px 3px;width: 400px;float: right"></a-input>
                   </a-col>
                 </a-list-item>
 
-                <a-list-item style="height: 80px">
+                <a-list-item class="box">
                   <a-col span="12">
-                    <a-form-model-item label="8、黑名单到期客户新入网的高危疑似涉诈号码" prop="userOpenState" v-bind="labelCol1Pro1A3"
-                                       style="margin: 3px 3px">
+                    <div>
+                      <div style="float:left;margin: 20px 3px;">8、黑名单到期客户新入网的高危疑似涉诈号码</div>
+                      <div style="float:right;margin: 20px 10px;" >
+
                       <a-radio-group v-model="model.isInvolvingFraud" button-style="solid">
                         <a-radio :value="1">是</a-radio>
                         <a-radio :value="2">否</a-radio>
                       </a-radio-group>
-                    </a-form-model-item>
+                      </div>
+                    </div>
                   </a-col>
                   <a-col :span="12">
-                    <a-form-model-item label="备注" prop="userOpenState" v-bind="labelCol1Pro" style="margin: 3px 3px">
-                      <a-textarea
-                        v-model="model.isInvolvingFraudNote"
-                        placeholder="请输入排查结果备注信息"
-                      />
-                    </a-form-model-item>
+                    <div style="clear: both"></div>
+                    <a-input v-model="model.isInvolvingFraudNote" placeholder="请输入排查结果备注信息" style="margin: 3px 3px;width: 400px;float: right"></a-input>
                   </a-col>
                 </a-list-item>
 
@@ -1830,4 +1817,9 @@ export default {
 .is-error {
   border-color: red
 }
+
+.box {
+  margin: 0;
+  padding: 0;
+}
 </style>