页面优化

src/views/networkAccess/registrationSelect.vue

@@ -74,8 +74,9 @@
                 <a-form-model-item required label="证件编号" prop="cardNo"   :labelCol="{ span:8 }"   :wrapperCol="{ span: 14 }"    >
 
 <!--                  <a-radio-group v-model="model.cardNo" button-style="solid"    slot-scope="text, record">-->
-                    <a-input v-model="model.cardNo" placeholder="请输入证件编号" @keyup="keyupInfo('')" id="cardNo" :disabled="isDisabled" @blur="showCheck0('cardNo')"></a-input>
-<!--                  </a-radio-group>--><a-icon slot="prefix" type="user" :style="{ color: 'rgba(0,0,0,.25)' }"/>
+<!--                    <a-input v-model="model.cardNo" placeholder="请输入证件编号" @keyup="keyupInfo('')" id="cardNo" :disabled="isDisabled" @blur="showCheck0('cardNo')"></a-input>-->
+<!--&lt;!&ndash;                  </a-radio-group>&ndash;&gt;<a-icon slot="prefix" type="user" :style="{ color: 'rgba(0,0,0,.25)' }"/>-->
+                  <span  class="cornflowerblue">{{ model.cardNo }}</span>
                 </a-form-model-item>
 
               </a-col>
@@ -83,8 +84,9 @@
               <a-col :span="6">
                 <a-form-model-item label="客户名称"   prop="industry" :labelCol="{ span:8 }"   :wrapperCol="{ span: 14 }"   >
 <!--                  <a-radio-group v-model="model.cardName" button-style="solid" prop="cardNo">-->
-                    <a-input v-model="model.cardName" placeholder="客户名称"  id="cardName"  @blur="showCheck0('cardName')" :disabled="isDisabled"></a-input>
+<!--                    <a-input v-model="model.cardName" placeholder="客户名称"  id="cardName"  @blur="showCheck0('cardName')" :disabled="isDisabled"></a-input>-->
 <!--                  </a-radio-group>-->
+                  <span  class="cornflowerblue">{{ model.cardName }}</span>
                 </a-form-model-item>
               </a-col>
               <!--              <a-col :span="8" >-->
@@ -96,8 +98,9 @@
                 <div>
                   <div  style="float:left;margin: 10px 3px;">  <div class="redInfo"  v-if="showIdCardAddress">*</div> 证件地址：</div>
                   <!--                  <a-radio-group v-model="model.cardName" button-style="solid" prop="cardNo">-->
-                  <div style="float:left;margin: 5px 0px;">
-                    <a-input v-model="model.idCardAddress" placeholder="证件地址"  id="idCardAddress"  @blur="showCheck0('idCardAddress')" :disabled="isDisabled"></a-input>
+                  <div style="float:left;margin: 9px 0px;">
+<!--                    <a-input v-model="model.idCardAddress" placeholder="证件地址"  id="idCardAddress"  @blur="showCheck0('idCardAddress')" :disabled="isDisabled"></a-input>-->
+                    <span  class="cornflowerblue">{{ model.idCardAddress }}</span>
                   </div>
                   <!--                  </a-radio-group>-->
                 </div>
@@ -113,10 +116,12 @@
 <!--                </a-form-item>-->
                 <a-form-model-item label="身份证是否在有效期" prop="modelOperator" :labelCol="{ span:12 }"
                                    :wrapperCol="{ span: 11 }" style="margin: 0px 0px">
-                  <a-radio-group v-model="model.cardStartTimeAndEnd" button-style="solid" id="cardStartTimeAndEnd" @change="showCheck0('cardStartTimeAndEnd')" :disabled="isDisabled">
-                    <a-radio value="1"  >是</a-radio>
-                    <a-radio value="2"  >否</a-radio>
-                  </a-radio-group>
+<!--                  <a-radio-group v-model="model.cardStartTimeAndEnd" button-style="solid" id="cardStartTimeAndEnd" @change="showCheck0('cardStartTimeAndEnd')" :disabled="isDisabled">-->
+<!--                    <a-radio value="1"  >是</a-radio>-->
+<!--                    <a-radio value="2"  >否</a-radio>-->
+<!--                  </a-radio-group>-->
+                  <span v-if='model.cardStartTimeAndEnd=="1"' class="cornflowerblue">是</span>
+                  <span v-if='model.cardStartTimeAndEnd=="2"' class="cornflowerblue">否</span>
                   <div v-if="cardStartTimeAndEndShow" style="color: red">身份证是否在有效期</div>
                 </a-form-model-item>
               </a-col>
@@ -145,9 +150,10 @@
               <a-col :span="7">
                 <a-form-model-item label="拨测联系电话"  :labelCol="{ span:8 }"   :wrapperCol="{ span: 12 }"  prop="phone">
 <!--                  <a-radio-group v-model="model.phone" button-style="solid">-->
-                    <a-input v-model="model.phone" placeholder="请输入拨测联系电话"
-                             @keyup="keyupInfoPhone(model.phone)" @blur="showCheck0('phone')" id="phone"  :disabled="isDisabled"></a-input>
+<!--                    <a-input v-model="model.phone" placeholder="请输入拨测联系电话"-->
+<!--                             @keyup="keyupInfoPhone(model.phone)" @blur="showCheck0('phone')" id="phone"  :disabled="isDisabled"></a-input>-->
 <!--                  </a-radio-group>-->
