Pārlūkot izejas kodu

Merge remote-tracking branch 'origin/master'

liuhy 2 gadi atpakaļ
vecāks
revīzija
64ddaec9bc
1 mainītis faili ar 281 papildinājumiem un 39 dzēšanām
  1. 281 39
      src/views/networkAccess/registration.vue

+ 281 - 39
src/views/networkAccess/registration.vue

@@ -14,7 +14,7 @@
 
 
     <!--  入网信息登记表单-->
-    <a-card style="margin-bottom:10px">
+    <a-card style="margin-bottom:10px" v-if="current==0">
       <div>
         <a-form-model
           ref="form"
@@ -23,7 +23,7 @@
           :model="model"
           :rules="rules"
         >
-          <div v-if="current==0">
+          <div>
             <a-divider orientation="left">填写营业厅入网提示卡
             </a-divider>
             <a-row>
@@ -43,31 +43,34 @@
                   </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-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-row>
 
+
+
             <a-row>
               <a-col :span="8">
-                <a-form-model-item label="证件地址(到村/小区)" prop="userOpenState" v-bind="labelCol2">
+                <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.idCardAddress" button-style="solid">
                     <a-input v-model="model.idCardAddress" 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-form-model-item label="现住地址(到村/小区)" prop="userOpenState" v-bind="addressCol">
                   <a-radio-group v-model="model.currentAddress" button-style="solid">
                     <a-input v-model="model.currentAddress" placeholder="请输入现住地址"></a-input>
                   </a-radio-group>
@@ -95,32 +98,41 @@
                 </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.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-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-form-model-item>
               </a-col>
             </a-row>
+
           </div>
+        </a-form-model>
+      </div>
+    </a-card>
+
 
-          <div v-if="current==1" style="">
+    <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-divider orientation="left">排查内容</a-divider>
             <a-list size="large" bordered>
               <template>
                 <a-list-item>
                   <a-col :span="12">
-                    <a-form-model-item label="1、客户名下无电信号码" prop="userOpenState" v-bind="labelCol1Pro">
+                    <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>
@@ -138,7 +150,7 @@
 
                 <a-list-item>
                   <a-col :span="12">
-                    <a-form-model-item label="2、申请号码办理征信类、融合宽带业务" prop="userOpenState" v-bind="labelCol1ProMax">
+                    <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>
@@ -156,7 +168,7 @@
 
                 <a-list-item>
                   <a-col :span="12">
-                    <a-form-model-item label="3、申请号码使用用途异常" prop="userOpenState" v-bind="labelCol1Pro">
+                    <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>
@@ -174,7 +186,7 @@
 
                 <a-list-item>
                   <a-col :span="12">
-                    <a-form-model-item label="4、客户名下号码存在异常高频率充值、退费" prop="userOpenState" v-bind="labelCol1ProMax">
+                    <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>
@@ -192,7 +204,7 @@
 
                 <a-list-item>
                   <a-col :span="12">
-                    <a-form-model-item label="5、客户名下已有号码(含已注销号码)存在各类关停" prop="userOpenState" v-bind="labelCol1ProMax">
+                    <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>
@@ -210,7 +222,7 @@
 
                 <a-list-item>
                   <a-col :span="12">
-                    <a-form-model-item label="6、客户名下在用号码无使用记录,仍要求新办号码" prop="userOpenState" v-bind="labelCol1ProMax">
+                    <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>
@@ -228,7 +240,7 @@
 
                 <a-list-item>
                   <a-col :span="12">
-                    <a-form-model-item label="7、在多个渠道多频次入网的异常情况" prop="userOpenState" v-bind="labelCol1ProMax">
+                    <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>
@@ -246,7 +258,7 @@
 
                 <a-list-item>
                   <a-col :span="12">
-                    <a-form-model-item label="8、黑名单到期客户新入网的高危疑似涉诈号码" prop="userOpenState" v-bind="labelCol1ProMax">
+                    <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>
@@ -266,8 +278,20 @@
               </template>
             </a-list>
           </div>
+        </a-form-model>
+      </div>
+    </a-card>
 
-          <div v-if="current==2">
+    <a-card style="margin-bottom:10px" v-if="current==2">
+      <div>
+        <a-form-model
+          ref="form"
+          :label-col="labelCol"
+          :wrapper-col="wrapperCol"
+          :model="model"
+          :rules="rules"
+        >
+          <div>
             <a-divider orientation="left">研判结果</a-divider>
             <a-col :span="12">
               <a-form-model-item label="是否将高危号码上报蓝、紫名单或不可复开关停" prop="userOpenState" v-bind="labelCol1ProMaxPlus">
