Qin Dong Ming 2024-09-04 10:16:16 +08:00
commit a74a2f42af
1 changed files with 13 additions and 6 deletions

View File

@ -6,8 +6,12 @@
<el-menu-item-group> <el-menu-item-group>
<span style="font-weight: bold;font-size: 25px;">全部类型</span> <span style="font-weight: bold;font-size: 25px;">全部类型</span>
</el-menu-item-group> </el-menu-item-group>
<el-menu-item-group v-for="i in connectSort" :key="i.value" :label="i.connectorSort" :value="i.connectorSort" :disabled="item.disabled">> <el-menu-item-group >
<el-link type="primary" style="font-weight: bold;font-size: 20px;" v-model="connectSort.connectorSort"></el-link> <el-link type="primary" style="font-weight: bold;font-size: 20px;" v-for="(connectSort, index) in connectSort"
:key="index"
@click="findApiList(connectSort.connectorSort)">
{{ connectSort.connectorSort }}
</el-link>
</el-menu-item-group> </el-menu-item-group>
</el-menu> </el-menu>
</el-aside> </el-aside>
@ -17,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: 450px; 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>
@ -253,7 +257,9 @@ export default {
connectorList:[], connectorList:[],
gridData:[], gridData:[],
gridData2:[], gridData2:[],
form:{}, form:{
connectorSort:"",
},
// //
formPostCode:{ formPostCode:{
code:"", code:"",
@ -474,7 +480,8 @@ export default {
} }
}) })
}, },
findApiList(){ findApiList(connectorSort){
this.form.connectorSort=connectorSort;
findApiList(this.form).then((res)=>{ findApiList(this.form).then((res)=>{
this.connectorList=res.data; this.connectorList=res.data;
console.log(res.data); console.log(res.data);