Check server response of
Server response
NS records
Whois domain
200 OK - myc3d.com
HTTP Status: 200
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Server: nginx
Date: Fri, 02 May 2025 21:22:01 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: keep-alive
Vary: Accept-Encoding
Set-Cookie: PHPSESSID=bd76ae3cea52699f51aea504153e8cca; path=/
HTTP Code 200 OK
200 status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
When is Code 200 used?
- When loading a web page
- When successfully receiving an API response
- When processing a form or another HTTP request
What does Code 200 mean for the user?
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: myc3d.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html>
<html dir="ltr" lang="">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>美艺橙3D打印自助下单</title>
<meta name="keywords" content="美艺橙3D打印"/>
<meta name="description" content="美艺橙3D打印">
<link href="/statics/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="/statics/css/bootstrap.min.css" rel="stylesheet" media="screen" />
<link href="/statics/css/stylesheet.css?t=1" rel="stylesheet">
<link href="/statics/css/product.css" type="text/css" rel="stylesheet" media="screen" />
<link rel="stylesheet" type="text/css" href="/statics/css/login.css">
<link rel="stylesheet" href="/statics/css/entry.06498d69.css">
<link rel="stylesheet" href="/statics/css/el-loading.eda49e85.css">
<link rel="stylesheet" href="/statics/css/el-tag.b58b2527.css">
<link rel="stylesheet" href="/statics/css/el-radio-group.bc7bd1e6.css">
<script src="/statics/js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="/statics/js/bootstrap.min.js" type="text/javascript"></script>
<script src="/static/js/jquery.form.min.js" type="text/javascript"></script>
<script src="/static/js/layer/layer.js" type="text/javascript"></script>
<script src="/statics/js/stl_viewer.min.js"></script>
<script src="/statics/js/three.min.js"></script>
<script src="/statics/js/webgl_detector.js"></script>
<script src="/statics/js/TrackballControls.js"></script>
<script src="/statics/js/html2canvas.min.js" type="text/javascript"></script>
<style type="text/css" media="all">
.layui-layer-loading .layui-layer-loading2{
background-position-x: 20px;
}
</style>
</head>
<body class="product-product">
<nav id="top">
<div class="container">
<li id="top-links" class="nav">
<ul class="list-inline pull-left">
<li><img src="/statics/picture/phone2.png" width="20">3d打印业务咨询：13750721404</li>
<!-- <li>注册后，系统将为您分配专属客户经理</li>-->
</ul>
<ul class="list-inline pull-right" style="display: inline-flex">
<li style="overflow: hidden">
<a href="/user/checkout/cart.html" class="hover-background colorUpd">
<img src="/statics/picture/cart.svg" style="width: 13px;height: 13px;"> 我的购物车
</a>
</li>
<li style="margin: 0 30px; overflow: hidden">
<a href="/user/order/index.html" class="hover-background colorUpd">
<img src="/statics/picture/order.svg" style="width: 13px;height: 13px;"> 我的订单
</a>
</li>
<li>
<a class="hover-background login-pop" href="javascript:void(0)">您好，请登录</a>
</li>
<li class="left-line">
<a class="hover-background register-pop" href="javascript:void(0)">注册</a>
</li>
</ul>
</div>
</div>
</nav>
<div id="pop_login_or_register" style="display: none;">
<div class="login-register-page">
<!-- 登录 -->
<div class="login-register-pop login-register-pop-show">
<div class="logo-box">
<img src="/statics/picture/logo.png" class="login-logo" alt="">
<img src="/statics/images/close-login.png" onclick="onClosePage()" class="login-close-icon"
alt="">
</div>
<div class="login-bookmark-page">
<div class="login-select-bookmark login-active">
验证码登录
</div>
<div class="login-select-bookmark">密码登录</div>
</div>
<div class="card-flex">
<div class="object show">
<form class="mobileForm" method="post" action="/user/login/doMsgLogin.html">
<div class="login-flex-row">
<img src="/statics/images/phone.png" class="login-pop-icon" alt="">
<!-- <div onclick="showAreaCode()" class="login-register-area-code-box">-->
<!-- <span class="login-register-area-code-text">+86</span>-->
<!-- <img src="/statics/images/more.png" class="login-pop-icon2" alt="">-->
<!-- </div>-->
<!-- <div class="login-register-area-code">-->
<!-- <div class="login-register-area-code-item">-->
<!-- <span>中国大陆</span>-->
<!-- <span>+86</span>-->
<!-- </div>-->
<!-- <div class="login-register-area-code-item">-->
<!-- <span>中国香港</span>-->
<!-- <span>+852</span>-->
<!-- </div>-->
<!-- <div class="login-register-area-code-item">-->
<!-- <span>中国台湾</span>-->
<!-- <span>+886</span>-->
<!-- </div>-->
<!-- <div class="login-register-area-code-item">-->
<!-- <span>中国澳门</span>-->
<!-- <span>+853</span>-->
<!-- </div>-->
<!-- </div>-->
<input type="text" name="mobile" class="login-pop-input login-input-phone" placeholder="请输入手机号码">
</div>
<div class="login-flex-row">
<img src="/statics/images/code.png" class="login-pop-icon" alt="">
<input type="text" name="code" class="login-pop-input login-input-send-code" placeholder="请输入手机验证码">
<div class="login-send-code" onclick="sendCodeEv(1)">
获取验证码
</div>
</div>
<div class="login-goto-register">
<div>没有账号？</div>
<div class="login-goto-register-text" onclick="loginToRegister()">
立即注册
</div>
</div>
<div class="login-prompt">
未注册手机号验证成功后将直接注册账号
</div>
<div class="login-prompt">
</div>
<button class="login-login-btn" type="submit">
登录
</button>
</form>
</div>
<!-- 密码登录 -->
<div class="object">
<form class="mobileForm" method="post" action="/user/login/doLogin.html">
<div class="login-flex-row">
<img src="/statics/images/phone.png" class="login-pop-icon" alt="">
<input type="text" name="username" class="login-pop-input login-input-email" placeholder="请输入手机号码">
</div>
<div class="login-flex-row">
<img src="/statics/images/password.png" class="login-pop-icon" alt="">
<input type="password" id="look-password" name="password" class="login-pop-input login-input-password" placeholder="请输入密码">
<img src="/statics/images/eyesOpen.png" class="login-eye-icon login-eyes-open" alt=""
onclick="lookPassword(1)" style="display: none;">
<img src="/statics/images/eyesClosed.png" class="login-eye-icon login-eyes-closed"
alt="" onclick="lookPassword(2)">
</div>
<div class="forget-your-password">
<a href="/user/login/findPassword.html" class="login-goto-register-text" target="_blank">忘记密码</a>
<div style="display: flex">
<div>没有账号？</div>
<div class="login-goto-register-text" onclick="loginToRegister()">
立即注册
</div>
</div>
</div>
<div class="login-prompt">
</div>
<button class="login-login-btn" type="submit">
登录
</button>
</form>
</div>
</div>
</div>
<!-- 注册 -->
<div class="login-register-pop auto-height">
<div class="logo-box">
<img src="/statics/picture/logo.png" class="login-logo" alt="">
<img src="/statics/images/close-login.png" onclick="onClosePage()" class="login-close-icon"
alt="">
</div>
<div class="login-register-box2">
<div class="register-title">新用户注册</div>
<div class="register-form-box">
<form action="/user/register/doRegister.html" class="mobileForm" method="post">
<div class="login-flex-row">
<img src="/statics/images/phone.png" class="login-pop-icon" alt="">
<!-- <div onclick="showAreaCode()" class="login-register-area-code-box">-->
<!-- <span class="login-register-area-code-text">+86</span>-->
<!-- <img src="/statics/images/more.png" class="login-pop-icon2" alt="">-->
<!-- </div>-->
<!-- <div class="login-register-area-code">-->
<!-- <div class="login-register-area-code-item">-->
<!-- <span>中国大陆</span>-->
<!-- <span>+86</span>-->
<!-- </div>-->
<!-- <div class="login-register-area-code-item">-->
<!-- <span>中国香港</span>-->
<!-- <span>+852</span>-->
<!-- </div>-->
<!-- <div class="login-register-area-code-item">-->
<!-- <span>中国台湾</span>-->
<!-- <span>+886</span>-->
<!-- </div>-->
<!-- <div class="login-register-area-code-item">-->
<!-- <span>中国澳门</span>-->
<!-- <span>+853</span>-->
<!-- </div>-->
<!-- </div>-->
<input type="text" class="login-pop-input register-input-phone" placeholder="请输入手机号码" name="mobile">
</div>
<div class="login-flex-row">
<input type="text" class="login-pop-input register-captcha-code" name="captcha" placeholder="请输入验证码">
<img src="/new_captcha.html?height=40&width=140&font_size=20" onclick="this.src='/new_captcha.html?height=40&width=140&font_size=20&time='+Math.random();" title="换一张" class="captcha captcha-img verify_img" style="margin:0 10px"/>
<input type="hidden" name="_captcha_id" value="">
</div>
<div class="login-flex-row">
<img src="/statics/images/code.png" class="login-pop-icon" alt="">
<input type="text" class="login-pop-input register-pop-send-code" placeholder="请输入手机验证码" name="code">
<div class="login-send-code" onclick="sendCodeEv(2)">
获取验证码
</div>
</div>
<div class="login-goto-register" style="margin-bottom: 35px">
<div>已有账号？</div>
<div class="login-goto-register-text" onclick="registerToLogin()">
登录
</div>
</div>
<div class="login-prompt" style="margin-top: 20px">
<input type="checkbox" name="isChecked" value="1" class="login-input-checkbox-privacy-agreement"
onchange="agreeWithTheProtocol()">
<div style="margin-left: 10px">同意</div>
<a style="color:#0052d9;cursor:pointer;" target="_blank" href="/privacy.html">《用户注册协议和隐私政策》</a>
</div>
<button class="login-login-btn" type="submit">
免费注册
</button>
</form>
</div>
</div>
</div>
</div>
<script>
$('.login-pop').click(function() {
$('#pop_login_or_register').show()
$('.login-register-pop').removeClass('login-register-pop-show')
$('.login-register-pop').eq(0).addClass('login-register-pop-show')
})
$('.register-pop').click(function() {
$('#pop_login_or_register').show()
$('.login-register-pop').removeClass('login-register-pop-show')
$('.login-register-pop').eq(1).addClass('login-register-pop-show')
})
let loginIndex = 0;
let isShowAreaCode = false; // 是否显示区号 下拉选择弹框
let region_id = 86; // 选中的区号
let timeNum = 60; // 倒计时
let setIntervalType1 = null // 手机登录验证码定时器
let setIntervalType2 = null // 注册验证码定时器
$(() => {
$('.login-select-bookmark').click(function() {
$(this)
.addClass('login-active')
.siblings()
.removeClass('login-active')
loginIndex = $(this).index();
resetText()
$(".card-flex>div").eq(loginIndex).addClass("show").siblings().removeClass("show")
})
// 选择区号时点击的节点
$('.login-register-area-code-item').click(function() {
let index = $(this).index()
console.log('[ index- ] >', index)
let arr = [86, 852, 886, 853]
for (let j in arr) {
if (index == j) {
changeAreaCodeText(arr[j])
break
}
}
})
lookPassword(1)
});
// 切换 区号
function changeAreaCodeText(num) {
let str = '+' + num
$('.login-register-area-code-text').text(str)
region_id = num
showAreaCode()
}
// 显示区号 下拉选择弹框
function showAreaCode() {
if (isShowAreaCode) {
isShowAreaCode = false
$('.login-register-area-code').hide()
} else {
isShowAreaCode = true
$('.login-register-area-code').show()
}
}
// 发送验证码，倒计时
function sendCodeEv(type) {
if (timeNum != 60) {
layer.msg(timeNum + '秒后重新获取短信验证码');
return false;
}
if(type==1){
var mobile = $('.login-input-phone').val();
}else{
var mobile = $('.register-input-phone').val();
}
$.post("/user/public/sendsms.html",{
mobile:mobile
},function(res){
if(res.code==0){
layer.msg(res.msg);
}else{
timeNum--;
$('.login-send-code').text(timeNum + '秒后重试');
let setIntervalType1 = setInterval(() => {
timeNum--;
$('.login-send-code').text(timeNum + '秒后重试');
if (timeNum === 0) {
clearInterval(setIntervalType1);
$('.login-send-code').text('获取验证码');
timeNum = 60
}
}, 1000);
}
})
}
// 查看密码
function lookPassword(type) {
switch (type) {
case 1:
$('.login-eyes-open').hide()
$('.login-eyes-closed').show()
$('#look-password').attr('type', 'password')
// 打开查看
break;
case 2:
// 关闭查看
$('.login-eyes-closed').hide()
$('.login-eyes-open').show()
$('#look-password').attr('type', 'text')
break;
}
}
// 登录--》注册 切换
function loginToRegister() {
changePop(1);
}
// 注册--》登录 切换
function registerToLogin() {
changePop(0);
}
function changePop(index) {
// index 0:登录，1：注册,2:微信二维码,3:微信登录
resetText();
$('.login-register-page>div')
.eq(index)
.addClass('login-register-pop-show')
.siblings()
.removeClass('login-register-pop-show')
// if(index == 2){
// $('.qr-code').html('')
// }
}
// 切换清除输入框和提示
function resetText() {
$('.login-pop-input').val('')
$('.login-code-error').text('')
$('.login-phone-error').text('')
$('.login-captcha-error').text('') //清空图形验证码错误提示
}
function agreeWithTheProtocol() {
let isChecked = !$('.login-input-checkbox-privacy-agreement').is(':checked')
// 同意协议|取消协议
isChecked
?
$('.login-input-checkbox-privacy-agreement').removeAttr('checked') :
$('.login-input-checkbox-privacy-agreement').attr('checked', 'true')
}
function onClosePage() {
$('#pop_login_or_register').hide()
}
</script>
</div>
<header>
<div id="header-wrapper" style="box-shadow: none;">
<div class="container">
<div class="wrap">
<div class="clear">
<!-- logo -->
<div id="logo">
<a href="/">
<img src="/statics/picture/logo-300x100.png" class="img-responsive" />
</a>
</div>
<div id="cart-wrapper">
<div id="cart" class="btn-group">
<a href="/user/checkout/cart.html" target="_blank" class="btn">
<span id="cart-total">0 个商品 - ¥0</span>
</a>
<ul class="dropdown-menu">
<!-- 没有商品时展示 satr -->
<li>
<p class="text-center">您的购物车内没有商品！</p>
</li>
<!-- 没有商品时展示 end -->
<!-- 有商品时展示 satr -->
<li style="display: none;">
<span class="header-cart-block-title">最新加入的商品</span>
<table class="table table-product">
<tr>
<td class="text-image">
<img src="" class="img-thumbnail" />
</td>
<td class="text-name">
未来8200Pro树脂
<br /> -
<small> 颜色 淡黄色</small>
<br /> -
<small> 公差 200微米或0.2%</small>
<br /> -
<small> 交期 48小时</small>
<br /> -
<small>File 上后夹件.stp</small>
</td>
<td class="text-action">
<span>¥36.02</span> x 1<br>
<a>移除</a>
</td>
</tr>
</table>
</li>
<li style="display: none;">
<div>
<table class="table table-total">
<tr>
<td class="text-right">
共<span>1</span>件商品 共计<span>¥36.02</span><br />
<a href="/user/checkout/cart.html" class="btn btn-default">去购物车结算</a>
</td>
</tr>
</table>
</div>
</li>
<!-- 有商品时展示 end -->
</ul>
</div>
</div>
<!-- 中间菜单 begin -->
<nav id="menu-progress">
<div class="quote-progress">
<div class="progress-div">
<div class="number-circle active">1</div>
<div class="progress-title title-active">上传图纸</div>
</div>
<div class="progress-div">
<div class="progress-line line-active">
<hr style="border:1px solid #7da6e9;width: 54px;">
</div>
<div class="progress-title"> </div>
</div>
<div class="progress-div">
<div class="number-circle">2</div>
<div class="progress-title">购物车结算</div>
</div>
<div class="progress-div">
<div class="progress-line">
<hr style="border:1px solid #CCCCCC;width: 54px;">
</div>
<div class="progress-title"> </div>
</div>
<div class="progress-div">
<div class="number-circle">3</div>
<div class="progress-title">提交订单</div>
</div>
<div class="progress-div">
<div class="progress-line">
<hr style="border:1px solid #CCCCCC;width: 54px;">
</div>
<div class="progress-title"> </div>
</div>
<div class="progress-div">
<div class="number-circle">4</div>
<div class="progress-title">支付</div>
</div>
</div>
</nav>
<!-- 中间菜单 begin end -->
</div>
</div>
</div>
</div>
</header>
<div class="container product-body">
<div>
<div class="category-new">
<div class="change-body">
<div class="change-title">选择工艺</div>
<div class="change-cate">
<a class="change-active">3D打印服务</a>
<!-- <a>CNC加工（金属打样及批量）</a>-->
</div>
</div>
</div>
<div class="upload-file clearfix">
<div class="button-upload-file">
<form id="firstform">
<div style="color: #000000;font-size: 16px;padding-top: 100px;">
<input type="file" accept=".stl,.stp,.step,.STL,.STP,.STEP" name="files[]" multiple class="file-op">
<img alt="" style="width: 60px;" src="/statics/picture/upload_cloud.svg">
<div class="caption">
<p style="font-weight: bolder;font-size: 18px;">请将文件拖拽到此上传，或点击<span style="color: #3B82F6"> 上传</span></p>
<p class="upload-file-format" style="margin-top: 20px;font-size: 16px;">
支持3D格式： stl（最稳定）/stp/step/obj/犀牛等， 单次上传文件 ≤20 个，单个文件大小 < 100M </p>
</div>
<div class="" style="margin-top: 15px;">
<img src="/statics/images/safety.svg" alt="" draggable="false">
所有的上传都是安全和保密的
</div>
<div class="yaoqiu" style="margin-top: 100px;">
<p>文件要求</p>
<div class="pop" style="display: none;">
<p>1、设计图纸的常见注意事项</p>
<p>（1）保持模型完整，且表面光滑；</p>
<p>（2）确保模型是封闭的多重曲面（实体）；</p>
<p>（3）一个文件只能有一个零件</p>
<p>2、其他上传文件要求</p>
<p>（1）单个文件不可超过100MB；</p>
<p>（2）3D打印只支持STL格式</p>
<p>（3）3D打印模型壁厚最小为树脂0.6mm，尼龙0.8mm</p>
<p>（4）3D打印模型表面最小细节（字体,花纹等）0.4mm以上落差</p>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- 选中后的样式 -->
<div class="max-w-1280px mx-auto mt-18px" id="select-content" style="display: none;">
<div class="flex justify-end items-end mb-2">
<div class="flex">
<div class="mr-3 el-tooltip__trigger el-tooltip__trigger">
<button class="el-button batch-btn" onclick="showMaterial(0)" type="button">
<span class="">选择材料 </span>
</button>
</div>
<div class="el-tooltip__trigger">
<button class="el-button batch-btn chang1" type="button" onclick="maxdate()">
<span class="">一键最长交期 </span>
</button>
<button class="el-button batch-btn duan1" type="button" onclick="mindate()">
<span class=""> 一键最短交期
</span>
</button>
</div>
</div>
</div>
<div m="b-50px">
<div flex="~">
<div class="el-table--fit el-table--enable-row-hover el-table--enable-row-transition el-table el-table--layout-fixed app-table--new border--content is-scrolling-none"
data-prefix="el">
<div class="el-table__inner-wrapper">
<div class="hidden-columns">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<div class="el-table__header-wrapper">
<table class="el-table__header" style="width: 1280px;">
<colgroup>
<col name="el-table_1_column_1" width="44">
<col name="el-table_1_column_2" width="180">
<!-- <col name="el-table_1_column_9" width="199">-->
<col name="el-table_1_column_3" width="199">
<col name="el-table_1_column_4" width="109">
<col name="el-table_1_column_5" width="109">
<col name="el-table_1_column_6" width="160">
<col name="el-table_1_column_7" width="160">
<col name="el-table_1_column_8" width="120">
</colgroup>
<thead class="">
<tr class="">
<th class="el-table_1_column_1 is-center is-leaf el-table__cell">
<div class="cell">
<label class="el-checkbox el-checkbox--large is-checked">
<span class="el-checkbox__input is-checked">
<input type="checkbox" id="checkAll" onclick="checkall()">
</span>
</label>
</div>
</th>
<th class="el-table_1_column_2 is-center is-leaf el-table__cell">
<div class="cell">文件预览</div>
</th>
<!-- <th class="el-table_1_column_9 is-center is-leaf el-table__cell">-->
<!-- <div class="cell">尺寸</div>-->
<!-- </th>-->
<th class="el-table_1_column_3 is-center is-leaf el-table__cell">
<div class="cell">材料</div>
</th>
<th class="el-table_1_column_4 is-center is-leaf el-table__cell">
<div class="cell">表面处理</div>
</th>
<th class="el-table_1_column_5 is-center is-leaf el-table__cell">
<div class="cell">数量</div>
</th>
<th class="el-table_1_column_6 is-center is-leaf el-table__cell">
<div class="cell">交期</div>
</th>
<th class="el-table_1_column_7 is-center is-leaf el-table__cell">
<div class="cell">产品总价</div>
</th>
<th class="el-table_1_column_8 is-center is-leaf el-table__cell">
<div class="cell">操作</div>
</th>
</tr>
</thead>
</table>
</div>
<div class="el-table__body-wrapper">
<div class="el-scrollbar">
<div class="el-scrollbar__wrap el-scrollbar__wrap--hidden-default">
<div class="el-scrollbar__view"
style="display: inline-block; vertical-align: middle;">
<table class="el-table__body" style="table-layout: fixed; width: 1280px;">
<colgroup>
<col name="el-table_1_column_1" width="44">
<col name="el-table_1_column_2" width="180">
<!-- <col name="el-table_1_column_9" width="199">-->
<col name="el-table_1_column_3" width="199">
<col name="el-table_1_column_4" width="109">
<col name="el-table_1_column_5" width="109">
<col name="el-table_1_column_6" width="160">
<col name="el-table_1_column_7" width="160">
<col name="el-table_1_column_8" width="120">
</colgroup>
<tbody id="tbody">
</tbody>
</table>
</div>
</div>
<div class="el-scrollbar__bar is-horizontal" style="display: none;">
<div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
</div>
<div class="el-scrollbar__bar is-vertical" style="display: none;">
<div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
</div>
</div>
</div>
</div>
<div class="el-table__column-resize-proxy" style="display: none;"></div>
</div>
</div>
<div class="bg-[#FFFF80] h-60px flex justify-between items-center px-20px mt-15px">
<div style="font-size: 15px;color: red;font-weight: 700;">
需要协助修复模型，掏空处理的加微信13750721404 </div>
</div>
</div>
<!-- 选择材料弹窗 -->
<div class="flex justify-between">
<div class="upload-file clearfix" style="margin-top: 0;width: 66%;">
<div class="button-upload-file">
<form id="addform">
<div style="color: #000000;font-size: 16px;padding-top: 20px;">
<input type="file" accept=".stl,.stp,.step,.STL,.STP,.STEP" name="files[]" multiple class="file-op">
<input type="hidden" name="is_add" value="1">
<img alt="" style="width: 60px;" src="/statics/picture/upload_cloud.svg">
<div class="caption">
<p style="font-weight: bolder">请将文件拖拽到此上传，或点击<span style="color: #3B82F6"> 上传</span></p>
<p class="upload-file-format">
支持3D格式： stl（最稳定）/stp/step/obj/犀牛等， 单次上传文件 ≤20 个，单个文件大小 < 100M </p>
</div>
<div class="">
<img src="/statics/images/safety.svg" alt="" draggable="false">
所有的上传都是安全和保密的
</div>
<div class="yaoqiu" style="margin-top: 20px;">
<p>文件要求</p>
<div class="pop" style="display: none;bottom: 30px;top: auto;">
<p>1、设计图纸的常见注意事项</p>
<p>（1）保持模型完整，且表面光滑；</p>
<p>（2）确保模型是封闭的多重曲面（实体）；</p>
<p>（3）一个文件只能有一个零件</p>
<p>2、其他上传文件要求</p>
<p>（1）单个文件不可超过100MB；</p>
<p>（2）3D打印只支持STL格式</p>
<p>（3）3D打印模型壁厚最小为树脂0.6mm，尼龙0.8mm</p>
<p>（4）3D打印模型表面最小细节（字体,花纹等）0.4mm以上落差</p>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="bg-[#D0D7DD] flex justify-center items-center" style="width: 31.46%;font-size: 16px;padding-top: 10px;">
<div class="w-full flex flex-col justify-center items-center">
<div class="mb-10px material-select">
</div>
<div class="mb-10px" style="width: 80%;">
选中产品
<span class="ml-10px font-bold" style="color: rgb(217, 0, 27);" id="select_total">0</span> 款，
<span class="mx-10px font-bold" style="color: rgb(217, 0, 27);" id="select_num">0</span>件产品
</div>
<div class="mb-10px" style="width: 80%;">
总计(含税)
<span class="ml-10px font-bold" style="color: rgb(217, 0, 27);" id="select_amount"> 0.00元</span>
</div>
<button class="el-button el-button--primary el-button--large mb-10px" type="button"
style="width: 80%;" onclick="add(0)">
<span class=""><a style="color: #ffffff;">加入购物车</a></span>
</button>
<div class="mb-10px"> 预计发货时间：将会在<span id="send_date"></span>前发货 </div>
</div>
</div>
</div>
</div>
<!-- 选择材料 -->
<div class="el-overlay el-material" style="z-index: 2034;display: none;">
<div role="dialog" class="el-overlay-dialog" style="">
<div class="el-dialog" style="--el-dialog-width:946px;">
<header class="el-dialog__header">
<span class="el-dialog__title">选择材料</span>
<img class="pop-hide" style="float: right;width: 15px;cursor: pointer;"
src="/statics/images/close-login.png" alt="">
</header>
<div id="el-id-1024-2" class="el-dialog__body">
<div class="el-row" style="margin-left: -10px; margin-right: -10px;">
<div class="el-col el-col-16 is-guttered" style="padding-right: 10px; padding-left: 10px;">
<div class="el-tabs el-tabs--top el-tabs--card">
<div class="el-tabs__header is-top">
<div class="el-tabs__nav-wrap is-top">
<div class="el-tabs__nav-scroll">
<div class="el-tabs__nav is-top" style="transform: translateX(0px);">
<div class="el-tabs__item is-top is-active">树脂</div>
<div class="el-tabs__item is-top ">尼龙</div>
<div class="el-tabs__item is-top ">金属</div>
<div class="el-tabs__item is-top ">软胶</div>
<div class="el-tabs__item is-top ">红蜡</div>
<div class="el-tabs__item is-top ">PLA</div>
<div class="el-tabs__item is-top ">测试用</div>
</div>
</div>
</div>
</div>
<div class="el-tabs__content material-content">
<div class="el-tab-pane" style="display: block;">
<div class="el-scrollbar" p="r-3">
<div class="el-scrollbar__wrap el-scrollbar__wrap--hidden-default"
style="height: 360px;">
<div class="el-scrollbar__view" style="">
<div class="cailiaoxz" grid="~ cols-4 gap-4">
<div class="bg-blue-200" cursor="pointer" data-excerpt="打印模型表面光滑、精度高、具有防水防湿特性，而且交货周期快。可做辅助医疗器械等工具。 打印模型后期可进行喷漆、丝印、电镀等后处理工艺
【误差及精度：±200微米或±0.2%】
【最大成型尺寸800mm ×800mm × 600mm】
【耐温50度】" data-id="1">
<div class="relative border-gray-400">
<img src="http://myc3d.com/upload/default/20231201/1cde18a1db712a48a563c5ff02b1b317.png" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥3.00</span></div>
</div>
<span>白色树脂(推荐)</span>
</div>
<div class="" cursor="pointer" data-excerpt="表面光滑，细节表现力好，韧性极强，广泛适用于产品的外观、结构验证及其小批量生产【耐温60度】【误差及精度：±200微米或±0.2%】【最大成型尺寸800mm ×800mm × 600mm】" data-id="2">
<div class="relative border-gray-400">
<img src="http://myc3d.com/upload/default/20231201/8bc64adfa26431274ebbcc6724d70a50.png" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥5.00</span></div>
</div>
<span>高韧性树脂</span>
</div>
<div class="" cursor="pointer" data-excerpt="纹理较少相对白色，强度比白色树脂高，相对于白色会减轻打磨负担" data-id="45">
<div class="relative border-gray-400">
<img src="http://myc3d.com/upload/default/20250328/90cda5777253fa0036a04963591bb207.png" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥5.00</span></div>
</div>
<span>棕色树脂</span>
</div>
<div class="" cursor="pointer" data-excerpt="材料具有纯正的黑色，可免喷漆。打印精度高，表面光滑，细节表现力好，尺寸稳定性好。【耐温60度】【误差及精度：±200微米或±0.2%】【最大成型尺寸600mm ×600mm ×400mm】
" data-id="5">
<div class="relative border-gray-400">
<img src="http://myc3d.com/upload/default/20231201/92727dfb1a6d1cda4436f3762d261033.png" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥5.00</span></div>
</div>
<span>黑色树脂</span>
</div>
<div class="" cursor="pointer" data-excerpt="该材料表面光滑细节表现力强，打印模型几近无色。
用于透明器皿，外观手板的模型验证。【误差及精度：±200微米或±0.2%】【最大成型尺寸800mm ×800mm × 600mm】【耐温50度】
" data-id="12">
<div class="relative border-gray-400">
<img src="http://myc3d.com/upload/default/20250302/5e12770fe86250757eb35dab60ab0ae6.jpg" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥20.00</span></div>
</div>
<span>全透明树脂</span>
</div>
<div class="" cursor="pointer" data-excerpt="是全透明的半成品，表面有随机划痕为砂纸打磨的痕迹，需要自行均匀打磨处理【误差及精度：±200微米或±0.2%】【最大成型尺寸800mm ×800mm × 600mm】【耐温50度】" data-id="13">
<div class="relative border-gray-400">
<img src="http://myc3d.com/upload/default/20240407/c0f4780301982e229d349e612f0c0cc7.jpg" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥5.00</span></div>
</div>
<span>半透明树脂</span>
</div>
<div class="" cursor="pointer" data-excerpt="新上市的材料，弯曲树脂，高弯曲韧性特点，适合需要高韧弯曲不断的装配件。" data-id="17">
<div class="relative border-gray-400">
<img src="http://myc3d.com/upload/default/20240107/df3224f9d5c3734c41074080171b660c.png" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥5.00</span></div>
</div>
<span>柔性树脂(新)</span>
</div>
<div class="" cursor="pointer" data-excerpt="耐温100度，精度高，表面光滑" data-id="43">
<div class="relative border-gray-400">
<img src="http://myc3d.com/upload/default/20250302/3dd61fc9f3bc1bb976af39e64bf54703.jpg" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥5.00</span></div>
</div>
<span>灰色耐温树脂</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="el-tab-pane" style="display: none;">
<div class="el-scrollbar" p="r-3">
<div class="el-scrollbar__wrap el-scrollbar__wrap--hidden-default"
style="height: 360px;">
<div class="el-scrollbar__view" style="">
<div class="cailiaoxz" grid="~ cols-4 gap-4">
<div class="bg-blue-200" cursor="pointer" data-excerpt="耐温120度，耐高温、韧性较好、强度较高。打印时不需要支撑，适合结构极其复杂的产品打样。
" data-id="6">
<div class="relative border-gray-400">
<img src="http://myc3d.com/upload/default/20240101/162500eb42d22e2833a904fd666de4fe.png" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥5.00</span></div>
</div>
<span>国产黑尼龙</span>
</div>
<div class="" cursor="pointer" data-excerpt="耐温180度 该材料拥有精美细节表现力与超高尺寸精度，从而产生高品质部件" data-id="7">
<div class="relative border-gray-400">
<img src="http://myc3d.com/upload/default/20231201/92727dfb1a6d1cda4436f3762d261033.png" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥5.00</span></div>
</div>
<span>进口黑尼龙（惠普PA12）</span>
</div>
<div class="" cursor="pointer" data-excerpt="该材料拥有精美细节表现力与超高尺寸精度，从而产生高品质部件
" data-id="8">
<div class="relative border-gray-400">
<img src="http://myc3d.com/upload/default/20231201/1cde18a1db712a48a563c5ff02b1b317.png" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥5.00</span></div>
</div>
<span>国产白尼龙</span>
</div>
<div class="" cursor="pointer" data-excerpt="耐高温、韧性较好、强度极高。一体打印尺寸50厘米，打印时不需要支撑，适合结构极其复杂的产品打样。" data-id="9">
<div class="relative border-gray-400">
<img src="http://myc3d.com/upload/default/20240101/a448395c5974be4916392ebd701538d5.png" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥5.00</span></div>
</div>
<span>尼龙纤维</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="el-tab-pane" style="display: none;">
<div class="el-scrollbar" p="r-3">
<div class="el-scrollbar__wrap el-scrollbar__wrap--hidden-default"
style="height: 360px;">
<div class="el-scrollbar__view" style="">
<div class="cailiaoxz" grid="~ cols-4 gap-4">
<div class="bg-blue-200" cursor="pointer" data-excerpt="密度小质量轻，比强度高，高导热性，具有优良的物理性能和机械性能。" data-id="4">
<div class="relative border-gray-400">
<img src="http://myc3d.com/upload/default/20240101/9a0cfb0b2500cafd8fb82b33eda01a44.png" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥20.00</span></div>
</div>
<span>铝合金</span>
</div>
<div class="" cursor="pointer" data-excerpt="" data-id="10">
<div class="relative border-gray-400">
<img src="http://myc3d.com/upload/default/20240107/e9b63cfa34fbea56db10bff0ae29a39f.png" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥20.00</span></div>
</div>
<span>不锈钢</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="el-tab-pane" style="display: none;">
<div class="el-scrollbar" p="r-3">
<div class="el-scrollbar__wrap el-scrollbar__wrap--hidden-default"
style="height: 360px;">
<div class="el-scrollbar__view" style="">
<div class="cailiaoxz" grid="~ cols-4 gap-4">
<div class="bg-blue-200" cursor="pointer" data-excerpt="" data-id="11">
<div class="relative border-gray-400">
<img src="http://myc3d.com/upload/default/20240101/fcdde5098b9a5a35cddd34ac878c1b08.png" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥20.00</span></div>
</div>
<span>TPU</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="el-tab-pane" style="display: none;">
<div class="el-scrollbar" p="r-3">
<div class="el-scrollbar__wrap el-scrollbar__wrap--hidden-default"
style="height: 360px;">
<div class="el-scrollbar__view" style="">
<div class="cailiaoxz" grid="~ cols-4 gap-4">
<div class="bg-blue-200" cursor="pointer" data-excerpt="" data-id="14">
<div class="relative border-gray-400">
<img src="http://myc3d.com/upload/default/20240101/2ce6970581804e05076ba1a3718fa4fd.png" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥10.00</span></div>
</div>
<span>国产红蜡（精度0.05mm）</span>
</div>
<div class="" cursor="pointer" data-excerpt="" data-id="15">
<div class="relative border-gray-400">
<img src="http://myc3d.com/upload/default/20240101/2ce6970581804e05076ba1a3718fa4fd.png" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥15.00</span></div>
</div>
<span>进口红蜡（精度0.02mm）</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="el-tab-pane" style="display: none;">
<div class="el-scrollbar" p="r-3">
<div class="el-scrollbar__wrap el-scrollbar__wrap--hidden-default"
style="height: 360px;">
<div class="el-scrollbar__view" style="">
<div class="cailiaoxz" grid="~ cols-4 gap-4">
<div class="bg-blue-200" cursor="pointer" data-excerpt="安全无毒，环保材料，颜色任选，强度高。表面纹理明显。只能打印30cm以内的模型" data-id="16">
<div class="relative border-gray-400">
<img src="http://myc3d.com/upload/default/20250302/bee325d8c26730d1f44f3f2e20e8be05.jpg" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥5.00</span></div>
</div>
<span>PLA【颜色默认白色，特殊需求联系客服】</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="el-tab-pane" style="display: none;">
<div class="el-scrollbar" p="r-3">
<div class="el-scrollbar__wrap el-scrollbar__wrap--hidden-default"
style="height: 360px;">
<div class="el-scrollbar__view" style="">
<div class="cailiaoxz" grid="~ cols-4 gap-4">
<div class="bg-blue-200" cursor="pointer" data-excerpt="" data-id="20">
<div class="relative border-gray-400">
<img src="" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥0.00</span></div>
</div>
<span>35</span>
</div>
<div class="" cursor="pointer" data-excerpt="" data-id="21">
<div class="relative border-gray-400">
<img src="" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥0.00</span></div>
</div>
<span>40</span>
</div>
<div class="" cursor="pointer" data-excerpt="" data-id="22">
<div class="relative border-gray-400">
<img src="" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥0.00</span></div>
</div>
<span>45</span>
</div>
<div class="" cursor="pointer" data-excerpt="" data-id="23">
<div class="relative border-gray-400">
<img src="" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥0.00</span></div>
</div>
<span>50</span>
</div>
<div class="" cursor="pointer" data-excerpt="" data-id="25">
<div class="relative border-gray-400">
<img src="" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥0.00</span></div>
</div>
<span>55</span>
</div>
<div class="" cursor="pointer" data-excerpt="" data-id="26">
<div class="relative border-gray-400">
<img src="" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥0.00</span></div>
</div>
<span>60</span>
</div>
<div class="" cursor="pointer" data-excerpt="" data-id="27">
<div class="relative border-gray-400">
<img src="" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥0.00</span></div>
</div>
<span>65</span>
</div>
<div class="" cursor="pointer" data-excerpt="" data-id="28">
<div class="relative border-gray-400">
<img src="" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥0.00</span></div>
</div>
<span>70</span>
</div>
<div class="" cursor="pointer" data-excerpt="" data-id="29">
<div class="relative border-gray-400">
<img src="" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥0.00</span></div>
</div>
<span>80</span>
</div>
<div class="" cursor="pointer" data-excerpt="" data-id="30">
<div class="relative border-gray-400">
<img src="" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥0.00</span></div>
</div>
<span>90</span>
</div>
<div class="" cursor="pointer" data-excerpt="" data-id="31">
<div class="relative border-gray-400">
<img src="" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥0.00</span></div>
</div>
<span>100</span>
</div>
<div class="" cursor="pointer" data-excerpt="" data-id="32">
<div class="relative border-gray-400">
<img src="" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥0.00</span></div>
</div>
<span>120</span>
</div>
<div class="" cursor="pointer" data-excerpt="" data-id="33">
<div class="relative border-gray-400">
<img src="" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥0.00</span></div>
</div>
<span>130</span>
</div>
<div class="" cursor="pointer" data-excerpt="" data-id="34">
<div class="relative border-gray-400">
<img src="" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥0.00</span></div>
</div>
<span>140</span>
</div>
<div class="" cursor="pointer" data-excerpt="" data-id="35">
<div class="relative border-gray-400">
<img src="" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥0.00</span></div>
</div>
<span>150</span>
</div>
<div class="" cursor="pointer" data-excerpt="" data-id="36">
<div class="relative border-gray-400">
<img src="" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥0.00</span></div>
</div>
<span>160</span>
</div>
<div class="" cursor="pointer" data-excerpt="" data-id="37">
<div class="relative border-gray-400">
<img src="" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥0.00</span></div>
</div>
<span>170</span>
</div>
<div class="" cursor="pointer" data-excerpt="" data-id="38">
<div class="relative border-gray-400">
<img src="" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥0.00</span></div>
</div>
<span>180</span>
</div>
<div class="" cursor="pointer" data-excerpt="" data-id="39">
<div class="relative border-gray-400">
<img src="" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥0.00</span></div>
</div>
<span>190</span>
</div>
<div class="" cursor="pointer" data-excerpt="" data-id="40">
<div class="relative border-gray-400">
<img src="" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥0.00</span></div>
</div>
<span>200</span>
</div>
<div class="" cursor="pointer" data-excerpt="" data-id="41">
<div class="relative border-gray-400">
<img src="" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥20.00</span></div>
</div>
<span>全透</span>
</div>
<div class="" cursor="pointer" data-excerpt="" data-id="42">
<div class="relative border-gray-400">
<img src="" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥0.00</span></div>
</div>
<span>进口尼龙</span>
</div>
<div class="" cursor="pointer" data-excerpt="" data-id="44">
<div class="relative border-gray-400">
<img src="" style="width: 100%; height: 100%;">
<div class="absolute px-10px py-1px bg-[#D7D7D7] bottom-0 right-0 text-[#D9001B]"><span>￥0.00</span></div>
</div>
<span>111</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="el-col el-col-8 is-guttered"
style="padding-right: 10px; padding-left: 10px;border-left: 1px solid #ccc;">
<p m="b-4">材料优点</p>
<p id="material-yd">
打印模型表面光滑、精度高、具有防水防湿特性，而且交货周期快。可做辅助医疗器械等工具。 打印模型后期可进行喷漆、丝印、电镀等后处理工艺
【误差及精度：±200微米或±0.2%】
【最大成型尺寸800mm ×800mm × 600mm】
【耐温50度】 </p>
<button class="el-button is-link" type="button" m="t-2" style="font-family: inherit;">
<span class=""> 材料详情>></span>
</button>
</div>
</div>
</div>
<footer class="el-dialog__footer">
<button class="el-button" type="button">
<span class="pop-hide">取消</span>
</button>
<button class="el-button el-button--primary" type="button" onclick="selectMaterial()">
<span class="">
确定
</span>
</button>
</footer>
</div>
</div>
</div>
<!-- 铜螺母显示 -->
<div class="el-overlay el-nut" style="z-index: 2052;display: none;">
<div role="dialog" aria-modal="true" aria-describedby="el-id-1024-4" class="el-overlay-dialog" style=""
aria-label="填写铜螺母数量">
<div class="el-dialog" tabindex="-1">
<header class="el-dialog__header">
<span role="heading" class="el-dialog__title">填写铜螺母数量</span>
<button aria-label="Close this dialog" class="headerbtn el-dialog__headerbtn" type="button">
<i class="el-icon el-dialog__close">
<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor"
d="M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z">
</path>
</svg>
</i>
</button>
</header>
<div class="el-dialog__body">
<div class="el-row" style="margin-left: -10px; margin-right: -10px;">
<div class="el-col el-col-12 is-guttered"
style="padding-right: 10px; padding-left: 10px;">
<form class="el-form el-form--default el-form--label-left">
<div class="el-form-item asterisk-left">
<label class="el-form-item__label">
<span w="15" style="width: 48px;">M2</span>
<span w="18">个数：</span>
</label>
<div class="el-form-item__content">
<div class="el-input-number">
<span role="button" aria-label="decrease number"
class="el-input-number__decrease is-disabled">
<i class="el-icon">
<svg viewBox="0 0 1024 1024"
xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor"
d="M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z">
</path>
</svg>
</i>
</span>
<span role="button" aria-label="increase number"
class="el-input-number__increase">
<i class="el-icon">
<svg viewBox="0 0 1024 1024"
xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor"
d="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z">
</path>
</svg>
</i>
</span>
<div class="el-input">
<div class="el-input__wrapper">
<input class="el-input__inner" min="0" name="tlm_num[]" type="number" value="0" data-name="M2">
</div>
</div>
</div>
</div>
</div>
<div class="el-form-item asterisk-left">
<label class="el-form-item__label">
<span w="15" style="width: 48px;">M2.5</span>
<span w="18">个数：</span>
</label>
<div class="el-form-item__content">
<div class="el-input-number">
<span role="button" aria-label="decrease number"
class="el-input-number__decrease is-disabled">
<i class="el-icon">
<svg viewBox="0 0 1024 1024"
xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor"
d="M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z">
</path>
</svg>
</i>
</span>
<span role="button" aria-label="increase number"
class="el-input-number__increase">
<i class="el-icon">
<svg viewBox="0 0 1024 1024"
xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor"
d="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z">
</path>
</svg>
</i>
</span>
<div class="el-input">
<div class="el-input__wrapper">
<input class="el-input__inner" min="0" name="tlm_num[]" type="number" value="0" data-name="M2.5">
</div>
</div>
</div>
</div>
</div>
<div class="el-form-item asterisk-left">
<label class="el-form-item__label">
<span w="15" style="width: 48px;">M3*3</span>
<span w="18">个数：</span>
</label>
<div class="el-form-item__content">
<div class="el-input-number">
<span role="button" aria-label="decrease number"
class="el-input-number__decrease is-disabled">
<i class="el-icon">
<svg viewBox="0 0 1024 1024"
xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor"
d="M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z">
</path>
</svg>
</i>
</span>
<span role="button" aria-label="increase number"
class="el-input-number__increase">
<i class="el-icon">
<svg viewBox="0 0 1024 1024"
xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor"
d="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z">
</path>
</svg>
</i>
</span>
<div class="el-input">
<div class="el-input__wrapper">
<input class="el-input__inner" min="0" name="tlm_num[]" type="number" value="0" data-name="M3*3">
</div>
</div>
</div>
</div>
</div>
<div class="el-form-item asterisk-left">
<label class="el-form-item__label">
<span w="15" style="width: 48px;">M3*5</span>
<span w="18">个数：</span>
</label>
<div class="el-form-item__content">
<div class="el-input-number">
<span role="button" aria-label="decrease number"
class="el-input-number__decrease is-disabled">
<i class="el-icon">
<svg viewBox="0 0 1024 1024"
xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor"
d="M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z">
</path>
</svg>
</i>
</span>
<span role="button" aria-label="increase number"
class="el-input-number__increase">
<i class="el-icon">
<svg viewBox="0 0 1024 1024"
xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor"
d="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z">
</path>
</svg>
</i>
</span>
<div class="el-input">
<div class="el-input__wrapper">
<input class="el-input__inner" min="0" name="tlm_num[]" type="number" value="0" data-name="M3*5">
</div>
</div>
</div>
</div>
</div>
<div class="el-form-item asterisk-left">
<label class="el-form-item__label">
<span w="15" style="width: 48px;">M4*4</span>
<span w="18">个数：</span>
</label>
<div class="el-form-item__content">
<div class="el-input-number">
<span role="button" aria-label="decrease number"
class="el-input-number__decrease is-disabled">
<i class="el-icon">
<svg viewBox="0 0 1024 1024"
xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor"
d="M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z">
</path>
</svg>
</i>
</span>
<span role="button" aria-label="increase number"
class="el-input-number__increase">
<i class="el-icon">
<svg viewBox="0 0 1024 1024"
xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor"
d="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z">
</path>
</svg>
</i>
</span>
<div class="el-input">
<div class="el-input__wrapper">
<input class="el-input__inner" min="0" name="tlm_num[]" type="number" value="0" data-name="M4*4">
</div>
</div>
</div>
</div>
</div>
<div class="el-form-item asterisk-left">
<label class="el-form-item__label">
<span w="15" style="width: 48px;">M4*8</span>
<span w="18">个数：</span>
</label>
<div class="el-form-item__content">
<div class="el-input-number">
<span role="button" aria-label="decrease number"
class="el-input-number__decrease is-disabled">
<i class="el-icon">
<svg viewBox="0 0 1024 1024"
xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor"
d="M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z">
</path>
</svg>
</i>
</span>
<span role="button" aria-label="increase number"
class="el-input-number__increase">
<i class="el-icon">
<svg viewBox="0 0 1024 1024"
xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor"
d="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z">
</path>
</svg>
</i>
</span>
<div class="el-input">
<div class="el-input__wrapper">
<input class="el-input__inner" min="0" name="tlm_num[]" type="number" value="0" data-name="M4*8">
</div>
</div>
</div>
</div>
</div>
<div class="el-form-item asterisk-left">
<label class="el-form-item__label">
<span w="15" style="width: 48px;">M5</span>
<span w="18">个数：</span>
</label>
<div class="el-form-item__content">
<div class="el-input-number">
<span role="button" aria-label="decrease number"
class="el-input-number__decrease is-disabled">
<i class="el-icon">
<svg viewBox="0 0 1024 1024"
xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor"
d="M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z">
</path>
</svg>
</i>
</span>
<span role="button" aria-label="increase number"
class="el-input-number__increase">
<i class="el-icon">
<svg viewBox="0 0 1024 1024"
xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor"
d="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z">
</path>
</svg>
</i>
</span>
<div class="el-input">
<div class="el-input__wrapper">
<input class="el-input__inner" min="0" name="tlm_num[]" type="number" value="0" data-name="M5">
</div>
</div>
</div>
</div>
</div>
<div class="el-form-item asterisk-left">
<label class="el-form-item__label">
<span w="15" style="width: 48px;">M6</span>
<span w="18">个数：</span>
</label>
<div class="el-form-item__content">
<div class="el-input-number">
<span role="button" aria-label="decrease number"
class="el-input-number__decrease is-disabled">
<i class="el-icon">
<svg viewBox="0 0 1024 1024"
xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor"
d="M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z">
</path>
</svg>
</i>
</span>
<span role="button" aria-label="increase number"
class="el-input-number__increase">
<i class="el-icon">
<svg viewBox="0 0 1024 1024"
xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor"
d="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z">
</path>
</svg>
</i>
</span>
<div class="el-input">
<div class="el-input__wrapper">
<input class="el-input__inner" min="0" name="tlm_num[]" type="number" value="0" data-name="M6">
</div>
</div>
</div>
</div>
</div>
<div class="el-form-item asterisk-left">
<label class="el-form-item__label">
<span w="15" style="width: 48px;">M8</span>
<span w="18">个数：</span>
</label>
<div class="el-form-item__content">
<div class="el-input-number">
<span role="button" aria-label="decrease number"
class="el-input-number__decrease is-disabled">
<i class="el-icon">
<svg viewBox="0 0 1024 1024"
xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor"
d="M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z">
</path>
</svg>
</i>
</span>
<span role="button" aria-label="increase number"
class="el-input-number__increase">
<i class="el-icon">
<svg viewBox="0 0 1024 1024"
xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor"
d="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z">
</path>
</svg>
</i>
</span>
<div class="el-input">
<div class="el-input__wrapper">
<input class="el-input__inner" min="0" name="tlm_num[]" type="number" value="0" data-name="M8">
</div>
</div>
</div>
</div>
</div>
</form>
</div>
<div class="el-col el-col-12 is-guttered"
style="padding-right: 10px; padding-left: 10px;">
<p m="t-0">铜螺母型号说明（单位：mm）</p>
<div class="el-table--fit el-table--border el-table--enable-row-hover el-table--enable-row-transition el-table el-table--layout-fixed is-scrolling-none"
data-prefix="el" w="full">
<div class="el-table__inner-wrapper">
<div class="hidden-columns">
<div></div>
<div></div>
<div></div>
</div>
<div class="el-table__header-wrapper">
<table class="el-table__header" border="0" cellpadding="0" cellspacing="0">
<colgroup>
<col name="el-table_2_column_9" width="114">
<col name="el-table_2_column_10" width="113">
<col name="el-table_2_column_11" width="113">
</colgroup>
<thead class="">
<tr class="">
<th class="el-table_2_column_9 is-center is-leaf el-table__cell"
colspan="1" rowspan="1"
style="background-color: rgb(238, 238, 238);">
<div class="cell">型号</div>
</th>
<th class="el-table_2_column_10 is-center is-leaf el-table__cell"
colspan="1" rowspan="1"
style="background-color: rgb(238, 238, 238);">
<div class="cell">长度</div>
</th>
<th class="el-table_2_column_11 is-center is-leaf el-table__cell"
colspan="1" rowspan="1"
style="background-color: rgb(238, 238, 238);">
<div class="cell">底孔直径</div>
</th>
</tr>
</thead>
</table>
</div>
<div class="el-table__body-wrapper">
<div class="el-scrollbar">
<div class="el-scrollbar__wrap el-scrollbar__wrap--hidden-default">
<div class="el-scrollbar__view"
style="display: inline-block; vertical-align: middle;">
<table class="el-table__body" cellspacing="0"
cellpadding="0" border="0"
style="table-layout: fixed;">
<colgroup>
<col name="el-table_2_column_9" width="114">
<col name="el-table_2_column_10" width="113">
<col name="el-table_2_column_11" width="113">
</colgroup>
<tbody>
<tr class="el-table__row">
<td class="el-table_2_column_9 is-center el-table__cell"
rowspan="1" colspan="1"
style="background-color: rgb(238, 238, 238);">
<div class="cell">M2</div>
</td>
<td class="el-table_2_column_10 is-center el-table__cell"
rowspan="1" colspan="1">
<div class="cell">3</div>
</td>
<td class="el-table_2_column_11 is-center el-table__cell"
rowspan="1" colspan="1">
<div class="cell">3.1</div>
</td>
</tr>
<tr class="el-table__row">
<td class="el-table_2_column_9 is-center el-table__cell"
rowspan="1" colspan="1"
style="background-color: rgb(238, 238, 238);">
<div class="cell">M2.5</div>
</td>
<td class="el-table_2_column_10 is-center el-table__cell"
rowspan="1" colspan="1">
<div class="cell">3</div>
</td>
<td class="el-table_2_column_11 is-center el-table__cell"
rowspan="1" colspan="1">
<div class="cell">3.2</div>
</td>
</tr>
<tr class="el-table__row">
<td class="el-table_2_column_9 is-center el-table__cell"
rowspan="1" colspan="1"
style="background-color: rgb(238, 238, 238);">
<div class="cell">M3*3</div>
</td>
<td class="el-table_2_column_10 is-center el-table__cell"
rowspan="1" colspan="1">
<div class="cell">3</div>
</td>
<td class="el-table_2_column_11 is-center el-table__cell"
rowspan="1" colspan="1">
<div class="cell">3.6</div>
</td>
</tr>
<tr class="el-table__row">
<td class="el-table_2_column_9 is-center el-table__cell"
rowspan="1" colspan="1"
style="background-color: rgb(238, 238, 238);">
<div class="cell">M3*5</div>
</td>
<td class="el-table_2_column_10 is-center el-table__cell"
rowspan="1" colspan="1">
<div class="cell">5</div>
</td>
<td class="el-table_2_column_11 is-center el-table__cell"
rowspan="1" colspan="1">
<div class="cell">4.1</div>
</td>
</tr>
<tr class="el-table__row">
<td class="el-table_2_column_9 is-center el-table__cell"
rowspan="1" colspan="1"
style="background-color: rgb(238, 238, 238);">
<div class="cell">M4*4</div>
</td>
<td class="el-table_2_column_10 is-center el-table__cell"
rowspan="1" colspan="1">
<div class="cell">4</div>
</td>
<td class="el-table_2_column_11 is-center el-table__cell"
rowspan="1" colspan="1">
<div class="cell">4.8</div>
</td>
</tr>
<tr class="el-table__row">
<td class="el-table_2_column_9 is-center el-table__cell"
rowspan="1" colspan="1"
style="background-color: rgb(238, 238, 238);">
<div class="cell">M4*8</div>
</td>
<td class="el-table_2_column_10 is-center el-table__cell"
rowspan="1" colspan="1">
<div class="cell">8</div>
</td>
<td class="el-table_2_column_11 is-center el-table__cell"
rowspan="1" colspan="1">
<div class="cell">4.2</div>
</td>
</tr>
<tr class="el-table__row">
<td class="el-table_2_column_9 is-center el-table__cell"
rowspan="1" colspan="1"
style="background-color: rgb(238, 238, 238);">
<div class="cell">M5</div>
</td>
<td class="el-table_2_column_10 is-center el-table__cell"
rowspan="1" colspan="1">
<div class="cell">5</div>
</td>
<td class="el-table_2_column_11 is-center el-table__cell"
rowspan="1" colspan="1">
<div class="cell">6.1</div>
</td>
</tr>
<tr class="el-table__row">
<td class="el-table_2_column_9 is-center el-table__cell"
rowspan="1" colspan="1"
style="background-color: rgb(238, 238, 238);">
<div class="cell">M6</div>
</td>
<td class="el-table_2_column_10 is-center el-table__cell"
rowspan="1" colspan="1">
<div class="cell">6</div>
</td>
<td class="el-table_2_column_11 is-center el-table__cell"
rowspan="1" colspan="1">
<div class="cell">7.9</div>
</td>
</tr>
<tr class="el-table__row">
<td class="el-table_2_column_9 is-center el-table__cell"
rowspan="1" colspan="1"
style="background-color: rgb(238, 238, 238);">
<div class="cell">M8</div>
</td>
<td class="el-table_2_column_10 is-center el-table__cell"
rowspan="1" colspan="1">
<div class="cell">8</div>
</td>
<td class="el-table_2_column_11 is-center el-table__cell"
rowspan="1" colspan="1">
<div class="cell">9.8</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="el-scrollbar__bar is-horizontal" style="display: none;">
<div class="el-scrollbar__thumb"
style="transform: translateX(0%);"></div>
</div>
<div class="el-scrollbar__bar is-vertical" style="display: none;">
<div class="el-scrollbar__thumb"
style="transform: translateY(0%);"></div>
</div>
</div>
</div>
<div class="el-table__border-left-patch"></div>
</div>
<div class="el-table__column-resize-proxy" style="display: none;"></div>
</div>
</div>
</div>
</div>
<footer class="el-dialog__footer">
<div class="el-row" style="margin-left: -10px; margin-right: -10px;">
<div class="el-col el-col-15 is-guttered"
style="padding-right: 10px; padding-left: 10px;">
<div class="font-bold text-left" style="position: relative;">
说明：<span class="price-red">每颗三元</span>
<div style="position: absolute;right: 0;bottom: -24px;">
案例：<a href="/statics/images/tlm.png" target="_blank"><img src="/statics/images/tlm.png" alt="" style="height: 100px;"></a>
</div>
</div>
</div>
<div class="el-col el-col-8 is-guttered"
style="padding-right: 10px; padding-left: 10px;">
<div w="full" h="full" flex="~" justify="end" align="items-end">
<button class="el-button headerbtn" aria-disabled="false" type="button">
<span class=""> 取消
</span>
</button>
<button class="el-button el-button--primary" aria-disabled="false"
type="button" onclick="selectTlm()">
<span class=""> 确定 </span>
</button>
</div>
</div>
</div>
</footer>
</div>
</div>
</div>
<!--加载模型-->
<div style="position: absolute;left: -10000px;" class="stl_wrap">
<div id="stl_cont" style="display:block;height:700px;width:700px;background-color: #35415e;margin: 0 auto;"></div>
</div>
<!-- 表面积显示 -->
<div class="el-popper is-light el-popover" data-popper-placement="top"
style="z-index: 2023; width: 300px; position: absolute;left: 0px;top: 0px; display: none;">
<div>
<div class="area"></div>
<div class="volume"></div>
<div class="xyz"></div>
</div>
<span class="el-popper__arrow" style="position: absolute; left: 0px; transform: translate(144px, 0px);"></span>
</div>
<script>
$('body').on('mouseover mouseout', '.file-image', function (event) {
if(event.type == "mouseover") {
$('.el-popper .area').html('表面积：'+$(this).attr('data-area'));
$('.el-popper .volume').html('体积：'+$(this).attr('data-volume'));
$('.el-popper .xyz').html('尺寸：'+$(this).attr('data-xyz'));
var top = $(this).offset().top - 95
var left = $(this).offset().left - 95
$('.el-popper').fadeIn(300, 'linear', () => {
})
$('.el-popper').css('top', top)
$('.el-popper').css('left', left)
}else if(event.type == "mouseout"){
$('.el-popper').hide();
}
})
</script>
<footer>
<div class="container">
<!-- <img src="/statics/picture/logo-footer.png" alt="">-->
<div class="mt-10px"> ©2019-2025 美艺橙3D打印 Co., Ltd. All Rights Reserved. </div>
<div class="my-10px"> 备案号 ： <a target="_blank" href="https://beian.miit.gov.cn">浙ICP备2021009345号</a> 经营许可编号：91130182059424801X </div>
</div>
</footer>
<script>
$("#firstform input[name='files[]']").change(function(e) {
var formData=new FormData($("#firstform")[0]);
uploadfile(formData);
})
$("#addform input[name='files[]']").change(function(e) {
var formData=new FormData($("#addform")[0]);
uploadfile(formData);
})
var file_timer = null;//文件检测定时器
function uploadfile(formData){
clearInterval(file_timer);
// var user_id = 0;
// if(user_id<=0){
// //校验登录
// $("#firstform input[name='files[]']").val('');
// $("#addform input[name='files[]']").val('');
// $('#pop_login_or_register').show()
// $('.login-register-pop').removeClass('login-register-pop-show')
// $('.login-register-pop').eq(0).addClass('login-register-pop-show')
// return false;
// }
var index_wait = layer.load(2, { //发送请求前调用load方法
shade: [0.3, '#fff'], //0.5透明度的白色背景
content: '模型上传中...',
success: function (layero) {
layero.find('.layui-layer-content').css({
'padding-top': '40px',//图标与样式会重合，这样设置可以错开
'width': '200px'//文字显示的宽度
});
}
});
$.ajax({
type:"post",
url:"/user/checkout/uploadfile.html",
dataType:"json",
data:formData,
cache: false,
processData: false,
contentType: false,
success:function (res) {
$("#firstform input[name='files[]']").val('');
$("#addform input[name='files[]']").val('');
layer.close(index_wait);
if(res.code==0){
layer.msg(res.msg);
}else{
getfile();
$('.product-body').hide();
$('#select-content').show();
}
}
});
}
var time_file = null;var progress = 0;
function getfile(){
$.post("/user/checkout/getfile.html", {
}, function (res) {
if(res.data.file_count==0){
// clearInterval(file_timer);//清除定时器
}else{
//设置定时器
time_file = setInterval(() => {
progress++;
if(progress>=100){
$('.el-progress-bar'+res.data.file_id).css('width','100%')
clearInterval(time_file);
$('.progress-finish'+res.data.file_id).show();
}else{
$('.el-progress-bar'+res.data.file_id).css('width',progress+'%')
}
}, 200);
loadmodel(res.data.file_id,res.data.file_path,res.data.file_type);
}
getshow();
})
}
function getshow(){
$.post("/user/checkout/getshow.html", {
}, function (res) {
$('#tbody').html(res.data.html);
$('.material-select').html(res.data.material_select_tips);
$('#select_amount').html(res.data.all_amount.toFixed(2)+'元');
$('#send_date').html(res.data.send_date);
calcamount();
})
}
var stl_viewer;var file_id;
function loadmodel(id,file,file_type){
if(file_type==2){
//未转换完毕
setTimeout(function (){
getfile();
},1000)
return false;
}
file_id = id;
if(stl_viewer){
stl_viewer.remove_model(1);
}
stl_viewer = new StlViewer(document.getElementById("stl_cont"),{model_loaded_callback:function (model_id){
stl_viewer.rotate(model_id, -1, 0, -2.3);
stl_viewer.set_display(model_id, "flat");
setTimeout(function (){
var stlobj = stl_viewer.get_model_info(model_id);
document.body.scrollTop = document.documentElement.scrollTop = 0;
html2canvas(document.getElementById('stl_cont'),{
logging: false,
width: document.getElementById('stl_cont').clientWidth,
height: document.getElementById('stl_cont').clientHeight,
scrollY: 0,
scrollX: 0,
useCORS: true // 【重要】开启跨域配置
}).then(function(canvas) {
var url = canvas.toDataURL();
$.post("/portal/index/updatefile.html", {
asset_id: file_id,
x:stlobj.dims.x,
y:stlobj.dims.y,
z:stlobj.dims.z,
area:stlobj.area,
volume:stlobj.volume,
thumb:url
}, function (res) {
$('.stl_wrap').html('<div id="stl_cont" style="display:block;height:700px;width:700px;background-color: #35415e;margin: 0 auto;"></div>');
$('.el-progress-bar'+file_id).css('width','100%')
clearInterval(time_file);
progress = 0;
getfile();
})
});
},200);
},controls:1});
stl_viewer.add_model({id:1,filename:file});
}
</script>
<script>
$('.el-input-number__decrease').click(function() {
var number = $(this).siblings('.el-input').children('.el-input__wrapper').children(
'.el-input__inner').val()
if (number > 0) {
var num = number - 1
} else {
var num = 0
}
$(this).siblings('.el-input').children('.el-input__wrapper').children(
'.el-input__inner').val(num)
})
$('.el-input-number__increase').click(function() {
var numbers = $(this).siblings('.el-input').children('.el-input__wrapper').children(
'.el-input__inner').val()
var num = Number(numbers) + 1
$(this).siblings('.el-input').children('.el-input__wrapper').children(
'.el-input__inner').val(num)
})
</script>
<script>
var select_id = 0;//当前操作选择ID
//选择材料
function showMaterial(id){
select_id = id;
$.post("/portal/index/getmaterial.html",{
id:id
},function(res){
$('.material-content').html(res.data);
$('.el-material').show()
})
}
$('.pop-hide').click(function() {
$('.el-material').hide()
})
$('.el-tabs__item').click(function() {
$('.el-tabs__item').removeClass('is-active')
$(this).addClass('is-active')
var index = $(this).index()
$('.el-tab-pane').hide()
$('.el-tab-pane').eq(index).show()
})
$('.el-material').on('click','.cailiaoxz div',function (){
$('.cailiaoxz div').removeClass('bg-blue-200')
$(this).addClass('bg-blue-200')
$('#material-yd').html($(this).attr('data-excerpt'));
})
function selectMaterial(){
updatecart({
id:select_id,
material_id:$('.bg-blue-200').attr('data-id'),
})
}
//删除
function del(id){
layer.confirm('删除后，只能重新上传该文件，确认删除吗?', {}, function(index, layero){
$.post("/user/checkout/delcart.html",{
id:id
},function(res){
layer.close(index);
if(res.code==0){
layer.msg(res.msg);
}else{
layer.msg(res.msg);
$('#tbody').html(res.data.html);
$('.material-select').html(res.data.material_select_tips);
$('#select_amount').html(res.data.all_amount.toFixed(2)+'元');
$('#send_date').html(res.data.send_date);
calcamount();
}
})
});
}
//添加购物车
function add(id){
var user_id = 0;
if(user_id<=0){
//校验登录
$("#firstform input[name='files[]']").val('');
$("#addform input[name='files[]']").val('');
$('#pop_login_or_register').show()
$('.login-register-pop').removeClass('login-register-pop-show')
$('.login-register-pop').eq(0).addClass('login-register-pop-show')
return false;
}
$.post("/user/checkout/addcart.html",{
id:id
},function(res){
if(res.code==0){
if(res.msg=='请先登录'){
$("#firstform input[name='files[]']").val('');
$("#addform input[name='files[]']").val('');
$('#pop_login_or_register').show()
$('.login-register-pop').removeClass('login-register-pop-show')
$('.login-register-pop').eq(0).addClass('login-register-pop-show')
return false;
}
layer.msg(res.msg);
}else{
layer.msg(res.msg);
$('#cart-total').html(res.data.cart_num+' 个商品 - ¥'+res.data.cart_amount);
}
})
}
function checkall(){
$('input[name*=\'selected\']').prop('checked', $('#checkAll').prop('checked'));
updatecart({
is_checked:$('#checkAll').prop('checked')?1:0
})
}
function checkone(id,is_checked){
updatecart({
id:id,
is_checked:is_checked
})
}
function checktlm(id,is_checked){
select_id = id;
$.post("/user/checkout/getcartinfo.html", {id:id}, function (res) {
if(res.data.tlm_info){
for(var i=0;i<res.data.tlm_info.length;i++){
$('input[name*=\'tlm_num\']').each(function(index, el) {
if($(this).attr('data-name')==res.data.tlm_info[i].name){
$(this).val(res.data.tlm_info[i].num);
}
})
}
}
})
$('.el-nut').show()
// updatecart({
// id:id,
// is_tlm:is_checked
// })
}
function selectTlm(){
var tlm_num = [];
$('input[name*=\'tlm_num\']').each(function(index, el) {
tlm_num.push($(this).val());
})
updatecart({
id:select_id,
tlm_num:tlm_num.toString()
})
}
$('.headerbtn').click(function() {
$('.el-nut').hide()
})
function calcamount(){
var total = 0;var num = 0;var amount = 0;var all = 0;
$('input[name*=\'selected\']').each(function(index, el) {
all = all+1;
if($(this).prop('checked')){
total = total+1;
num = num+parseInt($(this).parents('tr').find('input[name*=\'num\']').val());
amount = amount+parseFloat($(this).parents('tr').find('.price-red span').html().substring(1));
}
});
if(all==total){
$('#checkAll').prop('checked',true);
}else{
$('#checkAll').prop('checked',false);
}
$('#select_total').html(total);
$('#select_num').html(num);
}
function changeDate(id,date,date_type){
updatecart({
id:id,
date:date+'-'+date_type
})
}
function mindate(){
updatecart({
date_min:1
})
}
function maxdate(){
updatecart({
date_max:1
})
}
function changeNum(id){
updatecart({
id:id,
num:$('.cart_num'+id).val()
})
}
function toInc(id){
var val = $('.cart_num'+id).val();
val = parseInt(val)+1;
$('.cart_num'+id).val(val);
if(val>1){
$(this).parents('.el-input-number').find('.el-input-number__decrease').removeClass('is-disabled');
}
updatecart({
id:id,
num:$('.cart_num'+id).val()
})
}
function toDec(id){
var val = $('.cart_num'+id).val();
if(val>1){
$(this).removeClass('is-disabled');
val = parseInt(val)-1;
$('.cart_num'+id).val(val);
updatecart({
id:id,
num:$('.cart_num'+id).val()
})
}else{
$(this).addClass('is-disabled');
}
}
function updatecart(param){
$.post("/user/checkout/updatecart.html",param, function (res) {
$('#tbody').html(res.data.html);
$('.material-select').html(res.data.material_select_tips);
$('#select_amount').html(res.data.all_amount.toFixed(2)+'元');
$('#send_date').html(res.data.send_date);
$('.el-material').hide()
$('.el-nut').hide()
calcamount();
})
}
function preview(asset_id,can_preview){
if(can_preview!=1){
layer.msg('请稍等片刻等待文件转换完成再打开！');
return false;
}
layer.open({
title:'模型预览',
type: 2,
shadeClose: true,
area: ['900px', '800px'],
content: "/user/checkout/preview.html?asset_id="+asset_id,
});
}
</script>
</body>
</html>