case-detail.html 15.9 KB
<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>科路得</title>
    <link rel="stylesheet" type="text/css" href="/css/case-detail.css">
</head>

<body>
    <div class="header">
    <div class="header-bar">
        <a href="#" class="logo"><img src="./img/logo.png" alt="科路得"></a>
        <ul class="nav clear">
            <li class="nav-active"><a href="./zhuanli-index.html">首页</a></li>
            <li><a href="./about.html">产品中心</a></li>
            <li><a href="">专利服务</a></li>
            <li><a href="">专利申请</a></li>
            <li><a href="">成果转化</a></li>
            <li><a href="">联系我们</a></li>
        </ul>
    </div>
</div>

    <div class="case-manage-wrap">
        <div class="content">
            <div class="location-wrap">
                <span>个人中心</span>
                <i class="row-right"></i>
                <i class="row-right"></i>
                <span class="current">案件管理</span>
            </div>
            <div class="main-wrap">
                <div class="side-nav">
                    <!-- user-side-bar.html -->
<div class="user-side-bar">
    <div class="user-info">
        <div class="head-ico"></div>
        <p class="user-phone">18354206939</p>
        <div class="edit-btn">编辑</div>
    </div>
    <ul>
        <li data-nav-type="my-cases">我的案件</li>
        <li class="side-nav-selected" data-nav-type="case-manage">案件管理</li>
        <li>案件管理</li>
    </ul>
