MicroCommunityWeb/public/pages/property/smallWeChatManage/smallWeChatManage.html
2020-06-15 23:29:31 +08:00

124 lines
5.5 KiB
HTML

<div>
<div class="row">
<div class="col-lg-12">
<div class="ibox ">
<div class="ibox-title">
<h5>查询条件</h5>
<div class="ibox-tools" style="top:10px;">
</div>
</div>
<div class="ibox-content">
<div class="row">
<div class="col-sm-4">
<div class="form-group">
<input type="text" placeholder="请输入名称"
v-model="smallWeChatManageInfo.conditions.name" class=" form-control">
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<input type="text" placeholder="请输入appId"
v-model="smallWeChatManageInfo.conditions.appId" class=" form-control">
</div>
</div>
<div class="col-sm-4">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_querySmallWeChatMethod()">
<i class="fa fa-search"></i> 查询
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="ibox">
<div class="ibox-title">
<div class="btn-group" role="group" aria-label="Basic example">
<button type="button"
class="btn btn-light btn-sm"
v-bind:class="{'btn-primary': smallWeChatManageInfo.conditions.weChatType == 1000}"
v-on:click="_switchWeChatType(1000)"
>小程序</button>
<button type="button"
class="btn btn-light btn-sm"
v-bind:class="{'btn-primary': smallWeChatManageInfo.conditions.weChatType == 1100}"
v-on:click="_switchWeChatType(1100)"
>公众号</button>
</div>
<div class="ibox-tools" style="top:10px;">
<button type="button" class="btn btn-primary btn-sm" v-on:click="_openAddSmallWeChatModal()">
<i class="glyphicon glyphicon-plus"></i>
微信配置
</button>
</div>
</div>
<div class="ibox-content">
<table class="footable table table-stripped toggle-arrow-tiny"
data-page-size="15"
>
<thead>
<tr>
<th class="text-center">名称</th>
<th class="text-center">APPID</th>
<th class="text-center">应用密钥</th>
<th class="text-center">支付密码</th>
<th class="text-center">商户ID</th>
<th class="text-center">描述</th>
<th class="text-center">操作</th>
</tr>
</thead>
<tbody>
<tr v-for="smallWeChat in smallWeChatManageInfo.smallWeChats">
<td class="text-center">{{smallWeChat.name}}</td>
<td class="text-center">{{smallWeChat.appId}}</td>
<td class="text-center">********</td>
<td class="text-center">**********</td>
<td class="text-center">{{smallWeChat.mchId}}</td>
<td class="text-center">{{smallWeChat.remarks}}</td>
<td class="text-center">
<!-- <div class="btn-group">-->
<!-- <button class="btn-white btn btn-xs"-->
<!-- v-on:click="_openEditSmallWeChatModel(smallWeChat)">修改-->
<!-- </button>-->
<!-- </div>-->
<div class="btn-group">
<button class="btn-white btn btn-xs"
v-on:click="_openDeleteSmallWeChatModel(smallWeChat)">删除
</button>
</div>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="7">
<ul class="pagination float-right"></ul>
</td>
</tr>
</tfoot>
</table>
<!-- 分页 -->
<vc:create path="frame/pagination"></vc:create>
</div>
</div>
</div>
</div>
<vc:create path="property/addSmallWeChat" callBackListener="" callBackFunction=""></vc:create>
<vc:create path="property/editSmallWeChat"></vc:create>
<vc:create path="property/deleteSmallWeChat"></vc:create>
</div>