@{
    ViewBag.Title = "UpdateProjectProblem";
    Layout = "~/Views/Shared/_MainLayoutPage.cshtml";
}
<link href="~/Content/Scripts/plugins/umeditor-1.2.3/themes/default/_css/umeditor.css" rel="stylesheet" />
<script src="~/Content/Scripts/plugins/umeditor-1.2.3/umeditor.min.js"></script>
<script src="~/Content/Scripts/plugins/umeditor-1.2.3/umeditor.config.js"></script>
<script src="~/Content/Scripts/plugins/umeditor-1.2.3/lang/zh-cn/zh-cn.js"></script>
@*<script src="~/Content/Scripts/plugins/layer-3.1/layer.js"></script>
    <script src="~/Content/Scripts/plugins/layer-2.1/layer.js"></script>
    <link href="~/Content/Scripts/plugins/layer-2.1/skin/layer.css" rel="stylesheet" />*@
<script src="~/Content/Scripts/plugins/easyui/easyui-lang-zh_CN.js"></script>
<script src="~/ViewModels/Register.Problem.js?r=1.11"></script>

<style>
    table {
        width: 97%;
    }

        table td {
            padding: 3px;
            border-bottom: solid 1px #EEE;
        }

    .btn-cc {
        position: absolute;
        bottom: 20px;
        right: 10px;
    }

    .CheckImg:hover {
        transform: scale(3);
        z-index: 999;
        width: auto;
        height: 40px;
    }

    .CheckImg {
        cursor: pointer;
        transition: all 0.6s;
    }

    #attchment div {
        float: left;
        margin-left: 10px;
        line-height: 55px;
    }

    .mxid {
        width: 1000px;
    }

    .tabs-header {
        border: 0px;
    }
</style>

<form class="easyui-tabs" fit="true" lay-filter="update_problem" id="update_problem">
    <input type="hidden" id="ID" name="ID" value="@ViewBag.id" />
    <input type="hidden" id="BBH" name="BBH" />
    <input type="hidden" id="MKID" name="MKID" />
    <div title="<i class='fa fa-sticky-note-o'></i> 问题信息" style="padding:5px;display:none;">
        <table>
            <tr>
                <td style="width:80px;">
                    问题标题：
                </td>
                <td>
                    <input id="WTBT" name="WTBT" class="easyui-textbox" style="width:445px" />
                    <input class="easyui-combobox" required id="WTXZ" name="WTXZ" editable="false"
                           data-options="label:'问题性质：',prompt:'请选择',limitToList:true,panelHeight:150,tipPosition:'top',labelAlign:'right'"
                           style="width:250px;" />
                </td>
            </tr>
            <tr>
                <td>项目：</td>
                <td>
                    <input id="XMID" name="XMID" required panelheight="200px" class="easyui-combobox mxid"
                           data-options="labelAlign:'right',prompt:'请选择(默认项目)',limitToList:true,tipPosition:'top'" style="width:200px;" />
                    <input id="JGID" name="JGID" editable="false" panelheight="200px" class="easyui-combobox"
                           data-options="label:'机构:',labelAlign:'right',limitToList:true" style="width:250px;" />
                    <input class="easyui-combobox" id="DDID" name="DDID" data-options="limitToList:true,panelHeight:400,panelWidth:300,tipPosition:'top',label:'迭代任务：',labelAlign:'right'" style="width:250px;" />
                </td>
            </tr>
            <tr>
                <td>所属产品：</td>
                <td>
                    <input required editable="false" panelheight="200px" class="easyui-combobox" id="CPID" name="CPID"
                           data-options="required:true,prompt:'指定一个产品',limitToList:true,tipPosition:'top'" style="width:200px;" />
                    <input panelheight="200px" class="easyui-combotree" id="MK" name="MK"
                           data-options="label:'所属模块:',labelAlign:'right',prompt:'请选择所属模块',limitToList:true,tipPosition:'top'"
                           style="width:240px;" />
                    <input id="FKR" name="FKR" class="easyui-textbox" data-options="label:'反馈人:',labelAlign:'right'"
                           style="width:250px;" />
                </td>
            </tr>
            <tr>
                <td>迭代任务：</td>
                <td>
                    <input class="easyui-combobox" id="DDID" name="DDID"
                           data-options="prompt:'请选择',limitToList:true,panelHeight:400,panelWidth:300,tipPosition:'top'"
                           style="width:200px;" />
                </td>
            </tr>
            <tr>
                <td>问题描述：</td>
                <td colspan="2">
                    <textarea id="WTMS" name="WTMS" style="width:95%;height:180px;"></textarea>
                </td>
            </tr>
            <tr>
                <td>问题附件：</td>
                <td colspan="2" id="demoList">
                    <a id="ChooseFile" href="#" class="easyui-linkbutton c8" data-options="plain:true">
                        <i class="fa fa-plus-square-o"></i> 添加附件
                    </a>
                </td>
            </tr>

        </table>
        <div id="attchment" style="height:55px">

        </div>
        <div class="btn-cc">
            @Html.Partial("ChangeButton")
            <input type="hidden" id="btn_upload" />
        </div>
    </div>
    <div title="<i class='fa fa-server'></i> 相关信息" style="padding:5px;display:none;">
        <table>
            <tr>
                <td>
                    <input id="DJRJ" name="DJRJ" required class="easyui-datetimebox" editable="false"
                           data-options="label:'反馈日期：',tipPosition:'top'" value="${notices.release_time}" style="width:260px">
                </td>
                <td>
                    <input class="easyui-combobox" id="LYDM" name="LYDM" editable="false"
                           data-options="label:'登记来源：',prompt:'请选择',limitToList:true,panelHeight:150,tipPosition:'top'"
                           style="width:260px;" />
                </td>
            </tr>
            <tr>
                <td>
                    <input class="easyui-combobox" required id="JJDM" name="JJDM" editable="false"
                           data-options="label:'紧急程度：',prompt:'请选择',limitToList:true,panelHeight:150,tipPosition:'top'"
                           style="width:260px;" />
                </td>
                <td>
                    <input id="YQSJ" name="YQSJ" class="easyui-datebox" editable="false"
                           data-options="label:'要求时间：',tipPosition:'top'" style="width:260px">
                </td>
            </tr>
            <tr>
                <td id="reapt">
                    <input class="easyui-combobox" id="CFWTID" name="CFWTID" editable="false"
                           data-options="label:'是否重复',prompt:'请选择',panelHeight:400,panelWidth:400,tipPosition:'top'" style="width:260px;" />
                </td>
            </tr>
            <tr>
                <td colspan="3">
                    <input id="JJMS" name="JJMS" class="easyui-textbox"
                           data-options="label:'紧急事由：',prompt:'紧急描述',tipPosition:'top',multiline:true" style="width:820px;height:280px;">
                </td>
            </tr>
        </table>
        <div class="btn-cc">
            @Html.Partial("ChangeButton")
        </div>
    </div>
