@{
    ViewBag.Title = "NewProjectProblem";
    Layout = "~/Views/Shared/Comfirm&CLose_Window.cshtml";
}
<link href="~/Content/Scripts/plugins/umeditor-1.2.3/themes/default/_css/umeditor.css?v=1.1" 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?v=1.41"></script>
<script src="~/Content/Scripts/plugins/umeditor-1.2.3/lang/zh-cn/zh-cn.js"></script>
<script src="~/Content/Scripts/plugins/easyui/easyui-lang-zh_CN.js"></script>
<script src="~/ViewModels/Register.Problem.js?t=1.2"></script>
<script src="~/Content/Scripts/vue.js"></script>

<style>
    table {
        width: 97%;
    }

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

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

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

    .btn-cc {
        margin-left: 20px;
    }

    .tabs .tabs-last {
        display: none;
    }

    .combobox-item {
        width: 1000px;
    }

    .mxid {
        width: 1000px;
    }

    #tbJJFA .edui-body-container {
        height: 310px !important;
    }

    .tabs-header {
        border: 0px
    }
    .hide-tips {
        white-space-collapse: collapse;
        text-wrap: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        color: #0084ff;
        text-decoration: underline !important; /* 文字底部线 */
    }
    .title-color {
        color: #0070c0; /* 问题描述内容颜色 */
    }
  
</style>

<form class="easyui-tabs" fit="true" lay-filter="insert_problem" id="insert_problem">
    <div title="<i class='fa fa-sticky-note-o'></i> 问题信息" style="padding:5px;display:none;">
        <input type="hidden" id="BH" name="BH" value="@ViewBag.id" />
        <input type="hidden" id="Type" name="Type" />
        <input type="hidden" id="RegisterType" name="RegisterType" value="0" />
        @*<input type="hidden" id="MKID" name="MKID" />*@
        <input type="hidden" id="BBH" name="BBH" />
        <table>
            <tr>
                <td style="width:80px;">
                    问题标题：
                </td>
                <td>
                    <input id="WTBT" name="WTBT" missingMessage="请输入标题" autofocus 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 xmid"
                           data-options="labelAlign:'right',prompt:'请选择(默认项目)',limitToList:true,tipPosition:'top'" style="width:200px;" />
                    <input id="JGID" name="JGID" editable panelheight="200px" class="easyui-combobox"
                           data-options="label:'机构:',labelAlign:'right',limitToList:true, required:true" style="width:240px;" />
                    <input class="easyui-combobox" id="LYDM" name="LYDM" editable="false"
                           data-options="label:'登记来源:',prompt:'请选择',limitToList:true,panelHeight:150,tipPosition:'top',labelAlign:'right', required:true"
                           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" editable="true" class="easyui-combotree" id="MK" name="MKID"
                           data-options="label:'所属模块:',labelAlign:'right',prompt:'请选择所属模块',tipPosition:'top', required:true"   style="width:240px;" />
                    <input id="FKR" name="FKR" class="easyui-combobox" data-options="label:'反馈人:',labelAlign:'right'"
                           style="width:250px;" />
                </td>
            </tr>
            <tr>
                <td>
                    问题描述： <br/><br /><br />
                    <a href="#" onclick="selectModuleParam()" class="hide-tips">
                        <span>查看产品问<br />题登记规范</span>
                    </a>
                </td>
                <td colspan="2">
                    <textarea id="WTMS" name="WTMS" style="width:698px;height:140px;"></textarea>
                </td>
            </tr>
            <tr>
                <td style="border-bottom:0px">问题附件：</td>
                <td colspan="2" id="demoList" style="border-bottom:0px">
                    <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: 50px;background-color: #F5F5F5">
            <p>&nbsp;</p>
            <p>说明:为减少不必要的沟通成本,请仔细阅读问题登记规范,对于登记不合格的问题将退回登记人,并定期按渠道通报问题登记质量情况</p>
        </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 id="YQSJ" name="YQSJ" class="easyui-datebox" editable="false"
                           data-options="label:'要求时间：',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>
                   
                </td>
            </tr>
            @*<tr>
                <td>
                    <input class="easyui-combobox" id="CFWTID" name="CFWTID"
                           data-options="label:'是否重复：',prompt:'请选择',limitToList:true,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:750px;height:300px;">
                </td>
            </tr>
        </table>
    </div>

    <div title="<i class='fa fa-pencil'></i> 解决方案" style="padding:5px;">
        <table>
            <tr>
                <td>
                    <input name="TYID" class="easyui-combotree" id="TYID" />
                </td>
            </tr>
            <tr>
                <td id="tbJJFA">
                    <textarea id="JJFA" name="JJFA" style="width:830px;height:700px;"></textarea>
                </td>
            </tr>

        </table>
    </div>
</form>

<script type="text/javascript">
    $(function () {
            //人员性质
 var RYXZ = "@ViewBag.RYXZ";
    var models = new ProblemModel();
    if ("@ViewBag.type"!= '2') {
         models.NewProjectProblemInit();
    }
    else {
       $("#SubmitProblem").hide()
        models.EditProjectProblemInit("@ViewBag.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);
        });
       },
       allDone: function (obj) {
        top.ZLPMS.Msg("总共上传" + obj.total + ",成功" + obj.successful + "个,失败" + obj.aborted + "个")
        if ($('#Constantly').prop("checked")) {
         ZLPMS.UnLoading(problemObj.index)
         top.ZLPMS.UnLoading(problemObj.index2);
         //根据Type选择不同的登记弹窗
         ProjectProblem_Window(); //项目问题
         ZLPMS.CloseTopWindow(true);
         return;
        }
        ZLPMS.UnLoading(problemObj.index)
        top.ZLPMS.UnLoading(problemObj.index2);
        ZLPMS.CloseTopWindow(true);
       }
      });
     });
    })

</script>