wyk/juipnet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

教程帮助界面更改

Browse Source
This commit is contained in:
“wanyongkang”
2023-08-18 18:04:27 +08:00
parent 4239c29e96
commit 8b94ce7b97
12 changed files with 351 additions and 183 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
Host/Views/LineList/Index.cshtml
View File

@@ -17,32 +17,23 @@
.blueLine img {
display: inline !important;
}
table,table tr th,td {
border:1px solid #ccc;
}
</style>
<div id="app">
<div class="container-fluid" style="background-color:#39516b;">
<div class="container">
<div class="row">
<div class="col-lg-3 zxbz text-right">
<h2 style="color: rgb(195 225 255);margin-top: 60px;">直连线路表</h2>
</div>
<div style="float: left;" class="col-lg-5 searchInput">
<span style="float: left;width:10%;margin-top:60px;height:40px;line-height:200%" class="input-group-addon">全部</span>
<input style="float: left;width:90%;margin-top:60px;border: none;border-radius:0px" class="form-control" v-on:keyup.13="search_all()" type="text" v-model="search_all_data" name="KeyWord" placeholder="输入地区/名称/服务器" />
</div>
<div class="col-lg-2 searchBtn text-left">
<button v-on:click="search_all()" class="btn btn-search">搜索全部</button>
</div>
</div>
<div class="row">
<div class="col-lg-3">
</div>
<div class="col-lg-9">
<p class="hot" style="padding-bottom: 0;"><img src="~/img/shuju.png">实时总线路：{{count}}条<img src="~/img/shuju.png">实时可用线路：{{use_count}}条</p>
<div class="col-lg-9" style="padding: 10px 0 0 0;">
<p class="hot" style="padding: 3px;margin:0;">*线路表和账号必须为同一产品才能使用。</p>
<p class="hot" style="padding: 3px;margin:0;">*请优先选择客户端连接 <a style="color:#0777ff;" href="/product/soft"><<<下载客户端>>></a> </p>
<p class="hot" style="padding: 3px;margin:0;">*无对应客户端时，可通过线路表直连支持所有设备<a style="color:#0777ff;" href="/article/index?Catalog=1"><<<教程&帮助>>></a></p>
<p class="hot" style="padding: 3px;margin:0;">*无对应客户端时，可通过线路表直连支持所有设备<a style="color:#0777ff;" href="/article/index"><<<教程&帮助>>></a></p>
<br>
</div>
</div>
</div>
@@ -61,8 +52,17 @@
<div class="container">
<div class="row">
<p class="col-lg-12" style=" color:#FF0033;text-align:center;margin-bottom:30px;">{{search_field}} ------线路表API接口（每5分钟更新一次,禁止频繁访问!）：http://php-api.juip.com/script/linedata/display.php?product={{product_id}}</p>
<div style="color: red;line-height:50%;" v-if="product_id ==1|| product_id==2">
<div class="text-center">
<div style="margin-bottom: 10px;">
<span style="width:5em;height:37px;background:rgb(74, 113, 155);color:white;padding: 10px 0 10px 12px;">{{search_field}}
<input style="width:50%;margin:0;color:black;" v-on:keyup.13="search_product()" type="text" v-model="search_product_data" name="KeyWord" class="searchDq" placeholder="输入地区/名称/服务器" />
</span>
<button v-on:click="search_product()" class="btn btn-primary" style="margin-left:20px;">搜索当前线路表</button>
<span class="daochu" v-on:click="export_data()" ><img src="~/img/excel.png">导出Excel</span>
</div>
</div>
<div style="margin:20px 0;">
<div style="color: red;line-height:50%;" v-if="product_id ==1|| product_id==2">
<p style="text-align:center;">
<span style="font-size: 20px;color:#FF0033;">{{search_field}}</span> 用服务器地址直连用户请注意：
</p>
@@ -77,6 +77,7 @@
<p>静态线路里面名称不带‘宽带’字样的线路ip是相对固定不变的。</p>
<p>只要线路名称里面带“宽带”两个字的是完全模拟家庭宽带网络的线路，和家庭宽度网络一样一般1-2天不等自动换一次ip</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-2 miyao">
@@ -84,16 +85,13 @@
<p><img src="~/img/dk.png"> SSTP端口：<b style="color:red;">{{sstp}}</b></p>
</div>
<div class="col-lg-10">
<span style="float: left;width:10%;height:34px;line-height:150%" class="input-group-addon">{{search_field}}</span>
<input style="width:40%" v-on:keyup.13="search_product()" type="text" v-model="search_product_data" name="KeyWord" class="searchDq" placeholder="输入地区/名称/服务器" />
<button v-on:click="search_product()" class="btn btn-primary">搜索当前线路表</button>
<span class="daochu" v-on:click="export_data()" ><img src="~/img/excel.png">导出Excel</span>
<p style="margin:0 0 0 10px;"><img src="~/img/shuju.png">实时总线路：{{count}}条<img src="~/img/shuju.png">实时可用线路：{{use_count}}条</p>
<p class="col-lg-12" style=" color:#FF0033;margin-bottom:30px;">{{search_field}} ------线路表API接口（每5分钟更新一次,禁止频繁访问!）：http://php-api.juip.com/script/linedata/display.php?product={{product_id}}</p>
</div>
</div>
</div>
<div class="container" >
<table class="table table-striped xianluTable" style="margin-bottom: 10px;">
<tr>