<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>我的设备</title>
    <link rel="stylesheet" href="sui-append.min.css">
    <link rel="stylesheet" href="sui.min.css">
    <link rel="stylesheet" href="icons.css">
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="qn-promotion-qrcode.css">
</head>

<body>
    <div class="app msg-list app-hide {{ready ? 'ready' : ''}}">
        <div class="pull-load">
            <div class="close">x</div>
            <div class="desc"></div>
        </div>
        <div class="msg-padding">
            <div class="msg-item" v-repeat="list">
                <div class="recv-time" v-if="showtime" v-text="datetime|date"></div>
                <div class="msg-container clearfix">
                    <div class="device-pic {{pc ? 'pc me' : 'phone'}}"></div>
                    <div class="msg-card {{pc ? 'me' : ''}}">
                        <div class="card-container" v-on="click: retry">
                            <div class="warning {{pc ? 'me' : ''}} {{showError || status === 1 ? 'show-warning' : ''}}"></div>
                            <div class="msg-file" v-if="fileType === 'DEVMSG_TYPE_ECLOUD_FILE' || fileType === 'DEVMSG_TYPE_LOCAL_FILE'">
                                <div class="msg-thumb"></div>
                                <div class="thumb format-{{content.ext}}"></div>
                                <div class="thumb unknow icon-small"></div>
                                <div class="msg-content">
                                    <div class="msg-filename">{{content.title}}</div>
                                    <div class="msg-state {{showOperator === undefined || showOperator || status === 1 || showError ? 'item-hide' : ''}}">
                                        <div class="msg-process {{showOperator ? 'item-hide' : ''}}" style="width: {{process}}%"></div>
                                    </div>
                                    <div v-if="showOperator" class="msg-operator {{showOperator && !showError && status !== 1 ? '' : 'item-hide'}}">
                                        <div class="filesize">{{content.filesize|filesize}}</div>
                                        <div class="preview" v-on="click: preview"></div>
                                        <div class="download" v-if="!pc && status !== 1" v-on="click: download"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="msg-content msg-text" v-if="fileType === 'DEVMSG_TYPE_TEXT'" v-text="content.text"></div>
                            <div class="msg-content msg-pic" v-if="fileType === 'DEVMSG_TYPE_PIC'">
                                <img v-attr="src:content.proto_url" v-on="dblclick: previewpic">
                            </div>
                            <div class="arrow arrow-inner"></div>
                            <div class="arrow arrow-outer"></div>
                        </div>
                        <div v-if="showError || status === 1" v-text="msgTitle" class="error-message" v-on="click: retry"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="mask" v-if="mask_status != 0">
            <div style="text-align: center;position: absolute;top: 30%;left: 50%;margin-left: -150px;margin-top: -50px;">
                <img src="30f716ef5fdf9f756147107ccd344612.png" style="width: 172px;height: 171px;"/>
                <div style="font-size: 16px;margin-top: 20px;color: #666;">手机千牛尚未安装或版本过低，请扫码下载！</div>
            </div>
        </div> 
    </div>

</body>
<script src="qrcode.js"></script>
<script src="jssdk-ex-debug.js"></script>
<script src="lib.js"></script>
<script src="vue.js"></script>
<script src="qn-promotion-qrcode.js"></script>
<script src="mock.js"></script>
<script src="utils.js"></script>
<script src="app.js"></script>
</html>