0808

src/views/networkAccess/registration.vue

@@ -76,7 +76,7 @@
             <!--            <a-divider orientation="left">填写营业厅入网提示卡-->
             <!--            </a-divider>-->
             <a-row>
-              <a-col :span="8">
+              <a-col :span="7">
                 <a-form-model-item label="拨测联系电话" prop="userOpenState" v-bind="labelCol2">
                   <a-radio-group v-model="model.phone" button-style="solid">
                     <a-input v-model="model.phone" placeholder="请输入拨测联系电话"></a-input>
@@ -85,7 +85,7 @@
               </a-col>
 
 
-              <a-col :span="8">
+              <a-col :span="7">
                 <a-form-model-item label="联电归属地" prop="userOpenState" v-bind="labelCol2">
                   <a-radio-group v-model="model.address" button-style="solid">
                     <a-input v-model="model.address" placeholder="请输入联电归属地"></a-input>
@@ -99,10 +99,20 @@
 <!--                  </a-radio-group>-->
 <!--                </a-form-model-item>-->
 <!--              </a-col>-->
-              <a-col :span="8">
+<!--              <a-col :span="8">-->
+<!--                <a-form-model-item label="运营商类型" prop="userOpenState" v-bind="labelCol2">-->
+<!--                  <a-radio-group v-model="model.phonePurpose" button-style="solid">-->
+<!--                    <a-input v-model="model.phonePurpose" placeholder="请输入运营商类型"></a-input>-->
+<!--                  </a-radio-group>-->
+<!--                </a-form-model-item>-->
+<!--              </a-col>-->
+              <a-col :span="10">
                 <a-form-model-item label="运营商类型" prop="userOpenState" v-bind="labelCol2">
-                  <a-radio-group v-model="model.phonePurpose" button-style="solid">
-                    <a-input v-model="model.phonePurpose" placeholder="请输入运营商类型"></a-input>
+                  <a-radio-group v-model="model.operatorType" button-style="solid">
+                    <a-radio value="1">移动</a-radio><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-radio value="2">联通</a-radio><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-radio value="3">电信</a-radio><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-radio value="4">其他</a-radio><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>
                   </a-radio-group>
                 </a-form-model-item>
               </a-col>
@@ -111,47 +121,40 @@
 
 
             <a-row>
-              <a-col :span="8">
-                <a-form-model-item label="新办号码使用用途" prop="userOpenState" v-bind="labelCol2">
+              <a-col :span="7">
+                <a-form-model-item label="新办号码用途" prop="userOpenState" v-bind="labelCol2">
                   <a-radio-group v-model="model.phonePurpose" button-style="solid">
                     <a-input v-model="model.phonePurpose" placeholder="请输入用途"></a-input>
                   </a-radio-group>
                 </a-form-model-item>
               </a-col>
-
-              <a-col :span="8">
+              <a-col :span="7">
                 <a-form-model-item label="客户所属行业" prop="userOpenState" v-bind="addressCol">
                   <a-radio-group v-model="model.industry" button-style="solid">
                     <a-input v-model="model.industry" placeholder="客户所属行业"></a-input>
                   </a-radio-group>
                 </a-form-model-item>
               </a-col>
-
-            </a-row>
-
-            <a-row>
               <a-col :span="8">
-                <a-form-model-item label="客户现用号码" prop="userOpenState" v-bind="labelCol2">
+                <a-form-model-item label="客户现用号码" prop="userOpenState"  :labelCol="{ span:9 }" :wrapperCol="{ span: 15 }">
                   <a-radio-group v-model="model.operator" button-style="solid">
                     <a-radio value="1">本地运营商</a-radio>
                     <a-radio value="2">异地运营商</a-radio>
                   </a-radio-group>
                 </a-form-model-item>
               </a-col>
