页面优化

This commit is contained in:
“wanyongkang”
2024-02-19 14:30:22 +08:00
parent a5cf256780
commit c2f43df2e6
8 changed files with 125 additions and 70 deletions

View File

@@ -148,7 +148,7 @@
<div class="cpList">
<ul>
@foreach (var item in product.Where(m => m.Id != 3 && m.Id != 7 && m.Id != 9&& m.Id != 20&& m.Id != 21))
@foreach (var item in product.Where(m => m.Id != 3 && m.Id != 7 && m.Id != 9&& m.Id != 20&& m.Id != 21).OrderBy(m=>m.Sort))
{
<li v-on:click="select_product(@item.Id)" id="product-@item.Id" class="item @(item.Id==pid?"cpActive":"")" a-pid="@item.Id" a-name="@item.Name">@item.Name</li>
}

View File

@@ -258,7 +258,7 @@
@if (item.Product.Id == 26){
<div class="p_type @("type"+item.Product.Id)" style="padding-top: 10px;">
<button type="button" onclick="lbzhizun()" class="btn btn-default btn-lg lbzx" style="background-color: #FF9900;font-size:1.3em;">尊享版-不限速</button>
<button type="button" onclick="lbgaoji()" class="btn btn-default btn-lg lbgj" style="background-color: white;font-size:1.3em;">高级版-限速4M</button><br>
<button type="button" onclick="lbgaoji()" class="btn btn-default btn-lg lbgj" style="background-color: white;font-size:1.3em;">高级版-限速6M</button><br>
<button type="button" onclick="lbputong()" class="btn btn-default btn-lg lbpt" style="background-color: white;font-size:1.3em;margin-top:10px;">普通版-限速2M</button>
</div>
}
@@ -502,18 +502,18 @@
</div>
<div class="col-sm-9">
<div class="btn-group" role="group" aria-label="...">
<button type="button" id="jinyougame" v-on:click="game()" class="btn btn-success btn-lg">游戏独享</button>
<button type="button" id="jinyougame" v-on:click="game()" class="btn btn-success btn-lg">项目独享</button>
<button type="button" id="jinyouline" v-on:click="line()" class="btn btn-default btn-lg">线路独享</button>
</div>
</div>
</div>
<div class="row " style="padding:5px;">
<div class="col-sm-3">
游戏选择:
项目选择:
</div>
<div class="col-sm-9">
<select class="form-control " v-model="qilin.game_id" id="gameselect" @@change="select_game" style="height:50px;font-size:15px;">
<option value="0">-请选择游戏-</option>
<option value="0">-请选择项目-</option>
<option v-for="item in game_list" :value="item.id">{{item.name}}</option>
</select>
</div>
@@ -945,7 +945,7 @@
return;
}
if (this.order_info.game_id == '' && this.qilin.is_unshar == 0) {
alert('请选择游戏');
alert('请选择项目');
return;
}
if (this.order_info.account.length < 5 && this.hasNumAndChar(this.order_info.account)) {

View File

@@ -41,9 +41,9 @@
@if (item.Id == 26) {
<p><a href="http://mp4.juip.com/%E7%8C%8E%E8%B1%B9%E5%AE%89%E5%8D%93ikev2%E7%89%88.apk"> <button type="button" style="width:90%;" class="btnBlue">ikev</button></a></p>
<p><a href="http://mp4.juip.com/%E7%8C%8E%E8%B1%B9%E5%AE%89%E5%8D%93ikev2%E7%89%88.apk"> <button type="button" style="width:90%;" class="btnBlue">安卓ikev</button></a></p>
<br>
<p><a href="http://mp4.juip.com/%E7%8C%8E%E8%B1%B9%E5%AE%89%E5%8D%93sstp%E7%89%88.apk"> <button type="button" style="width:90%;" class="btnBlue">sstp</button></a></p>
<p><a href="http://mp4.juip.com/%E7%8C%8E%E8%B1%B9%E5%AE%89%E5%8D%93sstp%E7%89%88.apk"> <button type="button" style="width:90%;" class="btnBlue">安卓sstp</button></a></p>
<br>
}
@@ -76,7 +76,7 @@
<p><a href="http://mp4.juip.com/%E9%BA%92%E9%BA%9F%E7%94%B5%E8%84%91HZ%E7%89%88.exe"> <button style="width:90%;" type="button" class="btnBlue">麒麟IP-电脑端</button></a></p><br>
<p><a href="http://mp4.juip.com/%E9%BA%92%E9%BA%9F%E5%AE%89%E5%8D%93HZ%E7%89%88.apk"> <button style="width:90%;" type="button" class="btnBlue">麒麟IP-安卓端</button></a></p><br>
<p><a href="http://mp4.juip.com/%E7%8C%8E%E8%B1%B9%E7%94%B5%E8%84%91HZ%E7%89%88.exe"> <button style="width:90%;" type="button" class="btnBlue">猎豹IP-电脑端</button></a></p><br>
<p><a href="http://mp4.juip.com/%E7%8C%8E%E8%B1%B9%E5%AE%89%E5%8D%93kiev2-HZ%E7%89%88.apk"> <button style="width:90%;" type="button" class="btnBlue">猎豹IP-ikev</button></a></p><br>
<p><a href="http://mp4.juip.com/%E7%8C%8E%E8%B1%B9%E5%AE%89%E5%8D%93sstp-HZ%E7%89%88.apk"> <button style="width:90%;" type="button" class="btnBlue">猎豹IP-sstp</button></a></p><br>
<p><a href="http://mp4.juip.com/%E7%8C%8E%E8%B1%B9%E5%AE%89%E5%8D%93kiev2-HZ%E7%89%88.apk"> <button style="width:90%;" type="button" class="btnBlue">猎豹IP-安卓ikev</button></a></p><br>
<p><a href="http://mp4.juip.com/%E7%8C%8E%E8%B1%B9%E5%AE%89%E5%8D%93sstp-HZ%E7%89%88.apk"> <button style="width:90%;" type="button" class="btnBlue">猎豹IP-安卓sstp</button></a></p><br>
</div>
</div>

View File

@@ -101,40 +101,72 @@
<tr>
<th><input type="checkbox" name="" id="checkAll" value="" style="width: 0.4rem;height: 0.4rem;" /></th>
<th>套餐</th>
<th>账号</th>
<th>账号密码</th>
<th>操作</th>
</tr>
@foreach (var item in Model)
{
<tr>
<td><input type="checkbox" class="selectAccount" value="@item.Account" a-status="@(item.Status)" a-pid="@(item.ProductId)" a-connectCount="@item.ConnectCount" a-aType="@item.AccountType" style="width: 0.4rem;height: 0.4rem;" /></td>
<td>@item.ProductName/@item.PackageName</td>
<td>@item.Account</td>
<td>
<button type="button" class="btnXq toDetail"
a-Id="@item.Id"
a-UserCode="@item.UserCode"
a-ProductName="@item.ProductName"
a-PackageName="@item.PackageName"
a-Account="@item.Account"
a-Pwd="@item.Pwd"
a-ConnectCount="@item.ConnectCount"
a-StartTime='@item.StartTime.Value.ToString("yyyy.M.dd H:m")'
a-EndTime='@item.EndTime.Value.ToString("yyyy.M.dd H:m")'
a-RestTime="@item.RestTime"
a-Remark="@item.Remark"
a-Raw="@item.Raw">
详情
</button>
<a class="btnXq" asp-action="OnLine" asp-controller="User" asp-route-productId="@item.ProductId" asp-route-account="@item.Account">
<button type="button" class="btnXq" style="margin-top:3px">查看在线</button>
</a>
<a class="btnXq" v-if="@item.ProductId==19||@item.ProductId==13||@item.ProductId==1||@item.ProductId==17" href="/User/AssignAddress?productId=@item.ProductId&account=@item.Account&password=@item.Pwd">
<button type="button" class="btnXq" style="margin-top:3px">选择地区</button>
</a>
</td>
</tr>
@if (@item.RestTime == "已过期") {
<tr style="color:red">
<td><input type="checkbox" class="selectAccount" value="@item.Account" a-status="@(item.Status)" a-pid="@(item.ProductId)" a-connectCount="@item.ConnectCount" a-aType="@item.AccountType" style="width: 0.4rem;height: 0.4rem;" /></td>
<td>@item.ProductName/@item.PackageName</td>
<td>@item.Account<br>@item.Pwd</td>
<td>
<button type="button" class="btnXq toDetail"
a-Id="@item.Id"
a-UserCode="@item.UserCode"
a-ProductName="@item.ProductName"
a-PackageName="@item.PackageName"
a-Account="@item.Account"
a-Pwd="@item.Pwd"
a-ConnectCount="@item.ConnectCount"
a-StartTime='@item.StartTime.Value.ToString("yyyy.M.dd H:m")'
a-EndTime='@item.EndTime.Value.ToString("yyyy.M.dd H:m")'
a-RestTime="@item.RestTime"
a-Remark="@item.Remark"
a-Raw="@item.Raw">
详情
</button>
<a class="btnXq" asp-action="OnLine" asp-controller="User" asp-route-productId="@item.ProductId" asp-route-account="@item.Account">
<button type="button" class="btnXq" style="margin-top:3px">查看在线</button>
</a>
<a class="btnXq" v-if="@item.ProductId==19||@item.ProductId==13||@item.ProductId==1||@item.ProductId==17" href="/User/AssignAddress?productId=@item.ProductId&account=@item.Account&password=@item.Pwd">
<button type="button" class="btnXq" style="margin-top:3px">选择地区</button>
</a>
</td>
</tr>
} else {
<tr>
<td><input type="checkbox" class="selectAccount" value="@item.Account" a-status="@(item.Status)" a-pid="@(item.ProductId)" a-connectCount="@item.ConnectCount" a-aType="@item.AccountType" style="width: 0.4rem;height: 0.4rem;" /></td>
<td>@item.ProductName/@item.PackageName</td>
<td>@item.Account</td>
<td>
<button type="button" class="btnXq toDetail"
a-Id="@item.Id"
a-UserCode="@item.UserCode"
a-ProductName="@item.ProductName"
a-PackageName="@item.PackageName"
a-Account="@item.Account"
a-Pwd="@item.Pwd"
a-ConnectCount="@item.ConnectCount"
a-StartTime='@item.StartTime.Value.ToString("yyyy.M.dd H:m")'
a-EndTime='@item.EndTime.Value.ToString("yyyy.M.dd H:m")'
a-RestTime="@item.RestTime"
a-Remark="@item.Remark"
a-Raw="@item.Raw">
详情
</button>
<a class="btnXq" asp-action="OnLine" asp-controller="User" asp-route-productId="@item.ProductId" asp-route-account="@item.Account">
<button type="button" class="btnXq" style="margin-top:3px">查看在线</button>
</a>
<a class="btnXq" v-if="@item.ProductId==19||@item.ProductId==13||@item.ProductId==1||@item.ProductId==17" href="/User/AssignAddress?productId=@item.ProductId&account=@item.Account&password=@item.Pwd">
<button type="button" class="btnXq" style="margin-top:3px">选择地区</button>
</a>
</td>
</tr>
}
}
</table>
@*<div class="fenye" style="margin-top: -210px;margin-bottom: 200px;">

View File

@@ -161,7 +161,7 @@
<div class="container">
<div class="xianlu" style="padding-top: 2em;">
@foreach (var item in product.Where(m => m.Id != 3 && m.Id != 7 && m.Id != 9&& m.Id != 20&& m.Id != 21))
@foreach (var item in product.Where(m => m.Id != 3 && m.Id != 7 && m.Id != 9&& m.Id != 20&& m.Id != 21).OrderBy(m=>m.Sort))
{
<div style="background-color:#00a63f;" v-on:click="select_product(@item.Id)" id="product-@item.Id" class="item @(item.Id==pid?"blueLine":"")" a-pid="@item.Id" a-name="@item.Name">
<span>@item.Name</span><img src="~/img/check.png">

View File

@@ -415,7 +415,7 @@
<a onclick="lbzhizun()" style="color: #009966;width:350px;background:rgba(0,0,0,0)">尊享版-不限速</a>
</li>
<li style="border:1px solid #ccc" id="tablbgj">
<a onclick="lbgaoji()" style="color: #009966;width:350px;background:rgba(0,0,0,0)">高级版-限速4M</a>
<a onclick="lbgaoji()" style="color: #009966;width:350px;background:rgba(0,0,0,0)">高级版-限速6M</a>
</li>
<li style="border:1px solid #ccc" id="tablbpt">
<a onclick="lbputong()" style="color: #009966;width:350px;background:rgba(0,0,0,0)">普通版-限速2M</a>
@@ -837,18 +837,18 @@
</div>
<div class="col-sm-8">
<div class="btn-group" role="group" aria-label="...">
<button type="button" id="jinyougame" v-on:click="game()" class="btn btn-new btn-sm">游戏独享</button>
<button type="button" id="jinyougame" v-on:click="game()" class="btn btn-new btn-sm">项目独享</button>
<button type="button" id="jinyouline" v-on:click="line()" class="btn btn-default btn-sm">线路独享</button>
</div>
</div>
</div>
<div class="row " style="padding:5px;">
<div class="col-sm-4">
游戏选择:
项目选择:
</div>
<div class="col-sm-8">
<select class="form-control " v-model="qilin.game_id" id="gameselect" @@change="select_game" style="height:30px;font-size:15px;">
<option value="0">-请选择游戏-</option>
<option value="0">-请选择项目-</option>
<option v-for="item in game_list" :value="item.id">{{item.name}}</option>
</select>
</div>
@@ -1296,7 +1296,7 @@
return;
}
if (this.order_info.game_id == '' && this.qilin.is_unshar == 0) {
alert('请选择游戏');
alert('请选择项目');
return;
}
if (this.order_info.account.length < 5 && this.hasNumAndChar(this.order_info.account)) {

View File

@@ -77,10 +77,10 @@
@if (item.Id == 26) {
<div class="item" style="width: 50%;">
<a href="http://mp4.juip.com/%E7%8C%8E%E8%B1%B9%E5%AE%89%E5%8D%93ikev2%E7%89%88.apk"> <button type="button" class="btn btn-primary" style="width: 100%;">ikev2</button></a>
<a href="http://mp4.juip.com/%E7%8C%8E%E8%B1%B9%E5%AE%89%E5%8D%93ikev2%E7%89%88.apk"> <button type="button" class="btn btn-primary" style="width: 100%;">安卓ikev2</button></a>
</div>
<div class="item" style="width: 50%;">
<a href="http://mp4.juip.com/%E7%8C%8E%E8%B1%B9%E5%AE%89%E5%8D%93sstp%E7%89%88.apk"> <button type="button" class="btn btn-primary" style="width: 100%;">sstp</button></a>
<a href="http://mp4.juip.com/%E7%8C%8E%E8%B1%B9%E5%AE%89%E5%8D%93sstp%E7%89%88.apk"> <button type="button" class="btn btn-primary" style="width: 100%;">安卓sstp</button></a>
</div>
}
@@ -182,10 +182,10 @@
</div>
<div class="item" style="margin-bottom: 5px;width:200px;">
<a href="http://mp4.juip.com/%E7%8C%8E%E8%B1%B9%E5%AE%89%E5%8D%93kiev2-HZ%E7%89%88.apk"> <button type="button" class="btn btn-primary" style="width: 99%;margin-right:5px">猎豹IP-ikev2</button></a>
<a href="http://mp4.juip.com/%E7%8C%8E%E8%B1%B9%E5%AE%89%E5%8D%93kiev2-HZ%E7%89%88.apk"> <button type="button" class="btn btn-primary" style="width: 99%;margin-right:5px">猎豹IP-安卓ikev2</button></a>
</div>
<div class="item" style="margin-bottom: 5px;width:200px;">
<a href="http://mp4.juip.com/%E7%8C%8E%E8%B1%B9%E5%AE%89%E5%8D%93sstp-HZ%E7%89%88.apk"> <button type="button" class="btn btn-primary" style="width: 99%;margin-right:5px">猎豹IP-sstp</button></a>
<a href="http://mp4.juip.com/%E7%8C%8E%E8%B1%B9%E5%AE%89%E5%8D%93sstp-HZ%E7%89%88.apk"> <button type="button" class="btn btn-primary" style="width: 99%;margin-right:5px">猎豹IP-安卓sstp</button></a>
</div>
</div>

View File

@@ -383,26 +383,49 @@
</tr>
@foreach (var item in Model)
{
<tr>
<td><input type="checkbox" class="selectAccount" value="@item.Account" a-status="@(item.Status)" a-pid="@(item.ProductId)" a-connectCount="@item.ConnectCount" a-aType="@item.AccountType" /></td>
<td>@item.CreateTime.ToString("yyyy.MM.dd")</td>
<td>@item.ProductName</td>
<td>@item.PackageName</td>
<td>@item.Account</td>
<td>@item.Pwd<img src="~/img/change.png" class="change" v-on:click="showAccountBox(@item.Id,'@item.Account','@item.Pwd')" /></td>
<td class="blueT"><span v-if="@item.ProductId==28">@(item.Remark)<a v-on:click="change_ip('@item.Id','@item.PackageName','@item.Account','@item.Remark')" data-toggle="modal" data-target="#change_ip_city">切换</a></span></td>
<td class="blueT" v-if="@item.ProductId==28">@(item.Raw)</td>
<td class="blueT" v-if="@item.ProductId!=28"><a asp-action="Index" asp-controller="LineList" asp-route-ProductId="@item.ProductId" target="_blank">查看</a> </td>
<td>@item.ConnectCount</td>
<td>@item.EndTime.Value.ToString("yyyy.MM.dd")</td>
<td class="redT">@(item.Status==AccountStatus.Refund?"已退货": item.RestTime)</td>
@*<td class="greenT">查看</td>*@
<td class="blueT"><a @@click="online(@item.ProductId,'@item.Account')">查看</a> </td>
<td class="blueT"><a v-if="@item.ProductId==19||@item.ProductId==13||@item.ProductId==17||@item.ProductId==1" @@click="assign_address(@item.ProductId,'@item.Account','@item.Pwd')">切换地区</a> </td>
<td class="blueT">下载</td>
</tr>
@if(item.Status==AccountStatus.Refund || item.RestTime=="已过期") {
<tr style="color:red;">
<td><input type="checkbox" class="selectAccount" value="@item.Account" a-status="@(item.Status)" a-pid="@(item.ProductId)" a-connectCount="@item.ConnectCount" a-aType="@item.AccountType" /></td>
<td>@item.CreateTime.ToString("yyyy.MM.dd")</td>
<td>@item.ProductName</td>
<td>@item.PackageName</td>
<td>@item.Account</td>
<td>@item.Pwd<img src="~/img/change.png" class="change" v-on:click="showAccountBox(@item.Id,'@item.Account','@item.Pwd')" /></td>
<td class="blueT"><span v-if="@item.ProductId==28">@(item.Remark)<a v-on:click="change_ip('@item.Id','@item.PackageName','@item.Account','@item.Remark')" data-toggle="modal" data-target="#change_ip_city">切换</a></span></td>
<td class="blueT" v-if="@item.ProductId==28">@(item.Raw)</td>
<td class="blueT" v-if="@item.ProductId!=28"><a asp-action="Index" asp-controller="LineList" asp-route-ProductId="@item.ProductId" target="_blank">查看</a> </td>
<td>@item.ConnectCount</td>
<td>@item.EndTime.Value.ToString("yyyy.MM.dd")</td>
<td class="redT">@(item.Status==AccountStatus.Refund?"已退货": item.RestTime)</td>
@*<td class="greenT">查看</td>*@
<td class="blueT"><a @@click="online(@item.ProductId,'@item.Account')">查看</a> </td>
<td class="blueT"><a v-if="@item.ProductId==19||@item.ProductId==13||@item.ProductId==17||@item.ProductId==1" @@click="assign_address(@item.ProductId,'@item.Account','@item.Pwd')">切换地区</a> </td>
<td class="blueT">下载</td>
</tr>
} else {
<tr>
<td><input type="checkbox" class="selectAccount" value="@item.Account" a-status="@(item.Status)" a-pid="@(item.ProductId)" a-connectCount="@item.ConnectCount" a-aType="@item.AccountType" /></td>
<td>@item.CreateTime.ToString("yyyy.MM.dd")</td>
<td>@item.ProductName</td>
<td>@item.PackageName</td>
<td>@item.Account</td>
<td>@item.Pwd<img src="~/img/change.png" class="change" v-on:click="showAccountBox(@item.Id,'@item.Account','@item.Pwd')" /></td>
<td class="blueT"><span v-if="@item.ProductId==28">@(item.Remark)<a v-on:click="change_ip('@item.Id','@item.PackageName','@item.Account','@item.Remark')" data-toggle="modal" data-target="#change_ip_city">切换</a></span></td>
<td class="blueT" v-if="@item.ProductId==28">@(item.Raw)</td>
<td class="blueT" v-if="@item.ProductId!=28"><a asp-action="Index" asp-controller="LineList" asp-route-ProductId="@item.ProductId" target="_blank">查看</a> </td>
<td>@item.ConnectCount</td>
<td>@item.EndTime.Value.ToString("yyyy.MM.dd")</td>
<td class="redT">@(item.Status==AccountStatus.Refund?"已退货": item.RestTime)</td>
@*<td class="greenT">查看</td>*@
<td class="blueT"><a @@click="online(@item.ProductId,'@item.Account')">查看</a> </td>
<td class="blueT"><a v-if="@item.ProductId==19||@item.ProductId==13||@item.ProductId==17||@item.ProductId==1" @@click="assign_address(@item.ProductId,'@item.Account','@item.Pwd')">切换地区</a> </td>
<td class="blueT">下载</td>
</tr>
}
}
</table>