</form>

<script type="text/javascript">
 //人员性质
 var RYXZ = "@ViewBag.RYXZ";
 var models = new ProblemModel();
 var id = @ViewBag.id
 models.UpdateProblemInit(id);

 layui.use('upload', function () {
  var upload = layui.upload;
  var demoListView = $('#demoList');
  var uploadInst = upload.render({
   elem: '#ChooseFile' //文件选择按钮
    ,
   url: '/Problem/FileUpload',
   method: "post",
   accept: 'file' //普通文件（文件类型）
    ,
   multiple: true //多文件上传
    ,
   auto: false //自动上传
    ,
   size: 5120,
   bindAction: "#btn_upload",
   number: 3 //最大允许上传文件数量
    ,
   choose: function (obj) {
     problemObj.Choose = 1;
     var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
     //读取本地文件
     obj.preview(function (index, file, result) {
      var display = "none";
      if (file.type == "image/jpeg" || file.type == "image/png") {
       display = "";
      }
      var tr = $(['<tr id="upload-' + index + '">', '<td class="uplad-filename">' + file.name + '</td>', '<td>' +
       (file.size / 1014).toFixed(1) + 'kb</td>', '<td>等待上传</td>', '<td>',
       '<button class="layui-btn layui-btn-mini demo-reload layui-hide">重传</button>',
       '<button class="layui-btn layui-btn-mini layui-btn-danger demo-delete" style="height:25px;line-height:25px">删除</button>',
       '<img src="' + result + '" class="CheckImg" width="auto" height="40" style="margin-left:10px;display:' +
       display + '"/>', '</td>', '</tr>'
      ].join(''));

      //单个重传
      tr.find('.demo-reload').on('click', function () {
       obj.upload(index, file);
      });

      //删除
      tr.find('.demo-delete').on('click', function () {
       delete files[index]; //删除对应的文件
       tr.remove();
       uploadInst.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
      });

      demoListView.append(tr);
     });
    }
    //, done: function (res, index, upload) {
    //    var index = top.ZLPMS.Loading3(2);
    //    if (res.msg.length == 36) {
    //        top.ZLPMS.UnLoading(index);
    //        top.ZLPMS.Msg("问题修改成功", 1)
    //        ZLPMS.CloseTopWindow(true);
    //        return;
    //    }
    //    else {
    //        top.ZLPMS.UnLoading(index);
    //        top.ZLPMS.Msg("问题修改失败", 2);
    //        ZLPMS.CloseTopWindow(true)
    //        return;
    //    }
    //}
    ,
   allDone: function (obj) {
    top.ZLPMS.Msg("总共上传" + obj.total + ",成功" + obj.successful + "个,失败" + obj.aborted + "个")
    ZLPMS.CloseTopWindow(true);
   },
   error: function (index, upload) {
    var tr = demoListView.find('tr#upload-' + index),
     tds = tr.children();
    tds.eq(2).html('<span style="color: #FF5722;">上传失败</span>');
    tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
    return;
   }
  });
 });
</script>