@{
    ViewBag.Title = "MobileSmart";
    Layout = "~/Views/MobileProblem/_APPMain.cshtml";

}
<link href="~/Content/Style/MobileProductRegist/ProblemDeatail.css" rel="stylesheet" />
<link href="~/Content/Scripts/plugins/mui/css/mui.imageviewer.css" rel="stylesheet" />
<script src="~/Content/Scripts/plugins/mui/js/mui.zoom.js"></script>
<script src="~/Content/Scripts/plugins/mui/js/mui.previewimage.js"></script>
<style>
    .message-title {
        font-size: 16px;
        font-weight: 500;
        padding: 1rem 1rem;
    }

    .message-detail {
        font-size: 14px;
        padding: 1rem 1rem;
        display: inline-block
    }

    .message-person {
        font-size: 12px;
        padding: 0 1rem;
        color: #adadb5;
    }

    .mui-content {
        background-color: white
    }

    div {
        word-wrap: break-word;
        word-break: break-all;
    }

    p {
        word-wrap: break-word;
        word-break: break-all;
    }
</style>

<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color:#ffffff"></a>
    <h1 class="mui-title" style="color:white">智能表单</h1>
</header>
<div class="mui-content mui-scroll-wrapper" id="pullrefresh">
    <div class="mui-scroll">
        <ul class="mui-table-view">
            <li  v-on:tap="formDetails(pc.ID)"  class="mui-table-view-cell mui-media" v-for="pc in SmartData">
                <a href="javascript:;">
                    <img class="mui-media-object mui-pull-left" src="~/Content/Images/smart.png">
                    <div class="mui-media-body">
                        {{pc.MC}}
                        <p class='mui-ellipsis'> {{pc.BT}}</p>
                    </div>
                </a>
            </li>

        </ul>

    </div>
</div>
<script>



    var vm = new Vue({
        el: '#pullrefresh',
        data: {
            /// 表单数据
            SmartData: [],


        },
        computed: {},
        methods: {
            init: function init() {
                var that = this;
                $.post('/SmartForm/BdxxSelectList', { FLID: 0 }, function (data) {
                    that.SmartData = data;
                })
            },
            //表单明细
            formDetails: function formDetails(id) {
                window.location.href = '/SmartForm/MobileSmartDetail/' + id;
            }

        },
        watch: {

        },
        mounted: function mounted() {
            this.init();
            mui.init({
                swipeBack: true //启用右滑关闭功能
            });
            mui.previewImage();
            mui('.mui-scroll-wrapper').scroll();

        }
    });

</script>