tnc-fe/src/views/networkAccess/registration.vue

<template>

  <div :spinning="addIng">
    <!--    <div slot="title">
          <span style="float: left;position: relative;top: 4px">入网信息登记</span>
        </div>-->
    <!--    步骤条-->
    <a-card style="margin-bottom:10px">
      <!--      v-model:current="current"-->
      <a-steps :current="current" size="default">
        <a-step v-for="item in steps" :key="item.title" :title="item.title"/>
      </a-steps>
    </a-card>
    <!--身份信息-->
    <a-card style="margin-bottom:10px" v-if="current==0">
      <div>
        <a-form-model
          ref="form"
          :label-col="labelCol"
          :wrapper-col="wrapperCol"
          :model="model"
          :rules="rules"
        >
          <div>
            <a-button type="link" @click="keyupInfoSelect()">身份证件号码检索</a-button>
            <a-row>
              <a-col :span="6">
                <a-form-model-item label="身份证件号码" prop="cardNo"v-bind="labelCol2">

                  <a-radio-group v-model="model.cardNo" button-style="solid" slot-scope="text, record">
                    <a-input v-model="model.cardNo" placeholder="请输入身份证件号码" @keyup="keyupInfo()" ></a-input>
                  </a-radio-group>
                </a-form-model-item>

              </a-col>

              <a-col :span="6">
                <a-form-model-item label="身份证姓名" v-bind="labelCol2"  prop=""  >
                  <a-radio-group v-model="model.cardName" button-style="solid" >
                    <a-input v-model="model.cardName" placeholder="身份证姓名"  :rules="rules.cardName" ></a-input>
                  </a-radio-group>
                </a-form-model-item>
              </a-col>
<!--              <a-col :span="8" >-->
<!--                <a-form-item label="证件期限(开始日期)" v-bind="labelCol2" prop="cardStartTime">-->
<!--                  <j-date :show-time="true"  prop="cardStartTime" date-format="YYYY-MM-DD" placeholder="请选择开始时间" class="query-group-cust" v-model="model.cardStartTime"></j-date>-->
<!--                </a-form-item>-->
<!--              </a-col>-->

              <a-col :span="12"  >
                <a-form-item label="身份证证件有效期"  v-bind="labelCol2">
                  <j-date :show-time="true" date-format="YYYY-MM-DD" placeholder="请选择开始时间" class="query-group-cust" v-model="model.cardStartTime"></j-date>
                  <span class="query-group-split-cust"></span>
                  <j-date :show-time="true" date-format="YYYY-MM-DD" placeholder="请选择结束时间" class="query-group-cust" v-model="model.cardEndTime"></j-date>
                </a-form-item>
              </a-col>

            </a-row>


          </div>
        </a-form-model>
      </div>
    </a-card>
    <!--  入网信息登记表单-->
    <a-card style="margin-bottom:10px" v-if="current==0">
      <div>
        <a-form-model
          ref="form"
          :label-col="labelCol"
          :wrapper-col="wrapperCol"
          :model="model"
          :rules="rules"
        >
          <div>
            <!--            <a-divider orientation="left">填写营业厅入网提示卡-->
            <!--            </a-divider>-->
            <a-row>
              <a-col :span="8">
                <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>
                  </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.address" button-style="solid">
                    <a-input v-model="model.address" placeholder="请输入联电归属地"></a-input>
                  </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.useLife" button-style="solid">-->
