keep_detail.html 3.5 KB
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../assets/css/swiper-3.4.2.min.css">
    <script src="../assets/js/base.js" type="text/javascript"></script>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_939574_opd7viuu69r.css">
    <link rel="stylesheet" href="../assets/css/style.css">
    <style>

    </style>
    <title>工单详情</title>
</head>
<body>
<div class="container">

    <div class="keep_cell details_cell">
        <div class="keep_main">
            <div class="title_keep">项目名称:小牛牛英语公众号</div>
            <div class="keep_txtbox">
                <div>合同编号:88888888</div>
                <div>报修时间:2018.11.20</div>
            </div>
        </div>
        <div class="keep_btn">审核中</div>
        <!--class  blue处理中  yellow待支付  gray已完成-->
    </div>
    <div class="tlak_box">
        <div class="tlak_title"><i class="iconfont icon-wenhao"></i> 报修问题描述</div>
        <div class="textbox">
            <textarea  placeholder="无法获取用户信息,无法获取用户信息,无法获取用户信息,无法获取用户信息。"></textarea>
        </div>
    </div>
    <div class="tlak_box">
        <div class="tlak_title"><i class="iconfont icon-tupian"></i> 相关图片</div>
        <div class="imgbox">
            <div class="img_cell add_cell">
                <i class="iconfont icon-jia"></i>
            </div>
            <div class="img_cell"></div>
            <div class="img_cell"></div>
            <div class="img_cell"></div>
            <div class="img_cell"></div>
            <div class="img_cell"></div>
        </div>

    </div>
    <div class="tlak_box">
        <div class="tlak_title"><i class="iconfont icon-kefu"></i> 售后回复</div>
        <div class="content">
            收到您的诉求,我们尽快安排技术人员处理,此次优化涉及到收费模块,明细如下:XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX,需要您支付500元优化费用,我们将在6个工作日 内完成,预祝您生活愉快!
        </div>
    </div>
    <div class="tel_box">紧急事务可拨打客服电话: <text class="tel">400-888888</text></div>
    <div class="detail_btn">已支付</div>
    <div class="detail_btn">已完成</div>
    <div class="detail_btnbox">
        <div class="detail_btn detail_btncell">取消</div>
        <div class="detail_btn detail_paybtn">确认支付</div>
    </div>
    <div class="detail_btn btn_submit">已支付</div>
</div>
<!--付款成功-->
<div class="index_repair">
    <div class="inputmold">
        <div class="inputmold_mian">
            <div class="success_box">
                <div class="success_icon">
                    <img src="../assets/imgs/aicon_05@2x.png" alt="">
                </div>
                <div class="success_txt">
                    <div class="success_title">付款成功</div>
                    <div>请联系客服签署协议</div>
                </div>
            </div>
            <div class="mold_btnbox inputmold_btn ">
                <div class="mold_btn ">确定</div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="../assets/js/jquery-2.1.0.js"></script>
<script type="text/javascript" src="../assets/js/swiper-3.4.2.jquery.min.js"></script>
</body>
</html>