248 lines
8.1 KiB
HTML
248 lines
8.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<title>权限管理-代理佣金</title>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
|
||
<meta http-equiv="Cache" content="no-cache">
|
||
<meta http-equiv="Pragma" content="no-cache">
|
||
<meta http-equiv="Cache-Control" content="no-cache">
|
||
<meta http-equiv="Expires" content="0">
|
||
<link rel="stylesheet" type="text/css" href="css/style.css?__HTML_VERSION__=6">
|
||
<link rel="stylesheet" href="./libs/bootstrap/bootstrap.min.css?__HTML_VERSION__=3">
|
||
</head>
|
||
<body class="bg_hui">
|
||
<div class="count_full" id="app" v-show="!isLoading" style="display: none">
|
||
<header class="header header-pos-fix">
|
||
<div onclick="history.back(-1)">
|
||
<img src="img/fahui.png" class="img">
|
||
<span class="text_wen">返回</span>
|
||
</div>
|
||
</header>
|
||
<div style="width: 100%;height: 45px;display: block;"></div>
|
||
|
||
<section class="buju">
|
||
|
||
<div class="nav-h" id="vuenum">
|
||
<div class="nav-h-x">
|
||
<div class="nav-h-x-a">
|
||
<ul id="myTabs" class="nav nav-tabs" role="tablist">
|
||
<li :class="{'active':i === 0}" @click="index = i" v-for="(v,i) in roomType" :key="i">
|
||
<a href="javascript:;">{{v.type_name}}</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="tab-content">
|
||
<div class="tab-pane fade" :class="{'active':index === 0, 'in': index === 0}" v-for="(v,i) in roomType">
|
||
<div class="chongka">
|
||
<div class="rowh he" style="border-bottom: 1px solid #e5e5e5;">
|
||
<span class="name">{{i}}代理ID：</span>
|
||
<input type="number" placeholder="请输入代理ID" class="input" autofocus>
|
||
<button class="btn btn-blue chaxun">搜索</button>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<!--<table class="ckjr_table">
|
||
<tbody>
|
||
<tr>
|
||
<td class="text-center">
|
||
<img src="img/tx.png" class="header">
|
||
</td>
|
||
<td>
|
||
<p>100005</p>
|
||
<p>追风筝的人</p>
|
||
<p>佣金分成比例：<input type="number" value="2" class="yji-input-width"><span class="margin-left-5">（%）</span>
|
||
</p>
|
||
</td>
|
||
<td class="va-bottom">
|
||
<p><a href="javascript:;" class="btn btn-success chaxun">保存</a></p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="text-center">
|
||
<img src="img/tx.png" class="header">
|
||
</td>
|
||
<td>
|
||
<p>100005</p>
|
||
<p>追风筝的人</p>
|
||
<p>佣金分成比例：<input type="number" value="2" class="yji-input-width"><span class="margin-left-5">（%）</span>
|
||
</p>
|
||
</td>
|
||
<td class="va-bottom">
|
||
<p><a href="javascript:;" class="btn btn-success chaxun">保存</a></p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="text-center">
|
||
<img src="img/tx.png" class="header">
|
||
</td>
|
||
<td>
|
||
<p>100005</p>
|
||
<p>追风筝的人</p>
|
||
<p>佣金分成比例：<input type="number" value="2" class="yji-input-width"><span class="margin-left-5">（%）</span>
|
||
</p>
|
||
</td>
|
||
<td class="va-bottom">
|
||
<p><a href="javascript:;" class="btn btn-success chaxun">保存</a></p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="text-center">
|
||
<img src="img/tx.png" class="header">
|
||
</td>
|
||
<td>
|
||
<p>100005</p>
|
||
<p>追风筝的人</p>
|
||
<p>佣金分成比例：<input type="number" value="2" class="yji-input-width"><span class="margin-left-5">（%）</span>
|
||
</p>
|
||
</td>
|
||
<td class="va-bottom">
|
||
<p><a href="javascript:;" class="btn btn-success chaxun">保存</a></p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="text-center">
|
||
<img src="img/tx.png" class="header">
|
||
</td>
|
||
<td>
|
||
<p>100005</p>
|
||
<p>追风筝的人</p>
|
||
<p>佣金分成比例：<input type="number" value="2" class="yji-input-width"><span class="margin-left-5">（%）</span>
|
||
</p>
|
||
</td>
|
||
<td class="va-bottom">
|
||
<p><a href="javascript:;" class="btn btn-success chaxun">保存</a></p>
|
||
</td>
|
||
</tr>
|
||
|
||
|
||
</tbody>
|
||
</table>-->
|
||
<!--<div role="tabpanel" class="tab-pane fade" :class="{'active':selType=='profile','in':selType=='profile'}"
|
||
id="profile">
|
||
<div class="chongka">
|
||
<div class="rowh he" style="border-bottom: 1px solid #e5e5e5;">
|
||
<span class="name">代 理 ID：</span>
|
||
<input type="number" placeholder="请输入代理ID" class="input" autofocus v-model="queryInfo.queryID">
|
||
<a href="javascript:;" class="btn btn-blue chaxun">搜索</a>
|
||
</div>
|
||
|
||
</div>
|
||
<table class="ckjr_table">
|
||
<tbody>
|
||
<tr>
|
||
<td class="text-center">
|
||
<img src="img/tx.png" class="header">
|
||
</td>
|
||
<td>
|
||
<p>543534</p>
|
||
<p>追风筝的人</p>
|
||
<p>佣金分成比例：<input type="number" value="2" class="yji-input-width"><span class="margin-left-5">（%）</span>
|
||
</p>
|
||
</td>
|
||
<td class="va-bottom">
|
||
<p><a href="javascript:;" class="btn btn-success chaxun">保存</a></p>
|
||
</td>
|
||
</tr>
|
||
|
||
|
||
</tbody>
|
||
</table>
|
||
|
||
</div>
|
||
<div role="tabpanel" class="tab-pane fade" :class="{'active':selType=='yaqm','in':selType=='yaqm'}" id="yaqm">
|
||
<div class="chongka">
|
||
<div class="rowh he" style="border-bottom: 1px solid #e5e5e5;">
|
||
<span class="name">代 理 ID：</span>
|
||
<input type="number" placeholder="请输入代理ID" class="input" autofocus v-model="queryInfo.queryID">
|
||
<a href="javascript:;" class="btn btn-blue chaxun">搜索</a>
|
||
</div>
|
||
|
||
</div>
|
||
<table class="ckjr_table">
|
||
<tbody>
|
||
<tr>
|
||
<td class="text-center">
|
||
<img src="img/tx.png" class="header">
|
||
</td>
|
||
<td>
|
||
<p>fdsfdfssa</p>
|
||
<p>追风筝的人</p>
|
||
<p>佣金分成比例：<input type="number" value="2" class="yji-input-width"><span class="margin-left-5">（%）</span>
|
||
</p>
|
||
</td>
|
||
<td class="va-bottom">
|
||
<p><a href="javascript:;" class="btn btn-success chaxun">保存</a></p>
|
||
</td>
|
||
</tr>
|
||
|
||
|
||
</tbody>
|
||
</table>
|
||
|
||
</div>-->
|
||
</div>
|
||
</section>
|
||
|
||
</div>
|
||
|
||
|
||
<script src="./libs/jquery.min.js?__HTML_VERSION__=3"></script>
|
||
<script src="./libs/vue.min.js?__HTML_VERSION__=3"></script>
|
||
<script src="./js/function.js?__HTML_VERSION__=18"></script>
|
||
<script src="./libs/layer_mobile/layer.js?__HTML_VERSION__=3"></script>
|
||
<script src="./components/home-nav.js?__HTML_VERSION__=12"></script>
|
||
<script>
|
||
var vm = new Vue(
|
||
{
|
||
el: "#app",
|
||
components: {
|
||
'home-nav': homeNav
|
||
},
|
||
data: {
|
||
isLoading: true,
|
||
userInfo: {},
|
||
roomType: [],
|
||
params: {},
|
||
index: 0 // tab索引
|
||
},
|
||
methods: {
|
||
|
||
},
|
||
created: function () {
|
||
this.params = $.getQueryObj();
|
||
var that = this;
|
||
|
||
$.getUserInfo(function (userInfo) {
|
||
that.userInfo = userInfo;
|
||
$.api(
|
||
'agent.agent.getCommisionType',
|
||
{
|
||
agentid: that.params.agentid,
|
||
channelid: that.params.channelid,
|
||
salesid: that.userInfo.salesid
|
||
},
|
||
function (roomType) {
|
||
|
||
if(roomType.length && roomType.length > 0) {
|
||
that.roomType = roomType
|
||
that.isLoading = false;
|
||
}
|
||
else
|
||
$.alert('未获取到房间类型');
|
||
|
||
}
|
||
)
|
||
});
|
||
}
|
||
})
|
||
</script>
|
||
</body>
|
||
</html> |