+                  <span   class="cornflowerblue">{{ model.phone }}</span>
                 </a-form-model-item>
               </a-col>
 
@@ -155,7 +161,8 @@
               <a-col :span="7">
                 <a-form-model-item label="联电归属地"  prop="industry" :labelCol="{ span:8 }"   :wrapperCol="{ span: 12 }">
 <!--                  <a-radio-group v-model="model.address" button-style="solid">-->
-                    <a-input v-model="model.address" placeholder="请输入联电归属地" id="address" @blur="showCheck0('address')"  :disabled="isDisabled"></a-input>
+<!--                    <a-input v-model="model.address" placeholder="请输入联电归属地" id="address" @blur="showCheck0('address')"  :disabled="isDisabled"></a-input>-->
+                  <span   class="cornflowerblue">{{ model.address }}</span>
 <!--                  </a-radio-group>-->
                 </a-form-model-item>
               </a-col>
@@ -178,21 +185,21 @@
                                    :wrapperCol="{ span: 13}" prop="operatorType" style="margin: 0px 0px">
                   <a-checkbox-group v-model="model.operatorType" button-style="solid"  @change="showCheck0('operatorType')" :disabled="isDisabled">
 
-                    <a-checkbox value="1">移动</a-checkbox>
+                    <a-checkbox value="1"> <span   class="cornflowerblue">移动</span></a-checkbox>
                     <!--                    <span v-if="this.model.yidong>5 " style="color: red">[{{ this.model.yidong }}]</span><span-->
                     <!--                    v-if="this.model.yidong<5 " style="color: green">[{{ this.model.yidong }}]</span>-->
                     <a-input-number id="inputNumberyidong" v-model="model.yidong" style="width: 45px" :min="0" :max="100"  :disabled="isDisabled"/>
 
-                    <a-checkbox value="2"  style='margin-left: 5px'>联通</a-checkbox>
+                    <a-checkbox value="2"  style='margin-left: 5px'><span   class="cornflowerblue">联通</span></a-checkbox>
                     <!--                    <span v-if="this.model.liantong>5 " style="color: red">[{{ this.model.liantong }}]</span><span-->
                     <!--                    v-if="this.model.liantong<5 " style="color: green">[{{ this.model.liantong }}]</span>-->
                     <a-input-number id="inputNumberliantong" v-model="model.liantong" style="width: 45px;height: 30px" :min="0" :max="100"  :disabled="isDisabled"/>
                     <br>
-                    <a-checkbox value="3" >电信</a-checkbox>
+                    <a-checkbox value="3" ><span   class="cornflowerblue">电信</span></a-checkbox>
                     <!--                    <span v-if="this.model.dianxin>5 " style="color: red">[{{ this.model.dianxin }}]</span><span-->
                     <!--                    v-if="this.model.dianxin<5 " style="color: green">[{{ this.model.dianxin }}]</span>-->
                     <a-input-number id="inputNumberdianxin" v-model="model.dianxin" style="width: 45px" :min="0" :max="100"  :disabled="isDisabled"/>
-                    <a-checkbox value="4"   style='margin-left: 5px'>其他</a-checkbox>
+                    <a-checkbox value="4"   style='margin-left: 5px'><span   class="cornflowerblue">其他</span></a-checkbox>
                     <a-input-number id="inputNumberqita" v-model="model.qita" style="width: 45px" :min="0" :max="100" :disabled="isDisabled" />
                     <!--                    <span v-if="this.model.qita>5 " style="color: red">[{{ this.model.qita }}]</span><span-->
                     <!--                    v-if="this.model.qita<5 " style="color: green">[{{ this.model.qita }}]</span>-->
@@ -207,9 +214,9 @@
               <a-col :span="7">
                 <a-form-model-item label="新办号码用途" prop="phonePurpose"  :labelCol="{ span:8 }"   :wrapperCol="{ span: 12 }">
 <!--                  <a-radio-group v-model="model.phonePurpose" button-style="solid">-->
-                    <a-input v-model="model.phonePurpose" placeholder="请输入用途" id="phonePurpose" @blur="showCheck0('phonePurpose')"  :disabled="isDisabled"></a-input>
+<!--                    <a-input v-model="model.phonePurpose" placeholder="请输入用途" id="phonePurpose" @blur="showCheck0('phonePurpose')"  :disabled="isDisabled"></a-input>-->
 <!--                  </a-radio-group>-->
-
+                  <span   class="cornflowerblue">{{ model.phonePurpose }}</span>
                 </a-form-model-item>
 
               </a-col>
@@ -218,31 +225,32 @@
                   <a-form-model-item label="客户所属行业"    prop="industry" :labelCol="{ span:8 }"   :wrapperCol="{ span: 12 }"style="margin: 0px 0px" >
 <!--                    <j-dict-select-tag placeholder="请选择客户所属行业" v-model="model.industry"  dictCode="custom_industry" id="industry" @change="showCheck0('industry')" />-->
                     <div @click="handleSearch('')">
