API布局格式

master
chaiyapeng 2024-09-04 17:30:43 +08:00
parent 46d8b2f6e5
commit 3000f74b2d
2 changed files with 21 additions and 14 deletions

View File

@ -1,5 +1,12 @@
<template> <template>
<div> <div>
<el-form :model="form" label-width="80px">
<el-form-item>
<input v-model="form.userName" style="padding: 10px 10px;float: initial;" placeholder=>
<input v-model="form.connectorName" style="padding: 10px 10px;float: initial;margin-left: 20px" placeholder=>
<el-button @click="findConnectorUserList()" style="padding: 10px 20px;margin-left: 40px">查询</el-button>
</el-form-item>
</el-form>
<p style="font-weight: bold;font-size: 20px">余额{{ userBalanceData.userBalance || '加载中...' }}</p> <p style="font-weight: bold;font-size: 20px">余额{{ userBalanceData.userBalance || '加载中...' }}</p>
<el-table <el-table
:data="tableData" :data="tableData"
@ -44,17 +51,17 @@
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column label="操作">--> <el-table-column label="操作">
<!-- <template slot-scope="scope">--> <template slot-scope="scope">
<!-- <el-button--> <el-button
<!-- size="mini"--> size="mini"
<!-- @click="handleEdit(scope.$index, scope.row)">编辑</el-button>--> @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
<!-- <el-button--> <el-button
<!-- size="mini"--> size="mini"
<!-- type="danger"--> type="danger"
<!-- @click="handleDelete(scope.$index, scope.row)">删除</el-button>--> @click="handleDelete(scope.$index, scope.row)">删除</el-button>
<!-- </template>--> </template>
<!-- </el-table-column>--> </el-table-column>
</el-table> </el-table>
</div> </div>
</template> </template>

View File

@ -20,8 +20,8 @@
<el-main> <el-main>
<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 20px;margin-left: 40px">查询</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -29,7 +29,7 @@
<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: 400px; 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> <span style="font-weight: bold;font-size: 30px">{{connector.connectorName}}</span>
<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>
</div> </div>
<span style="font-weight: bold;font-size: 20px">产品图片:</span><br> <span style="font-weight: bold;font-size: 20px">产品图片:</span><br>