@{
    ViewBag.Title = "NewProblem";
    Layout = "~/Views/MobileProblem/_MainBody.cshtml";
}

<link href="~/Content/Scripts/plugins/mui/css/mui.picker.all.css" rel="stylesheet" />
<link href="~/Content/Scripts/plugins/mui/css/webuploader.css" rel="stylesheet" />
<link href="~/Content/Style/MobileProductRegist/NewProblem.css" rel="stylesheet" />
<script src="~/Content/Scripts/plugins/mui/js/mui.picker.all.js"></script>
<script src="~/Content/Scripts/plugins/mui/js/webuploader.js"></script>

<script src="~/Content/Scripts/vue.js"></script>
<script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script>

<div id="VUE">
    <div class="mui-input-row" style="margin-top: 7px">
        <input id="ProblemTitile" type="text" class="mui-input-clear" placeholder="填写问题标题" style="font-size:15px">
    </div>
    <div class="mui-input-row" style="font-size:14px">
        <textarea id="detail" rows="8" placeholder="请填写具体的问题描述，以便我们更详细的了解您需要解决的问题。" style="font-size:15px;margin-bottom:-10px"></textarea>
        <ul id="fileList" class="mui-table-view mui-grid-view mui-grid-9" style="background-color:white;border-color:transparent;">
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">

                <img id="pick" src="/Content/Scripts/plugins/mui/css/tupian.png" style="width: 80px;margin-left: 8px;margin-top: 10px;">
                <p>上传图片</p>
            </li>
        </ul>

    </div>
    <ul class="mui-table-view">
        <li class="mui-table-view-cell" id="ProjectSelet">
            <a href="#middlePopover" class="mui-navigate-right list down">
                <span class="mui-icon iconfont icon-yun-copy" style="color:#7cb0fa;margin-right:0.5rem"></span>
                <div style="flex:1">区卫项目</div>
                <p id="Project" style="margin-right:2rem">请选择项目</p>
            </a>
            <input v-model="Product" type="hidden" id="ProjectID" name="ProjectID" />
        </li>
        <li class="mui-table-view-cell" id="institut">
            <a href="#middlePopover2" class="mui-navigate-right list down">
                <span class="mui-icon iconfont icon-yun-copy" style="color:#7cb0fa;margin-right:0.5rem"></span>
                <div style="flex:1">项目机构</div>
                <p id="Institution" style="margin-right:2rem">请选择机构</p>
            </a>
            <input v-model="Institution" type="hidden" id="InstitutionID" name="InstitutionID" />
        </li>
        <li class="mui-table-view-cell">
            <a class="mui-navigate-right list down" id="product">
                <span class="mui-icon iconfont icon-yun-copy" style="color:#7cb0fa;margin-right:0.5rem"></span>
                <div style="flex:1">区卫产品</div>
                <p id="userResult" style="margin-right:2rem">请选择产品</p>
            </a>
            <input type="hidden" id="ProductID" name="ProductID" />
            <input type="hidden" id="ProductVersion" name="ProductVersion" />
        </li>
        <li class="mui-table-view-cell" >
            <div class="list">
                <span class="mui-icon iconfont icon-yun-copy" style="color:#7cb0fa;margin-right:0.5rem"></span>
                <div style="flex:1">科室</div>
                <input id="Departments" class="list-input" placeholder="请输入科室">

            </div>
        </li>
    </ul>
    <div id="ZlUser" v-if="@ViewBag.UserType">
        <p style="margin-top:5px;margin-left:15px;font-size:15px">以下内容选填</p>
        <ul class="mui-table-view">
            <li class="mui-table-view-cell mui-collapse">
                <a class="mui-navigate-right list" href="#">
                    <span class="mui-icon iconfont icon-yun-copy" style="color:#7cb0fa;margin-right:0.5rem"></span>
                    <div style="flex:1">紧急问题</div>
                </a>
                <div class="mui-collapse-content" style="color:black">
                    <ul class="mui-table-view">
                        <li class="mui-table-view-cell" style="font-size:14px" id="Ergin">

                            紧急程度
                            <p id="ErginValue" style="float:right">请选择紧急程度</p>
                            <input type="hidden" id="ErginID" name="ErginID" />

                        </li>

                        <li class="mui-table-view-cell" style="font-size:14px">
                            要求时间
                            <button type="button" data-options='{"type":"date","beginYear":2017,"endYear":2019}' class="mui-btn time-btn">
                                请选择时间
                            </button>
                            <input type="hidden" id="RequireTime" name="RequireTime" />
                        </li>
                    </ul>
                    <div class="mui-input-row" style="font-size:14px">
                        <textarea id="urgentDetail" rows="6" placeholder="请填写紧急描述说明" style="font-size:15px;margin-top:20px"></textarea>
                    </div>

                </div>
            </li>
            <li class="mui-table-view-cell mui-collapse" >
                <a class="mui-navigate-right list" href="#">
                    <span class="mui-icon iconfont icon-yun-copy" style="color:#7cb0fa;margin-right:0.5rem"></span>
                    <div style="flex:1">处理状态</div>
                </a>
                <div class="mui-collapse-content" style="color:black">
                    <div class="mui-card" style="margin:0px;box-shadow:none">
                        <form class="mui-input-group">
                            <div class="mui-input-row mui-radio">
                                <label>未处理</label>
                                <input id="1" name="radio" type="radio" checked>
                            </div>
                            <div class="mui-input-row mui-radio">
                                <label>已处理</label>
                                <input id="5" name="radio" type="radio">
                            </div>
                            <div class="mui-input-row mui-radio ">
                                <label>申请技术支持</label>
                                <input id="0" name="radio" type="radio">
                            </div>
                        </form>
                    </div>
                    <div class="mui-input-row" style="font-size:14px">
                        <textarea id="DealDetail" rows="6" placeholder="请填写处理描述说明" style="font-size:15px;margin-top:20px"></textarea>
                    </div>
                </div>
            </li>

        </ul>

    </div>
    <div style="margin-bottom:50px"></div>
</div>


<div style="display:none" id="picker">选择文件</div>
<button style="margin-top: 30px;display:none;" id="ctlBtn" class="btn btn-default">开始上传</button>

<script>
    var UserType="@ViewBag.UserType";
    var CurrentProject="@ViewBag.CurrentProject";
</script>
<script src="~/ViewModels/NewProblemt.module.js"></script>