</div>
                </div>
                <div class="case-detail-wrap">
                    <div class="case-status-wrap">
                        <div class="case-section-wrap">
                            <span class="register-section  current-status-ico ">立案阶段</span>
                            <span class="write-section normal-status-ico ">撰写阶段</span>
                            <span class="law-section normal-status-ico">法律状态</span>
                        </div>
                        <div class="register-section-status section-status">
                            <div class="status-item arrive go-over">
                                <div class="dot"></div>
                                <div>
                                    <div class="half-status-desc right"></div>
                                </div>
                                <div class="status-desc"><span>下单</span></div>
                            </div>
                            <div class="status-item arrive go-over">
                                <div class="dot"></div>
                                <div>
                                    <div class="half-status-desc left"></div>
                                    <div class="half-status-desc right"></div>
                                </div>
                                <div class="status-desc"><span>确认立案</span></div>
                            </div>
                            <div class="status-item arrive notice">
                                <div class="dot"></div>
                                <div>
                                    <div class="half-status-desc left"></div>
                                    <div class="half-status-desc right"></div>
                                </div>
                                <div class="status-desc">
                                    <span>付款</span>
                                    <p class="non-pay"><span class="help-ico"></span><span>未付款</span></p>
                                </div>
                            </div>
                            <div class="status-item">
                                <div class="dot"></div>
                                <div>
                                    <div class="half-status-desc left"></div>
                                </div>
                                <div class="status-desc"><span>确认立案信息</span></div>
                            </div>
                        </div>
                        <div class="write-section-status hidden section-status">
                            <div class="status-item arrive go-over">
                                <div class="dot"></div>
                                <div>
                                    <div class="half-status-desc right"></div>
                                </div>
                                <div class="status-desc"><span>分配资深代理人</span></div>
                            </div>
                            <div class="status-item arrive go-over">
                                <div class="dot"></div>
                                <div>
                                    <div class="half-status-desc left"></div>
                                    <div class="half-status-desc right"></div>
                                </div>
                                <div class="status-desc"><span>确认技术交底书</span></div>
                            </div>
                            <div class="status-item arrive go-over">
                                <div class="dot"></div>
                                <div>
                                    <div class="half-status-desc left"></div>
                                    <div class="half-status-desc right"></div>
                                </div>
                                <div class="status-desc"><span>技术查新</span></div>
                            </div>
                            <div class="status-item arrive go-over">
                                <div class="dot"></div>
                                <div>
                                    <div class="half-status-desc left"></div>
                                    <div class="half-status-desc right"></div>
                                </div>
                                <div class="status-desc"><span>资深代理人撰写</span></div>
                            </div>
                            <div class="status-item arrive">
                                <div class="dot"></div>
                                <div>
                                    <div class="half-status-desc left"></div>
                                    <div class="half-status-desc right"></div>
                                </div>
                                <div class="status-desc"><span>确认申请文书</span></div>
                            </div>
                            <div class="status-item">
                                <div class="dot"></div>
                                <div>
                                    <div class="half-status-desc left"></div>
                                </div>
                                <div class="status-desc"><span>递交国知局</span></div>
                            </div>
                        </div>
                    </div>
                    <div class="case-detail-type-wrap">
                        <div class="detail-type-title-wrap">
                            <span class="current-selected" id="server-name">服务名称</span>
                            <span id="write-info">著录信息</span>
                            <span id="user-files">我的文件</span>
                            <span id="canrd-files">Canrd 文件</span>
                            <span id="org-files">主管部门文件</span>
                        </div>
                        <div class="detail-type-content">
                            <div class="server-name-content">
                                <p class="notice">注:请尽快完善您的案件信息,否则会影响您的专利申请进展。</p>
                                <div class="content-item">
                                    <h3>基本信息</h3>
                                    <div>
                                        <p>案件编号:<span class="case-num">GG1603754CA</span></p>
                                        <p>立案时间:<span class="created-time">2016-05-13 22:40:53</span></p>
                                    </div>
                                </div>
                                <div class="content-item">
                                    <h3>客户要求</h3>
                                    <form class="content-form">
                                        <div>
                                            <span class="width-100">
                                                <label for=""><strong class="must-ico">*</strong>专利名称:</label>
                                            </span>
                                            <input type="text" placeholder="请输入专利名称">
                                        </div>
                                        <div>
                                            <span class="width-100">
                                                <label for="">专利类型:</label>
                                            </span>
                                            <input type="text" value="专利类型" hidden>
                                            <span class="btn-label">发明类型</span>
                                        </div>
                                        <div>
                                            <span class="width-100">
                                                <label for=""><strong class="must-ico">*</strong>技术领域:</label>
                                            </span>
                                            <input type="text" placeholder="选择技术领域">
                                        </div>
                                        <div>
                                            <span class="width-100">
                                                <label for=""><strong class="must-ico">*</strong>第一申请人:</label>
                                            </span>
                                            <input type="text">
                                        </div>
                                        <div>
                                            <span class="width-100">
                                                <label for="">其他申请人:</label>
                                            </span>
                                            <input type="text">
                                        </div>
                                        <div>
                                            <span class="width-100">
                                                <label for=""><strong class="must-ico">*</strong>第一发明人:</label>
                                            </span>
                                            <input type="text">
                                        </div>
                                        <div>
                                            <span class="width-100">
                                                <label for="">其他发明人:</label>
                                            </span>
                                            <input type="text">
                                        </div>
                                        <div>
                                            <span class="width-100">
                                                <label for=""><strong class="must-ico">*</strong>技术联系人:</label>
                                            </span>
                                            <input type="text">
                                        </div>
                                        <div class="marginLeft-200">
                                            <div class="present-req">
                                                <span><input type="checkbox" name="" class="checkbox"><label>申请递交实质审查请求</label></span>
                                                <span><input type="checkbox" name=""><label>费用减缓</label> <a href="javascript:" class="help-ico"></a></span>
                                                <span><input type="checkbox" name=""><label>提前公开</label> <a href="javascript:" class="help-ico"></a></span>
                                            </div>
                                        </div>
                                        <p class="spec-state">特殊申明:申请日之前6个月内,以下列形式公开的情况<a href="javascript:" class="declare-notice">不丧失新颖性</a>
                                            <a href="javascript:" class="help-ico"></a>
                                        </p>
                                        <div class="marginLeft-200">
                                            <div>
                                                <span>
                                                    <input type="checkbox" name="">
                                                    <label>在中国政府主办或者承认的国际展览会上第一次展出的发明创造。</label>
                                                </span>
                                            </div>
                                            <div>
                                                <span>
                                                    <input type="checkbox" name="">
                                                    <label>他人未经申请人同意而泄露其内容的情况是指发生非法滥用权力和剽窃他人发明创造的行为。</label>
                                                </span>
                                            </div>
                                        </div>
                                        <div>
                                            <span class="submit-btn">提交</span>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
    <div class="canrd-site-map">
        <dl>
            <dt>关于科路得</dt>
            <dd><a href="">企业文化</a></dd>
            <dd><a href="">业务范畴</a></dd>
            <dd><a href="">会员介绍</a></dd>
            <dd><a href="">联系我们</a></dd>
        </dl>
        <dl>
            <dt>服务中心</dt>
            <dd><a href="">配送方式</a></dd>
            <dd><a href="">支付方式</a></dd>
            <dd><a href="">售后服务</a></dd>
            <dd><a href="">销售联盟</a></dd>
        </dl>
        <dl>
            <dt>特色服务</dt>
            <dd><a href="">科路得论坛</a></dd>
            <dd><a href="">科路得大讲堂</a></dd>
        </dl>
        <dl class="follow-us">
            <dt>关注我们</dt>
            <div>
                <dd class="barcode"><img src="./img/2Dbarcode.png" alt="科路得二维码"></dd>
                <dd>
                    <p><span>材料交流群</span><span class="contact-detail">553167254</span></p>
                    <p><span>服务热线</span><span class="contact-detail">17724568294</span></p>
                    <p class="time">(周一至周日 9:00-24:00)</p>
                </dd>
            </div>
            <dd class="site-addr"><span>科路得网址</span> <span class="contact-detail">http://www.canrd.com</span></dd>
        </dl>
    </div>
    <div class="friendly-link">
        <p>
            <span>友情链接</span>
            <a href="">清华大学研究生院</a>
            <a href="">国家知识产权</a>
            <a href="">Sciencediurect</a>
            <a href="">CNKI</a>
        </p>
    </div>
</div>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" charset="utf-8" src="http://192.168.1.102:8132/livereload.js"></script></body>

</html>