ZLPMS/PMS.WebUI/Views/SmartForm/MobileMySmart.cshtml


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

}
<link href="~/Content/Style/MobileProductRegist/iconfont.css" rel="stylesheet" />
<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-search .mui-placeholder {
        font-size: 13px;
    }

    .mui-content {
        background-color: white
    }

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

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

    input::-webkit-input-placeholder {
        color: white;
        font-size: 17px;
    }

    .icon-soushuo {
        color: white;
    }
</style>

<div id="pullrefresh">
    <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">
            <input type="search" class="mui-input-clear" v-model="smartname" placeholder="请输入表单或项目名称搜索" style="background-color: #0af;">
        </h1>
        <a href="javascript:;" class="mui-icon iconfont icon-soushuo mui-pull-right" v-on:click="Search()" id="title-right"></a>
    </header>

    <div class="mui-content mui-scroll-wrapper">

        <div class="mui-scroll">
            <ul class="mui-table-view" v-for="pc in SmartData">
                <li class="mui-table-view-cell" v-on:tap="formDetails(pc.ID,pc.TBZT)" v-if="pc.TBZT==0">
                    <img class="mui-media-object mui-pull-left" src="~/Content/Images/smart.png">
                    {{pc.BDM}}
                    <p class='mui-ellipsis'>项目: {{pc.XMMC}}</p>
                    <span class="mui-badge mui-badge-primary">已填报</span>
                </li>
                <li class="mui-table-view-cell" v-on:tap="formDetails(pc.ID,pc.TBZT)" v-else-if="pc.TBZT==1">
                    <img class="mui-media-object mui-pull-left" src="~/Content/Images/smart.png">
                    {{pc.BDM}}
                    <p class='mui-ellipsis'>项目: {{pc.XMMC}}</p>
                    <span class="mui-badge mui-badge-success">已通过</span>
                </li>
                <li class="mui-table-view-cell" v-on:tap="formDetails(pc.ID,pc.TBZT)" v-else-if="pc.TBZT==2">
                    <img class="mui-media-object mui-pull-left" src="~/Content/Images/smart.png">
                    {{pc.BDM}}
                    <p class='mui-ellipsis'>项目: {{pc.XMMC}}</p>
                    <span class="mui-badge">已退回</span>
                </li>
                <li class="mui-table-view-cell" v-on:tap="formDetails(pc.ID,pc.TBZT)" v-else="pc.TBZT==3">
                    <img class="mui-media-object mui-pull-left" src="~/Content/Images/smart.png">
                    {{pc.BDM}}
                    <p class='mui-ellipsis'>项目: {{pc.XMMC}}</p>
                    <span class="mui-badge mui-badge-purple">已暂存</span>
                </li>
            </ul>
        </div>
    </div>
</div>
<script>



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


        },
        computed: {},
        methods: {
            init: function init() {
                var that = this;
                $.post('/SmartForm/MyRecordList', { TBRID: '@ViewBag.TBRID', BDM: that.smartname }, function (data) {
                    that.SmartData = data;
                })
            },
            //表单明细
            formDetails: function formDetails(id, TBZT) {
                if (TBZT == 2 || TBZT == 3) {
                    window.location.href = '/SmartForm/EditMobileSmartDetail/' + id;
                }
                else {
                    window.location.href = '/SmartForm/MobileSmartDetailPreview/' + id;
                }
       
            },//搜索
            Search: function Search() {
                var that = this;
                $.post('/SmartForm/MyRecordList', { TBRID: '@ViewBag.TBRID', BDM: that.smartname}, function (data) {
                    that.SmartData = data;
                })
            }

        },
        watch: {

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

        }
    });

</script>