-
-                      <a-auto-complete
-                        style="width: 180px"
-                        placeholder="输入搜索关键字"
-                        option-label-prop="value"
-                        @select="handleSelect"
-                        @search="handleSearch"
-                        v-model="model.industry"
-                        :defaultActiveFirstOption="false"
-                        :allowClear="true" :disabled="isDisabled">
-                        <a-spin v-if="fetching" class="auto-spin" slot="notFoundContent" size="small"   />
-                        <template slot="dataSource">
-                          <a-select-option v-for="(item, index) in getDataSysDictItem" :key="index" :value="item.value" @click="clickhandleSearch(item.value)"  :disabled="isDisabled" >
-                            <a-row type="flex" justify="space-between" align="middle"  @change="showCheck0('industry')">
-                              <a-col>{{ item.value }}</a-col>
-
-                            </a-row>
-
-                          </a-select-option>
-
-                        </template>
-                      </a-auto-complete>
+                      <span   class="cornflowerblue">{{ model.industry }}</span>
+<!--                      <a-auto-complete-->
+<!--                        style="width: 180px"-->
+<!--                        placeholder="输入搜索关键字"-->
+<!--                        option-label-prop="value"-->
+<!--                        @select="handleSelect"-->
+<!--                        @search="handleSearch"-->
+<!--                        v-model="model.industry"-->
+<!--                        :defaultActiveFirstOption="false"-->
+<!--                        :allowClear="true" :disabled="isDisabled">-->
+<!--                        <a-spin v-if="fetching" class="auto-spin" slot="notFoundContent" size="small"   />-->
+<!--                        <template slot="dataSource">-->
+<!--                          <a-select-option v-for="(item, index) in getDataSysDictItem" :key="index" :value="item.value" @click="clickhandleSearch(item.value)"  :disabled="isDisabled" >-->
+<!--                            <a-row type="flex" justify="space-between" align="middle"  @change="showCheck0('industry')">-->
+<!--                              <a-col>{{ item.value }}</a-col>-->
+
+<!--                            </a-row>-->
+
+<!--                          </a-select-option>-->
+
+<!--                        </template>-->
+<!--                      </a-auto-complete>-->
                     </div>
-                    <a-input  v-if="industryNullQiTa" v-model="industryQiTa"   placeholder="请填写客户所属行业(其它)" id="" @keyup="showCheck0('industryQiTa')" :disabled="isDisabled"></a-input>
-                    <div v-if="industryNull" style="color: red"  >请选择客户所属行业</div>
+                    <span   class="cornflowerblue">{{ industryQiTa }}</span>
+<!--                    <a-input  v-if="industryNullQiTa" v-model="industryQiTa"   placeholder="请填写客户所属行业(其它)" id="" @keyup="showCheck0('industryQiTa')" :disabled="isDisabled"></a-input>-->
+<!--                    <div v-if="industryNull" style="color: red"  >请选择客户所属行业</div>-->
                   </a-form-model-item>
 
 
@@ -268,12 +276,17 @@
             <a-row>
               <a-col :span="15">
                 <a-form-model-item label="拨测结果" prop="calltestResultsName" :labelCol="{ span: 3 }" :wrapperCol="{ span: 15 }" style="margin: 0px 0px">
-                  <a-radio-group v-model="model.calltestResults" button-style="solid" @change="showCheck0('calltestResults')"  :disabled="isDisabled">
-                    <a-radio value="1"  style="color: red">关机</a-radio>
-                    <a-radio value="2"  style="color: red">未接通</a-radio>
-                    <a-radio value="3"  style="color: red">可接通不知晓入网事宜</a-radio>
-                    <a-radio value="4"  >可接通认可办理</a-radio>
-                  </a-radio-group>
+                  <span v-if='model.calltestResults=="1"'  class="cornflowerblue">关机</span>
+                  <span v-if='model.calltestResults=="2"'  class="cornflowerblue">未接通</span>
+                  <span v-if='model.calltestResults=="3"'  class="cornflowerblue">可接通不知晓入网事宜</span>
+                  <span v-if='model.calltestResults=="4"'  class="cornflowerblue">可接通认可办理</span>
+
+<!--                  <a-radio-group v-model="model.calltestResults" button-style="solid" @change="showCheck0('calltestResults')"  :disabled="isDisabled">-->
+<!--                    <a-radio value="1"  style="color: red">关机</a-radio>-->
+<!--                    <a-radio value="2"  style="color: red">未接通</a-radio>-->
+<!--                    <a-radio value="3"  style="color: red">可接通不知晓入网事宜</a-radio>-->
+<!--                    <a-radio value="4"  >可接通认可办理</a-radio>-->
+<!--                  </a-radio-group>-->
                   <a-button type="link" style="color: red" v-if="this.model.calltestResults==='1' ">拨测号码关机！</a-button>
                   <div v-if="calltestResultsNull" style="color: red">请选择拨测结果</div>
                 </a-form-model-item>
@@ -308,16 +321,19 @@
 
                       <div style="float:left;margin: 20px 3px;" id="directRequirements"><div class="redInfo" >*</div>1、客户进厅直接要求办理移动号码入网</div>
                       <div style="float:right;margin: 20px 10px;" >
