zhangkun
/
ditie2.0_web


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647
							@using YTSoft.BaseCallCenter.MVCWeb.Models;
@using YTSoft.BaseCallCenter.Model;

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>微博工单</title>
    <link href="/Content/layui/css/layui.css" rel="stylesheet" />
    <script src="/Content/js/jquery-1.8.3.min.js"></script>
    <script src="/Content/layui/layui.js"></script>
    <link href="/Content/css/workflow/workflow.css" rel="stylesheet" />
    <link href="/Content/layui/css/modules/layui-icon-extend/iconfont.css" type="text/css" rel=" stylesheet" />
    <link href="/Content/css/font-awesome/css/font-awesome.min.css" type="text/css" rel=" stylesheet" />
    <link href="/Content/css/callrecord/iconfont.css" rel="stylesheet" />
    <link href="/Content/layui/zTree/v3/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" />
    <script src="/Content/layui/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>
</head>
<style>
    .aaaaaa{
        position: absolute;
    }
    .ztree{
        height: 360px;
        overflow-y: auto;
        position: absolute;
        width: 288px;
        left: 0px;
        top: 30px;
        z-index: 11;
        background: #ffffff;
        border: 1px solid #cccccc;
        display: none;
    }
    .xl {
        background:url(../../Content/images/downSelect.png);
        background-position: center center;
        width: 20px;
        height: 30px;
        position: absolute;
        right: 0;
        top: 1px;
        background-color: #1ab394;
        cursor: pointer;
    }

    .xl:hover {
        background-color: #e6d523;
    }
    .tallyLabel{

    }
    .tallyLabel dt{
      float: left;
      margin: 5px 10px;
      line-height: 28px;
      padding: 0 8px;
      background-color: #5FB878;
    }
