diff --git a/src/api/port/port/index.js b/src/api/port/port/index.js
new file mode 100644
index 0000000..3864152
--- /dev/null
+++ b/src/api/port/port/index.js
@@ -0,0 +1,8 @@
+import request from '@/utils/request'
+
+export function getPhonePlace() {
+  return request({
+    url: '/mart/list/getPhonePlace',
+    method: 'get'
+  })
+}
diff --git a/src/views/port/port/index.vue b/src/views/port/port/index.vue
index 59860f9..7772937 100644
--- a/src/views/port/port/index.vue
+++ b/src/views/port/port/index.vue
@@ -5,6 +5,13 @@
         <span>手机号查询归属地</span>
         <el-button style="float: right; padding: 3px 0" type="text">购买</el-button>
       </div>
+      <div v-for="o in 4" :key="o" class="text item">
+        省份：{{'列表内容 '  }}
+        城市：{{'列表内容 '  }}
+        区号：{{'列表内容 '  }}
+        邮编：{{'列表内容 '  }}
+        运营商：{{'列表内容 '  }}
+      </div>
     </el-card>
     <el-card class="box-card">
       <div slot="header" class="clearfix">
@@ -18,6 +25,7 @@
 <script>
 //这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
 //例如：import 《组件名称》 from '《组件路径》,
+import {getPhonePlace} from "@/api/port/port";
 export default {
   //import引入的组件需要注入到对象中才能使用"
   components: {},