<!--                    <a-input v-model="model.useLife" placeholder="请输入使用年限"></a-input>-->
<!--                  </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.phonePurpose" button-style="solid">
                    <a-input v-model="model.phonePurpose" 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-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-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-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-radio-group v-model="model.calltestResults" 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-button type="link" style="color: red" v-if="this.model.calltestResults==='1' ">拨测号码关机！</a-button>
                </a-form-model-item>
              </a-col>

            </a-row>

          </div>
        </a-form-model>
      </div>
    </a-card>


    <a-card style="margin-bottom:10px" v-if="current==1">
      <div>
        <a-form-model
          ref="form"
          :label-col="labelCol"
          :wrapper-col="wrapperCol"
          :model="model"
          :rules="rules"
        >
          <div   style="">

            <a-list size="large" bordered>
              <template>
                <a-list-item>

                    <a-col :span="12"  >
                    <a-form-model-item label="1、客户名下无电信号码" prop="userOpenState" v-bind="labelCol1Pro1A3">
                      <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>
                    </a-col>
                    <a-col :span="12">
                    <a-form-model-item label="备注" prop="userOpenState" v-bind="labelCol1Pro">
                      <a-textarea
                        v-model="model.isDxNumberNote"
                        placeholder="请输入排查结果备注信息"
                      />
                    </a-form-model-item>
                    </a-col>

                </a-list-item>

                <a-list-item>
                  <a-col :span="12">
                    <a-form-model-item label="2、申请号码办理征信类、融合宽带业务" prop="userOpenState" v-bind="labelCol1ProMax2A7">
                      <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>
                  </a-col>
                  <a-col :span="12">
                    <a-form-model-item label="备注" prop="userOpenState" v-bind="labelCol1Pro">
                      <a-textarea
                        v-model="model.isBroadbandNote"
                        placeholder="请输入排查结果备注信息"
                      />
                    </a-form-model-item>
                  </a-col>
                </a-list-item>

                <a-list-item>
                  <a-col :span="12">
                    <a-form-model-item label="3、   申请号码使用用途异常" prop="userOpenState" v-bind="labelCol1ProA3">
                      <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>
                  </a-col>
                    <a-col :span="12">
                    <a-form-model-item label="备注" prop="userOpenState" v-bind="labelCol1Pro">
                      <a-textarea
                        v-model="model.isUseToNote"
                        placeholder="请输入排查结果备注信息"
                      />
                    </a-form-model-item>
                  </a-col>
                </a-list-item>

                <a-list-item>
                  <a-col :span="12">
                    <a-form-model-item label="4、客户名下号码存在异常高频率充值、退费" prop="userOpenState" v-bind="labelCol1ProMax4A8">
                      <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>
                  </a-col>
                    <a-col :span="12">
                    <a-form-model-item label="备注" prop="userOpenState" v-bind="labelCol1Pro">
                      <a-textarea
                        v-model="model.isRefundNote"
                        placeholder="请输入排查结果备注信息"
                      />
                    </a-form-model-item>
                  </a-col>
                </a-list-item>

                <a-list-item>
                  <a-col :span="12">
                    <a-form-model-item label="5、客户名下已有号码（含已注销号码）存在各类关停" prop="userOpenState" v-bind="labelCol1ProMax5A6">
                      <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>
                  </a-col>
                    <a-col :span="12">
                    <a-form-model-item label="备注" prop="userOpenState" v-bind="labelCol1Pro">
                      <a-textarea
                        v-model="model.isShutDownNote"
                        placeholder="请输入排查结果备注信息"
                      />
                    </a-form-model-item>
                  </a-col>
                </a-list-item>

                <a-list-item>
                  <a-col :span="12">
                    <a-form-model-item label="6、客户名下在用号码无使用记录，仍要求新办号码" prop="userOpenState" v-bind="labelCol1ProMax5A6">
                      <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>
                  </a-col>
                    <a-col :span="12">
                    <a-form-model-item label="备注" prop="userOpenState" v-bind="labelCol1Pro">
                      <a-textarea
                        v-model="model.isNewlyNote"
                        placeholder="请输入排查结果备注信息"
                      />
                    </a-form-model-item>
                  </a-col>
                </a-list-item>

                <a-list-item>
                  <a-col :span="12">
                    <a-form-model-item label="7、在多个渠道多频次入网的异常情况" prop="userOpenState" v-bind="labelCol1ProMax2A7">
                      <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>
                  </a-col>
                  <a-col :span="12">
                    <a-form-model-item label="备注" prop="userOpenState" v-bind="labelCol1Pro">
                      <a-textarea
                        v-model="model.isChannelNote"
                        placeholder="请输入排查结果备注信息"
                      />
                    </a-form-model-item>
                  </a-col>
                </a-list-item>

                <a-list-item>
                  <a-col :span="12">
                    <a-form-model-item label="8、黑名单到期客户新入网的高危疑似涉诈号码" prop="userOpenState" v-bind="labelCol1ProMaxA8">
                      <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>
                  </a-col>
                  <a-col :span="12">
                    <a-form-model-item label="备注" prop="userOpenState" v-bind="labelCol1Pro">
                      <a-textarea
                        v-model="model.isInvolvingFraudNote"
                        placeholder="请输入排查结果备注信息"
                      />
                    </a-form-model-item>
                  </a-col>
                </a-list-item>


              </template>
            </a-list>
          </div>
        </a-form-model>
      </div>
    </a-card>


    <a-card style="margin-bottom:10px" v-if="current==2 && !this.showInfo"  >
      <div>
        <a-form-model
          ref="form"
          :label-col="labelCol"
          :wrapper-col="wrapperCol"
          :model="model"
          :rules="rules"
        >
          <div>

            <a-col :span="12">
              <a-form-model-item label="是否将高危号码上报蓝、紫名单或不可复开关停" prop="userOpenState" v-bind="labelCol1ProMaxPlus">
                <a-radio-group v-model="model.numberResults" button-style="solid">
                  <a-radio value="1">非高危</a-radio>
                  <a-radio value="2">已报蓝紫名单</a-radio>
                  <a-radio value="3">已报关停</a-radio>
                </a-radio-group>

                <a-checkbox-group v-model:value="model.numberResults" name="checkboxgroup" :options="plainOptions" />
                <br />
<!--                <a-checkbox-group v-model="model.numberResults" name="checkboxgroup" :options="plainOptions" />-->
<!--                <br />-->
              </a-form-model-item>
            </a-col>
          </div>
        </a-form-model>

      </div>
    </a-card>


    <a-card style="margin-bottom:10px" v-if="current==2 && this.showInfo " >
      <div>
        <a-form-model
          ref="form"
          :label-col="labelCol"
          :wrapper-col="wrapperCol"
          :model="model"
          :rules="rules"
        >
          <div id ="showInfo">

            <a-col :span="12">
              <div v-for="value in newDatas">
                {{value}}
              </div>
            </a-col>
          </div>
        </a-form-model>

      </div>
    </a-card>

    <!--附加信息-->
    <a-card style="margin-bottom:10px" v-if="current==0">
      <div>
        <a-form-model
          ref="form"
          :label-col="labelCol"
          :wrapper-col="wrapperCol"
          :model="model"
          :rules="rules"
        >
          <div>
            <!--            <a-divider orientation="left">附加信息-->
            <!--            </a-divider>-->

            <a-row>


              <a-col :span="12">
                <a-row>
                  <a-col >
                    <a-form-model-item label="工作地址" prop="userOpenState" v-bind="labelCol2">
                      <a-radio-group v-model="model.wordAddress" button-style="solid">
                        <a-input v-model="model.wordAddress" placeholder="请输入工作地址" @keyup="searchKeyWord('model.wordAddress')"  ></a-input>
                        <div class="map_search_result"   v-show="this.showsearchResult" >
                          <ul>
                            <li  @click="markerResult(item,'wordAddress')" 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">
                      <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">-->