@@ -279,11 +303,112 @@
               </a-form-model-item>
             </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="8">
+                <a-form-model-item label="身份证件号码" prop="userOpenState" 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="keyupTest( )" ></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.cardName" button-style="solid" v-decorator ="rules.cardName">
+                    <a-input v-model="model.cardName" 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.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 :span="8" >
+                <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>
+                </a-form-item>
+              </a-col>
+
+              <a-col :span="8" >
+                <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.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.positionInformation" button-style="solid">
+                    <a-input v-model="model.positionInformation" 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.wordAddress" button-style="solid">
+                    <a-input v-model="model.wordAddress" 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.businessAddress" button-style="solid">
+                    <a-input v-model="model.businessAddress" placeholder="请输入营业厅地址"></a-input>
+                  </a-radio-group>
+                </a-form-model-item>
+              </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">
@@ -304,10 +429,11 @@
 
 <script>
 import {httpAction, postAction, getAction} from "@api/manage";
-
+import {JeecgListMixin} from '@/mixins/JeecgListMixin'
 export default {
   name: "registration",
   inject: ['closeCurrent'],
+  mixins: [JeecgListMixin],
   data() {
     return {
       addIng: false,
@@ -315,6 +441,7 @@ export default {
         "add": "/businessReminderCard/add",
         "editById": "/businessReminderCard/editById",
         "queryById": "/businessReminderCard/queryById",
+        "queryByCardNo": "/businessReminderCard/queryByCardNo",
       },
       labelCol: {span: 2},
       wrapperCol: {span: 23},
@@ -337,6 +464,22 @@ export default {
           span: 15
         }
       },
+      labelCol1Pro1A3: {
+        labelCol: {
+          span: 7
+        },
+        wrapperCol: {
+          span: 15
+        }
+      },
+      labelCol1ProA3: {
+        labelCol: {
+          span: 8
+        },
+        wrapperCol: {
+          span: 15
+        }
+      },
       labelCol1Results: {
         labelCol: {
           span: 5
@@ -352,6 +495,44 @@ export default {
         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: {
@@ -370,12 +551,31 @@ export default {
           span: 16
         }
       },
+      addressCol: {
+        labelCol: {
+          span: 8
+        },
+        wrapperCol: {
+          span: 16
+        }
+      },
       //表单验证
-      rules: {},
+      rules: {
+        cardName: [
+          {required: true, message: '证件名不可为空'},
+        ],
+      },
       //表单信息
       model: {
         id: null,
         phone:null,
+        cardNo:'',
+        cardName:'',
+        cardStartTime:'',
+        cardEndTime:'',
+        idCardAddress:'',
+        wordAddress:'',
+        positionInformation:''
       },
       current: 0,
       //步骤条
@@ -401,7 +601,36 @@ export default {
   mounted() {
     this.queryById();
   },
+
   methods: {
+
+
+    keyupTest( ){
+
+      //身份证输入查询
+      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;
+            if (result != null) {
+              for (var i in result) {
+                this.model.cardName =result[i]["cardName"];
+                this.model.cardStartTime =result[i]["cardStartTime"];
+                this.model.cardEndTime =result[i]["cardEndTime"];
+                this.model.idCardAddress =result[i]["idCardAddress"];
+              }
+            }
+            // this.$refs.modalDetail.detail( );
+            // this.$refs.modalDetail.title = "详情";
+          }
+        })
+      }
+    },
+
     /**获取详情*/
     queryById() {
       let that = this;
@@ -495,6 +724,17 @@ export default {
 
         //是否将高危号码上报蓝、紫名单或不可复开关停
         "numberResults": that.model.numberResults,
+
+        "cardNo":that.model.cardNo,
+        "cardName":that.model.cardName,
+        "cardStartTime":that.model.cardStartTime,
+        "endStartTime":that.model.endStartTime,
+        "wordAddress":that.model.wordAddress,
+        "businessAddress":that.model.businessAddress,
+        "positionInformation":that.model.positionInformation
+
+
+
       };
 
       let id = that.model.id;
@@ -536,5 +776,7 @@ export default {
 </script>
 
 <style scoped>
-
+  .is-error{
+    border-color:red
+  }
 </style>