@{//处理问题
    Layout = "~/Views/Shared/_MainLayoutPage.cshtml";
}
<style>
    .table {
        width: 100%;
    }

        .table td {
            border: solid 1px #cacaca;
            padding: 3px;
        }

    .lable {
        width: 120px;
        padding: 5px 5px 5px 15px;
        background: #f5f5f5;
        color: #2636a3;
        font-size: 13px;
    }

    .img {
        width: 40px;
        height: 50px;
        border: solid 1px #000;
    }

    file {
        margin: 1px;
    }

    #content img {
        max-width: 400px;
        height: auto;
    }
    .redBlack .textbox-label {
        width: 40px !important;
    }
</style>
<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.432131232221221"></script>
<script src="~/Content/Scripts/plugins/umeditor-1.2.3/lang/zh-cn/zh-cn.js"></script>
<script src="~/ViewModels/DealWithProblem.js?r=132271222" type="text/javascript"></script>
<script type="text/javascript">

 var id = '@ViewBag.id';
 var showatt = '@ViewBag.showAtt';
 var userProp = @ViewBag.userProp;
 var workflowid = @ViewBag.workflowid;
 var IsSupport = '@ViewBag.IsSupport';
 var Deatil = {
  DealDetail: `@Html.Raw(ViewBag.DealDetail)`,
  SolveDetail: `@Html.Raw(ViewBag.SolveDetail)`
    };


    $(function () {
        UM.getEditor('tbAlterRemark', {
            toolbar: [
                'source | undo redo | emotion forecolor backcolor | removeformat |',
                'insertorderedlist insertunorderedlist | selectall cleardoc paragraph | fontsize',
                '| justifyleft justifycenter justifyright justifyjustify |',
                '| horizontal print preview'
            ]
        });
        UM.getEditor('tbRemark', {
            toolbar: [
                'source | undo redo | emotion forecolor backcolor | removeformat |',
                'insertorderedlist insertunorderedlist | selectall cleardoc paragraph | fontsize',
                '| justifyleft justifycenter justifyright justifyjustify |',
                '| horizontal print preview'
            ]
        });

        //附件上传
        layui.use('upload', function () {
            var upload = layui.upload;
            var demoListView = $('#files');
            var uploadInst = upload.render({
                elem: '#ChooseFile' //文件选择按钮
                ,
                url: '/Problem/FileUpload',
                method: "post",
                accept: 'file' //普通文件（文件类型）
                ,
                multiple: true //多文件上传
                ,
                auto: false //自动上传
                ,
                bindAction: "#btn_upload",
                size: 5120,
                number: 3 //最大允许上传文件数量
                ,
                choose: function (obj) {
                    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 + "个")
                }
            });
        });

          var viewModel = new ProcessProblem(id, userProp, workflowid);
    viewModel.inits(showatt, IsSupport, Deatil);
    });

     