<!--                    <a-form-model-item label="证件地址(到村/小区)" prop="userOpenState" v-bind="addressCol">-->
<!--                      <a-radio-group v-model="model.idCardAddress" button-style="solid">-->
<!--                        <a-input v-model="model.idCardAddress" placeholder="请输入证件地址"></a-input>-->
<!--                      </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">
                      <a-radio-group v-model="model.currentAddress" button-style="solid">


                        <a-input v-model="model.currentAddress" placeholder="请输入现住地址" @keyup="searchKeyWord('model.currentAddress')"  ></a-input>
                        <div class="map_search_result"   v-show="this.showsearchcurrentAddress" >
                          <ul>
                            <li  @click="markerResult(item,'currentAddress')" 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="labelCol1Results">
                      <a-radio-group v-model="model.judgmentResearch" button-style="solid">
                        <a-radio value="1" style="color: red" >智能判研-异常</a-radio>
                        <a-radio value="3" style="color: red">人工判研-异常</a-radio>
                        <a-radio value="2" >人工判研-正常</a-radio>
                        <a-radio value="4" >智能判研-正常</a-radio>
                      </a-radio-group>
                    </a-form-model-item>
                  </a-col>
                </a-row>
              </a-col>

              <a-col :span="9">
                <div>
                  <div id="container" :style="{width:  '600px', height: '300px'}"></div>
                </div>
              </a-col>
            </a-row>


          </div>

        </a-form-model>
      </div>
    </a-card >


    <a-card style="position: relative;bottom: 0;width: 100%">
      <div style="text-align: center">
        <a-button v-if="current < steps.length - 1 &&  !this.showInfo" type="primary" @click="nextSteps">下一步</a-button>
        <a-button
          v-if="current == steps.length - 1 &&  !this.showInfo"
          @click="submitBusiness"
          type="primary"
        >
          提交
        </a-button>
        <a-button v-if="current > 0 &&  !this.showInfo" style="margin-left: 8px" @click="prevSteps">上一步</a-button>



        <a-button @click="continueOperation"   type="primary" v-if="current==2 &&  this.showInfo ">
          继续操作
        </a-button>
        <a-button v-if="current==2 &&  this.showInfo " style="margin-left: 8px" @click="terminatingOperation">终止操作</a-button>
      </div>
    </a-card>



  </div>
</template>

<script>
import Popup from './PopupSubTable.vue';
import {httpAction, postAction, getAction} from "@api/manage";
import {JeecgListMixin} from '@/mixins/JeecgListMixin'
import AMapLoader from '@amap/amap-jsapi-loader'
import { reactive } from 'vue';
window._AMapSecurityConfig = {
  securityJsCode: 'f762c44f71422cd56f90acc2a8e75144'  //填写你的安全密钥
}