-                        <a-radio-group v-model="model.directRequirements" button-style="solid" @change="showCheck1('directRequirements')"  :disabled="isDisabled">
-                          <a-radio :value="1">是</a-radio>
-                          <a-radio :value="2">否</a-radio>
-                        </a-radio-group>
+                        <span v-if='model.directRequirements=="1"'  class="cornflowerblue">是</span>
+                        <span v-if='model.directRequirements=="2"'  class="cornflowerblue">否</span>
+<!--                        <a-radio-group v-model="model.directRequirements" button-style="solid" @change="showCheck1('directRequirements')"  :disabled="isDisabled">-->
+<!--                          <a-radio :value="1">是</a-radio>-->
+<!--                          <a-radio :value="2">否</a-radio>-->
+<!--                        </a-radio-group>-->
                       </div>
                     </div>
                   </a-col>
                   <a-col :span="12">
                     <div style="clear: both"></div>
-                    <a-input v-model="model.directRequirementsNode" placeholder="请输入排查结果备注信息" style="margin: 3px 3px;width: 400px;float: right"  :disabled="isDisabled"></a-input>
+                    <span style="margin: 3px 3px;width: 400px;float: right"  class="cornflowerblue">{{ model.directRequirementsNode }}</span>
+<!--                    <a-input v-model="model.directRequirementsNode" placeholder="请输入排查结果备注信息" style="margin: 3px 3px;width: 400px;float: right"  :disabled="isDisabled"></a-input>-->
                   </a-col>
                 </a-list-item>
 
@@ -328,16 +344,19 @@
 
                       <div style="float:left;margin: 20px 3px;" id="passOne"><div class="redInfo" >*</div>2、客户主动申请一次性办理超过一个号码</div>
                       <div style="float:right;margin: 20px 10px;" >
-                        <a-radio-group v-model="model.passOne" button-style="solid" @change="showCheck1('passOne')"  :disabled="isDisabled">
-                          <a-radio :value="1">是</a-radio>
-                          <a-radio :value="2">否</a-radio>
-                        </a-radio-group>
+                        <span v-if='model.passOne=="1"'  class="cornflowerblue">是</span>
+                        <span v-if='model.passOne=="2"'  class="cornflowerblue">否</span>
+<!--                        <a-radio-group v-model="model.passOne" button-style="solid" @change="showCheck1('passOne')"  :disabled="isDisabled">-->
+<!--                          <a-radio :value="1">是</a-radio>-->
+<!--                          <a-radio :value="2">否</a-radio>-->
+<!--                        </a-radio-group>-->
                       </div>
                     </div>
                   </a-col>
                   <a-col :span="12">
                     <div style="clear: both"></div>
-                    <a-input v-model="model.passOneNode" placeholder="请输入排查结果备注信息" style="margin: 3px 3px;width: 400px;float: right"  :disabled="isDisabled"></a-input>
+                    <span style="margin: 3px 3px;width: 400px;float: right"  class="cornflowerblue">{{ model.passOneNode }}</span>
+<!--                    <a-input v-model="model.passOneNode" placeholder="请输入排查结果备注信息" style="margin: 3px 3px;width: 400px;float: right"  :disabled="isDisabled"></a-input>-->
                   </a-col>
                 </a-list-item>
 
@@ -348,16 +367,19 @@
 
                       <div style="float:left;margin: 20px 3px;" id="nonConformance"><div class="redInfo" >*</div>3、所办号码月缴费金额不符合客户消费能力</div>
                       <div style="float:right;margin: 20px 10px;" >
-                        <a-radio-group v-model="model.nonConformance" button-style="solid" @change="showCheck1('nonConformance')"  :disabled="isDisabled">
-                          <a-radio :value="1">是</a-radio>
-                          <a-radio :value="2">否</a-radio>
-                        </a-radio-group>
+                        <span v-if='model.nonConformance=="1"'  class="cornflowerblue">是</span>
+                        <span v-if='model.nonConformance=="2"'  class="cornflowerblue">否</span>
+<!--                        <a-radio-group v-model="model.nonConformance" button-style="solid" @change="showCheck1('nonConformance')"  :disabled="isDisabled">-->
+<!--                          <a-radio :value="1">是</a-radio>-->
+<!--                          <a-radio :value="2">否</a-radio>-->
+<!--                        </a-radio-group>-->
                       </div>
                     </div>
                   </a-col>
                   <a-col :span="12">
                     <div style="clear: both"></div>
-                    <a-input v-model="model.nonConformanceNode" placeholder="请输入排查结果备注信息" style="margin: 3px 3px;width: 400px;float: right"  :disabled="isDisabled"></a-input>
+                    <span style="margin: 3px 3px;width: 400px;float: right"  class="cornflowerblue">{{ model.nonConformanceNode }}</span>
+<!--                    <a-input v-model="model.nonConformanceNode" placeholder="请输入排查结果备注信息" style="margin: 3px 3px;width: 400px;float: right"  :disabled="isDisabled"></a-input>-->
                   </a-col>
                 </a-list-item>
 
@@ -369,16 +391,19 @@
 
                         <div style="float:left;margin: 20px 3px;" id="isDxNumber"><div class="redInfo" >*</div>4、客户名下无电信号码</div>
                         <div style="float:right;margin: 20px 10px;" >
