新增举报页面
This commit is contained in:
dragon
24
view/molistar/modules/inform/css/help.css
Normal file
24
view/molistar/modules/inform/css/help.css
Normal file
@@ -0,0 +1,24 @@
|
||||
.max {
|
||||
box-sizing: border-box;
|
||||
padding: 0rem 0.4rem;
|
||||
color: #1a1a1a;
|
||||
font-size: 14px;
|
||||
line-height: 0.66667rem;
|
||||
}
|
||||
|
||||
.max .title {
|
||||
margin-top: 0.53333rem;
|
||||
margin-bottom: 0.13333rem;
|
||||
font-size: 16px;
|
||||
line-height: 0.66667rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.max .title-two {
|
||||
margin-top: 0.53333rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.max .title-head {
|
||||
text-indent: 0.66667rem;
|
||||
}
|
||||
25
view/molistar/modules/inform/css/help.scss
Normal file
25
view/molistar/modules/inform/css/help.scss
Normal file
@@ -0,0 +1,25 @@
|
||||
@import '../../../common/css/flex.scss';
|
||||
@function px2rem($px,$rem:75) {
|
||||
@return $px / $rem + rem;
|
||||
}
|
||||
.max{
|
||||
box-sizing: border-box;
|
||||
padding: px2rem(0) px2rem(30);
|
||||
color: #1a1a1a;
|
||||
font-size: 14px;
|
||||
line-height: px2rem(50);
|
||||
.title{
|
||||
margin-top: px2rem(40);
|
||||
margin-bottom: px2rem(10);
|
||||
font-size: 16px;
|
||||
line-height: px2rem(50);
|
||||
font-weight: bold;
|
||||
}
|
||||
.title-two{
|
||||
margin-top: px2rem(40);
|
||||
font-weight: bold;
|
||||
}
|
||||
.title-head{
|
||||
text-indent: px2rem(50);
|
||||
}
|
||||
}
|
||||
224
view/molistar/modules/inform/css/index.css
Normal file
224
view/molistar/modules/inform/css/index.css
Normal file
@@ -0,0 +1,224 @@
|
||||
.gray {
|
||||
background-color: #f5f5f5;
|
||||
width: 100%;
|
||||
height: 0.4rem;
|
||||
}
|
||||
|
||||
.inform {
|
||||
margin: 0 auto;
|
||||
width: 9.2rem;
|
||||
}
|
||||
|
||||
.inform .inform-button {
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
margin-top: 2.66667rem;
|
||||
width: 8.53333rem;
|
||||
height: 1.14667rem;
|
||||
line-height: 1.14667rem;
|
||||
text-align: center;
|
||||
background: #E0E0E0;
|
||||
opacity: 1;
|
||||
border-radius: 0.50667rem;
|
||||
font-size: 15px;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.inform .inform-button.button-active {
|
||||
background: #dbdbdb;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.inform .inform-button.active {
|
||||
background-color: #39EBDF;
|
||||
}
|
||||
|
||||
.inform .inform-textarea {
|
||||
position: relative;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.inform .inform-textarea textarea {
|
||||
margin-top: 0.66667rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0.26667rem;
|
||||
width: 100%;
|
||||
height: 3.54667rem;
|
||||
font-size: 15px;
|
||||
text-align: left;
|
||||
color: #1a1a1a;
|
||||
background: whitesmoke;
|
||||
border-radius: 0.13333rem;
|
||||
}
|
||||
|
||||
.inform .inform-radio {
|
||||
padding-top: 0.53333rem;
|
||||
}
|
||||
|
||||
.inform .inform-radio .radio-box {
|
||||
display: flex;
|
||||
display: -moz-box;
|
||||
margin-bottom: 0.53333rem;
|
||||
}
|
||||
|
||||
.inform .inform-radio .radio-box .radio {
|
||||
margin-right: 0.2rem;
|
||||
display: inline-block;
|
||||
width: 0.45333rem;
|
||||
height: 0.45333rem;
|
||||
border: 1px solid #b3b3b3;
|
||||
border-radius: 50%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.inform .inform-radio .radio-box .radio.active {
|
||||
background: url("../images/pitch.png");
|
||||
background-size: 100% 100%;
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
.inform .inform-radio .radio-box .title {
|
||||
flex: 1;
|
||||
line-height: 0.53333rem;
|
||||
font-size: 15px;
|
||||
color: #1a1a1a;
|
||||
}
|
||||
|
||||
.show-message {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: 1.33333rem;
|
||||
transform: translateX(-50%);
|
||||
font-size: 14px;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.success-winsdow {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
display: flex;
|
||||
display: -moz-box;
|
||||
flex-direction: column;
|
||||
-ms-justify-content: center;
|
||||
justify-content: center;
|
||||
-ms-align-items: center;
|
||||
align-items: center;
|
||||
width: 3.73333rem;
|
||||
height: 2.68rem;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
border-radius: 0.26667rem;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.success-winsdow img {
|
||||
width: 0.90667rem;
|
||||
height: 0.90667rem;
|
||||
}
|
||||
|
||||
.success-winsdow p {
|
||||
margin-top: 0.26667rem;
|
||||
color: #ffffff;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.inform-img {
|
||||
margin-top: 1.06667rem;
|
||||
}
|
||||
|
||||
.inform-img .inform-img-title {
|
||||
color: #666666;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.inform-img .box {
|
||||
margin-top: 0.53333rem;
|
||||
display: flex;
|
||||
display: -moz-box;
|
||||
}
|
||||
|
||||
.inform-img .box .update_evidence {
|
||||
overflow: hidden;
|
||||
border-radius: 0.26667rem;
|
||||
width: 2.13333rem;
|
||||
height: 2.13333rem;
|
||||
margin-right: 0.2rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.inform-img .box .update_evidence.has-data .reupdate {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.inform-img .box .update_evidence input {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.inform-img .box .update_evidence img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.inform-img .box .update_evidence .reupdate {
|
||||
width: 100%;
|
||||
height: 0.53333rem;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
color: white;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
line-height: 0.53333rem;
|
||||
z-index: 2;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.load-img {
|
||||
z-index: 100;
|
||||
display: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
|
||||
.load-img .toast {
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -2.66667rem;
|
||||
margin-top: -1.33333rem;
|
||||
width: 5.33333rem;
|
||||
height: 2.66667rem;
|
||||
background-color: #ffffff;
|
||||
font-size: 16px;
|
||||
color: #333333;
|
||||
display: flex;
|
||||
display: -moz-box;
|
||||
-ms-justify-content: center;
|
||||
justify-content: center;
|
||||
-ms-align-items: center;
|
||||
align-items: center;
|
||||
border-radius: 0.66667rem;
|
||||
}
|
||||
|
||||
.tips {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
color: #999;
|
||||
margin-top: 10px;
|
||||
}
|
||||
199
view/molistar/modules/inform/css/index.scss
Normal file
199
view/molistar/modules/inform/css/index.scss
Normal file
@@ -0,0 +1,199 @@
|
||||
@import '../../../common/css/flex.scss';
|
||||
@function px2rem($px,$rem:75) {
|
||||
@return $px / $rem + rem;
|
||||
}
|
||||
.gray{
|
||||
background-color: #f5f5f5;
|
||||
width: 100%;
|
||||
height: px2rem(30);
|
||||
}
|
||||
.inform{
|
||||
margin: 0 auto;
|
||||
width: px2rem(690);
|
||||
.inform-button{
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
margin-top: px2rem(200);
|
||||
width: px2rem(640);
|
||||
height: px2rem(86);
|
||||
line-height: px2rem(86);
|
||||
text-align: center;
|
||||
background:#E0E0E0;
|
||||
opacity: 1;
|
||||
border-radius:px2rem(38);
|
||||
font-size: 15px;
|
||||
// border:2px solid rgba(51, 51, 51, 1);
|
||||
color: #333333;
|
||||
&.button-active{
|
||||
background:rgba(219,219,219,1);
|
||||
opacity: 1;
|
||||
}
|
||||
&.active {
|
||||
background-color: #39EBDF
|
||||
}
|
||||
}
|
||||
.inform-textarea{
|
||||
position: relative;
|
||||
display: none;
|
||||
textarea{
|
||||
margin-top: px2rem(50);
|
||||
box-sizing: border-box;
|
||||
padding: px2rem(20);
|
||||
width: 100%;
|
||||
height:px2rem(266) ;
|
||||
font-size: 15px;
|
||||
text-align: left;
|
||||
color: #1a1a1a;
|
||||
background: rgba(245,245,245,1);
|
||||
border-radius: px2rem(10);
|
||||
}
|
||||
}
|
||||
.inform-radio{
|
||||
padding-top: px2rem(40);
|
||||
.radio-box{
|
||||
@include flex();
|
||||
margin-bottom: px2rem(40);
|
||||
.radio{
|
||||
margin-right: px2rem(15);
|
||||
display: inline-block;
|
||||
width: px2rem(34);
|
||||
height: px2rem(34);
|
||||
border: 1px solid #b3b3b3;
|
||||
border-radius: 50%;
|
||||
box-sizing: border-box;
|
||||
&.active{
|
||||
background: url("../images/pitch.png");
|
||||
background-size: 100% 100%;
|
||||
border: 0px;
|
||||
}
|
||||
}
|
||||
.title{
|
||||
@include flex-1();
|
||||
//width: px2rem(620);
|
||||
line-height: px2rem(40);
|
||||
font-size: 15px;
|
||||
color: #1a1a1a;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.show-message{
|
||||
display: none;
|
||||
position:absolute;
|
||||
left: 50%;
|
||||
bottom: px2rem(100);
|
||||
transform: translateX(-50%);
|
||||
font-size: 14px;
|
||||
color: #000000;
|
||||
}
|
||||
.success-winsdow{
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top:50%;
|
||||
transform: translate(-50%,-50%);
|
||||
@include flex();
|
||||
@include flexv();
|
||||
@include flex-justify-center();
|
||||
@include flex-align-center();
|
||||
width: px2rem(280);
|
||||
height: px2rem(201);
|
||||
background: rgba(0,0,0,0.5);
|
||||
border-radius: px2rem(20);
|
||||
display: none;
|
||||
img{
|
||||
width: px2rem(68);
|
||||
height: px2rem(68);
|
||||
}
|
||||
p{
|
||||
margin-top: px2rem(20);
|
||||
color: #ffffff;
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
.inform-img{
|
||||
margin-top: px2rem(80);
|
||||
.inform-img-title{
|
||||
color: #666666;
|
||||
font-size:14px;
|
||||
}
|
||||
.box{
|
||||
margin-top: px2rem(40);
|
||||
@include flex();
|
||||
.update_evidence{
|
||||
overflow: hidden;
|
||||
border-radius: px2rem(20);
|
||||
width: px2rem(160);
|
||||
height: px2rem(160);
|
||||
margin-right: px2rem(15);
|
||||
position: relative;
|
||||
&.has-data {
|
||||
.reupdate {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
input{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top:0;
|
||||
opacity: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.reupdate {
|
||||
width: 100%;
|
||||
height: px2rem(40);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(0,0,0,0.6);
|
||||
color: white;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
line-height: px2rem(40);
|
||||
z-index: 2;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.load-img{
|
||||
z-index: 100;
|
||||
display: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
top:0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(0,0,0,0.8);
|
||||
.toast{
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top:50%;
|
||||
margin-left: px2rem(-200);
|
||||
margin-top: px2rem(-100);
|
||||
width: px2rem(400);
|
||||
height: px2rem(200);
|
||||
background-color: #ffffff;
|
||||
font-size: 16px;
|
||||
color: #333333;
|
||||
@include flex();
|
||||
@include flex-justify-center();
|
||||
@include flex-align-center();
|
||||
border-radius: px2rem(50);
|
||||
}
|
||||
}
|
||||
|
||||
.tips {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
color: #999;
|
||||
margin-top: 10px;
|
||||
}
|
||||
77
view/molistar/modules/inform/css/inform-list.css
Normal file
77
view/molistar/modules/inform/css/inform-list.css
Normal file
@@ -0,0 +1,77 @@
|
||||
body, html {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.inform-head {
|
||||
margin-top: 0.26667rem;
|
||||
background-color: #ffffff;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0.4rem;
|
||||
}
|
||||
|
||||
.inform-head .inform-title {
|
||||
font-size: 15px;
|
||||
color: #1a1a1a;
|
||||
font-weight: bold;
|
||||
margin-bottom: 0.13333rem;
|
||||
}
|
||||
|
||||
.inform-head p {
|
||||
font-size: 15px;
|
||||
line-height: 0.6rem;
|
||||
color: #1a1a1a;
|
||||
}
|
||||
|
||||
.inform-list {
|
||||
margin-top: 0.26667rem;
|
||||
background-color: #ffffff;
|
||||
padding: 0.4rem;
|
||||
box-sizing: border-box;
|
||||
min-height: 8rem;
|
||||
}
|
||||
|
||||
.inform-list .list {
|
||||
font-size: 15px;
|
||||
color: #1a1a1a;
|
||||
margin-bottom: 0.33333rem;
|
||||
}
|
||||
|
||||
.inform-list .list-box {
|
||||
margin-bottom: 0.26667rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0.4rem;
|
||||
width: 9.2rem;
|
||||
background-color: #f5f5f5;
|
||||
border-radius: 0.13333rem;
|
||||
font-size: 13px;
|
||||
color: #808080;
|
||||
line-height: 0.53333rem;
|
||||
}
|
||||
|
||||
.inform-list .list-box p:first-child {
|
||||
margin-bottom: 0.2rem;
|
||||
}
|
||||
|
||||
.inform-list .list-box .nick {
|
||||
font-size: 16px;
|
||||
color: #ff3852;
|
||||
margin-right: 0.26667rem;
|
||||
}
|
||||
|
||||
.message {
|
||||
display: none;
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
bottom: 1.33333rem;
|
||||
transform: translateX(-50%);
|
||||
font-size: 16px;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.blank {
|
||||
width: 100%;
|
||||
height: 8.53333rem;
|
||||
}
|
||||
72
view/molistar/modules/inform/css/inform-list.scss
Normal file
72
view/molistar/modules/inform/css/inform-list.scss
Normal file
@@ -0,0 +1,72 @@
|
||||
@import '../../../common/css/flex.scss';
|
||||
@function px2rem($px,$rem:75) {
|
||||
@return $px / $rem + rem;
|
||||
}
|
||||
body,html{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
.inform-head{
|
||||
margin-top: px2rem(20);
|
||||
background-color: #ffffff;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: px2rem(30);
|
||||
.inform-title{
|
||||
font-size: 15px;
|
||||
color: #1a1a1a;
|
||||
font-weight: bold;
|
||||
margin-bottom: px2rem(10);
|
||||
}
|
||||
p{
|
||||
font-size: 15px;
|
||||
line-height: px2rem(45);
|
||||
color: #1a1a1a;
|
||||
}
|
||||
}
|
||||
.inform-list{
|
||||
margin-top: px2rem(20);
|
||||
background-color: #ffffff;
|
||||
padding: px2rem(30);
|
||||
box-sizing: border-box;
|
||||
min-height: px2rem(600);
|
||||
.list{
|
||||
font-size: 15px;
|
||||
color: #1a1a1a;
|
||||
margin-bottom: px2rem(25);
|
||||
}
|
||||
.list-box{
|
||||
margin-bottom: px2rem(20);
|
||||
box-sizing: border-box;
|
||||
padding: px2rem(30);
|
||||
width: px2rem(690);
|
||||
background-color: #f5f5f5;
|
||||
border-radius: px2rem(10);
|
||||
font-size: 13px;
|
||||
color: #808080;
|
||||
line-height: px2rem(40);
|
||||
p:first-child{
|
||||
margin-bottom: px2rem(15);
|
||||
}
|
||||
.nick{
|
||||
font-size: 16px;
|
||||
color: #ff3852;
|
||||
margin-right: px2rem(20);
|
||||
}
|
||||
}
|
||||
}
|
||||
.message{
|
||||
display: none;
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
bottom: px2rem(100);
|
||||
transform: translateX(-50%);
|
||||
font-size: 16px;
|
||||
color: #000000;
|
||||
}
|
||||
.blank{
|
||||
//display: none;
|
||||
width: 100%;
|
||||
height: px2rem(640);
|
||||
}
|
||||
BIN
view/molistar/modules/inform/images/blank.png
Normal file
BIN
view/molistar/modules/inform/images/blank.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 73 KiB |
BIN
view/molistar/modules/inform/images/pitch.png
Normal file
BIN
view/molistar/modules/inform/images/pitch.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
view/molistar/modules/inform/images/report_uploading_img.png
Normal file
BIN
view/molistar/modules/inform/images/report_uploading_img.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
view/molistar/modules/inform/images/success-icon.png
Normal file
BIN
view/molistar/modules/inform/images/success-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
105
view/molistar/modules/inform/index.html
Normal file
105
view/molistar/modules/inform/index.html
Normal file
@@ -0,0 +1,105 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
<title id="title"></title>
|
||||
<!-- 舉報 -->
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="css/index.css">
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body id="body" style="display: none;">
|
||||
<div class="gray"></div>
|
||||
|
||||
<div class="inform">
|
||||
<div class="inform-radio">
|
||||
<div class="radio-box"><span class="radio active" data-id="0"></span><span
|
||||
class="title" id="text1"></span></div>
|
||||
<div class="radio-box"><span class="radio" data-id="1"></span><span
|
||||
class="title" id="text2"></span></div>
|
||||
<div class="radio-box"><span class="radio" data-id="2"></span><span class="title" id="text3"></span>
|
||||
</div>
|
||||
<div class="radio-box"><span class="radio" data-id="3"></span><span class="title" id="text4"></span></div>
|
||||
<div class="radio-box"><span class="radio" data-id="4"></span><span class="title" id="text5"></span>
|
||||
</div>
|
||||
<div class="radio-box"><span class="radio" data-id="5"></span><span class="title" id="text6"></span></div>
|
||||
<div class="radio-box"><span class="radio" data-id="6"></span><span
|
||||
class="title" id="text7"></span></div>
|
||||
<div class="radio-box"><span class="radio" data-id="7"></span><span class="title" id="text8"></span></div>
|
||||
<div class="radio-box"><span class="radio" data-id="8"></span><span class="title" id="text9"></span></div>
|
||||
</div>
|
||||
|
||||
<div class="inform-textarea">
|
||||
<textarea name="inform-textarea" maxlength="150" id="text10" placeholder="" style="outline:none;"
|
||||
class="textarea-box"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="inform-img">
|
||||
<p class="inform-img-title" id="text11"></p>
|
||||
<div class="box">
|
||||
<div class="update_evidence">
|
||||
<img src="images/report_uploading_img.png" alt="">
|
||||
<input class="update-img" type="file" accept="image/*">
|
||||
<div class="reupdate"><strong class="text12"></strong>
|
||||
<input class="reupdate-img" type="file" accept="image/*">
|
||||
</div>
|
||||
</div>
|
||||
<div class="update_evidence">
|
||||
<img src="images/report_uploading_img.png" alt="">
|
||||
<input class="update-img" type="file" accept="image/*">
|
||||
<div class="reupdate"><strong class="text12"></strong>
|
||||
<input class="reupdate-img" type="file" accept="image/*">
|
||||
</div>
|
||||
</div>
|
||||
<div class="update_evidence">
|
||||
<img src="images/report_uploading_img.png" alt="">
|
||||
<input class="update-img" type="file" accept="image/*">
|
||||
<div class="reupdate"><strong class="text12"></strong>
|
||||
<input class="reupdate-img" type="file" accept="image/*">
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="update_evidence">
|
||||
<img src="images/report_uploading_img.png" alt="">
|
||||
<input class="update-img" type="file" accept="image/*" >
|
||||
<div class="reupdate"><strong class="text12">重新上传</strong>
|
||||
<input class="reupdate-img" type="file" accept="image/*" >
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="tips" id="text13"></div>
|
||||
|
||||
<div class="inform-button">
|
||||
<strong id="text14"></strong>
|
||||
|
||||
<div class="show-message"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="success-winsdow">
|
||||
<img src="images/success-icon.png">
|
||||
<p id="text15"></p>
|
||||
</div>
|
||||
|
||||
<div class="load-img">
|
||||
<div class="toast"></div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/template-web.js"></script>
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./js/index.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
|
||||
</html>
|
||||
267
view/molistar/modules/inform/js/index.js
Normal file
267
view/molistar/modules/inform/js/index.js
Normal file
@@ -0,0 +1,267 @@
|
||||
var info = {};
|
||||
var imgArr = 0;
|
||||
var target = ""; //被举报人id
|
||||
var resson_title = ""; //举报内容
|
||||
var source = ""; //举报来源
|
||||
var langReplace;
|
||||
var localLang;
|
||||
// var flush = "https://api.kawayisound.xyz/modules/inform/index.html";
|
||||
if (EnvCheck() == 'test') {
|
||||
var vConsole = new VConsole();
|
||||
// flush = "http://apibeta.kawayisound.xyz/modules/inform/index.html"
|
||||
}
|
||||
$(function () {
|
||||
var browser = checkVersion();
|
||||
var api = getUrlPrefix();
|
||||
var locateObj = getQueryString();
|
||||
getInfoFromClient()
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
var main = {
|
||||
init: function () {
|
||||
setTimeout(function () {
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
translateFun();
|
||||
main.requestUidFromNative(); //获取uid
|
||||
main.eventRegister(); //绑定事件
|
||||
setTimeout(function () {
|
||||
$('#body').show();
|
||||
}, 300)
|
||||
}, 100)
|
||||
},
|
||||
requestUidFromNative: function () {
|
||||
if (browser.app) {
|
||||
if (browser.ios) {
|
||||
var allcookies = document.cookie;
|
||||
var $uid = allcookies.match(/\d+/);
|
||||
info.uid = $uid[0]
|
||||
// window.webkit.messageHandlers.getUid.postMessage(null);
|
||||
} else if (browser.android) {
|
||||
if (androidJsObj && typeof androidJsObj === 'object') {
|
||||
info.uid = parseInt(window.androidJsObj.getUid());
|
||||
}
|
||||
}
|
||||
} else {
|
||||
info.uid = 901189;
|
||||
}
|
||||
|
||||
target = locateObj.reportUid; //获取别举报人id
|
||||
if (locateObj.source) {
|
||||
source = locateObj.source.toUpperCase();
|
||||
}
|
||||
console.log(source)
|
||||
},
|
||||
// $(this).addClass('active').siblings('.tab').removeClass('active');
|
||||
eventRegister: function () {
|
||||
$('.update_evidence').on('change', '.update-img', function () {
|
||||
var formData = new FormData();
|
||||
formData.append('uid', info.uid);
|
||||
formData.append('file', $(this).get(0).files[0])
|
||||
var _that = $(this);
|
||||
$('.load-img').show().find('.toast').html(langReplace(localLang.demoModule.text16));
|
||||
$.ajax({
|
||||
url: api + '/live/upload',
|
||||
type: 'post',
|
||||
processData: false,
|
||||
contentType: false,
|
||||
data: formData,
|
||||
success: function (res) {
|
||||
var flag = 0;
|
||||
_that.siblings('img').attr('src', res.data);
|
||||
_that.parent().addClass('has-data')
|
||||
_that.hide();
|
||||
$('.load-img').find('.toast').html(langReplace(localLang.demoModule.text17));
|
||||
setTimeout(function () {
|
||||
$('.load-img').hide()
|
||||
}, 1000)
|
||||
imgArr++
|
||||
if (imgArr > 0) {
|
||||
$('.inform-button').addClass('active');
|
||||
} else {
|
||||
$('.inform-button').removeClass('active')
|
||||
}
|
||||
},
|
||||
error: function (err) {
|
||||
console.log(err)
|
||||
$('.load-img').find('.toast').html(langReplace(localLang.demoModule.text18));
|
||||
setTimeout(function () {
|
||||
$('.load-img').hide()
|
||||
}, 1000)
|
||||
}
|
||||
})
|
||||
});
|
||||
$('.update_evidence').on('change', '.reupdate-img', function () {
|
||||
|
||||
var formData = new FormData();
|
||||
formData.append('uid', info.uid);
|
||||
formData.append('file', $(this).get(0).files[0])
|
||||
var _that = $(this);
|
||||
$('.load-img').show().find('.toast').html(langReplace(localLang.demoModule.text16));
|
||||
$.ajax({
|
||||
url: api + '/live/upload',
|
||||
type: 'post',
|
||||
processData: false,
|
||||
contentType: false,
|
||||
data: formData,
|
||||
success: function (res) {
|
||||
console.log(res);
|
||||
_that.parent().siblings('img').attr('src', res.data);
|
||||
_that.parent().parent().addClass('has-data');
|
||||
$('.load-img').find('.toast').html(langReplace(localLang.demoModule.text17));
|
||||
setTimeout(function () {
|
||||
$('.load-img').hide()
|
||||
}, 1000)
|
||||
imgArr++;
|
||||
if (imgArr > 0) {
|
||||
$('.inform-button').addClass('active');
|
||||
} else {
|
||||
$('.inform-button').removeClass('active')
|
||||
}
|
||||
},
|
||||
error: function (err) {
|
||||
console.log(err)
|
||||
$('.load-img').find('.toast').html(langReplace(localLang.demoModule.text18));
|
||||
setTimeout(function () {
|
||||
$('.load-img').hide()
|
||||
}, 1000)
|
||||
}
|
||||
})
|
||||
});
|
||||
//单选
|
||||
$('.radio-box').on('click', function () {
|
||||
$(this).find('.radio').addClass('active').parent().siblings('.radio-box').find('.radio').removeClass('active');
|
||||
var id = $(this).find('.radio').data('id');
|
||||
if (id == 8) {
|
||||
$('.inform-textarea').show();
|
||||
} else {
|
||||
$('.inform-textarea').hide();
|
||||
}
|
||||
console.log($(this).find('.radio').data('id'))
|
||||
})
|
||||
|
||||
//提交
|
||||
$('.inform-button').on('click', function () {
|
||||
if ($('.inform-button').hasClass("button-active")) {
|
||||
console.log("+9++++9+")
|
||||
return;
|
||||
}
|
||||
if (!$(this).hasClass('active')) {
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
var imgStr = ''
|
||||
for (var i = 0; i < $('.update_evidence').length; i++) {
|
||||
if ($('.update_evidence').eq(i).find('img').attr('src').match('images/report_uploading_img.png')) {
|
||||
continue;
|
||||
}
|
||||
|
||||
if (i < $('.update_evidence').length) {
|
||||
imgStr += ',' + $('.update_evidence').eq(i).find('img').attr('src');
|
||||
}
|
||||
}
|
||||
if (imgStr.indexOf(',') == 0) {
|
||||
imgStr = imgStr.substr(1, imgStr.length);
|
||||
}
|
||||
|
||||
console.log(imgStr)
|
||||
|
||||
//获取选中的下标
|
||||
var index = $('.radio').filter('.active');
|
||||
var id = index.data('id');
|
||||
if (id == 8) {
|
||||
resson_title = $('.textarea-box').val();
|
||||
} else {
|
||||
resson_title = index.next().html();
|
||||
}
|
||||
console.log("----------------------")
|
||||
console.log(info.uid)
|
||||
console.log(target)
|
||||
console.log(resson_title)
|
||||
console.log("----------------------")
|
||||
//举报内容不能为空
|
||||
if (resson_title == "") {
|
||||
$('.show-message').html(langReplace(localLang.demoModule.text19)).show();
|
||||
setTimeout(function () {
|
||||
$('.show-message').hide();
|
||||
}, 1000)
|
||||
} else if (info.uid != "" && target != "") {
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: api + '/impeach/impeachSomeone',
|
||||
data: {
|
||||
uid: info.uid,
|
||||
targetUid: target,
|
||||
reason: resson_title,
|
||||
imgUrl: imgStr,
|
||||
source: source
|
||||
},
|
||||
success: function (res) {
|
||||
if (res.code == 200) {
|
||||
$('.success-winsdow').css("display", "flex");
|
||||
setTimeout(function () {
|
||||
$('.success-winsdow').css("display", "none");
|
||||
// window.location.href = flush
|
||||
}, 1000)
|
||||
$('.inform-button').addClass("button-active").html(langReplace(localLang.demoModule.text20))
|
||||
}
|
||||
}
|
||||
});
|
||||
} else {
|
||||
console.log("id不能为空")
|
||||
}
|
||||
|
||||
})
|
||||
|
||||
// 监听上传图片的input值变化
|
||||
// $('.update-img').prev().on('change', function() {
|
||||
// console.log($(this).val())
|
||||
// if ($(this).val()) {
|
||||
// imgArr++
|
||||
// }
|
||||
// if (imgArr > 0) {
|
||||
// $('.inform-button').addClass('active');
|
||||
// } else {
|
||||
// $('.inform-button').removeClass('active')
|
||||
// }
|
||||
// })
|
||||
// $('.reupdate-img').prev().on('change', function() {
|
||||
// if ($(this).val()) {
|
||||
// imgArr++
|
||||
// }
|
||||
// if (imgArr > 0) {
|
||||
// $('.inform-button').addClass('active');
|
||||
// } else {
|
||||
// $('.inform-button').removeClass('active')
|
||||
// }
|
||||
// })
|
||||
}
|
||||
}
|
||||
main.init();
|
||||
|
||||
})
|
||||
|
||||
function getMessage(key, value) {
|
||||
info[key] = value;
|
||||
}
|
||||
|
||||
function translateFun() {
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('#text10').attr('placeholder',langReplace(localLang.demoModule.text10));
|
||||
$('#title').html(langReplace(localLang.demoModule.title));
|
||||
$('#text1').html(langReplace(localLang.demoModule.text1));
|
||||
$('#text2').html(langReplace(localLang.demoModule.text2));
|
||||
$('#text3').html(langReplace(localLang.demoModule.text3));
|
||||
$('#text4').html(langReplace(localLang.demoModule.text4));
|
||||
$('#text5').html(langReplace(localLang.demoModule.text5));
|
||||
$('#text6').html(langReplace(localLang.demoModule.text6));
|
||||
$('#text7').html(langReplace(localLang.demoModule.text7));
|
||||
$('#text8').html(langReplace(localLang.demoModule.text8));
|
||||
$('#text9').html(langReplace(localLang.demoModule.text9));
|
||||
$('.text12').html(langReplace(localLang.demoModule.text12));
|
||||
$('#text11').html(langReplace(localLang.demoModule.text11));
|
||||
$('#text11').html(langReplace(localLang.demoModule.text13));
|
||||
$('#text14').html(langReplace(localLang.demoModule.text14));
|
||||
$('#text15').html(langReplace(localLang.demoModule.text15));
|
||||
}
|
||||
27
view/molistar/modules/inform/local/ar.js
Normal file
27
view/molistar/modules/inform/local/ar.js
Normal file
@@ -0,0 +1,27 @@
|
||||
// 阿拉伯
|
||||
langAr = {
|
||||
// 模块
|
||||
demoModule: {
|
||||
title: `البلاغ`,
|
||||
text1: `محتوى إباحي أو مقزز`,
|
||||
text2: `حساسية سياسية`,
|
||||
text3: `إعلانات سخيفة`,
|
||||
text4: `اعتداء لفظي`,
|
||||
text5: `تعاملات غير قانونية`,
|
||||
text6: `انتهاك الخصوصية`,
|
||||
text7: `عنف أو إرهاب`,
|
||||
text8: `انتهاك حقوق الملكية`,
|
||||
text9: `آخر`,
|
||||
text10: `أدخل محتوى البلاغ`,
|
||||
text11: `تحميل لقطة شاشة (حد أقصى 1 ميجابايت)`,
|
||||
text12: `إعادة التحميل`,
|
||||
text13: `يرجى تحميل على الأقل لقطة شاشة ذات صلة لضمان الدقة.`,
|
||||
text14: `إرسال`,
|
||||
text15: `تم تقديم البلاغ`,
|
||||
text16: `تحميل الصورة`,
|
||||
text17: `تم التحميل بنجاح`,
|
||||
text18: `فشل التحميل، يرجى إعادة المحاولة`,
|
||||
text19: `أدخل محتوى البلاغ`,
|
||||
text20: `تم التقديم`,
|
||||
}
|
||||
}
|
||||
27
view/molistar/modules/inform/local/en.js
Normal file
27
view/molistar/modules/inform/local/en.js
Normal file
@@ -0,0 +1,27 @@
|
||||
// 英文
|
||||
langEn = {
|
||||
// 模块
|
||||
demoModule: {
|
||||
title: `Report`,
|
||||
text1: `Pornographic or Vulgar Content`,
|
||||
text2: `Political Sensitivity`,
|
||||
text3: `Spam Advertising`,
|
||||
text4: `Verbal Abuse`,
|
||||
text5: `Illegal Transactions`,
|
||||
text6: `Privacy Violation`,
|
||||
text7: `Violence or Terrorism`,
|
||||
text8: `Copyright Infringement`,
|
||||
text9: `Other`,
|
||||
text10: `Enter Report Content`,
|
||||
text11: `Upload Screenshot (Max 1MB)`,
|
||||
text12: `Re-upload`,
|
||||
text13: `Upload at least one relevant screenshot for accuracy.`,
|
||||
text14: `Submit`,
|
||||
text15: `Report Submitted`,
|
||||
text16: `Uploading Image`,
|
||||
text17: `Upload Successful`,
|
||||
text18: `Upload Failed, Please Retry`,
|
||||
text19: `Enter Report Content`,
|
||||
text20: `Submitted`,
|
||||
}
|
||||
}
|
||||
27
view/molistar/modules/inform/local/zh.js
Normal file
27
view/molistar/modules/inform/local/zh.js
Normal file
@@ -0,0 +1,27 @@
|
||||
// 中文
|
||||
langZh = {
|
||||
// 模塊
|
||||
demoModule: {
|
||||
title:`舉報`,
|
||||
text1:`色情低俗，以任何形式传播淫秽、色情、低俗擦边的内容`,
|
||||
text2:`政治敏感，进行反党反政府或带有侮辱诋毁党和国家的内容`,
|
||||
text3:`垃圾广告，传播垃圾广告或违法违规广告信息`,
|
||||
text4:`言语攻击，恶意抹黑、诋毁或辱骂他人`,
|
||||
text5:`违规交易，发布线下交易或可能涉及诈骗的内容`,
|
||||
text6:`泄露隐私，以任何形式泄露他人隐私`,
|
||||
text7:`暴力恐怖，传播暴力、血腥、威胁生命健康的内容或展示枪支、刀具`,
|
||||
text8:`侵权盗版，侵犯他人合法版权`,
|
||||
text9:`其它`,
|
||||
text10:`请输入举报内容`,
|
||||
text11:`上传截图 (图片不能超过1M)`,
|
||||
text12:`重新上传`,
|
||||
text13:`需要至少上传一张相关截图证明，以提高举报的准确度`,
|
||||
text14:`提交`,
|
||||
text15:`举报成功`,
|
||||
text16:`上传图片中`,
|
||||
text17:`上传成功`,
|
||||
text18:`上传失败，请重新上传`,
|
||||
text19:`请输入举报内容`,
|
||||
text20:`已提交`,
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user