-              <a-col :span="8">
-                <a-form-model-item label="运营商类型" prop="userOpenState" v-bind="labelCol2">
-                  <a-radio-group v-model="model.operatorType" button-style="solid">
-                    <a-radio value="1">移动</a-radio>
-                    <a-radio value="2">联通</a-radio>
-                    <a-radio value="3">电信</a-radio>
-                    <a-radio value="4">其他</a-radio>
-                  </a-radio-group>
-                </a-form-model-item>
-              </a-col>
+
+
+
             </a-row>
+
             <a-row>
-              <a-col :span="12">
-                <a-form-model-item label="拨测结果" prop="userOpenState" v-bind="labelCol1Results">
+
+
+            </a-row>
+            <a-row>
+              <a-col :span="15">
+                <a-form-model-item label="拨测结果" prop="userOpenState" :labelCol="{ span: 3 }" :wrapperCol="{ span: 15 }">
                   <a-radio-group v-model="model.calltestResults" button-style="solid">
                     <a-radio value="1">关机</a-radio>
                     <a-radio value="2">未接通</a-radio>
@@ -360,7 +363,7 @@
               <a-list-item>
                 <a-col :span="16">
                   <a-form-model-item label="是否将高危号码上报蓝、紫名单或不可复开关停" prop="userOpenState" v-bind="labelCol1ProMaxPlus">
-                    <a-checkbox-group @change="designNameChange" v-model="model.numberResults" style="width: 100%">
+                    <a-checkbox-group   v-model="model.numberResults" style="width: 100%">
                       <a-row>
                         <template v-for="(des) in this.optionsWithDisabled">
                           <a-col :span="8">
@@ -432,6 +435,36 @@
 
 
               <a-col :span="12">
+                <a-row>
+                  <a-col >
+                    <a-form-model-item label="营业厅地址" prop="userOpenState" v-bind="labelCol2">
+                      <a-col :span="10">
+                        <a-select placeholder="请选择分公司" v-model="sysBusinessHallAndSysCompany.company"     >
+                          <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>
+                      <a-col :span="10">
+                        <a-select placeholder="请选择营业厅地址" v-model="sysBusinessHallAndSysCompany.sysBusinessHall" >
+                          <a-select-option v-for="item in sysBusinessHallList" :key="item.id" :value="item.id"
+                                           @click="searchKeyWordsysBusinessHall('中国电信'+item.name,'businessAddress')">{{ item.name}}</a-select-option>
+                        </a-select>
+                      </a-col>
+
+                      <!--                      <a-radio-group v-model="model.businessAddress" button-style="solid">-->
+                      <!--                        <a-input v-model="model.businessAddress" placeholder="请输入营业厅地址"  @keyup="searchKeyWord('model.businessAddress')" ></a-input>-->
+                      <!--                        <div class="map_search_result"   v-show="this.showsearchResultBusinessAddress" >-->
+                      <!--                          <ul>-->
+                      <!--                            <li   click="markerResult(item,'businessAddress')" v-for="(item,index) in poiList" :key="index">{{item.name}}</li>-->
+                      <!--                          </ul>-->
+                      <!--                        </div>-->
+
+                      <!--                      </a-radio-group>-->
+                    </a-form-model-item>
+
+
+
+                  </a-col>
+                </a-row>
                 <a-row>
                   <a-col >
                     <a-form-model-item label="工作地址" prop="userOpenState" v-bind="labelCol2">
@@ -446,24 +479,7 @@
                     </a-form-model-item>
                   </a-col>
                 </a-row>
-                <a-row>
-                  <a-col >
-                    <a-form-model-item label="营业厅地址" prop="userOpenState" v-bind="labelCol2">
-                      <a-radio-group v-model="model.businessAddress" button-style="solid">
-                        <!--                    <a-input v-model="model.businessAddress" disabled="" placeholder="请输入营业厅地址" ></a-input>-->
-<!--                        <span style="color: blue">中国北京电信总部大楼</span>-->
-                        <!--                     <a-input v-model="model.businessAddress" disabled="" placeholder="请输入营业厅地址" ></a-input>-->
-                        <a-input v-model="model.businessAddress" placeholder="请输入营业厅地址"  @keyup="searchKeyWord('model.businessAddress')" ></a-input>
-                        <div class="map_search_result"   v-show="this.showsearchResultBusinessAddress" >
-                          <ul>
-                            <li  @click="markerResult(item,'businessAddress')" v-for="(item,index) in poiList" :key="index">{{item.name}}</li>
-                          </ul>
-                        </div>
 