export default {
  name: "registration",
  inject:['closeCurrent'],
  mixins: [JeecgListMixin],

  data() {
    return {
      lnglats: [

      ],
      map:null,
      lnglatMaps:new Map(),
      zoom: 18,
      center: [118.02, 24.48],
      searchOption: {
        // 限制搜索城市的范围
        citylimit: false,
      },
      defaultValue: "",
      content: "",
      inputValue: "",
      mapResultList:[],
      searchResult: {
        address: "",
        latitude: "",
        longitude: "",
        name: "",
        type: "",
        country: "",
        province: "",
        city: "",
        area: "",
        township: "",
        street: "",
        neighborhood: "",
        locationName: "",
      },

      events: {
        click(e) {
          _this.center = [e.lnglat.lng, e.lnglat.lat];
          _this.form.lon = e.lnglat.lng;
          _this.form.lat = e.lnglat.lat;
          _this.getAddress(_this.center);
          _this.defaultValue = "";
        },
      },

      addIng: false,
      url: {
        "list":"",
        "add": "/businessReminderCard/add",
        "editById": "/businessReminderCard/editById",
        "queryById": "/businessReminderCard/queryById",
        "queryByCardNo": "/businessReminderCard/queryByCardNo",
      },

      labelCol: {span: 2},
      wrapperCol: {span: 23},
      // 1列
      labelCol1: {
        labelCol: {
          xs: {span: 24},
          sm: {span: 2},
        },
        wrapperCol: {
          xs: {span: 24},
          sm: {span: 21},
        }
      },
      labelCol1Pro: {
        labelCol: {
          span: 8
        },
        wrapperCol: {
          span: 15
        }
      },
      labelCol1Pro1A3: {
        labelCol: {
          span: 7
        },
        wrapperCol: {
          span: 15
        }
      },
      labelCol1ProA3: {
        labelCol: {
          span: 8
        },
        wrapperCol: {
          span: 15
        }
      },
      labelCol1Results: {
        labelCol: {
          span: 5
        },
        wrapperCol: {
          span: 15
        }
      },
      labelCol1ProMax: {
        labelCol: {
          span: 8
        },
        wrapperCol: {
          span: 15
        }
      },labelCol1ProMax5A6: {
        labelCol: {
          span: 14
        },
        wrapperCol: {
          span: 5
        }
      },
      labelCol1ProMaxA6: {
        labelCol: {
          span: 14
        },
        wrapperCol: {
          span: 5
        }
      },
      labelCol1ProMax4A8: {
        labelCol: {
          span: 12
        },
        wrapperCol: {
          span: 5
        }
      },labelCol1ProMaxA8: {
        labelCol: {
          span: 13
        },
        wrapperCol: {
          span: 5
        }
      },
      labelCol1ProMax2A7: {
        labelCol: {
          span: 11
        },
        wrapperCol: {
          span: 5
        }
      },
      labelCol1ProMaxPlus: {
        labelCol: {
          span: 12
        },
        wrapperCol: {
          span: 12
        }
      },
      // 2列
      labelCol2: {
        labelCol: {
          span: 7
        },
        wrapperCol: {
          span: 16
        }
      },labelColDate: {
        labelCol: {
          span: 7
        },
        wrapperCol: {
          span: 14
        }
      },
      addressCol: {
        labelCol: {
          span: 8
        },
        wrapperCol: {
          span: 16
        }
      },

      //校验的规则
      rules: {
        cardName: [
          { required: true, message: '证件名不可为空...', trigger: 'blur' }
        ],
        idCardAddress: [
          { required: true, message: '证件名不可为空...', trigger: 'blur' }
        ]
      },

      poiList:'',
      isSizeNumberResults:'',
      showsearchResult:true,
      showsearchResultBusinessAddress:true,
      showsearchcurrentAddress:true,
      addressG:'',
      lnglat:{},
      distance:'20',
      distance1:'',
      distance2:'',
      distance3:'',
      showInfo:false,
      newDatas : [],
      //表单信息
      model: {
        industry:'',
        judgmentResearch:'',
        isShutDownNote:'',
        isShutDown:'',
        isRefundNote:'',
        isRefund:'',
        isUseToNote:'',
        isUseTo:'',
        isBroadbandNote:'',
        isBroadband:'',
        isDxNumberNote:'',
        isDxNumber:'',
        calltestResults:'',
        operatorType:'',
        operator:'',
        currentAddress:'',
        phonePurpose:'',
        useLife:'',
        address:'',
        isNewly:'',
        isNewlyNote:'',
        isChannel:'',
        isChannelNote:'',
        isInvolvingFraud:'',
        isInvolvingFraudNote:'',
        numberResults:'',
        id: null,
        phone:null,
        cardNo:'',
        cardName:'',
        cardStartTime:'',
        cardEndTime:'',
        idCardAddress:'',
        wordAddress:'',
        positionInformation:'',
        businessAddress:'',

      },
      current: 0,
      //步骤条
      steps: [
        {
          title: '入网提示卡',
          content: 'First-content',
        },
        {
          title: '排查',
          content: 'First-content',
        },
        {
          title: '后期处理',
          content: 'First-content',
        },
      ],
    }
  },
  created() {
    this.model.id = this.$route.query.id;

  },
  mounted() {
    this.queryById();
    //DOM初始化完成进行地图初始化
    this.initMap()
  },

  methods: {

    //新增标记
    showLocation(data){
      let marker = new AMap.Marker({
        position: new AMap.LngLat( data[0],data[1]) //参数为经纬度
      })
      this.map.clearMap()// 清除所有覆盖物（点标志）
      this.map.add(marker)// 添加点标志
      this.showInfoWindow(marker);//自定义信息窗体
    },
//自定义信息窗体
    showInfoWindow(marker){
      let infoWindow = new AMap.InfoWindow({
        isCustom: true, //是否自定义信息窗体
        content:  `<div style="background-color: white;padding: 0 5px; border-radius: 5px;border: 1px solid #cccccc;"> 地址：${this.model.wordAddress}</div>`,
        closeWhenClickMap: true,
        zIndex: 999,
        offset: new AMap.Pixel(16, -35)
      });
      infoWindow.open(this.map, marker.getPosition());
    },
    /** 初始化搜索 */
    mapSearchInit(){
      let autoOptions = {
        input: "tipInput",
      }
      let autoCompleteComponent= new AMap.Autocomplete(autoOptions);
      this.autoCompleteComponent = autoCompleteComponent;
      // 注册placeSearch组件
      this.placeSearchComponent = new AMap.PlaceSearch()
    },
    //根据输入内容查询
    searchKeyWord(data){


      let that= this
      if (data==='model.wordAddress'){
        this.showsearchResult = true;
        that.placeSearchComponent.search(that.model.wordAddress, function (status, result) {
          if(status==='complete' && result.info === "OK"){
            that.showsearchResultBusinessAddress = false
            that.showsearchResult = true
            that.showsearchcurrentAddress = false
            that.poiList = result.poiList.pois
          }else{
            that.showsearchResult = false
            that.showsearchResultBusinessAddress = false;
            that.showsearchcurrentAddress = false
            that.poiList = []
            //that.$message.warning("没有查到结果");
          }
        })
      }
      if (data==='model.businessAddress'){
        this.showsearchResultBusinessAddress = true;
        that.placeSearchComponent.search(that.model.businessAddress, function (status, result) {
          if(status==='complete' && result.info === "OK"){
            that.showsearchResultBusinessAddress = true
            that.showsearchResult = false
            that.showsearchcurrentAddress = false
            that.poiList = result.poiList.pois
          }else{
            that.showsearchResultBusinessAddress = false
            that.showsearchResult = false
            that.showsearchcurrentAddress = false
            that.poiList = []
            //that.$message.warning("没有查到结果");
          }
        })
      }
      if (data==='model.currentAddress'){
        this.showsearchcurrentAddress = true;
        that.placeSearchComponent.search(that.model.currentAddress, function (status, result) {
          if(status==='complete' && result.info === "OK"){
            that.showsearchcurrentAddress = true
            that.showsearchResult = false
            that.showsearchResultBusinessAddress = false
            that.poiList = result.poiList.pois
          }else{
            that.showsearchcurrentAddress = false
            that.showsearchResultBusinessAddress = false
            that.showsearchResult = false
            that.poiList = []
            //that.$message.warning("没有查到结果");
          }
        })
      }
    },

    getdiscount(lat1,lng1,lat2,lng2){
      // console.log(paramObj)
      var lng1 = lng1
      var lat1 = lat1
      var lng2 = lng2
      var lat2 = lat2
      var radLat1 = lat1*Math.PI / 180.0;
      var radLat2 = lat2*Math.PI / 180.0;
      var a = radLat1 - radLat2;
      var  b = lng1*Math.PI / 180.0 - lng2*Math.PI / 180.0;
      var s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a/2),2) +
        Math.cos(radLat1)*Math.cos(radLat2)*Math.pow(Math.sin(b/2),2)));
      s = s *6378.137 ;// EARTH_RADIUS;
      s = Math.round(s * 10000) / 10000;
      s = s * 1000
      if (isNaN(s)) {
        return 0+'m';
      }
      if (s > 1000) {
        //    大于1000米时
        s = Math.floor(s/1000 * 100) / 100;
        s = s + 'km'
      } else {
        //    小于1000米直接返回
        s = s + 'm'
      }
      this.distance=s;
      return s;
    },


    space(lat1, lng1, lat2, lng2) {
      console.log(lat1, lng1, lat2, lng2)
      var radLat1 = lat1 * Math.PI / 180.0;
      var radLat2 = lat2 * Math.PI / 180.0;
      var a = radLat1 - radLat2;
      var b = lng1 * Math.PI / 180.0 - lng2 * Math.PI / 180.0;
      var s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) +
        Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(b / 2), 2)));
      s = s * 6378.137;
      s = Math.round(s * 10000) / 10000;
      return s  // 单位千米
    },

    carGPSIP(data) {
      var map = new AMap.Map("container", {resizeEnable: true});//初始化地图
      //信息窗口实例
      var infoWindow = new AMap.InfoWindow({offset: new AMap.Pixel(0, -30)});
      //遍历生成多个标记点
      data.forEach((val,key) => {
        console.log("属性：" + key + ",值："+ data.get(key));
        console.log("wordAddressname".indexOf("name"));
        console.log(key.includes("name"));
        if (!key.includes("name")){
          var marker = new AMap.Marker({
            position: data.get(key),//不同标记点的经纬度
            map: map
          });
          marker.content = data.get(key+'name') ;
          marker.on('click', markerClick);
          marker.emit('click', {target: marker});//默认初始化不出现信息窗体,打开初始化就出现信息窗体
        }
      })

      function markerClick(e) {
        infoWindow.setContent(e.target.content);
        infoWindow.open(map, e.target.getPosition());
      }
      map.setFitView();
    },
    //选择搜索的内容
    markerResult(data,nameType){
      if (nameType==='wordAddress'){
        this.model.wordAddress =data.name ;
      }
      if (nameType==='businessAddress'){
        this.model.businessAddress =data.name ;
      }
      if (nameType==='currentAddress'){
        this.model.currentAddress =data.name ;
      }
      this.lnglatMaps ;
      console.log(data)
      this.showsearchResult = false;
      this.showsearchResultBusinessAddress = false;
      this.showsearchcurrentAddress = false;
      //this.model.wordAddress = data.name; //地点名称
      var marker = new AMap.Marker({
        position: [Number(data.location.lng),Number(data.location.lat)],//地点名称 坐标
      });
      //this.map.clearMap()// 清除所有覆盖物（点标志）
      //this.map.add(marker)// 添加点标志
      //this.showInfoWindow(marker);
      this.lnglatMaps.set(nameType, [Number(data.location.lng),Number(data.location.lat)]);
      this.lnglatMaps.set(nameType+'name', data.name);
      if (this.lnglatMaps.size>6){
        this.lnglatMaps.clear();
      }
      //this.lnglats.push( [Number(data.location.lng),Number(data.location.lat)]); //添加坐标
      // if (this.model.wordAddress ===null ||   this.model.businessAddress===null || this.model.currentAddress===null){
      //     return;
      // }

      // if (this.lnglatMaps.size===4){
        this.carGPSIP(this.lnglatMaps);//各个点分别显示坐标
      //}

      setTimeout(() => {
        this.map.setCenter(data.location);
        this.map.setZoom(15);
      }, 50)
      let thisPosition = {
        mapAddress: this.model.wordAddress,
        lng: data.location.lng,
        lat: data.location.lat
      };
      var map = new Map();
      map.set("lng",data.location.lng);
      map.set("lat",data.location.lat);
      this.mapResultList.push(map) ;
      console.log(data.location.lng +data.location.lat +"thisPosition")
      this.$emit("select",thisPosition)
      if ( this.lnglatMaps.size===6){
        var currentAddressD= this.lnglatMaps.get("currentAddress");
        var wordAddressD= this.lnglatMaps.get("wordAddress");
        var businessAddressD= this.lnglatMaps.get("businessAddress");

        this.distance1= this.space(currentAddressD[1],currentAddressD[0],businessAddressD[1],businessAddressD[0]);//现住地址  营业厅地址
        this.distance2= this.space(wordAddressD[1],wordAddressD[0],businessAddressD[1],businessAddressD[0]);//工作地址   营业厅地址
        this.distance3= this.space(currentAddressD[1],currentAddressD[0],wordAddressD[1],wordAddressD[0]);//现住地址    工作地址
        if(parseFloat(this.distance1)>parseFloat(this.distance) ||  parseFloat(this.distance2)>parseFloat(this.distance) ||parseFloat(this.distance3)>parseFloat(this.distance)){
          this.model.judgmentResearch = "1";
        }

      }


    },
    // 获取详细地址
    getAddress(center) {
      let _this = this;
      let geocoder = new AMap.Geocoder({});

      geocoder.getAddress(center, function (status, result) {
        if (status === "complete" && result.info === "OK") {
          let obj = result.regeocode.addressComponent;

          let locationName =
            obj.province +
            obj.city +
            obj.district +
            obj.township +
            obj.street +
            obj.streetNumber;

          _this.form.address = locationName;
        }
      });
    },


    initMap(){
      AMapLoader.load({
        key:"8e513e3c374bdb2dd0095cd337b02ee6", // 申请好的Web端开发者Key，首次调用 load 时必填
        version:"2.0",      // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
        plugins: [
          'AMap.ToolBar',
          'AMap.Scale',
          'AMap.Geolocation',
          'AMap.PlaceSearch',
          'AMap.AutoComplete',
          'AMap.Geocoder',
          'AMap.CitySearch',
          'AMap.RangingTool'  // 这个就是测距插件
        ],
        resizeEnable: true,
      }).then((AMap)=>{
        const that = this;
        that.map = new AMap.Map("container",{  //设置地图容器id
          viewMode:"3D",    //是否为3D地图模式
          zoom:12,           //初始化地图级别
        });
        that.handleClick(AMap)//地图选点
        that.map.addControl(new AMap.Scale())  // 在图面添加比例尺控件，展示地图在当前层级和纬度下的比例尺
        that.map.addControl(new AMap.ToolBar())  //在图面添加鹰眼控件，在地图右下角显示地图的缩略图
        that.geocoder = new AMap.Geocoder()
        that.mapSearchInit()
      }).catch(e=>{
        console.log(e);
      })
    },

    //点击地图获取地理位置
    handleClick(){
      this.map.on('click', (e) => {
        let lng = e.lnglat.lng
        let lat = e.lnglat.lat
        let marker = new AMap.Marker({
          position: new AMap.LngLat(lng, lat)
        })
        this.map.clearMap()// 清除所有覆盖物（点标志）
        this.map.add(marker)// 添加点标志
        let lnglat = [lng, lat]
        let that = this
        that.geocoder.getAddress(lnglat, function (status, result) {
          if (status === 'complete' && result.regeocode) {
            that.address = result.regeocode.formattedAddress;
            that.showInfoWindow(marker);//自定义信息窗体
            let thisPosition = {
              address: that.address,
              lng: lng,
              lat: lat
            };
            that.$emit("select",thisPosition) //返回给父组件
          } else {

            this.$message.error('根据经纬度查询地址失败')
          }
        })
      })
    },

    //获取当前定位
    getCurrentLocation(){
      const that = this;
      that.geolocation = new AMap.Geolocation({
        timeout: 3000,                   //超过3秒后停止定位，默认：5s
        enableHighAccuracy: true,
        zoomToAccuracy: true,     //定位成功后是否自动调整地图视野到定位点
      });
      that.geolocation.getCurrentPosition(function(status,result){
        //备注：getCurrentPosition方法会调用超时或失败：
        //Get geolocation time out：浏览器定位超时，包括原生的超时，可以适当增加超时属性的设定值以减少这一现象。
        //另外还有个别浏览器（如google Chrome浏览器等）本身的定位接口是黑洞，通过其请求定位完全没有回应，也会超时返回失败。
        //Get geolocation failed：定位失败，Chrome、火狐以及部分套壳浏览器接入的定位服务在国外，有较大限制，失败率高。
        console.log(status,result);
        if(status=='complete'){
          that.onComplete(result)
        }else{
          that.onError(result) //失败后可使用getCityInfo获取非精准定位（具体到省市）
        }
      });
    },
    //解析定位结果
    onComplete(data) {
      console.log('定位结果：' + data.position) //经纬度信息
      let lnglat = data.position;
      let marker = new AMap.Marker({   //创建标记
        position: new AMap.LngLat(lnglat[0], lnglat[1])
      })
      this.map.clearMap()// 清除所有覆盖物（点标志）
      this.map.add(marker)// 添加点标志
      let that = this
      //经纬度转换为中文地址详情
      that.geocoder.getAddress(lnglat, function (status, result) {
        if (status === 'complete' && result.regeocode) {
          that.address = result.regeocode.formattedAddress;
          that.showInfoWindow(marker);//自定义信息窗体
        } else {
          this.$message.error('根据经纬度查询地址失败')
        }
      })
    },
    //解析定位错误信息
    onError(data) {
      this.getLngLatLocation()
    },
    //在获取具体定位失败时调用的代码：（非精准定位！！！）
    getLngLatLocation() {
      const that = this;
      that.geolocation.getCityInfo(function (status, result) {
        if (status === 'complete') {
          let data = result.position
          that.address = result.province + result.city;
          that.showLocation(data)
        } else {
          this.$message.error('获取地址失败')
        }
      })
    },
    keyupInfoSelect(){
      if (this.model.cardNo===''){
        return;
      }
      this.closeCurrent();
      this.$router.push({ path: '/network/PopupSub', query:{cardNo:this.model.cardNo}});
    },
    keyupInfo(){
      //身份证输入查询
      if (this.model.cardNo.length ===15 || this.model.cardNo.length ===18){
        let that = this;
        let data = {
          "cardNo": this.model.cardNo
        }
        getAction(that.url.queryByCardNo, data).then((res) => {
          if (res.success) {
            let result = res.result;
            let view =this.model;
            if (result != null) {
              for (var i in result) {
                Object.keys(view).forEach(function(key){
                  view[key]=result[i][key];
                })
                this.isSizeNumberResults =result[i]["isSizeNumberResults"];

              }
              if (result[i]["isSizeNumberResults"]==='is'){
                this.$confirm({
                  title: "确认是否继续...",
                  content: '该用户有多个不友好研判结果',
                  onOk: function () {

                  },
                  onCancel:function (){
                    Object.keys(view).forEach(function(key){
                      view[key]='';
                    })
                  }
                });
              }
            }
            // this.$refs.modalDetail.detail( );
            // this.$refs.modalDetail.title = "详情";
          }
        })

      }
    },

    /**获取详情*/
    queryById() {
      let that = this;
      let data = {
        "id": that.model.id
      }
      getAction(that.url.queryById, data).then((res) => {
        if (res.success) {
          let result = res.result;
          if (result != null) {
            for (var i in result) {
              that.model[i] = result[i] == null ? null : result[i].toString();
            }
          }
        }
      })
    },

    /**下一步骤*/
    nextSteps() {
      if (this.current===0){
        const newDatas = [];
        let message = '';
        if (this.model.cardNo==='' || this.model.cardNo===null){
          newDatas.push(h('p', null, '<身份证件号码> 不可为空... '))

        }
        if (this.model.cardName==='' || this.model.cardName===null){
          newDatas.push(h('p', null, '<身份证件姓名> 不可为空...  '))

        }
        // if (this.model.idCardAddress==='' || this.model.idCardAddress===null){
        //   newDatas.push(h('p', null, '<身份证件地址> 不可为空...... '))
        //   message=message+ '<身份证件地址> 不可为空... '+<br/>
        // }
        if (this.model.cardStartTime===''|| this.model.cardStartTime===null){
          newDatas.push(h('p', null, '<身份证件开始时间> 不可为空... '))
        }
        if (this.model.cardEndTime==='' || this.model.cardEndTime===null){
          newDatas.push(h('p', null, '<身份证件截止日期> 不可为空... '))
        }
        if (this.model.phone==='' ||this.model.phone===null){
          newDatas.push(h('p', null,  '<拨测联系电话> 不可为空... '))
        }
        if (this.model.address===''|| this.model.address===null){
          newDatas.push(h('p', null, '<联电归属地> 不可为空... '))
        }
        // if (this.model.useLife==='' || this.model.useLife===null){
        //   newDatas.push(h('p', null,  '<号码使用年限> 不可为空... '))
        // }
        if (this.model.phonePurpose==='' || this.model.phonePurpose===null){
          newDatas.push(h('p', null, '<号码使用用途> 不可为空... '))
        }
        // if (this.model.idCardAddress==='' ||this.model.idCardAddress=== null){
        //   newDatas.push(h('p', null, '<证件地址(到村/小区)> 不可为空... '))
        // }
        if (this.model.currentAddress==='' || this.model.currentAddress===null){
          newDatas.push(h('p', null, '<现住地址(到村/小区)> 不可为空... '))
        }
        if (this.model.operator==='' || this.model.operator===null){
          newDatas.push(h('p', null,  '<客户现用号码> 不可为空... '))
        }
        if (this.model.operatorType==='' || this.model.operatorType===null){
          newDatas.push(h('p', null,  '<运营商类型> 不可为空... '))
        }
        if (this.model.calltestResults===''   ||this.model.calltestResults===null){
          newDatas.push(h('p', null,  '<拨测结果> 不可为空... '))
        }
        // if (this.model.positionInformation===''   ||  this.model.positionInformation===null){
        //   newDatas.push(h('p', null,  '<位置信息> 不可为空... '))
        // }
        if (this.model.wordAddress===''||  this.model.wordAddress===null){
          newDatas.push(h('p', null, '<工作地址> 不可为空... '))
        }
        if (this.model.businessAddress===''|| this.model.businessAddress===null){
          newDatas.push(h('p', null,  '<营业厅地址> 不可为空... '))
        }
        if (newDatas.length!==0){
          this.$confirm({
            title: "入网提示卡页签有未输入值...",
            content: h('div', null, newDatas),
            // message: h('div', null, newDatas),
            onOk: function () {

            },
            onCancel:function (){

            }
          });
          return;
        }
      }
      if (this.current===1){
        let that = this;
        console.info(this.model.calltestResults);
        that.addIng == false
        let data=this.getData();
        let id = that.model.id;
        let i=1 ;
        let dataMessage ='';
        const h = this.$createElement
        this.newDatas=[];

        if(  data["calltestResults"] ==='2'){
          this.newDatas.push( i++ +'、该用户拨测号码未接通 请确认是否继续操作 。 ' )

        } if(  data["calltestResults"] ==='1'){
          this.newDatas.push(  i++ +'、该用户拨测号码关机 请确认是否继续操作 。 ')

        }if(this.isSizeNumberResults==='is'  ){
          this.newDatas.push( i++ +' 、该用户有多个不友好研判结果 请确认是否继续操作 。 ' )

        }if(parseFloat(this.distance1)>parseFloat(this.distance) ){
          this.newDatas.push( i++ +' 、该用户现住地址(到村/小区)，营业厅地址 距离过远 请确认是否继续操作 。 ')
        }if( parseFloat(this.distance2)>parseFloat(this.distance) ){
          this.newDatas.push(  i++ +' 、该用户 工作地址 ， 营业厅地址 距离过远 请确认是否继续操作 。 ')
        }if(parseFloat(this.distance3)>parseFloat(this.distance) ){
          this.newDatas.push(  i++ +' 、该用户现住地址(到村/小区)，工作地址距离过远 请确认是否继续操作 。 ')
        }

        if (this.newDatas.length===0){
          //newDatas.push(h('p', null, i++ +'、 暂无风险提示 请继续操作。 '))
        }else{
          this.showInfo =true;
          //document.getElementById('showInfo').innerHTML = h('div', null, this.newDatas)
          // this.$confirm({
          //   okText: '继续操作',
          //   cancelText: '终止操作',
          //   title: "确认是否继续",
          //   content: h('div', null, newDatas),
          //   onOk: function () {
          //
          //   } ,
          //   onCancel:function (){
          //     data['status']="0";//中断提交
          //     that.submit(data,id)
          //   }
          // });
        }
      }
      if (this.current < this.steps.length) {
        this.current = this.current + 1;
      }

    },
    /**上一步骤*/
    prevSteps() {
      if (this.current != 0) {
        this.current = this.current - 1;
      }
    },


    getData(){
      let data = {
        //用户id
        "id": this.model.id,
        //联电归属地
        "address": this.model.address,
        //拨测联系电话
        "phone": this.model.phone,
        //拨测结果
        "calltestResults": this.model.calltestResults,
        //证件地址
        "idCardAddress": this.model.idCardAddress,
        //现住地址
        "currentAddress": this.model.currentAddress,
        //现用号码运营商
        "operator": this.model.operator,
        //现用号码运营商类型
        "operatorType": this.model.operatorType,
        //现用号码运营商类型备注
        "operatorTypeNote": this.model.operatorTypeNote,
        //现用号码使用年限
        "useLife": this.model.useLife,
        //现用号码使用用途
        "phonePurpose": this.model.phonePurpose,

        //客户名下无电信号码
        "isDxNumber": this.model.isDxNumber,
        //客户名下无电信号码备注
        "isDxNumberNote": this.model.isDxNumberNote,
        //申请号码办理征信类、融合宽带业务
        "isBroadband": this.model.isBroadband,
        //申请号码办理征信类、融合宽带业务备注
        "isBroadbandNote": this.model.isBroadbandNote,
        //申请号码使用用途异常
        "isUseTo": this.model.isUseTo,
        //申请号码使用用途异常备注
        "isUseToNote": this.model.isUseToNote,
        //客户名下号码存在异常高频率充值、退费
        "isRefund": this.model.isRefund,
        //客户名下号码存在异常高频率充值、退费备注
        "isRefundNote": this.model.isRefundNote,
        //客户名下已有号码（含已注销号码）存在各类关停
        "isShutDown": this.model.isShutDown,
        //客户名下已有号码（含已注销号码）存在各类关停备注
        "isShutDownNote": this.model.isShutDownNote,
        //客户名下在用号码无使用记录，仍要求新办号码
        "isNewly": this.model.isNewly,
        //客户名下在用号码无使用记录，仍要求新办号码备注
        "isNewlyNote": this.model.isNewlyNote,
        //在多个渠道多频次入网的异常情况
        "isChannel": this.model.isChannel,
        //在多个渠道多频次入网的异常情况备注
        "isChannelNote": this.model.isChannelNote,
        //黑名单到期客户新入网的高危疑似涉诈号码
        "isInvolvingFraud": this.model.isInvolvingFraud,
        //黑名单到期客户新入网的高危疑似涉诈号码备注
        "isInvolvingFraudNote": this.model.isInvolvingFraudNote,

        //是否将高危号码上报蓝、紫名单或不可复开关停
        "numberResults": this.model.numberResults,

        "cardNo":this.model.cardNo,
        "cardName":this.model.cardName,
        "cardStartTime":this.model.cardStartTime,
        "endStartTime":this.model.endStartTime,
        "wordAddress":this.model.wordAddress,
        "businessAddress":this.model.businessAddress,
        "positionInformation":this.model.positionInformation,
        "status":''


      };
      return data;
    },

    submit(data,id){
      let mes = '提交成功';
      if (data["status"]==='0'){
        mes="终止操作 数据保存成功！ "
      }

      if (id == null){

        postAction("/businessReminderCard/add", data).then((res) => {
          if (res.success) {
            this.clearModel()
            this.$message.success(mes, 7);
            this.addIng == true
          } else {
            this.$message.error("提交失败");
            this.addIng == true;
          }
        })
      }else {
        postAction("/businessReminderCard/editById", data).then((res) => {
          if (res.success) {
            this.clearModel()
            this.$message.success(mes, 7);
            this.addIng == true
            this.$router.go(-1);
            this.closeCurrent();
          } else {
            this.$message.error("修改失败");
            this.addIng == true;
          }
        })
      }
    },
    //继续操作
    continueOperation(){
      this.showInfo=false;
    },
    //终止操作
    terminatingOperation(){
      let data=this.getData();
      data['status']="0";//中断提交
      this.showInfo=false;
      this.submit(data,this.model.id)
    },



    /**新增*/
    submitBusiness() {
      let that = this;
      that.addIng == false
      let data=this.getData();
      let id = that.model.id;
      let i=1 ;
      let dataMessage ='';
      const h = this.$createElement
      const newDatas = [];
      data['status']="1";//确认提交

      this.submit(data,id)

      // if(  data["calltestResults"] ==='2'){
      //   newDatas.push(h('p', null, i++ +'、该用户拨测号码未接通 请确认风险 。 '))
      //
      // }if(this.isSizeNumberResults==='is'  ){
      //   newDatas.push(h('p', null, i++ +' 、该用户有多个不友好研判结果 请确认风险 。 '))
      //
      // }if(this.isSizeNumberResults==='is'  ){
      //   newDatas.push(h('p', null, i++ +' 、该用户现住地址(到村/小区)，工作地址，营业厅地址距离过远 请确认风险 。 '))
      //
      // }else{
      //   newDatas.push(h('p', null, i++ +' 暂无风险提示 请继续。 '))
      // }
      //
      // this.$confirm({
      //   title: "确认是否继续提交",
      //   content: h('div', null, newDatas),
      //   onOk: function () {
      //     if (id == null){
      //       postAction("/businessReminderCard/add", data).then((res) => {
      //         if (res.success) {
      //           that.clearModel()
      //           that.$message.success("提交成功", 7);
      //           that.addIng == true
      //         } else {
      //           that.$message.error("提交失败");
      //           that.addIng == true;
      //         }
      //       })
      //     }else {
      //       postAction("/businessReminderCard/editById", data).then((res) => {
      //         if (res.success) {
      //           that.clearModel()
      //           this.$message.success("修改成功", 7);
      //           that.addIng == true
      //           this.$router.go(-1);
      //           this.closeCurrent();
      //         } else {
      //           this.$message.error("修改失败");
      //           that.addIng == true;
      //         }
      //       })
      //
      //     }
      //   }
      // });

    },
    /**充值表单*/
    clearModel() {
      this.model = {}
      this.current = 0;
    },
  },
}

const state = reactive({
  value1: [],
  value2: ['1'],
  value3: ['2'],
  value4: ['3'],
});
const plainOptions = ['1', '2', '3'];
const options = [{
  label: '非高危',
  value: '1',
}, {
  label: '已报蓝紫名单',
  value: '2',
}, {
  label: '已报关停',
  value: '3',
}];
</script>

<style scoped>
.is-error{
  border-color:red
}
</style>