From e2e7f1e06d569dc5418b568d2243ca6219a0c512 Mon Sep 17 00:00:00 2001
From: wxy <14293288+zysysys@user.noreply.gitee.com>
Date: Fri, 6 Sep 2024 16:46:40 +0800
Subject: [PATCH] =?UTF-8?q?```=E6=B7=BB=E5=8A=A0=E6=B5=8B=E8=AF=95API?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E5=92=8C=E5=AF=B9=E8=AF=9D=E6=A1=86=E4=BB=A5?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E6=89=8B=E6=9C=BA=E5=8F=B7=E6=9F=A5=E8=AF=A2?=
 =?UTF-8?q?=E5=BD=92=E5=B1=9E=E5=9C=B0=E5=9C=A8=E7=B3=BB=E7=BB=9F=E7=AB=AF?=
 =?UTF-8?q?=E5=8F=A3=E8=A7=86=E5=9B=BE=E4=B8=AD=EF=BC=8C=E4=B8=BA'?=
 =?UTF-8?q?=E6=89=8B=E6=9C=BA=E5=8F=B7=E6=9F=A5=E8=AF=A2=E5=BD=92=E5=B1=9E?=
 =?UTF-8?q?=E5=9C=B0'=E5=8A=9F=E8=83=BD=E6=B7=BB=E5=8A=A0=E4=BA=86?=
 =?UTF-8?q?=E4=B8=80=E4=B8=AA=E6=B5=8B=E8=AF=95API=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E3=80=82=E8=AF=A5=E6=8C=89=E9=92=AE=E8=A7=A6=E5=8F=91=E4=B8=80?=
 =?UTF-8?q?=E4=B8=AA=E5=AF=B9=E8=AF=9D=E6=A1=86=EF=BC=8C=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E5=8F=AF=E4=BB=A5=E5=9C=A8=E5=85=B6=E4=B8=AD=E8=BE=93=E5=85=A5?=
 =?UTF-8?q?=E6=89=8B=E6=9C=BA=E5=8F=B7=E7=A0=81=E8=BF=9B=E8=A1=8C=E6=9F=A5?=
 =?UTF-8?q?=E8=AF=A2=E3=80=82=E5=AF=B9=E8=AF=9D=E6=A1=86=E5=B1=95=E7=A4=BA?=
 =?UTF-8?q?=E4=BA=86=E7=9C=81=E4=BB=BD=E3=80=81=E5=9F=8E=E5=B8=82=E3=80=81?=
 =?UTF-8?q?=E5=8C=BA=E5=8F=B7=E3=80=81=E9=82=AE=E7=BC=96=E5=92=8C=E8=BF=90?=
 =?UTF-8?q?=E8=90=A5=E5=95=86=E4=BF=A1=E6=81=AF=E3=80=82=E6=AD=A4=E5=A4=96?=
 =?UTF-8?q?=EF=BC=8C=E5=AF=B9phonePlace=E6=96=B9=E6=B3=95=E8=BF=9B?=
 =?UTF-8?q?=E8=A1=8C=E4=BA=86=E6=95=B4=E5=90=88=EF=BC=8C=E4=BB=A5=E5=8F=91?=
 =?UTF-8?q?=E8=B5=B7=E8=AF=B7=E6=B1=82=E5=B9=B6=E5=A4=84=E7=90=86=E5=93=8D?=
 =?UTF-8?q?=E5=BA=94=E3=80=82=20```?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/port/sys/index.vue | 82 ++++++++++++++++++++++++++++++++++--
 1 file changed, 78 insertions(+), 4 deletions(-)

diff --git a/src/views/port/sys/index.vue b/src/views/port/sys/index.vue
index 900d32b..1ba0e6b 100644
--- a/src/views/port/sys/index.vue
+++ b/src/views/port/sys/index.vue
@@ -6,7 +6,37 @@
         <el-image :src="picture" style="width: 80%; max-width: 300px; height: auto;" fit="contain"></el-image>
         <h2>{{ name }}</h2>
         <p>{{remark}}</p>