-                          <a-radio-group v-model="model.isDxNumber" button-style="solid" @change="showCheck1('isDxNumber')"  :disabled="isDisabled">
-                            <a-radio :value="1">是</a-radio>
-                            <a-radio :value="2">否</a-radio>
-                          </a-radio-group>
+                          <span v-if='model.isDxNumber=="1"'  class="cornflowerblue">是</span>
+                          <span v-if='model.isDxNumber=="2"'  class="cornflowerblue">否</span>
+<!--                          <a-radio-group v-model="model.isDxNumber" button-style="solid" @change="showCheck1('isDxNumber')"  :disabled="isDisabled">-->
+<!--                            <a-radio :value="1">是</a-radio>-->
+<!--                            <a-radio :value="2">否</a-radio>-->
+<!--                          </a-radio-group>-->
                         </div>
                     </div>
                   </a-col>
                   <a-col :span="12">
                     <div style="clear: both"></div>
-                    <a-input v-model="model.isDxNumberNote" placeholder="请输入排查结果备注信息" style="margin: 3px 3px;width: 400px;float: right"  :disabled="isDisabled"></a-input>
+                    <span style="margin: 3px 3px;width: 400px;float: right"  class="cornflowerblue">{{ model.isDxNumberNote }}</span>
+<!--                    <a-input v-model="model.isDxNumberNote" placeholder="请输入排查结果备注信息" style="margin: 3px 3px;width: 400px;float: right"  :disabled="isDisabled"></a-input>-->
                   </a-col>
                 </a-list-item>
 
@@ -387,16 +412,19 @@
                     <div>
                         <div style="float:left;margin: 20px 3px;" id="isBroadband"><div class="redInfo" >*</div>5、申请号码办理征信类、融合宽带业务</div>
                         <div style="float:right;margin: 20px 10px;" >
-                            <a-radio-group v-model="model.isBroadband" button-style="solid" @change="showCheck1('isBroadband')"  :disabled="isDisabled">
-                              <a-radio :value="1">是</a-radio>
-                              <a-radio :value="2">否</a-radio>
-                            </a-radio-group>
+                          <span v-if='model.isBroadband=="1"'  class="cornflowerblue">是</span>
+                          <span v-if='model.isBroadband=="2"'  class="cornflowerblue">否</span>
+<!--                            <a-radio-group v-model="model.isBroadband" button-style="solid" @change="showCheck1('isBroadband')"  :disabled="isDisabled">-->
+<!--                              <a-radio :value="1">是</a-radio>-->
+<!--                              <a-radio :value="2">否</a-radio>-->
+<!--                            </a-radio-group>-->
                         </div>
                     </div>
                   </a-col>
                   <a-col :span="12">
                     <div style="clear: both"></div>
-                    <a-input v-model="model.isBroadbandNote" placeholder="请输入排查结果备注信息" style="margin: 3px 3px;width: 400px;float: right"  :disabled="isDisabled"></a-input>
+                    <span style="margin: 3px 3px;width: 400px;float: right"  class="cornflowerblue">{{ model.isBroadbandNote }}</span>
+<!--                    <a-input v-model="model.isBroadbandNote" placeholder="请输入排查结果备注信息" style="margin: 3px 3px;width: 400px;float: right"  :disabled="isDisabled"></a-input>-->
                   </a-col>
                 </a-list-item>
 
@@ -405,17 +433,19 @@
                     <div>
                       <div style="float:left;margin: 20px 3px;" id="isUseTo"><div class="redInfo" >*</div>6、 申请号码使用用途异常</div>
                       <div style="float:right;margin: 20px 10px;" >
-
-                        <a-radio-group v-model="model.isUseTo" button-style="solid" @change="showCheck1('isUseTo')"  :disabled="isDisabled">
-                          <a-radio :value="1">是</a-radio>
-                          <a-radio :value="2">否</a-radio>
-                        </a-radio-group>
+                        <span v-if='model.isUseTo=="1"'  class="cornflowerblue">是</span>
+                        <span v-if='model.isUseTo=="2"'  class="cornflowerblue">否</span>
+<!--                        <a-radio-group v-model="model.isUseTo" button-style="solid" @change="showCheck1('isUseTo')"  :disabled="isDisabled">-->
+<!--                          <a-radio :value="1">是</a-radio>-->
+<!--                          <a-radio :value="2">否</a-radio>-->
+<!--                        </a-radio-group>-->
                       </div>
                     </div>
                   </a-col>
                   <a-col :span="12">
                     <div style="clear: both"></div>
-                    <a-input v-model="model.isUseToNote" placeholder="请输入排查结果备注信息" style="margin: 3px 3px;width: 400px;float: right"  :disabled="isDisabled"></a-input>
+                    <span style="margin: 3px 3px;width: 400px;float: right"  class="cornflowerblue">{{ model.isUseToNote }}</span>
+<!--                    <a-input v-model="model.isUseToNote" placeholder="请输入排查结果备注信息" style="margin: 3px 3px;width: 400px;float: right"  :disabled="isDisabled"></a-input>-->
                   </a-col>
                 </a-list-item>
 
@@ -425,16 +455,19 @@
                       <div style="float:left;margin: 20px 3px;" id="isRefund"><div class="redInfo" >*</div>7、客户名下号码存在异常高频率充值、退费</div>
                       <div style="float:right;margin: 20px 10px;" >
 
