上传解除

2024-03-01 14:18:45 +08:00
parent 8bdb296ce6
commit adec2b9fe4
3 changed files with 114 additions and 5 deletions
--- a/Host/Views.Mobile/User/IndexInfo.cshtml
+++ b/Host/Views.Mobile/User/IndexInfo.cshtml
@@ -148,7 +148,10 @@
        </div>
    </div>
    <!-- pptv账号 -->
-    <div class="accout_tit"><span class="lineBar"></span>PPTP账号</div>
+    <div class="accout_tit"><span class="lineBar"></span>PPTP账号 
+        <button id="argument_up" style="width:auto;padding:5px;" class="btnXq" onclick="$('#upload').show()">上传手持解屏蔽</button> 
+        <button id="argument_done"  style="width:auto;padding:5px;" class="btnXq">已上传手持解屏蔽</button> 
+    </div>
    <div class="model">
        <div class="item">
            使用中：
@@ -245,6 +248,34 @@
    </form>
 </div>

+<div class="layerTable" id="upload">
+    <div style="font-size:0.5rem;padding:0.3rem;">
+        <h3 style="font-size:0.7rem;">上传使用协议</h3>
+        <p>您可通过以下要求上传成功后联系客服审核，然后解除微信QQ等屏蔽，新增的账号不会自动解除，记得联系客服哦</p>
+        <form enctype="multipart/form-data">
+            <div class="form-group">
+                <label for="name">描述业务用途<span class="glyphicon glyphicon-asterisk" style="color:red;"></span>：</label>
+                <input type="text" v-model="describe" style="height:1rem;font-size:0.5rem;" class="form-control" id="name" placeholder="请描述业务用途">
+            </div>
+            <div class="form-group">
+                <label for="xieyi">上传手持协议<span class="glyphicon glyphicon-asterisk" style="color:red;"></span>：</label>
+                <input type="file" id="xieyi" name="xieyi" accept="image/*">
+                <p class="help-block">同时手持身份证和安全使用协议的照片 <br><a href="http://zip.juip.com/%E8%A7%84%E8%8C%83%E4%BD%BF%E7%94%A8%E5%8D%8F%E8%AE%AE%E4%B9%A6.zip">下载使用样板</a></p>
+            </div>
+            <div class="form-group">
+                <label for="yewu">上传业务视频（选填）：</label>
+                <input type="file" id="yewu" name="yewu" accept="video/wmv, video/avi, video/mp4, video/flv, video/3gp, video/mov, video/mkv, video/vob">
+                <p class="help-block">上传涉及IP产品的业务视频</p>
+            </div>
+        </form>
+    </div>
+
+    <div class="" style="text-align:center;">
+        <button type="button" class="btnXq" onclick="$('#upload').hide()">返回</button>
+        <button  v-on:click="upload_file()" class="btnXq">确定</button>
+    </div>
+</div>
+
 <!-- 修改密码 -->
 <div class="layerTable" id="pwdBox">
    <form id="pwdForm">
@@ -359,7 +390,7 @@
            
        </div>
    </form>
-    <h1 id="verify-info" style="display:none;padding: 2em;font-size:25px">请截图此页面，进入支付宝扫码验证<br>请勿关闭此页面，扫脸验证完成后请返回此页面，<span style="color: red;">点击已扫脸按钮</span>，则认证成功<br>若扫脸后仍未认证成功，请联系客服</h1>
+    <h1 id="verify-info" style="display:none;padding: 2em;font-size:30px">请截图此页面，进入支付宝扫码验证<br>请勿关闭此页面，扫脸验证完成后请返回此页面，<span style="color: red;">点击已扫脸按钮</span>，则认证成功<br>若扫脸后仍未认证成功，请联系客服</h1>
    <div style="padding: 0 100px;text-align: center;"><div id="qrcode"></div></div>
    <div style="margin-top: 10px;text-align: center;"><button  onclick="get_verify_res()" type="button" class="btnXq" style="width: auto;padding: 0 10px;font-size:1.2em;">已扫脸请点击这里</button></div>
    @* <div  style="padding: 0 100px;text-align: center;"><button style="font-size:50px;" onclick="get_verify_res()" type="button" class="btn">我已扫脸点击这里</button></div> *@
@@ -404,6 +435,84 @@
        }
    })

