API布局格式

master
chaiyapeng 2024-09-04 09:27:37 +08:00
parent 267d30ac0f
commit 46d8b2f6e5
1 changed files with 7 additions and 5 deletions

View File

@ -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);
}) })