</style>
<body>
    <div>
        <form class="layui-form">


            <div>
                <div class="rightSide">
                    <input id="F_CustomerId"  type="hidden" class="layui-input" />
                    <input id="F_WORKORDERID" value="0" type="hidden" class="layui-input" />
                    <input id="creatDateTime"  type="hidden" class="layui-input" value="@DateTime.Now"/>
                    <input id="F_REPAIRMANID" value="4" type="hidden" class="layui-input" />
                    <input id="F_WORKORDERFROM" value="微博手工工单" type="hidden" class="layui-input" />
                    <input id="F_INSTALLADDRESS" type="hidden" class="layui-input" />

                    <div>
                        <div class="divTittle"> 市民信息</div>
                        <ul>
                            <li class="layui-row layui-col-space5">

                                <div class="layui-col-md4">
                                    <label class="layui-form-label">姓名</label>
                                    <div class="layui-input-block">
                                        <input id="F_CustomerName" name="F_CUSTOMERNAME" value="" autocomplete="off" placeholder="" class="layui-input" type="text" />
                                    </div>
                                </div>

                                <div class="layui-col-md4">
                                    <label class="layui-form-label">来电电话</label>
                                    <div class="layui-input-block">
                                        <input id="F_CUSTOMERTELEPHONE" name="F_CUSTOMERTELEPHONE" value="" autocomplete="off" placeholder="" class="layui-input" type="text" />
                                    </div>
                                </div>
                                <div class="layui-col-md4">
                                    <label class="layui-form-label">回复电话</label>
                                    <div class="layui-input-block">
                                        <input id="F_Mobile" value="" autocomplete="off" placeholder="" class="layui-input" type="text" />
                                    </div>
                                </div>
                            </li>
                            <li class="layui-row layui-col-space5">

                                <div class="layui-col-md4">
                                    <label class="layui-form-label">性别</label>
                                    <div class="layui-input-block sexParam"> 
                                            <input type="radio" name="F_CustomerPym" value="男" title="男" checked="" />
                                            <input type="radio" name="F_CustomerPym" value="女" title="女" /> 
                                    </div>
                                </div>

                                <div class="layui-col-md4">
                                    <label class="layui-form-label">年龄段</label> 
                                    <div class="layui-input-inline">
                                        <select id="F_CustomerCode" lay-search="">
                                            <option value=""></option>
                                            @if (Model != null && Model.AgeModelList != null && Model.AgeModelList.Count > 0)
                                            {
                                                foreach (T_Sys_DictionaryValue AgeModel in Model.AgeModelList)
                                                {
                                                    <option value="@AgeModel.F_Name">@AgeModel.F_Name</option>
                                                }
                                            }
                                        </select>
                                    </div>
                                </div>

                            </li>
                            <li class="layui-row layui-col-space5">

                                <div class="layui-col-md4">
                                    <label class="layui-form-label">常进站</label>
                                    <div class="layui-input-inline DicSelect">
                                        <input id="F_DeviceCount" name="F_DeviceCount" type="text" value="" style="display:none" class="layui-input" />
                                        <input id="F_Fax" diccode="c1" name="F_Fax" type="text" placeholder="请选择" value="" readonly class="layui-input" />
                                        <i class="layui-icon" style="font-size: 20px; color: #c2c2c2; position: absolute; right: 5px; top: 20%; ">&#xe65b;</i>

                                    </div>
                                </div>

                                <div class="layui-col-md4">
                                    <label class="layui-form-label">常出站</label>
                                    <div class="layui-input-inline DicSelect">
                                        <input id="F_AfterSaleNameID" name="F_AfterSaleNameID" type="text" value="" style="display:none" class="layui-input" />
                                        <input id="F_Email" diccode="c2" name="F_Email" type="text" placeholder="请选择" value="" readonly class="layui-input" />
                                        <i class="layui-icon" style="font-size: 20px; color: #c2c2c2; position: absolute; right: 5px; top: 20%; ">&#xe65b;</i>

                                    </div>
                                </div>
                                <div class="layui-col-md4"> 
                                        <label class="layui-form-label">微博号</label>
                                        <div class="layui-input-block">
                                            <input id="F_CustomerEName" name="F_CustomerEName" value=""  lay-verify="required"autocomplete="off" placeholder="" class="layui-input" type="text" />
                                             
                                        </div> 
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div>
                        <div class="divTittle"> 详细信息</div>
                        <ul>
                            <li class="layui-row ">
                                <div class="layui-col-md12">
                                    <label class="layui-form-label">标签</label>
                                    <div class="layui-input-inline">
                                    <select name="searchLabel" id="searchLabel" lay-search="" lay-filter="searchLabel">
                                        
                                    </select>
                                    </div> 
                                </div>
                            </li>
                            <li class="layui-row ">
                                <div class="layui-col-md12">
                                    <label class="layui-form-label">概要</label>
                                    <div class="layui-input-block">
                                        @*<textarea id="bussContent" name="F_RETURNVISITPROBLEM" placeholder="" class="layui-textarea"> </textarea>*@
                                      <textarea id="bussContent" name="F_RETURNVISITPROBLEM" placeholder="" class="layui-textarea">@Model.BussnessContnet</textarea>
                                    </div>
                                </div>
                            </li>
                            <li class="layui-row layui-col-space5">

                                <div class="layui-col-md4">
                                    <label class="layui-form-label">业务类型</label>
                                    <div class="layui-input-inline">
                                        <select id="F_ADSLACCOUNT" name="F_REPAIRLEVEL" lay-verify="required" lay-filter="busstype">
                                            <option value="" selected></option>
                                            @if (Model != null && Model.WorkOrderTypeModelList != null && Model.WorkOrderTypeModelList.Count > 0)
                                            {
                                                foreach (T_Wo_WorkOrderType workOrderTypeModel in Model.WorkOrderTypeModelList)
                                                {
                                                    if (workOrderTypeModel.WorkTypeModelList != null && workOrderTypeModel.WorkTypeModelList.Count > 0)
                                                    {
                                                        <optgroup label="@workOrderTypeModel.F_Name">
                                                            @foreach (T_Wo_WorkOrderType childModel in workOrderTypeModel.WorkTypeModelList)
                                                            {
                                                                <option parentid="@workOrderTypeModel.F_WorkOrderTypeId" parentname="@workOrderTypeModel.F_Name" value="@childModel.F_WorkOrderTypeId">@childModel.F_Name</option>
                                                            }
                                                        </optgroup>
                                                    }
                                                    else
                                                    {
                                                        <option parentid="@workOrderTypeModel.F_WorkOrderTypeId" parentname="@workOrderTypeModel.F_Name" value="@workOrderTypeModel.F_WorkOrderTypeId">@workOrderTypeModel.F_Name</option>

                                                    }
                                                }
                                            }
                                        </select>
                                    </div>
                                </div>

                                <div class="layui-col-md4">
                                    <label class="layui-form-label">事发车站</label>
                                    <div class="layui-input-inline DicSelect">
                                        <input name="F_WORKORDERLEVELID" type="text" value="" style="display:none" class="layui-input" />
                                        <input diccode="c3" name="F_WORKORDERNAME" type="text" placeholder="请选择" value="" readonly class="layui-input" />
                                        <i class="layui-icon" style="font-size: 20px; color: #c2c2c2; position: absolute; right: 5px; top: 20%; ">&#xe65b;</i>

                                    </div>
                                </div>

                            </li>
                            <li class="layui-row ">

                                <div class="layui-col-md12">
                                    <label class="layui-form-label">内容</label>
                                    <div class="layui-input-block">
                                        <textarea name="F_CONTENT" placeholder="" class="layui-textarea"></textarea>
                                    </div>
                                </div>
                            </li>


                        </ul>
                    </div> 
                    <div>
                        <div class="divTittle"> 处理方式</div>
                        <ul>
                            <li class="layui-row ">

                                <div class="layui-col-md12">
                                    <label class="layui-form-label">处理方式</label>
                                    <div class="layui-input-block">
                                        @if (Model != null && Model.GoTypeModelList != null && Model.GoTypeModelList.Count > 0)
                                        {
                                            foreach (T_Sys_DictionaryValue dicModel in Model.GoTypeModelList)
                                            {
                                        <input lay-filter="sexCheck" name="F_WORKORDERTYPEID" class="F_WORKORDERTYPEID" type="radio" lay-verify="required" value="@dicModel.F_ValueCode" title="@dicModel.F_Name" checked="" />
                                            }
                                        }
                                    </div>
                                </div>
                            </li>
                            <li class="layui-row layui-col-space5 workTypeDiv" style="display: none;">
                                <div class="layui-col-md6">
                                    <label class="layui-form-label">转发部门</label>
                                    <div class="form-group" style="position: relative; float:left;">
                                            <input autocomplete="off" style="width: 300px;" id="searchRegionName" placeholder="请选择" class="layui-input inps" type="text" />
                                            <input autocomplete="off" style="width: 300px;" id="searchRegionName1" placeholder="请选择" class="layui-input inps" type="hidden" />
                                            <input autocomplete="off" style="width: 300px;" id="searchRegionName2" placeholder="请选择" class="layui-input inps" type="hidden" />
                                            <input id="searchOfficeId" type="hidden" />
                                            <input id="searchOfficeId1" type="hidden" />
                                            <input id="searchOfficeId2" type="hidden" />
                                            <input id="officeName" type="hidden" />
                                            <input id="officeName1" type="hidden" />
                                            <input id="officeName2" type="hidden" />
                                            <i class="xl"></i>
                                            <!-- <b class="delect-icon">X</b> -->
                                            <div class="ztree addTree">
                                                <ul id="ztree"></ul>
                                                <ul id="ztreeCommon" ></ul>
                                            </div>
                                    </div>
                                </div>
                                <div class="layui-col-md4">
                                    <label class="layui-form-label">回复时间</label>
                                    <div class="layui-input-block"> 
                                       <input name="F_REQUESTSERVICETIME" id="date" autocomplete="off" placeholder="yyyy-MM-dd" class="layui-input" type="text" />
                                    </div>
                                </div>
                            </li>

                            <li class="layui-row ">

                                <div class="layui-col-md12">
                                    <label class="layui-form-label">回复</label>
                                    <div class="layui-input-block">
                                        <textarea name="F_RETURNVISITCONTENT" placeholder="" class="layui-textarea"></textarea>
                                    </div>
                                </div>
                            </li>

                        </ul>
                    </div>
                    <div>
                        <div class="divTittle"> 回访</div>
                        <ul>

                            <li class="layui-row layui-col-space5">

                                <div class="layui-col-md4">
                                    <label class="layui-form-label">是否回访</label>
                                    <div class="layui-input-block"> 
                                            <input type="checkbox" name="F_RETURNVISITFLAG" class="layui-input" title="回访" checked/>
                                       </div>
                                </div>

                                <div class="layui-col-md4">
                                    <label class="layui-form-label" style="width:120px;">计划回访时间</label>
                                    <div class="layui-input-block"> 
                                            <input name="F_RETURNVISITTIME" id="date1" autocomplete="off" placeholder="yyyy-MM-dd" class="layui-input" type="text" />
                                         
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div>
                        <div class="divTittle"> 附件</div>
                            <div  class="layui-row layui-col-space5" style="margin: 15px 30px;">
                                <input id="F_GoodsImg" name="F_GoodsImg" type="hidden" class="layui-input" />
                                <button type="button" class="layui-btn" id="test3"><i class="layui-icon"></i>上传文件</button>
                                <span class="test3File"></span>

                            </div>
                        </div>
                    <div>
                        <ul>
                            <li class="layui-row">
                                <div class="layui-col-md12 btndiv">
                                    <button class="layui-btn" lay-submit="" lay-filter="SubmitSaveData">保存</button>
                                    <button class="layui-btn" lay-submit="" lay-filter="SubmitData">保存提交</button>
                                </div>
                            </li>
                        </ul>
                    </div>


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

    </div>
    <script src="/Content/js/CallRecord/WBWorkFlow.js" type="text/javascript" charset="utf-8"></script>
    <script>
        
        if($('input:radio[name="F_WORKORDERTYPEID"]:checked').val()=="3"){
            $(".workTypeDiv").hide()
        }else if($('input:radio[name="F_WORKORDERTYPEID"]:checked').val()=="1"){
            $(".workTypeDiv").show()
        }
        
        tagData()
        function tagData(){
        var data = {
            page: 1,
            limit: 20,
        }
        $.ajax({
            url: "/Tag/GetListData",
            type: "post",
            async: false,//同步请求
            contentType: "application/json",
            dataType: "text",
            cache: false,
            data: JSON.stringify(data),
            success: function (thisResult) {
            if (eval('(' + thisResult + ')').msg == "成功") {
                $("#searchLabel").empty();
                $("#searchLabel").append("<option value='' ></option>");
                var data = eval('(' + thisResult + ')')
                $(data.data).each(function(i, n) {
                    $('<option value="' + n.F_Id + '">' + n.F_TagName + '</option>').appendTo($("#searchLabel"));
                })
            } else {
                layer.msg('失败');
            }

            },
            error: function (error) {
            return false;
            }
        });
        
        }
        //单击左侧数列表时
        $('.inps').focus(function() {
            $(this).siblings('.addTree').css('display', 'block');
        })
        $('.xl').click(function() {
            var xl = $(this).siblings('.addTree');
            if(xl.css('display') == 'block') {
                xl.css('display', 'none')
            } else {
                xl.css('display', 'block')
            }
        })
        $('.addTree').mouseleave(function() {
            $(this).css('display', 'none')
        })
        var zTreeObj;
    var selectNode;
    // zTree 的参数配置，深入使用请参考 API 文档（setting 配置详解）
    var setting = {
        data: {
            key: {
                name: "name",
                id:"code"
            },
            simpleData: {
                enable: true,
                idKey: "id",
                rootPId: 0
            }
        },
        check: {
            enable: true,
            autoCheckTrigger: true,
            chkboxType:  { "Y": "", "N": "s" },
            //chkboxType: {
                //"Y": "s",
                //"N": "s",
            //},
            chkStyle: "checkbox",
        },
        view: {
            dblClickExpand: true
        },
        callback: {
            beforeClick: beforeClick,
            onCheck: onCheck,
        },
    };
    
  function beforeClick(treeId, treeNode) {
    var zTree = $.fn.zTree.getZTreeObj("ztree"),
    nodes = zTree.getCheckedNodes(true);
    zTree.checkNode(treeNode, !treeNode.checked, null, true);    					
    return false;
  }
    

  function onCheck(e, treeId, treeNode) {
    var zTree = $.fn.zTree.getZTreeObj("ztree"),
    nodes = zTree.getCheckedNodes(true);				
    var regionName = "", regionName = "", officeId = "" ,officeName="";
    for (var i=0, l=nodes.length; i<l; i++) {
      regionName += nodes[i].name + ",";
      if (nodes[i].IsOrPrivate) {
        officeId += nodes[i].code + ","
        officeName += nodes[i].name + ",";
              
      }
    }
    if (regionName.length > 0 ) {
      regionName = regionName.substring(0, regionName.length-1);
      $("#searchRegionName1").val(regionName);
    } else {
      $("#searchRegionName1").val(regionName);
    }

    if (officeName.length > 0 ) {
      officeName = officeName.substring(0, officeName.length-1);
      $("#officeName1").val(officeName);
    } else {
      $("#officeName1").val(officeName);
    }
      
    if (officeId.length > 0 ) {
      officeId = officeId.substring(0, officeId.length-1);
      $('#searchOfficeId1').attr("value",officeId);
      // getSubmitterSalesman();
    } else {
      $('#searchOfficeId1').attr("value",officeId);
    }
    if($("#searchRegionName2").val()){
        $("#searchRegionName").val($("#searchRegionName1").val()+","+$("#searchRegionName2").val())
        $("#officeName").val($("#officeName1").val()+","+$("#officeName2").val())
        $("#searchOfficeId").val($("#searchOfficeId1").val()+","+$("#searchOfficeId2").val())
    }else{
        $("#searchRegionName").val($("#searchRegionName1").val())
        $("#officeName").val($("#searchRegionName1").val())
        $("#searchOfficeId").val($("#searchOfficeId1").val())
    }
    console.log($("#searchRegionName").val())
    console.log($("#officeName").val())
    console.log($("#searchOfficeId").val())
  }


    var zTreeObjCommon;
    // zTree 的参数配置，深入使用请参考 API 文档（setting 配置详解）
    var settingCommon = {
        data: {
            key: {
                name: "name",
                code:"code"
            },
            simpleData: {
                enable: true,
                idKey: "id",
                rootPId: 0
            }
        },
        check: {
            enable: true,
            autoCheckTrigger: true,
            chkboxType:  { "Y": "", "N": "s" },
            //chkboxType: {
                //"Y": "s",
                //"N": "s",
            //},
            chkStyle: "checkbox",
        },
        view: {
            dblClickExpand: true
        },
        callback: {
            beforeClick: beforeClickCommon,
            onCheck: onCheckCommon,
        },
    };
    
  function beforeClickCommon(treeId, treeNode) {
    var zTree = $.fn.zTree.getZTreeObj("ztree"),
    nodes = zTree.getCheckedNodes(true);
    zTree.checkNode(treeNode, !treeNode.checked, null, true);    					
    return false;
  }
    

  function onCheckCommon(e, treeId, treeNode) {
    var zTree = $.fn.zTree.getZTreeObj("ztreeCommon"),
    nodes = zTree.getCheckedNodes(true);				
    var regionName = "", regionName = "", officeId = "" ,officeName="";
    for (var i=0, l=nodes.length; i<l; i++) {
      regionName += nodes[i].name + ",";
      debugger
      if (nodes[i].IsOrPrivate) {
        officeId += nodes[i].code + ","
        officeName += nodes[i].name + ",";
      }
    }

    if (regionName.length > 0 ) {
      regionName = regionName.substring(0, regionName.length-1);
      $("#searchRegionName2").val(regionName);
    } else {
      $("#searchRegionName2").val(regionName);
    }

    if (officeName.length > 0 ) {
      officeName = officeName.substring(0, officeName.length-1);
      $("#officeName2").val(officeName);
    } else {
      $("#officeName2").val(officeName);
    }
      
    if (officeId.length > 0 ) {
      officeId = officeId.substring(0, officeId.length-1);
      $('#searchOfficeId2').attr("value",officeId);
      // getSubmitterSalesman();
    } else {
      $('#searchOfficeId2').attr("value",officeId);
    }

    if($("#searchRegionName1").val()){
        $("#searchRegionName").val($("#searchRegionName1").val()+","+$("#searchRegionName2").val())
        $("#officeName").val($("#officeName1").val()+","+$("#officeName2").val())
        $("#searchOfficeId").val($("#searchOfficeId1").val()+","+$("#searchOfficeId2").val())
    }else{
        $("#searchRegionName").val($("#searchRegionName2").val())
        $("#officeName").val($("#searchRegionName2").val())
        $("#searchOfficeId").val($("#searchOfficeId2").val())
    }
    console.log($("#searchRegionName").val())
    console.log($("#officeName").val())
    console.log($("#searchOfficeId").val())
  }
  var treeNodes;
  var zTreeObjCommon;
  $(document).ready(function () {
      $.ajax({
          url: "/Department/GetDepartmentAndUserJsonModel",
          type: "get",
          contentType: "application/json",
          dataType: "text",
          cache: false,
          async: false,
          data: { "parentId": 0 },
          success: function (result, status) {
            treeNodes = eval('(' + result + ')');
            zTreeObj = $.fn.zTree.init($("#ztree"), setting, treeNodes);
            zTreeObj.expandAll(false); 
            //获取到zTree
            var zTree = $.fn.zTree.getZTreeObj("ztree");
            //设置只能选择最后一层的子节点
            var allNodes= zTree.transformToArray(zTree.getNodes());//
                    
            //去掉选框
            if(allNodes.length>0){
                debugger
                for(var i=0;i<allNodes.length;i++){
                    if(!allNodes[i].IsOrPrivate){//找到父节点
                        allNodes[i].nocheck=true;//nocheck为true表示没有选择框
                        zTree.updateNode(allNodes[i]);
                    }
                }
            }
          }
      });

      $.ajax({
        url: "/Class/GetTreeJsonModel",
        type: "get",
        contentType: "application/json",
        dataType: "text",
        cache: false,
        async: false,
        data: { "parentId": 235},
        success: function (result, status) {
            treeNodesCommon = eval('(' + result + ')');
            zTreeObjCommon = $.fn.zTree.init($("#ztreeCommon"), settingCommon, treeNodesCommon);
            zTreeObjCommon.expandAll(false);
            //获取到zTree
            var zTreeCommon = $.fn.zTree.getZTreeObj("ztreeCommon");
            //设置只能选择最后一层的子节点
            var allNodes= zTreeCommon.transformToArray(zTreeCommon.getNodes());//
            //去掉选框
            if(allNodes.length>0){
                //debugger
                for(var i=0;i<allNodes.length;i++){
                    if(!allNodes[i].IsOrPrivate){//找到父节点
                        allNodes[i].nocheck=true;//nocheck为true表示没有选择框
                        zTreeCommon.updateNode(allNodes[i]);
                    }
                }
            }
        }
        });
        
      
  });
    </script>
</body>
</html>