新闻头条

src/api/port/port/index.js

@@ -37,3 +37,16 @@ export function phonePlace(tel) {
     method: 'GET'
   })
 }
+
+export function getIpPlace(ip) {
+  return request({
+    url: '/port/list/getIpPlace?ip='+ip,
+    method: 'GET'
+  })
+}
+export function getHeadlines() {
+  return request({
+    url: '/port/list/getHeadlines',
+    method: 'GET'
+  })
+}

src/views/port/port/employee.vue

@@ -15,8 +15,8 @@
           {{connector.connectorPrice}}/次<br>
 
           <el-button type="primary" style="float: right; padding: 10px 10px" @click="testPhone()" v-if="connector.connectorName=='手机号查询归属地'">测试API</el-button>
-          <el-button type="primary" style="float: right; padding: 10px 10px" @click="testIP(connector)" v-if="connector.connectorName=='IP查询归属地'">测试</el-button>
-          <el-button type="primary" style="float: right; padding: 10px 10px" @click="testNews(connector)" v-if="connector.connectorName=='新闻头条'">测试</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(connector)" v-if="connector.connectorName=='气象预警'">测试</el-button>
           <el-button type="primary" style="float: right; padding: 10px 10px" @click="testBirthdate(connector)" v-if="connector.connectorName=='生辰助手'">测试</el-button>
           <el-button type="primary" style="float: right; padding: 10px 10px" @click="testMailbox(connector)" v-if="connector.connectorName=='邮编查询'">测试</el-button>
@@ -27,7 +27,7 @@
     <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"></el-input>
+          <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>
@@ -44,22 +44,30 @@
 
     <!--IP查询归属地-->
     <el-dialog title="IP查询归属地" :visible.sync="dialogFormVisible1">
-      <el-form :model="formInline">
-        <el-form-item label="IP" :label-width="formLabelWidth">
-          <el-input v-model="formInline.tel" autocomplete="off"></el-input>
+      <el-form :model="formIp">
+        <el-form-item label="IP" >
+          <el-input v-model="formIp.ip" autocomplete="off" placeholder="请输入ip"></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 style="font-weight: bold;font-size: 20px" v-if="formIp.reason==true">
+        国家：{{this.formIp.country}}<br>
+        省份：{{this.formIp.province}}<br>
+        城市：{{this.formIp.city}}<br>
+        运营商：{{this.formIp.isp}}<br>
         </span>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="phonePlace()">发起请求</el-button>
+        <el-button type="primary" @click="getIpPlace()">发起请求</el-button>
       </div>
     </el-dialog>
+<!--    新闻头条-->
+    <el-dialog title="新闻头条" :visible.sync="dialogTableVisible">
+      <el-table :data="gridData">
+        <el-table-column property="title" label="新闻标题" width="150"></el-table-column>
+        <el-table-column property="date" label="新闻时间" width="200"></el-table-column>
+        <el-table-column property="category" label="新闻分类"></el-table-column>
+        <el-table-column property="authorName" label="新闻来源"></el-table-column>
+      </el-table>
+    </el-dialog>
   </div>
 </template>
 
@@ -69,6 +77,8 @@
 import {findConnectorList} from "@/api/port/port";
 import index from "vuex";
 import {phonePlace} from "@/api/port/port";
+import {getIpPlace} from "@/api/port/port";
+import {getHeadlines} from "@/api/port/port";
 export default {
   //import引入的组件需要注入到对象中才能使用"
   components: {},
@@ -78,6 +88,7 @@ export default {
 
     return {
       connectorList:[],
+      gridData:[],
       form:{},
       // 手机号查询归属地formInline
       formInline:{
@@ -89,9 +100,23 @@ export default {
         company:"",
         reason:"",
       },
+
+      formIp:{
+        ip:"",
+        country:"",
+        province:"",
+        city:"",
+        isp:"",
+        reason:"",
+      },
+      formNews:{
+        news:"",
+        reason:"",
+      },
       // IP查询归属地
       dialogFormVisible:false,
       dialogFormVisible1:false,
+      dialogTableVisible:false,
     };
   },
   //计算属性 类似于data概念",
@@ -107,6 +132,28 @@ export default {
   watch: {},
   //方法集合",
   methods: {
+    testNews(){
+      getHeadlines().then((res)=>{
+        this.gridData=res.data;
+        this.dialogTableVisible=true;
+      })
+    },
+    getIpPlace(){
+      getIpPlace(this.formIp.ip).then((res)=>{
+        console.log(res.data);
+        if (200==res.code){
+          this.formIp.country=res.data.country;
+          this.formIp.province=res.data.province;
+          this.formIp.city=res.data.city;
+          this.formIp.isp=res.data.isp;
+          this.formIp.reason=true;
+        }
+      })
+    },
+    testIP(ip){
+      this.formIp.ip=ip;
+      this.dialogFormVisible1=true;
+    },
     testPhone(tel){
       this.formInline.tel=tel;
       this.dialogFormVisible=true;