-                      <a-radio-group v-model="model.isRefund" button-style="solid" @change="showCheck1('isRefund')"  :disabled="isDisabled">
-                        <a-radio :value="1">是</a-radio>
-                        <a-radio :value="2">否</a-radio>
-                      </a-radio-group>
+                        <span v-if='model.isRefund=="1"'  class="cornflowerblue">是</span>
+                        <span v-if='model.isRefund=="2"'  class="cornflowerblue">否</span>
+<!--                      <a-radio-group v-model="model.isRefund" button-style="solid" @change="showCheck1('isRefund')"  :disabled="isDisabled">-->
+<!--                        <a-radio :value="1">是</a-radio>-->
+<!--                        <a-radio :value="2">否</a-radio>-->
+<!--                      </a-radio-group>-->
                       </div>
                     </div>
                   </a-col>
                   <a-col :span="12">
                     <div style="clear: both"></div>
-                    <a-input v-model="model.isRefundNote" placeholder="请输入排查结果备注信息" style="margin: 3px 3px;width: 400px;float: right"  :disabled="isDisabled"></a-input>
+                    <span style="margin: 3px 3px;width: 400px;float: right"  class="cornflowerblue">{{ model.isRefundNote }}</span>
+<!--                    <a-input v-model="model.isRefundNote" placeholder="请输入排查结果备注信息" style="margin: 3px 3px;width: 400px;float: right"  :disabled="isDisabled"></a-input>-->
                   </a-col>
                 </a-list-item>
 
@@ -443,17 +476,19 @@
                     <div>
                       <div style="float:left;margin: 20px 3px;" id="isShutDown"><div class="redInfo" >*</div>8、客户名下已有号码（含已注销号码）存在各类关停</div>
                       <div style="float:right;margin: 20px 10px;" >
-
-                      <a-radio-group v-model="model.isShutDown" button-style="solid" @change="showCheck1('isShutDown')"  :disabled="isDisabled">
-                        <a-radio :value="1">是</a-radio>
-                        <a-radio :value="2">否</a-radio>
-                      </a-radio-group>
+                        <span v-if='model.isShutDown=="1"'  class="cornflowerblue">是</span>
+                        <span v-if='model.isShutDown=="2"'  class="cornflowerblue">否</span>
+<!--                      <a-radio-group v-model="model.isShutDown" button-style="solid" @change="showCheck1('isShutDown')"  :disabled="isDisabled">-->
+<!--                        <a-radio :value="1">是</a-radio>-->
+<!--                        <a-radio :value="2">否</a-radio>-->
+<!--                      </a-radio-group>-->
                       </div>
                     </div>
                   </a-col>
                   <a-col :span="12">
                     <div style="clear: both"></div>
-                    <a-input v-model="model.isShutDownNote" placeholder="请输入排查结果备注信息" style="margin: 3px 3px;width: 400px;float: right"  :disabled="isDisabled"></a-input>
+                    <span style="margin: 3px 3px;width: 400px;float: right"  class="cornflowerblue">{{ model.isShutDownNote }}</span>
+<!--                    <a-input v-model="model.isShutDownNote" placeholder="请输入排查结果备注信息" style="margin: 3px 3px;width: 400px;float: right"  :disabled="isDisabled"></a-input>-->
                   </a-col>
                 </a-list-item>
 
@@ -463,17 +498,19 @@
                     <div>
                       <div style="float:left;margin: 20px 3px;" id="isNewly"><div class="redInfo" >*</div>9、客户名下在用号码无使用记录，仍要求新办号码</div>
                       <div style="float:right;margin: 20px 10px;" >
-
-                      <a-radio-group v-model="model.isNewly" button-style="solid" @change="showCheck1('isNewly')"  :disabled="isDisabled">
-                        <a-radio :value="1">是</a-radio>
-                        <a-radio :value="2">否</a-radio>
-                      </a-radio-group>
+                        <span v-if='model.isNewly=="1"'  class="cornflowerblue">是</span>
+                        <span v-if='model.isNewly=="2"'  class="cornflowerblue">否</span>
+<!--                      <a-radio-group v-model="model.isNewly" button-style="solid" @change="showCheck1('isNewly')"  :disabled="isDisabled">-->
+<!--                        <a-radio :value="1">是</a-radio>-->
+<!--                        <a-radio :value="2">否</a-radio>-->
+<!--                      </a-radio-group>-->
                       </div>
                     </div>
                   </a-col>
                   <a-col :span="12">
                     <div style="clear: both"></div>
-                    <a-input v-model="model.isNewlyNote" placeholder="请输入排查结果备注信息" style="margin: 3px 3px;width: 400px;float: right"  :disabled="isDisabled"></a-input>
+                    <span style="margin: 3px 3px;width: 400px;float: right"  class="cornflowerblue">{{ model.isNewlyNote }}</span>
+<!--                    <a-input v-model="model.isNewlyNote" placeholder="请输入排查结果备注信息" style="margin: 3px 3px;width: 400px;float: right"  :disabled="isDisabled"></a-input>-->
                   </a-col>
                 </a-list-item>
 
@@ -482,17 +519,19 @@
                     <div>
                       <div style="float:left;margin: 20px 3px;" id="isChannel"><div class="redInfo" >*</div>10、在多个渠道多频次入网的异常情况</div>
                       <div style="float:right;margin: 20px 10px;" >