+    
+    get_argument();
+    function get_argument() {
+        let data = {
+            cookie:document.cookie,
+        }
+        
+        $.ajax({
+            type: 'POST',
+            url: 'http://php-api.juip.com/tencent/index/get_is_upload',
+            dataType: "json",
+            contentType: "application/json",
+            data: JSON.stringify(data),
+            beforeSend: function(xhr) {
+                xhr.withCredentials = true;
+            },
+            crossDomain: true,
+            success: function (res) {
+                if (res.code == 1) {
+                    $("#argument_up").hide();
+                    $("#argument_done").show();
+                } else {
+                    $("#argument_up").show();
+                    $("#argument_done").hide();
+                }
+            }
+        });
+    }
+    
+
+    var vm = new Vue({
+	    el:'#upload',
+	    data:{
+            describe:'',
+	    },
+        created:function(){
+
+        },
+	    methods:{
+            upload_file() {
+
+                var xieyi = document.getElementById("xieyi").files[0];
+                
+                if (this.describe.length < 2) {
+                    alert("业务描述必须填写！");
+                    return;
+                }
+                if (!xieyi) {
+                    alert("协议文件必须上传！");
+                    return;
+                }
+                
+                var form_data = new FormData();
+                form_data.append('cookie',document.cookie);
+                form_data.append('describe',this.describe);
+                form_data.append('xieyi',xieyi);
+                form_data.append('yewu',document.getElementById("yewu").files[0]);
+                
+                $.ajax({
+                    type: 'POST',
+                    url: 'http://juip.wyk/tencent/index/upload',
+                    dataType: "json",
+                    async:false,
+                    contentType:false,//如果请求参数是FormData 必须设置 contentType请求头为false
+                    processData:false,//如果请求参数是FormData 必须设置 processData请求头为false
+                    data: form_data,
+                    beforeSend: function(xhr) {
+                        xhr.withCredentials = true;
+                    },
+                    crossDomain: true,
+                    success: function (res) {
+                        alert(res.msg);
+                    }
+                });
+            }
+	    }
+	});
+
 var t1 = null;
    /** 表单序列化成json字符串的方法  */
    function form2JsonString(formId) {
--- a/Host/Views/User/Index.cshtml
+++ b/Host/Views/User/Index.cshtml
@@ -495,8 +495,8 @@
                    } 
                    </p>
                    
-                    <a id="argument_up" href="/user/upload" style="float:right;position:relative;top:5px;right:-75px;z-index:10;">上传手持解屏蔽</a>
-                    <a id="argument_done" style="float:right;position:relative;top:5px;right:-75px;z-index:10;">上传手持解屏<span class="glyphicon glyphicon-ok"></span></a>
+                    <a id="argument_up" href="/user/upload" style="float:right;position:relative;top:10px;right:-75px;z-index:10;">上传手持解屏蔽</a>
+                    <a id="argument_done" style="float:right;position:relative;top:10px;right:-75px;z-index:10;">上传手持解屏蔽<span class="glyphicon glyphicon-ok"></span></a>
                    <div class="row">
                        @if(Model.UserModel.agent_id==0 && Model.UserModel.is_agent == 0){
                        <div class="col-lg-4 text-center" style="padding-top: 20px;">
--- a/Host/Views/User/upload.cshtml
+++ b/Host/Views/User/upload.cshtml
@@ -13,7 +13,7 @@
        <div class="form-group">
            <label for="xieyi">上传手持协议<span class="glyphicon glyphicon-asterisk" style="color:red;"></span>：</label>
            <input type="file" id="xieyi" name="xieyi" accept="image/*">
-            <p class="help-block">同时手持身份证和安全使用协议的照片 <a href="http://zip.juip.com/%E4%BD%BF%E7%94%A8%E5%8D%8F%E8%AE%AE%E4%B9%A6.zip">下载使用样板</a></p>
+            <p class="help-block">同时手持身份证和安全使用协议的照片 <a href="http://zip.juip.com/%E8%A7%84%E8%8C%83%E4%BD%BF%E7%94%A8%E5%8D%8F%E8%AE%AE%E4%B9%A6.zip">下载使用样板</a></p>
        </div>
        <div class="form-group">
            <label for="yewu">上传业务视频（选填）：</label>