diff --git a/src/views/port/port/index.vue b/src/views/port/port/index.vue
index a092609..1670e34 100644
--- a/src/views/port/port/index.vue
+++ b/src/views/port/port/index.vue
@@ -6,7 +6,7 @@
           <div slot="header" class="clearfix">
             <span>手机号查询归属地</span>
             <el-button style="float: right; padding: 3px 0" @click="buyPhone">购买</el-button>
-            <el-button style="float: right; padding: 3px 0" @click="testPhone">测试</el-button>
+            <el-button style="float: right; padding: 3px 0" @click="dialogFormVisible=true">测试</el-button>dialogFormVisible
           </div>
         </el-card>
       </el-col>
@@ -56,6 +56,22 @@
         </el-card>
       </el-col>
     </el-row>
+<!--    手机号查询归属地测试-->
+    <el-dialog title="手机号查询归属地" :visible.sync="dialogFormVisible">
+      <el-form :model="form">
+        <el-form-item label="手机号" :label-width="formLabelWidth">
+          <el-input v-model="form.name" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item  :label-width="formLabelWidth">
+          <button @click="">查询</button>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisible = false">取 消</el-button>
+        <el-button type="primary" @click="dialogFormVisible = false">确 定</el-button>
+      </div>
+    </el-dialog>
+
   </div>
 </template>
 
@@ -71,7 +87,7 @@ export default {
     //这里存放数据"
 
     return {
-
+      dialogFormVisible:false,
     };
   },
   //计算属性 类似于data概念",