-
-                      <a-radio-group v-model="model.isChannel" button-style="solid" @change="showCheck1('isChannel')"  :disabled="isDisabled">
-                        <a-radio :value="1">是</a-radio>
-                        <a-radio :value="2">否</a-radio>
-                      </a-radio-group>
+                        <span v-if='model.isChannel=="1"'  class="cornflowerblue">是</span>
+                        <span v-if='model.isChannel=="2"'  class="cornflowerblue">否</span>
+<!--                      <a-radio-group v-model="model.isChannel" button-style="solid" @change="showCheck1('isChannel')"  :disabled="isDisabled">-->
+<!--                        <a-radio :value="1">是</a-radio>-->
+<!--                        <a-radio :value="2">否</a-radio>-->
+<!--                      </a-radio-group>-->
                       </div>
                     </div>
                   </a-col>
                   <a-col :span="12">
                     <div style="clear: both"></div>
-                    <a-input v-model="model.isChannelNote" placeholder="请输入排查结果备注信息" style="margin: 3px 3px;width: 400px;float: right"  :disabled="isDisabled"></a-input>
+                    <span style="margin: 3px 3px;width: 400px;float: right"  class="cornflowerblue">{{ model.isChannelNote }}</span>
+<!--                    <a-input v-model="model.isChannelNote" placeholder="请输入排查结果备注信息" style="margin: 3px 3px;width: 400px;float: right"  :disabled="isDisabled"></a-input>-->
                   </a-col>
                 </a-list-item>
 
@@ -501,17 +540,19 @@
                     <div>
                       <div style="float:left;margin: 20px 3px;" id="isInvolvingFraud"><div class="redInfo" >*</div>11、黑名单到期客户新入网的高危疑似涉诈号码</div>
                       <div style="float:right;margin: 20px 10px;" >
-
-                      <a-radio-group v-model="model.isInvolvingFraud" button-style="solid" @change="showCheck1('isInvolvingFraud')" :disabled="isDisabled">
-                        <a-radio :value="1">是</a-radio>
-                        <a-radio :value="2">否</a-radio>
-                      </a-radio-group>
+                        <span v-if='model.isInvolvingFraud=="1"'  class="cornflowerblue">是</span>
+                        <span v-if='model.isInvolvingFraud=="2"'  class="cornflowerblue">否</span>
+<!--                      <a-radio-group v-model="model.isInvolvingFraud" button-style="solid" @change="showCheck1('isInvolvingFraud')" :disabled="isDisabled">-->
+<!--                        <a-radio :value="1">是</a-radio>-->
+<!--                        <a-radio :value="2">否</a-radio>-->
+<!--                      </a-radio-group>-->
                       </div>
                     </div>
                   </a-col>
                   <a-col :span="12">
                     <div style="clear: both"></div>
-                    <a-input v-model="model.isInvolvingFraudNote" placeholder="请输入排查结果备注信息" style="margin: 3px 3px;width: 400px;float: right" :disabled="isDisabled"></a-input>
+                    <span style="margin: 3px 3px;width: 400px;float: right"  class="cornflowerblue">{{ model.isInvolvingFraudNote }}</span>
+<!--                    <a-input v-model="model.isInvolvingFraudNote" placeholder="请输入排查结果备注信息" style="margin: 3px 3px;width: 400px;float: right" :disabled="isDisabled"></a-input>-->
                   </a-col>
                 </a-list-item>
 
@@ -547,8 +588,8 @@
                   <div v-for="(item,index) in array" :key="index"  >
 
                     <a-form-model-item  label=" 新办号码"   prop="industry" :labelCol="{ span: 3 }" :wrapperCol="{ span: 18 }"  >
-
-                      <a-input style="width:20%;margin-right:10px" v-model="form.value[index]" placeholder="请输入新办号码" :disabled="isDisabled"></a-input>
+                      <span  class="cornflowerblue">{{ form.value[index]}}</span>
+<!--                      <a-input style="width:20%;margin-right:10px" v-model="form.value[index]" placeholder="请输入新办号码" :disabled="isDisabled"></a-input>-->
 <!--                      <a-button type="link"  @click="add">[ + ]</a-button>-->
 <!--                      <a-button type="link"  @click="del(index)">[ - ]</a-button>-->
                     </a-form-model-item>
@@ -570,7 +611,7 @@
                       <a-row>
                         <template v-for="(des) in this.optionsWithDisabled">
                           <a-col :span="8">
-                            <a-checkbox :value="des.value" name="numberResults"    @change="check3('numberResults'+des.value)" @click="checkboxT(des.value)" :disabled="disabledList.includes(des.value)">{{ des.text }}</a-checkbox>
+                            <a-checkbox :value="des.value" name="numberResults"    @change="check3('numberResults'+des.value)" @click="checkboxT(des.value)" :disabled="disabledList.includes(des.value)"><span  class="cornflowerblue">{{  des.text}}</span> </a-checkbox>
                           </a-col>
                         </template>
                       </a-row>
@@ -810,19 +851,20 @@
                 <a-row>
                   <a-col :span='8'>
                     <a-form-model-item label="营业厅地址" prop="sysBusinessHallAndSysCompany"  :labelCol="{ span:6 }"   :wrapperCol="{ span: 14 }" >