</script>
<div class="easyui-layout" data-options="fit:true">
    <form id="form1" method="post" enctype="multipart/form-data">
        <div data-options="region:'south',border:false"
             style="height:50px; padding-top:10px;text-align:right; padding-right:10px;">
            <a id="btnCancel" href="#" class="easyui-linkbutton c2"><i class="fa fa-undo"></i> 取消受理</a> &nbsp;
            <a id="btnFinish" href="#" class="easyui-linkbutton c8"><i class="fa fa-check"></i> 确定</a> &nbsp;
            <a id="btnClose" href="#" class="easyui-linkbutton c5"><i class="fa fa-power-off"></i> 关闭</a>
        </div>
        <div data-options="region:'center',border:false">
            <input type="hidden" id="btn_upload" />
            <div id="tabMyprocess" class="easyui-tabs" data-options="fit:true">
                <div title="问题信息" style="padding:3px;">
                    <table class="table">
                        <tr>
                            <td class="lable">问题编号</td>
                            <td id="code" style="width:300px"></td>
                            <td class="lable">问题性质</td>
                            <td id="property"></td>
                        </tr>
                        <tr>
                            <td class="lable">所属渠道</td>
                            <td id="company"></td>
                            <td class="lable">所属项目</td>
                            <td id="project"></td>
                        </tr>
                        <tr>
                            <td class="lable">所属产品/版本号</td>
                            <td id="productAndVersion"></td>
                            <td class="lable">所属模块</td>
                            <td id="module"></td>
                        </tr>
                        <tr>
                            <td class="lable">所属机构</td>
                            <td id="org"></td>
                            <td class="lable">紧急程度</td>
                            <td id="prior"></td>
                        </tr>
                        <tr>
                            <td class="lable">要求时间</td>
                            <td id="priordate"></td>
                            <td class="lable">紧急描述</td>
                            <td id="priorDesc"></td>
                        </tr>
                        <tr>
                            <td class="lable">反馈人/登记人</td>
                            <td id="feedbackAndRegisterPerson"></td>
                            <td class="lable">登记时间</td>
                            <td id="registertime"></td>
                        </tr>
                        <tr>
                            <td class="lable">问题标题</td>
                            <td id="title" colspan="3"></td>
                        </tr>
                        <tr>
                            <td class="lable">问题描述</td>
                            <td id="content" colspan="3" style="height:200px;overflow:auto;"></td>
                        </tr>
                        <tr>
                            <td class="lable">问题附件</td>
                            <td colspan="3" style="height:50px;" id="attach"></td>
                        </tr>
                    </table>
                </div>
                <div title="处理信息" style="padding:3px;" data-options="selected:true">
                    <table class="table">
                        <tr>
                            <td class="lable">处理说明</td>
                            <td>
                                <blockquote class="layui-elem-quote">
                                    <p>1.指派人员处理时，如果人员不是本机构（渠道）问题流程环节会改变。</p>
                                    <p>2.当您无法处理问题时，可选择[向上提交]，机构->卫计委（或项目）->项目->技术支持</p>
                                    <p>3.解决问题后该问题会关闭，查询时可以选择“已终止或已解决的问题”来显示</p>
                                </blockquote>
                            </td>
                        </tr>
                        <tr>
                            <td class="lable">
                                处理方式
                            </td>
                            <td>
                                <input class="easyui-radiobutton" id="rdPerson" name="rdProcess" label="变更处理人" labelPosition="after">
                                <select class="easyui-combobox" id="cbUser" data-options="panelWidth:'250px'"
                                        style="width:100px"></select>&nbsp;&nbsp;
                                <input class="easyui-radiobutton" id="rdDeal" name="rdProcess" label="处理问题" labelPosition="after">
                                <input class="easyui-radiobutton" checked="checked" id="rdSolve" name="rdProcess" label="解决问题"
                                       labelPosition="after">
                                <input class="easyui-radiobutton" id="rdStop" name="rdProcess" label="终止问题" labelPosition="after">
                                <input class="easyui-radiobutton" id="rdBack" name="rdProcess" label="回退问题" labelPosition="after">
                                <input class="easyui-radiobutton" id="rdSubmit" name="rdProcess" label="向上提交" labelPosition="after">
                          
                                <div style="display:none" id="isSupport">
                                    <select class="easyui-combobox" id="cbSubUser" disabled data-options="panelWidth:'250px'" style="width:100px;"></select>
                                </div>
                            </td>
                        </tr>
                        <tr id="PROBLEMTYEP" style="display:none">
                            <td class="lable">问题分类</td>
                            <td>
                                <input name="ProblemType" class="easyui-combotree" id="ProblemType" />&nbsp;&nbsp;&nbsp;
                                <input class="easyui-radiobutton" id="rdBackStart" name="rdProcess" label="一键回退" labelPosition="after">
                                <select class="easyui-combobox" id="cbBackHj" data-options="panelWidth:'250px'"
                                        style="width:100px"></select>
                                @*<select class="easyui-combobox" id="cbBackUser" data-options="panelWidth:'250px',limitToList:true,valueField:'ID',textField:'姓名'"
                                        style="width:100px"></select>*@
                            </td>
                        </tr>
                        <tr>
                            <td class="lable">需求质量评价</td>
                            <td>
                                <div class="redBlack">
                                    <input class="easyui-radiobutton" id="rdNo" checked="checked" name="rdRedBlack" label="无" labelPosition="after">
                                    <input class="easyui-radiobutton" id="rdRed" name="rdRedBlack" label="红榜" labelPosition="after">
                                    <input class="easyui-radiobutton" id="rdBlack" name="rdRedBlack" label="黑榜" labelPosition="after">
                                    评价理由:
                                    <input id="tbContent" class="easyui-textbox" style="width:70%;">
                                </div>
                                  
                            </td>
                        </tr>


                        <tr>
                            <td class="lable">处理内容</td>
                            <td>
                                <textarea id="tbRemark" name="tbRemark" data-options="multiline:true,prompt:'请在此录入处理备注'"
                                          style="width:100%; height:220px;"></textarea>
                            </td>
                        </tr>
                        <tr>
                            <td class="lable" style="vertical-align:bottom;">
                                <a id="ChooseFile" href="#" class="easyui-linkbutton c1"><i class="fa fa-cloud-upload"></i> 上传附件</a>
                            </td>
                            <td id="files" style="height:80px; overflow:auto; vertical-align:top"></td>
                        </tr>
                    </table>
                </div>
                <!--只有研发与技术支持才显示-->
                <div id="attInfo" title="其它信息" style="padding:3px;">
                    <table class="table">
                        <tr>
                            <td class="lable">问题类型:</td>
                            <td>
                                <input class="easyui-radiobutton" id="rdItem" name="rdPType" label="项目问题" 
                                       labelPosition="after">
                                <input class="easyui-radiobutton" id="rdProc" name="rdPType" label="产品问题" checked labelPosition="after">
                            </td>

                            <td class="lable">解决版本</td>
                            <td>
                                <input type="text" id="BB" name="BB" panelheight="100px" lay-verify="model" autocomplete="off"
                                       data-options="limitToList:true" class="easyui-combobox" style="width:250px" />
                                <input type="text" id="BBZT" name="BBZT"  lay-verify="model" autocomplete="off"
                                       data-options="limitToList:true" class="easyui-combobox" style="width: 100px" />

                                @*<select id="BBZT" name="BBZT" class="easyui-combobox" data-options="limitToList:true" style="width:100px;">
            <option label="1" value="1">登记</option>
            <option value="2">修改</option>
            <option value="3">测试</option>
            <option value="4">待发布</option>
            <option value="5">终止</option>
        </select>*@
                            </td>
                        </tr>
                        <tr>
                            <td class="lable">是否发布</td>
                            <td>
                                <input id="ckIsRelease" class="easyui-checkbox" label="勾选发布" labelPosition="after">
                            </td>

                            <td class="lable">BH问题编号</td>
                            <td>
                                <input id="tbBHNumber" class="easyui-textbox" style="width:250px;">
                            </td>
                        </tr>
                        <tr>
                            <td class="lable">底线问题</td>
                            <td>@* 2023-07-08由常见问题改成底线问题 *@
                                <input id="ckIsOften" class="easyui-checkbox" label="底线问题" labelPosition="after">
                            </td>
                            <td class="lable">BH版本号</td>
                            <td>
                                <input id="tbBHVersion" class="easyui-textbox" style="width:250px;">
                            </td>
                        </tr>
                        <tr>
                            <td class="lable">需要培训</td>
                            <td>
                                <input id="ckIsTrain" class="easyui-checkbox" label="需要培训" labelPosition="after">
                            </td>
                            <td class="lable">多版本处理</td>
                            <td>
                                <input type="text" id="Version" name="Version" panelheight="100px" lay-verify="model" autocomplete="off"
                                       data-options="limitToList:true,valueField:'版本号',textField:'版本号', multiple: true" class="easyui-combobox" style="width:250px" />
                            </td>
                        </tr>
                        <tr>
                            <td class="lable">项目个性化</td>
                            <td>
                                <input id="identify" class="easyui-checkbox" label="项目个性化" labelPosition="after">
                            </td>
                            <td class="lable">测试处理人</td>
                            <td>
                                <input type="text" id="test" name="test"  class="easyui-combobox" style="width:250px" />
                            </td>
                        </tr>
                        <tr>
                            <td class="lable">修改说明</td>
                            <td colspan="3">
                                <textarea id="tbAlterRemark" data-options="multiline:true,prompt:'请在此录入修改说明'"
                                          style=" height:80px;width:855px"></textarea>
                            </td>
                        </tr>
                        <tr>
                            <td class="lable">升级说明</td>
                            <td colspan="3">
                                <input id="tbUpgrateRemark" class="easyui-textbox"
                                       data-options="multiline:true,prompt:'请在此录入升级说明【以上两个内容只适用于 BH填写】'" style="width:100%; height:80px;">
                            </td>
                        </tr>
                    </table>
                </div>
                <!--只有研发与技术支持才显示-->
                <div title="资源信息" style="padding:3px;">
                    <!--功能按钮和查询-->
                    <div id="btn_func">
                        <a href="#" id="btn-add-project" onclick="Add_Resource()" class="easyui-linkbutton"
                           data-options="iconCls:'fa fa-plus color_blue',plain:true,align:'center'">新建</a>
                        <a href="#" id="btn-edit-project" onclick="Update_Resource()" class="easyui-linkbutton"
                           data-options="iconCls:'fa fa-edit color_blue',plain:true,align:'center'">修改</a>
                        <a href="#" id="btn-delete-project" onclick="Delete_Resource()" class="easyui-linkbutton"
                           data-options="iconCls:'fa fa-remove color_blue',plain:true,align:'center'">删除</a>
                        <a href="#" id="btn-ref-project" onclick="$('#resource').datagrid('reload');" class="easyui-linkbutton"
                           data-options="iconCls:'fa fa-refresh color_blue',plain:true,align:'center'">刷新</a>
                    </div>
                    <table id="resource" class="easyui-datagrid"></table>
                </div>
            </div>
        </div>
    </form>
</div>