勾选使用协议

This commit is contained in:
“wanyongkang”
2024-04-16 14:06:34 +08:00
parent e880156c63
commit 4c84daee26
3 changed files with 134 additions and 63 deletions

View File

@@ -248,35 +248,60 @@
</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>
<br> <span class="btnXq " style="padding:10px;">点击上传</span>
</label>
<input type="file" id="xieyi" name="xieyi" style="display:none;" 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">上传业务视频(选填):
<br> <span class="btnXq " style="padding:10px;">点击上传</span>
</label>
<input type="file" id="yewu" style="display:none;" 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="layerTable" id="upload" style="overflow:auto;padding-bottom: 3rem;">
<h3>上传使用协议</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" class="form-control" id="name" placeholder="请描述业务用途">
</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 class="form-group">
<label for="id_code">个人身份证号<span class="glyphicon glyphicon-asterisk" style="color:red;"></span></label>
<input type="text" v-model="id_code" class="form-control" id="id_code" placeholder="请输入身份证号">
</div>
<div class="form-group">
<label for="name">网络安全协议书<span class="glyphicon glyphicon-asterisk" style="color:red;"></span></label>
<div style="background-color: white;padding: 0.5rem;">
<h1 class="text-center">网络信息安全承诺书</h1>
<p>本单位(包含个人)郑重承诺遵守本承诺书的有关条款,如有违反本承诺书有关条款的行为,本单位(包含个人)承担由此带来的一切民事、行政和刑事责任。</p>
<p>一、本单位(包含个人)承诺遵守《中华人民共和国计算机信息系统安全保护条例》和《计算机信息网络国际联网安全保护管理办法》及有关法律、法规和行政规章制度、文件规定。</p>
<p>二、本单位(包含个人)保证不利用网络危害国家安全、泄露国家秘密,不侵犯国家的、社会的、集体的利益和第三方的合法权益,不从事违法犯罪活动。</p>
<p>三、本单位(包含个人)承诺严格按照国家相关法律法规做好本单位(包含个人)网站的信息安全管理工作,按政府有关部门要求设立信息安全责任人和信息安全审查员,信息安全责任人和信息安全审查员应在通过公安机关的安全技术培训后,持证上岗。</p>
<p>四、本单位(包含个人)承诺健全各项网络安全管理制度和落实各项安全保护技术措施。</p>
<p>五、本单位(包含个人)承诺接受公安机关的监督和检查,如实主动提供有关安全保护的信息、资料及数据文件,积极协助查处通过国际联网的计算机信息网络违法犯罪行为。</p>
<p>六、本单位(包含个人)承诺不通过互联网制作、复制、查阅和传播下列信息:</p>
<p>1、反对宪法所确定的基本原则的。</p>
<p>2、危害国家安全泄露国家秘密颠覆国家政权破坏国家统一的。</p>
<p>3、损害国家荣誉和利益的。</p>
<p>4、煽动民族仇恨、民族歧视破坏民族团结的。</p>
<p>5、破坏国家宗教政策宣扬邪教和封建迷信的。</p>
<p>6、散布谣言扰乱社会秩序破坏社会稳定的。</p>
<p>7、散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的。</p>
<p>8、侮辱或者诽谤他人侵害他人合法权益的。</p>
<p>9、含有法律法规禁止的其他内容的。</p>
<p>七、本单位(包含个人)承诺不从事任何危害计算机信息网络安全的活动,包括但不限于:</p>
<p>1、未经允许进入计算机信息网络或者使用计算机信息网络资源的。</p>
<p>2、未经允许对计算机信息网络功能进行删除、修改或者增加的。</p>
<p>3、未经允许对计算机信息网络中存储或者传输的数据和应用程序进行删除、修改或者增加的。</p>
<p>4、故意制作、传播计算机病毒等破坏性程序的。</p>
<p>5、其他危害计算机信息网络安全的。</p>
<p>八、本单位(包含个人)承诺当计算机信息系统发生重大安全事故时立即采取应急措施保留有关原始记录并在24小时内向政府监管部门报告并书面知会贵单位(包含个人)。</p>
<p>九、本单位(包含个人)承诺,若本单位(包含个人)租用的拨号账号出现违规违法行为导致贵单位(指华连网络科技有限公司)被处罚的,造成的直接损失由本单位(包含个人)赔偿。</p>
<p>十、若违反本承诺书有关条款和国家相关法律法规的,本单位(包含个人)直接承担相应法律责任,造成财产损失的,由本单位(包含个人)直接赔偿。同时,贵单位(指华连网络科技有限公司)有权暂停直至解除双方合作合同。</p>
<p>十一、本承诺书自勾选确认之日起生效并遵行。</p>
</div>
</div>
<div class="form-group">
<input id="agree" v-model="status" type="checkbox">
<label for="agree">阅读、接受并同意签署以上网络信息安全承诺书</label>
</div>
</form>
<div class="row">
<div class="col-md-1">
<button v-on:click="upload_file()" class="btn btn-new ">提交</button>
</div>
</div>
</div>
@@ -473,32 +498,37 @@
var vm = new Vue({
el:'#upload',
data:{
el:'#upload',
data:{
describe:'',
},
id_code:'',
status:false,
},
created:function(){
},
methods:{
methods:{
upload_file() {
var xieyi = document.getElementById("xieyi").files[0];
if(!this.status) {
alert("请勾选同意协议!");
return;
}
if (this.describe.length < 2) {
alert("业务描述必须填写!");
return;
}
if (!xieyi) {
alert("协议文件必须上传!");
return;
}
var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
if(reg.test(this.id_code) === false)
{
alert("身份证输入不合法");
return false;
}
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]);
form_data.append('id_code',this.id_code);
form_data.append('status',this.status);
$.ajax({
type: 'POST',
@@ -517,8 +547,8 @@
}
});
}
}
});
}
});
var t1 = null;
/** 表单序列化成json字符串的方法 */