zhangqi
/
money
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

修改客服样式

pull/3/head
zq 5 months ago
parent
7a783f866d
commit
0485fd61fc
3 changed files with 104 additions and 194 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 270
      home.html
  2. 8
      style/css/index.css
  3. 12
      style/js/index.js

270
home.html
View File

@ -26,11 +26,7 @@
</div>
<div class="right">
<div class="right_btn activebtn point" type="1">论文写作</div>
<div class="right_btn point" type="2">
报告下载
<!-- <a href="/report2" target="_blank"
rel="noopener noreferrer">报告下载</a>
</div> -->
<div class="right_btn point" type="2">报告下载</div>
</div>
</header>
<div class="main_page_top ">
@ -68,7 +64,7 @@
</div>
</div>
<div class=" step_back">
<div class="step_back">
<div class="step_main">
<!-- success_step -->
<dl class="normal_step normal_step1 active_step " stepNum="1">
@ -157,7 +153,10 @@
<img src="./style/img/select_icon.svg" alt="" class="select_icon">
</li>
</ul>
<!-- <div class="pptTplListBoxItemPreview" tlpid="5" imgattr="//css.kuailelunwen.com/ppt_tpl/5/preview.png" tplname="蓝色梦境通用模版">预览</div> -->
<!-- 新版加载测试 -->
<!-- <div class="step-icon" id="loading-step5"></div>
<div class="loading-text">加载中...5%</div> -->
<!-- 新版加载测试 -->
<form action="" class="my_form">
<div class="formOne opt-block">
@ -168,20 +167,20 @@
<input type="hidden" id="cur_title" value="">
<input type="hidden" id="cur_title_type" value="0">
<input type="hidden" id="cur_request" value="0">
<div class="custom-select">
<select id="project_select" name="fruits">
<option value="" selected disabled>选择您的论文专业</option>
<option value="1">经济</option>
<option value="2">教育</option>
<option value="3">文学</option>
<option value="4">医药</option>
<option value="5">法律</option>
<option value="6">计算机科学</option>
<option value="7">建筑科学</option>
<option value="8">工业技术</option>
<option value="9">其它（自动识别）</option>
</select>
<div class="custom-dropdown">
<div class="custom-icon"></div>
<input type="text" class="dropdown-input" placeholder="选择您的论文专业" selected_val="0" id="myInput" onclick="showDropdown()" readonly>
<div id="myDropdown" class="dropdown-content">
<p value="1">经济</p>
<p value="2">教育</p>
<p value="3">文学</p>
<p value="4">医药</p>
<p value="5">法律</p>
<p value="6">计算机科学</p>
<p value="7">建筑科学</p>
<p value="8">工业技术</p>
<p value="9">其它（自动识别）</p>
</div>
</div>
<div class="oneRight opt-advise">
<img src="./style/img/input_icon.svg" alt="">
@ -282,6 +281,8 @@
<input type="text" name="title" placeholder="请输入选题关键词，例如：广告设计(2-50字内)" class="key_words_input" maxlength="50" minlength="2">
</div>
</div>
<div class="formItem side_info hide">
<div class="formLeft">辅助信息</div>
<div class="formRight textAreaRight">
@ -295,7 +296,7 @@
<textarea name="coreContent" class="coreWordCount" id="coreTextarea" maxlength="200"
placeholder="请写出需要在论文中包含的要点。"></textarea>
<div id="charCount" class="char-count">0/200</div>
{literal}
<!-- {literal} -->
<script>
const maxLength = 200; // 设置最大字数限制
$('#coreTextarea').on('input', function() {
@ -306,7 +307,7 @@
}
});
</script>
{/literal}
<!-- {/literal} -->
</div>
</div>
<div class="formItem form_essayWords">
@ -454,10 +455,6 @@
<div class="upgrade-button2" onclick="hideUpgradeMoadl()">知道啦~</div>
</div>
</div>
<!-- <p>
<img src="./style/img/checked_icon.svg" alt="">
我已阅读并同意：生成的论文范文仅用于参考，不作为毕业论文使用
</p> -->
</div>
<div class="backColor2 backColorAdd step_add_three hide ">
<h4>您将获得</h4>
@ -498,7 +495,6 @@
'2':'本科',
'3':'硕博'
}
// console.log(location.search);
// var service_domain = location.origin+'/'
var service_domain = 'https://aitest.chachongz.com/'
$(document).ready(function () {
@ -514,6 +510,30 @@
$('.btn_result_now').hide()
});
});
function showDropdown() {
var dropdownContent = document.getElementById("myDropdown");
dropdownContent.style.display = "block";
// var major = parseInt($('.dropdown-input').attr('selected_val'));
}
// 当用户点击其他地方时隐藏下拉框
window.onclick = function(event) {
if (!event.target.matches('.dropdown-input')) {
var dropdownContent = document.getElementById("myDropdown");
if (dropdownContent.style.display === "block") {
dropdownContent.style.display = "none";
}
}else{
}
}
$('.dropdown-content p').click(function(){
$('.dropdown-content p').removeClass('selected_back')
$(this).addClass('selected_back')
let value = parseInt($(this).attr('value'));
$('.dropdown-input').val($(this).text())
$('.dropdown-input').attr('selected_val',value)
})
function hideUpgradeMoadl() {
$('#upgrade-modal').hide()
}
@ -630,6 +650,7 @@
}
});
}
function stepDone(step, ani){
let obj = document.getElementById('loading-step'+step);
obj.innerHTML = '';
@ -656,6 +677,41 @@
}
});
}
// loading 测试
// var progressTimer = null
// test()
// function showProgress(num) {
// clearInterval(progressTimer)
// var progress = num
// progressTimer = setInterval(function() {
// $('.loading-text').text('加载中...'+progress+'%')
// if(progress + 3 >= 99) {
// console.log(progress,'progress=====');
// clearInterval(progressTimer)
// }else{
// progress += 3
// }
// }, 1000);
// }
// function test(){
// showProgress(8)
// var ani5 = stepLoading(5, 'analysis')
// $.ajax({
// type:'post',
// url:'https://aitest.chachongz.com/get_aiessay_catalog',
// dataType:'json',
// data: {
// type: '94',
// title: '辣条的辣味研究',
// aiessay_wordnum: '50000'
// },
// success:function(res){
// ani5.destroy();
// showProgress(100);
// clearInterval(progressTimer)
// }
// });
// }
function stepLoading(step, status = 'analysis') {
let obj = document.getElementById('loading-step' + step);
@ -851,15 +907,6 @@
return true;
}
function showCreateCatalogue() {
// $('.normal_step').removeClass('active_step')
// $('.step_line').removeClass('suc_step_line')
// $('.step_line').eq(0).addClass('suc_step_line')
// $('.step_line').eq(1).addClass('suc_step_line')
// $('.normal_step').eq(0).addClass('success_step')
// $('.normal_step').eq(1).addClass('success_step')
// $('.normal_step').eq(2).addClass('active_step')
// $('.step_add_three').removeClass('hide')
// return
geiAiUpgradeInfo(createCatalogue)
}
function showAdviseTitle(){
@ -872,7 +919,6 @@
return;
}
var chkType = $('li.active_select').attr('type');
console.log(chkType,'chkType====');
$.ajax({
type: "post",
url: service_domain + 'ajax_get_config',
@ -894,11 +940,6 @@
var title = $(".inputChange").val();
var r = checkTitle(title);
if (!r) return;
// var core_content = $('.textAreaForWordCount').val();//辅助信息
// var r = checkContent(core_content);
// if (!r) return;
var edu = parseInt($('#educationRight').find('input[type="radio"]:checked').val());
if (edu <= 0 || !edu) {
alert("请选择您的学历");
@ -911,7 +952,9 @@
return;
}
}
var major = parseInt($('#project_select').find('option:selected').val());
var major = parseInt($('.dropdown-input').attr('selected_val'));
if (major <= 0 || !major) {
alert("请选择您的专业");
return;
@ -955,15 +998,17 @@
$('.step_add_three').removeClass('hide')
$('#mainText').html(title)
// $('.user_none').removeClass('hide')//禁用
// console.log(eduObj[edu],'eduObj[edu]');
if(chkType != '82'){
let mainEduWords = eduObj[edu] + '·约' + wordnums + '字'
$('.step_add_three .mainEduWords').html(mainEduWords)
// console.log(mainEduWords,wordnums,'=====wordnums');
}else{
$('.step_add_three .mainEduWords').html(eduObj[edu])
}
if(chkType == '94'){
window.scrollTo({ top: 1000, behavior: 'smooth' })
}else{
window.scrollTo({ top: 800, behavior: 'smooth' })
}
setTimeout(()=>{
window.open(url);
},1500)
@ -1028,7 +1073,6 @@
<div class="lookPPT flex">
<img src="./style/img/ppt_2.png" class="look_backImg" alt="">
<img src="./style/img/exitLook.svg" class="exitLook point" alt="">
<!-- <div class="lookModal pageMask"></div> -->
<div class="look_content">
<div class="look_left">
<div class="look_left_top">
@ -1051,28 +1095,24 @@
leftButton.addEventListener('click', function() {
moveLeft();
});
rightButton.addEventListener('click', function() {
moveRight();
});
function moveLeft() {
if (currentIndex > 0) {
currentIndex--;
gallery.style.transform = `translateX(${currentIndex * -174 - (currentIndex)*16}px)`;
}
}
function moveRight() {
const images = document.querySelectorAll('.gallery_img');
if (currentIndex < images.length-4) { // 假设有三张图片
if (currentIndex < images.length-4) { // 四张固定展示
currentIndex++;
gallery.style.transform = `translateX(${currentIndex * -174 - (currentIndex)*16}px)`;
}
}
</script>
{/literal}
<div class="look_left_bot flex">
<div class="ppt_cancel point">取消预览</div>
<div class="ppt_submit point">使用模板</div>
@ -1085,7 +1125,6 @@
</div>
</div>
</div>
</div>
<div class="pageMask hide"></div>
<div class="payTypeList hide" cur="2"></div>
@ -1097,57 +1136,6 @@
<div class="pay_message">
</div>
<div class="payModal_main"></div>
<!-- <div class="pay_content " include-html="pay.html" mes="网站已通过备案请放心使用，如支付宝提示风险属于系统正常提示，按提示继续操作就可以，有任何疑问都可联系右侧在线客服">
<div id="qrcode"></div>
<div class="pay_type">
<div class="pay_left">
<div class="pay_every pay_active" pay_type="2">
<img src="./style/img/pay_wx.svg" alt="">
<span>微信支付</span>
<img class="pay_icon" src="./style/img/pay_icon.svg" alt="">
</div>
<div class="pay_every" pay_type="3">
<img src="./style/img/pay_zfb.svg" alt="">
<span>支付宝支付</span>
<img class="pay_icon" src="./style/img/pay_icon.svg" alt="">
</div>
</div>
<div class="pay_right">
<p class="pay_moneyNum">应付总额：¥<span id="totalMoney"></span></p>
<p>扫码支付自动提交，请勿刷新</p>
<p>提交成功用订单号查询结果</p>
</div>
</div>
</div>
<div class="pay_detail hide" mes="此页面信息至关重要，您可截图保存避免丢失">
<div class="pay_succ_header">
<img src="./style/img/pay_succ.svg" alt="">
支付成功！订单号是下载范文唯一凭证
</div>
<div class="pay_succ_content">
<img id="qrcode1" src="" alt="">
<div class="pay_succ_right">
<p>
<img src="./style/img/succ_tip_icon.svg" alt="">
微信扫码，随时获知生成状态
</p>
<p>
订单号：<span id="pay_succ_tid">OIY898998787721878233</span>
<img src="./style/img/copy_icon.svg" class="point" id="copy_tid" alt="">
</p>
</div>
</div>
<div class="pay_opera_btn">
<div class="payresultBtn1 point">再生成一篇</div>
<div class="payresultBtn2 point">去下载</div>
</div>
</div>
<div class="modal_mes">
<img src="./style/img/lingdang.svg" alt="">
<p style="font-size: 12px;font-weight: 400;color: #EE7000;line-height: 17px;text-align:center;">
网站已通过备案请放心使用，如支付宝提示风险属于系统正常提示，按提示继续操作就可以，有任何疑问都可联系右侧在线客服</p>
</div> -->
</div>
<div id="report_page" class="hide">
@ -1235,78 +1223,6 @@
</div>
</div>
<div class="pay_complete_main"></div>
<!-- <div id="qrcode"></div>
<script>
new QRCode(document.getElementById("qrcode"), {
text: 'weixin://wxpay/bizpayurl?pr=zOuJ163z3',
width: 135,
height: 135,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
});
</script> -->
<!-- <div class="pay_content flex " include-html="pay.html" mes="网站已通过备案请放心使用，如支付宝提示风险属于系统正常提示，按提示继续操作就可以，有任何疑问都可联系右侧在线客服">
<div id="qrcode"></div>
<script>
new QRCode(document.getElementById("qrcode"), {
text: 'weixin://wxpay/bizpayurl?pr=zOuJ163z3',
width: 135,
height: 135,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
});
</script>
<div class="pay_type">
<div class="pay_left">
<div class="pay_every pay_active" pay_type="2">
<img src="./style/img/pay_wx.svg" alt="">
<span>微信支付</span>
<img class="pay_icon" src="./style/img/pay_icon.svg" alt="">
</div>
<div class="pay_every" pay_type="3">
<img src="./style/img/pay_zfb.svg" alt="">
<span>支付宝支付</span>
<img class="pay_icon" src="./style/img/pay_icon.svg" alt="">
</div>
</div>
<div class="pay_right">
<p class="pay_moneyNum">应付总额：¥<span id="totalMoney"></span></p>
<p>扫码支付自动提交，请勿刷新</p>
<p>提交成功用订单号查询结果</p>
</div>
</div>
</div>
<div class="pay_detail hide" mes="此页面信息至关重要，您可截图保存避免丢失">
<div class="pay_succ_header">
<img src="./style/img/pay_succ.svg" alt="">
支付成功！订单号是下载范文唯一凭证
</div>
<div class="pay_succ_content">
<img id="qrcode1" src="" alt="">
<div class="pay_succ_right">
<p>
<img src="./style/img/succ_tip_icon.svg" alt="">
微信扫码，随时获知生成状态
</p>
<p>
订单号：<span id="pay_succ_tid">OIY898998787721878233</span>
<img src="./style/img/copy_icon.svg" class="point" id="copy_tid" alt="">
</p>
</div>
</div>
<div class="pay_opera_btn">
<div class="payresultBtn1 point">再生成一篇</div>
<div class="payresultBtn2 point">去下载</div>
</div>
</div>
<div class="modal_mes ">
<img src="./style/img/lingdang.svg" alt="">
<p style="font-size: 12px;font-weight: 400;color: #EE7000;line-height: 17px;text-align:center;">
网站已通过备案请放心使用，如支付宝提示风险属于系统正常提示，按提示继续操作就可以，有任何疑问都可联系右侧在线客服</p>
</div> -->
</div>
</div>
</div>
@ -1354,8 +1270,8 @@
<span class="ft14 linkkf">联系客服</span>
<div class="kefuQrcode">
<img src="./style/img/kefuQrcode2.png" alt="">
<span class="ft12">微信扫码添加客服</span>
<span class="ft12">上班时间：9:00-16:00</span>
<p class="ft12">微信扫码添加客服</p>
<p class="ft12">上班时间：9:00-16:00</p>
</div>
</div>
</div>

8
style/css/index.css
View File

@ -74,7 +74,7 @@ body,p,div{
align-items: center;
}
.kefuCom:hover .kefuQrcode{
opacity: 1;
display: block !important;
transition: all .5s ease;
}
.kefuCom .linkIcon{
@ -88,7 +88,7 @@ body,p,div{
line-height: 16px;
writing-mode: vertical-rl;
}
.kefuCom .kefuQrcode{
.kefuQrcode{
position: absolute;
left: -161px;
top: 0px;
@ -101,7 +101,9 @@ body,p,div{
padding: 8px;
gap: 6px;
border-radius: 6px;
opacity: 0;
text-align: center;
/* opacity: 0; */
display: none;
background: #FFFFFF;
box-shadow: 0px 4px 11px 0px rgba(56, 112, 243, 0.1);
}

12
style/js/index.js
View File

@ -693,13 +693,9 @@ $(document).ready(function() {
});
}
function getRechargePayUrl(){
// var core_content = $('.coreWordCount').val();
var postData1 = new Object();
postData1.type = allPostData.check_type;
postData1.pay_type = allPostData.pay_type;
// postData1.value_added_services = configData.addedServicesStr;//增值服务
// if(configData.ppt_tpl != '') postData1.ppt_tpl = configData.ppt_tpl;//ppt
// postData1.recharge_goods_id = '0';
postData1.title = allPostData.title;
if(!$('.custom-dropdown').hasClass('disNone')){
var major= parseInt($('.dropdown-input').attr('selected_val'))
@ -886,10 +882,6 @@ $(document).ready(function() {
clearhisText()//清空记录
var t = $('li.active_select').attr('type');
check_type = t;
// if(t =='96'){
// location.href = location.origin+'/aippt'
// return
// }
//重置步骤条状态
$('.normal_step').removeClass('success_step')
$('.normal_step').removeClass('active_step')
@ -1149,14 +1141,14 @@ $(document).ready(function() {
var fileInput = $(this);
var files = fileInput.prop('files');
var file = files[0]; // 获取文件
console.log(files,file.name,'======');
// console.log(files,file.name,'======');
if (file) {
// 这里可以添加上传文件之前的逻辑，例如文件验证
// 创建FormData对象
formData.append('paper_file', file);
formData.append('paper_type', '1');
formData.append('is_asynch', '1');
formData.append('ver_chktype', $("#ppt_type").val());
formData.append('ver_chktype', check_type);
// 使用jQuery AJAX上传文件
$.ajax({
url: 'https://aitest.chachongz.com'+'/upload_file',

Write Preview
Loading…
Cancel
Save