-        <p><strong></strong> {{ price }}/次</p>
+        <p><strong></strong> <span class="price">{{ price }}/次</span></p>
+
+
+        <el-button type="primary" style="float: right; padding: 10px 10px" @click="testPhone()" v-if="this.name =='手机号查询归属地'">测试API</el-button>
+        <!--        <el-button type="primary" style="float: right; padding: 10px 10px" @click="testIP()" v-if="connector.connectorName=='IP查询归属地'">测试API</el-button>-->
+        <!--        <el-button type="primary" style="float: right; padding: 10px 10px" @click="testNews()" v-if="connector.connectorName=='新闻头条'">测试API</el-button>-->
+        <!--        <el-button type="primary" style="float: right; padding: 10px 10px" @click="testWeather()" v-if="connector.connectorName=='气象预警'">测试API</el-button>-->
+        <!--        <el-button type="primary" style="float: right; padding: 10px 10px" @click="testBirthdate()" v-if="connector.connectorName=='生辰助手'">测试API</el-button>-->
+        <!--        <el-button type="primary" style="float: right; padding: 10px 10px" @click="testMailbox()" v-if="connector.connectorName=='邮编查询'">测试API</el-button>-->
+        <!--        <el-button type="primary" style="float: right; padding: 10px 10px" @click="testWeatherForecast()" v-if="connector.connectorName=='天气预报'">测试API</el-button>-->
+
+
+        <!--    手机号查询归属地-->
+        <el-dialog title="手机查询归属地" :visible.sync="dialogFormVisible">
+          <el-form :model="formInline">
+            <el-form-item label="手机号" :label-width="formLabelWidth">
+              <el-input v-model="formInline.tel" autocomplete="off" placeholder="请输入手机号"></el-input>
+            </el-form-item>
+            <span style="font-weight: bold;font-size: 20px" v-if="formInline.reason==true">
+        省份：{{this.formInline.province}}<br>
+        城市：{{this.formInline.city}}<br>
+        区号：{{this.formInline.areacode}}<br>
+        邮编：{{this.formInline.zip}}<br>
+        运营商：{{this.formInline.company}}<br>
+        </span>
+          </el-form>
+          <div slot="footer" class="dialog-footer">
+            <el-button type="primary" @click="phonePlace()">发起请求</el-button>
+          </div>
+        </el-dialog>
+
       </div>
     </el-aside>
     <div>
@@ -41,11 +71,11 @@
       </div>
 
       <div v-if="activeTab === 'error-codes'">
-        <h1>错误码参照</h1>
+        <h1>服务级错误码参照(error_code)</h1>
       </div>
 
       <div v-if="activeTab === 'data-stats'">
-        <h2>数据统计</h2>
+        <h2>请求</h2>
       </div>
     </div>
   </el-container>
@@ -54,10 +84,21 @@
 <script>
 
 import { findApiById } from "@/api/port/port";
+import {phonePlace} from "@/api/port/port";
 
 export default {
   data() {
     return {
+      // 手机号查询归属地formInline
+      formInline:{
+        tel:"",
+        province:"",
+        city:"",
+        areacode:"",
+        zip:"",
+        company:"",
+        reason:"",
+      },
       activeTab: 'api-docs',
       name: '',
       describe: '',
@@ -72,10 +113,39 @@ export default {
       responseFormat: 'N/A',
       requestMethod: 'N/A',
       requestExample: 'N/A',
-      apiDescription: 'N/A'
+      apiDescription: 'N/A',
+      dialogFormVisible:false,
+      dialogFormVisible1:false,
+      dialogFormVisible2:false,
+      dialogFormVisible3:false,
+      dialogFormVisible4:false,
+      dialogFormVisible5:false,
+      dialogFormVisible6:false,
+      dialogTableVisible:false,
     };
+
+
   },
   methods: {
+    phonePlace(){
+      phonePlace(this.formInline.tel).then((res)=>{
+        console.log(res.data);
+        if (200==res.code){
+          this.formInline.province=res.data.province;
+          this.formInline.city=res.data.city;
+          this.formInline.areacode=res.data.areacode;
+          this.formInline.zip=res.data.zip;
+          this.formInline.company=res.data.company;
+          this.formInline.reason=true;
+        }
+      })
+    },
+    testIP(){
+      this.dialogFormVisible1=true;
+    },
+    testPhone(){
+      this.dialogFormVisible=true;
+    },
     handleTabClick(tab) {
       this.activeTab = tab.name;
     },
@@ -108,6 +178,10 @@ export default {
 </script>
 
 <style scoped>
+.price {
+  font-size: 24px; /* 调整字体大小 */
+  color: red;
+}
 .api-docs {
   margin-top: 20px;
 }