-                      <a-col :span="14">
-                        <a-select placeholder="请选择分公司" v-model="model.company" id="company" :disabled="isDisabled"     >
-                          <a-select-option v-for="(item,index) in sysCompany" :key="item.id" :value="item.id"
-                                           @click="change(item.id)">{{ item.name }}
-                          </a-select-option>
-                        </a-select>
+                      <a-col :span="10">
+                        <div placeholder="请选择分公司" v-model="model.company" id="company" :disabled="isDisabled"     >
+                          <div v-for="(item,index) in sysCompany" :key="item.id" :value="item.id"
+                                           @click="change(item.id)">
+                            <span  v-if='model.company==item.id'   class="cornflowerblue">{{item.name}}</span>
+                          </div>
+                        </div>
                       </a-col>
                       <a-col :span="4">
-                        <a-select placeholder="请选择营业厅地址" v-model="model.sysBusinessHall" style="margin: 0px 0px;width: 150px" :disabled="isDisabled">
-                          <a-select-option v-for="item in sysBusinessHallList" :key="item.id" :value="item.id" >
-                            {{ item.name }}
-                          </a-select-option>
-                        </a-select>
+                        <div placeholder="请选择营业厅地址" v-model="model.sysBusinessHall" style="margin: 0px 0px;width: 150px" :disabled="isDisabled">
+                          <div v-for="item in sysBusinessHallList" :key="item.id" :value="item.id" >
+                             <span v-if='model.sysBusinessHall==item.id'   class="cornflowerblue">{{item.name}}</span>
+                          </div>
+                        </div>
                       </a-col>
                       <br>
                       <div v-if="sysBusinessHallNull" style="color: red;margin: 0px 0px"  >请选择营业厅地址</div>
@@ -835,8 +877,9 @@
                   <a-col :span='8'>
                     <a-form-model-item label="工作地址" prop="industry" :labelCol="{ span:8}"   :wrapperCol="{ span: 10}">
                       <!--                      <a-radio-group v-model="model.wordAddress" button-style="solid">-->
-                      <a-input v-model="model.wordAddress" placeholder="请输入工作地址"
-                               id="wordAddress" @blur="showCheck0('wordAddress')" :disabled="isDisabled"></a-input>
+<!--                      <a-input v-model="model.wordAddress" placeholder="请输入工作地址"-->
+<!--                               id="wordAddress" @blur="showCheck0('wordAddress')" :disabled="isDisabled"></a-input>-->
+                      <span   class="cornflowerblue">{{model.wordAddress}}</span>
                       <div class="map_search_result" v-show="this.showsearchResult">
                         <ul style="  border-radius: 5px ;border: 0.5px solid #f1f1f1;padding: 0px; background-color: #f1f1f1;">
                           <li  style="  border-radius: 5px;list-style: none;border: 0px solid;padding: 0px; "  v-for="(item,index) in poiList" :key="index">
@@ -853,8 +896,9 @@
                       <!--                      <a-radio-group v-model="model.currentAddress" button-style="solid">-->
 
 
-                      <a-input v-model="model.currentAddress" placeholder="请输入现住地址"
-                               id="currentAddress" @blur="showCheck0('currentAddress')" :disabled="isDisabled"></a-input>
+<!--                      <a-input v-model="model.currentAddress" placeholder="请输入现住地址"-->
+<!--                               id="currentAddress" @blur="showCheck0('currentAddress')" :disabled="isDisabled"></a-input>-->
+                      <span   class="cornflowerblue">{{model.currentAddress}}</span>
                       <div class="map_search_result" v-show="this.showsearchcurrentAddress">
                         <ul style="  border-radius: 5px ;border: 0.5px solid #f1f1f1;padding: 0px; background-color: #f1f1f1;">
                           <li  style="  border-radius: 5px;list-style: none;border: 0px solid;padding: 0px; "  v-for="(item,index) in poiList"
@@ -871,10 +915,12 @@
                   <a-col :span="12">
                     <a-form-model-item label="人工地址判研" prop="judgmentResearchAddress"  :labelCol="{span:4}"
                                        :wrapperCol="{span:12}">
-                      <a-radio-group v-model="model.judgmentResearchAddress" button-style="solid"  @change="showCheck0('judgmentResearchAddress')" :disabled="isDisabled">
-                        <a-radio value="1" style="color: red">人工判研-异常</a-radio>
-                        <a-radio value="2">人工判研-正常</a-radio>
-                      </a-radio-group>
+                      <span  v-if='model.judgmentResearchAddress=="1"' class="cornflowerblue">人工判研-异常</span>
+                      <span  v-if='model.judgmentResearchAddress=="2"' class="cornflowerblue">人工判研-正常</span>
+<!--                      <a-radio-group v-model="model.judgmentResearchAddress" button-style="solid"  @change="showCheck0('judgmentResearchAddress')" :disabled="isDisabled">-->
+<!--                        <a-radio value="1" style="color: red">人工判研-异常</a-radio>-->
+<!--                        <a-radio value="2">人工判研-正常</a-radio>-->
+<!--                      </a-radio-group>-->
                       <div v-if="judgmentResearchAddressShow" style="color: red;margin-left: 40px">请选择判研结果</div>
                     </a-form-model-item>
                   </a-col>
@@ -3432,4 +3478,8 @@ export default {
 /deep/.ant-table-tbody .red{
    color: red !important;
 }
+.cornflowerblue {
+  color: cornflowerblue;
+}
+
 </style>