API布局格式
parent
267d30ac0f
commit
46d8b2f6e5
|
@ -21,13 +21,13 @@
|
||||||
<el-form label-width="40px" :model="form">
|
<el-form label-width="40px" :model="form">
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<input v-model="form.connectorName" style="padding: 10px 10px;float: initial" placeholder=请输入关键字>
|
<input v-model="form.connectorName" style="padding: 10px 10px;float: initial" placeholder=请输入关键字>
|
||||||
<el-button @click="findApiList" style="padding: 10px 10px">查询</el-button>
|
<el-button @click="findApiList()" style="padding: 10px 10px">查询</el-button>
|
||||||
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<el-row :gutter="50">
|
<el-row :gutter="50">
|
||||||
<el-col :span="7" v-for="connector in connectorList" :key="connector.connectorId" v-if="connectorList.length !== 0">
|
<el-col :span="7" v-for="connector in connectorList" :key="connector.connectorId" v-if="connectorList.length !== 0">
|
||||||
<el-card class="box-card" style="margin-top: 15px;width: 350px; height: 600px;" shadow="hover">
|
<el-card class="box-card" style="margin-top: 15px;width: 400px; height: 600px;" shadow="hover">
|
||||||
<div slot="header" class="clearfix">
|
<div slot="header" class="clearfix">
|
||||||
<h1 style="font-weight: bold">{{connector.connectorName}}</h1>
|
<h1 style="font-weight: bold">{{connector.connectorName}}</h1>
|
||||||
<el-button type="primary" style="float: right; padding: 10px 10px" @click="buy(connector)">购买</el-button>
|
<el-button type="primary" style="float: right; padding: 10px 10px" @click="buy(connector)">购买</el-button>
|
||||||
|
@ -257,7 +257,9 @@ export default {
|
||||||
connectorList:[],
|
connectorList:[],
|
||||||
gridData:[],
|
gridData:[],
|
||||||
gridData2:[],
|
gridData2:[],
|
||||||
form:{},
|
form:{
|
||||||
|
connectorSort:"",
|
||||||
|
},
|
||||||
// 邮编查询
|
// 邮编查询
|
||||||
formPostCode:{
|
formPostCode:{
|
||||||
code:"",
|
code:"",
|
||||||
|
@ -479,8 +481,8 @@ export default {
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
findApiList(connectorSort){
|
findApiList(connectorSort){
|
||||||
this.form.connectorSort = connectorSort;
|
this.form.connectorSort=connectorSort;
|
||||||
findApiList(this.form,index).then((res)=>{
|
findApiList(this.form).then((res)=>{
|
||||||
this.connectorList=res.data;
|
this.connectorList=res.data;
|
||||||
console.log(res.data);
|
console.log(res.data);
|
||||||
})
|
})
|
||||||
|
|
Loading…
Reference in New Issue