TreeData
/
cloud-web
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

小卡片

master
chaiyapeng 2024-08-25 18:31:21 +08:00
parent fddc80e039
commit 2646082e17
1 changed files with 109 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

154
src/views/port/port/index.vue
View File

@ -6,7 +6,21 @@
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<span>手机号查询归属地</span> <span>手机号查询归属地</span>
<el-button style="float: right; padding: 3px 0" @click="buyPhone">购买</el-button> <el-button style="float: right; padding: 3px 0" @click="buyPhone">购买</el-button>
<el-button style="float: right; padding: 3px 0" @click="dialogFormVisible=true">测试</el-button> </div>
<div>
<el-form :model="formPhone">
<el-form-item label="手机号" :label-width="formLabelWidth">
<el-input v-model="formPhone.tel" autocomplete="off"></el-input>
</el-form-item>
<el-form-item :label-width="formLabelWidth">
<el-button @click="textPhone()">测试</el-button>
</el-form-item>
<!-- 省份:{{this.formPhone.province}}<br>-->
<!-- 城市:{{this.formPhone.city}}<br>-->
<!-- 区号:{{this.formPhone.zip}}<br>-->
<!-- 邮编:{{this.formPhone.zip}}<br>-->
<!-- 运营商:{{this.formPhone.company}}-->
</el-form>
</div> </div>
</el-card> </el-card>
</el-col> </el-col>
@ -15,34 +29,21 @@
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<span>IP查询归属地</span> <span>IP查询归属地</span>
<el-button style="float: right; padding: 3px 0" @click="buyIp">购买</el-button> <el-button style="float: right; padding: 3px 0" @click="buyIp">购买</el-button>
<el-button style="float: right; padding: 3px 0" @click="testIp">测试</el-button>
</div> </div>
</el-card> <div>
</el-col> <el-form :model="formIP">
<el-col :span="8"> <el-form-item label="IP" :label-width="formLabelWidth">
<el-card shadow="hover"> <el-input v-model="formIP.ip" autocomplete="off"></el-input>
<div slot="header" class="clearfix"> </el-form-item>
<span>新闻头条</span> <el-form-item :label-width="formLabelWidth">
<el-button style="float: right; padding: 3px 0" @click="buyNews">购买</el-button> <el-button @click="textIp">测试</el-button>
<el-button style="float: right; padding: 3px 0" @click="testNews">测试</el-button> </el-form-item>
</div> <!-- 省份:{{this.formPhone.province}}<br>-->
</el-card> <!-- 城市:{{this.formPhone.city}}<br>-->
</el-col> <!-- 区号:{{this.formPhone.zip}}<br>-->
<el-col :span="8"> <!-- 邮编:{{this.formPhone.zip}}<br>-->
<el-card shadow="hover"> <!-- 运营商:{{this.formPhone.company}}-->
<div slot="header" class="clearfix"> </el-form>
<span>气象预警</span>
<el-button style="float: right; padding: 3px 0" @click="buyWeather">购买</el-button>
<el-button style="float: right; padding: 3px 0" @click="testWeather">测试</el-button>
</div>
</el-card>
</el-col>
<el-col :span="8">
<el-card shadow="hover">
<div slot="header" class="clearfix">
<span>生辰助手</span>
<el-button style="float: right; padding: 3px 0" @click="buyBirth">购买</el-button>
<el-button style="float: right; padding: 3px 0" @click="testBirth">测试</el-button>
</div> </div>
</el-card> </el-card>
</el-col> </el-col>
@ -51,25 +52,71 @@
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<span>邮编查询</span> <span>邮编查询</span>
<el-button style="float: right; padding: 3px 0" @click="buyPostcodd">购买</el-button> <el-button style="float: right; padding: 3px 0" @click="buyPostcodd">购买</el-button>
<el-button style="float: right; padding: 3px 0" @click="testPostcodd">测试</el-button> </div>
<div>
<el-form :model="formIP">
<el-form-item label="邮编" :label-width="formLabelWidth">
<el-input v-model="formIP.ip" autocomplete="off"></el-input>
</el-form-item>
<el-form-item :label-width="formLabelWidth">
<el-button @click="textPhone()">测试</el-button>
</el-form-item>
</el-form>
</div>
</el-card>
</el-col>
<el-col :span="8">
<el-card shadow="hover">
<div slot="header" class="clearfix">
<span>新闻头条</span>
<el-button style="float: right; padding: 3px 0" @click="buyNews">购买</el-button>
</div>
<div>
<el-form :model="formIP">
<el-form-item :label-width="formLabelWidth">
<el-button @click="textPhone()">测试</el-button>
</el-form-item>
<!-- 省份:{{this.formPhone.province}}<br>-->
<!-- 城市:{{this.formPhone.city}}<br>-->
<!-- 区号:{{this.formPhone.zip}}<br>-->
<!-- 邮编:{{this.formPhone.zip}}<br>-->
<!-- 运营商:{{this.formPhone.company}}-->
</el-form>
</div>
</el-card>
</el-col>
<el-col :span="8">
<el-card shadow="hover">
<div slot="header" class="clearfix">
<span>气象预警</span>
<el-button style="float: right; padding: 3px 0" @click="buyWeather">购买</el-button>
</div>
<div>
<el-form :model="formIP">
<el-form-item :label-width="formLabelWidth">
<el-button @click="textPhone()">测试</el-button>
</el-form-item>
</el-form>
</div>
</el-card>
</el-col>
<el-col :span="8">
<el-card shadow="hover">
<div slot="header" class="clearfix">
<span>生辰助手</span>
<el-button style="float: right; padding: 3px 0" @click="buyBirth">购买</el-button>
</div>
<div>
<el-form :model="formIP">
<el-form-item :label-width="formLabelWidth">
<el-button @click="textPhone()">测试</el-button>
</el-form-item>
</el-form>
</div> </div>
</el-card> </el-card>
</el-col> </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="textPhone()">查询</button>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
</div> </el-row>
</el-dialog>
</div> </div>
</template> </template>
@ -87,7 +134,18 @@ export default {
return { return {
dialogFormVisible:false, dialogFormVisible:false,
form:{}, dialogFormVisible1:false,
formPhone:{
province:"",
city:"",
address:"",
zip:"",
company:"",
tel:"",
},
formIP:{
}
}; };
}, },
//计算属性 类似于data概念", //计算属性 类似于data概念",
@ -97,7 +155,13 @@ export default {
//方法集合", //方法集合",
methods: { methods: {
textPhone(){ textPhone(){
alert(111); getPhonePlace(this.formPhone.tel).then((res)=>{
this.formPhone.province = res.data.province;
this.formPhone.city = res.data.city;
this.formPhone.address = res.data.address;
this.formPhone.zip = res.data.zip;
this.formPhone.company = res.data.company;
})
} }
}, },
//生命周期 - 创建完成（可以访问当前this实例）", //生命周期 - 创建完成（可以访问当前this实例）",