-                      </a-radio-group>
-                    </a-form-model-item>
-                  </a-col>
-                </a-row>
 
 <!--                <a-row>-->
 <!--                  <a-col :span="8">-->
@@ -507,8 +523,6 @@
                 </a-row>
 
 
-
-
               </a-col>
 
               <a-col :span="9">
@@ -570,6 +584,22 @@ export default {
 
   data() {
     return {
+      sysCompany:[],
+      sysBusinessHallList:"",
+      cities: "",
+      formValidate:{
+        province:'',
+        city:''
+      },
+      sysBusinessHallAndSysCompany:{
+        sysBusinessHall:'',
+        company:''
+      },
+      ruleValidate:'',
+      countryName:"",
+      cityName:"",
+      country:'',
+
       lnglats: [
 
       ],
@@ -630,6 +660,7 @@ export default {
         "editById": "/businessReminderCard/editById",
         "queryById": "/businessReminderCard/queryById",
         "queryByCardNo": "/businessReminderCard/queryByCardNo",
+        "getCompany": "/sysCompany/list",
       },
 
       labelCol: {span: 2},
@@ -795,6 +826,10 @@ export default {
         isDxNumber:'',
         calltestResults:'',
         operatorType:'',
+        yidong:0,
+        liantong:0,
+        dianxin:0,
+        qita:0,
         operator:'',
         currentAddress:'',
         phonePurpose:'',
@@ -844,11 +879,35 @@ export default {
   mounted() {
     this.queryById();
     //DOM初始化完成进行地图初始化
-    this.initMap()
+    this.initMap();
+    this.getSysCompany()
   },
 
   methods: {
 
+
+    getSysCompany(){
+      let data = {
+        "cardNo": this.model.cardNo
+      };
+      getAction(this.url.getCompany, data).then((res) => {
+        if (res.success) {
+          let result = res.result;
+          console.log(result+"result");
+          if (result != null) {
+            this.sysCompany =result;
+          }
+        }
+      })
+    },
+    change(val) {
+      for (var i = 0; i < this.sysCompany.length; i++) {
+        if (val == this.sysCompany[i].id) {
+          this.sysBusinessHallList = this.sysCompany[i].sysBusinessHallList;
+        }
+      }
+    },
+
     //新增标记
     showLocation(data){
       let marker = new AMap.Marker({
@@ -879,10 +938,28 @@ export default {
       // 注册placeSearch组件
       this.placeSearchComponent = new AMap.PlaceSearch()
     },
-    //根据输入内容查询
-    searchKeyWord(data){
+    searchKeyWordsysBusinessHall(data,nameType){
+      let that= this
+      that.placeSearchComponent.search(data, function (status, result) {
+        if(status==='complete' && result.info === "OK"){
+          that.showsearchResultBusinessAddress = true
+          that.showsearchResult = false
+          that.showsearchcurrentAddress = false
+          that.poiList = result.poiList.pois
+          this.markerResult(that.poiList[0],'businessAddress')
+        }else{
+          that.showsearchResultBusinessAddress = false
+          that.showsearchResult = false
+          that.showsearchcurrentAddress = false
+          that.poiList = []
+          //that.$message.warning("没有查到结果");
+        }
+      })
 
+    },
 
+    //根据输入内容查询
+    searchKeyWord(data){
       let that= this
       if (data==='model.wordAddress'){
         this.showsearchResult = true;
@@ -1423,8 +1500,11 @@ export default {
 
 
     getData(){
+      var arr='';
+      if (this.model.numberResults === "undefined"){
+        arr =this.model.numberResults.join(",");
+      }
 
-      var arr =this.model.numberResults.join(",");
       let data = {
         //用户id
         "id": this.model.id,