zhaobao
/
scyf


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>编辑外协单位</title>
    <link rel="stylesheet" href="../../../assets/libs/layui/css/layui.css"/>
    <link rel="stylesheet" href="../../../assets/module/inputTags.css"/>
    <link rel="stylesheet" href="../../../assets/module/admin.css?v=312"/>
    <link rel="stylesheet" href="../../../assets/module/formSelects/formSelects-v4.css"/>
    <style>

    </style>
</head>
<body>

<!-- 页面加载loading -->
<div class="page-loading">
    <div class="ball-loader">
        <span></span><span></span><span></span><span></span>
    </div>
</div>

<!-- 正文开始 -->
<div class="layui-fluid">
    <div class="layui-card" style="padding-bottom :75px;">
        <div class="layui-card-header">
            外协单位详情
            <div class="layui-inline pull-right">
                <button onclick="goBack()" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-normal">返回
                </button>
            </div>
        </div>
        <form class="layui-form" lay-filter="editForm" id="editForm" >
        <div class="layui-card-body">
            <fieldset class="layui-elem-field">
                <legend>基础信息</legend>
                <div class="layui-field-box">
                    <div class="layui-form-item layui-row text-center">
                        <div class="layui-inline layui-col-md10" style="padding-top: 20px;">
                            <label class="layui-form-label"><span class="layui-badge-dot"></span>名称</label>
                            <div class="layui-input-block">
                                <input type="text" class="layui-input" id="unitName" name="unitName"
                                       lay-verType="tips" disabled/>
                            </div>
                        </div>
                        <div class="layui-inline layui-col-md10" style="padding-top: 20px;">
                            <label class="layui-form-label"><span class="layui-badge-dot"></span>评价</label>
                            <div class="layui-input-block">
                                <input type="text" class="layui-input" id="unitAppraise" name="unitAppraise"
                                       lay-verType="tips" disabled/>
                            </div>
                        </div>
                        <div class="layui-inline layui-col-md10" style="padding-top: 20px;">
                            <label class="layui-form-label"><span class="layui-badge-dot"></span>基本信息</label>
                            <div class="layui-input-block">
                                <textarea id="unitContent" name="unitContent"
                                          class="layui-textarea" maxlength="255" disabled></textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </fieldset>

            <fieldset class="layui-elem-field">
                <legend>资质信息</legend>
                <div class="layui-field-box" id="divAppend">
                    <!--<div class="layui-row text-right">
                        <a class="layui-btn layui-btn-normal" href="javascript:;" id="btnAddEvaluation"><i class="layui-icon layui-icon-add-1"></i></a>
                    </div>-->
                </div>
            </fieldset>

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


<!-- js部分 -->
<script type="text/javascript" src="../../../assets/libs/layui/layui.js"></script>
<script type="text/javascript" src="../../../assets/js/common.js?v=312"></script>
<script type="text/javascript" src="../../../assets/libs/jquery/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="../../../assets/module/inputTags.js"></script>
<script src="../../../assets/libs/wangEditor/wangEditor.js"></script>
<script>
    var indexDiv = 1;
    layui.use(['layer', 'form', 'table', 'admin', 'zTree', 'uParas','upload','laydate'], function () {
        var $ = layui.jquery;
        var layer  = layui.layer;
        var form   = layui.form;
        var table  = layui.table;
        var admin  = layui.admin;
        var uParas = layui.uParas;
        var upload = layui.upload;
        var laydate = layui.laydate;

        var unitId = uParas.getUrlParam("unitId");

        admin.req(uParas.baseUrl + '/ent/outsourceUnit/get/' + unitId, {}, function (resp) {
            if (resp.code == 1) {
                var outsourceUnit = resp.data.outsourceUnit;
                form.val('editForm', outsourceUnit);  // 回显数据
                var evaluationArr = resp.data.evaluationArr;
                if (evaluationArr && evaluationArr.length > 0){
                    addHtmlAndVal(evaluationArr);
                }
            } else {
                layer.msg(resp.msg)
            }
        }, 'GET');

        function addHtmlAndVal(dataArr){
            for (var i = 0;i<dataArr.length;i++){
                var evaluation = dataArr[i];
                var html = "";
                html += '<div class="layui-form-item layui-row text-center">';
                html += '<hr class="layui-bg-gray">';
                //html += '<div style="position: absolute;right: 40px;padding-top: 20px;">';
                //html += '<a class="layui-btn layui-btn-warm deleteDiv" href="javascript:;" ><i class="layui-icon layui-icon-close"></i></a>';
                //html += '</div>';
                html += '       <div class="layui-inline layui-col-md10" style="padding-top: 20px;">';
                html += '                 <label class="layui-form-label"><span class="layui-badge-dot"></span>资质名称</label>';
                html += '                      <div class="layui-input-block">';
                html += '                         <input type="text" class="layui-input"  name="evaluationName"';
                html += '                                placeholder="请输入资质名称" maxlength="255" disabled';
                html += '                                lay-verType="tips" lay-verify="required" required value="'+evaluation.evaluationName+'"/>';
                html += '                      </div>';
                html += '                </div>';
                html += '                <div class="layui-inline layui-col-md10" style="padding-top: 20px;">';
                html += '                     <label class="layui-form-label"><span class="layui-badge-dot"></span>到期时间</label>';
                html += '                    <div class="layui-input-block">';
                html += '                         <input type="text" class="layui-input" name="endTime"';
                html += '                                value="'+evaluation.endTime+'" disabled';
                html += '                                lay-verType="tips" lay-verify="required" required/>';
                html += '                       </div>';
                html += '                  </div>';
                html += '                  <div class="layui-inline layui-col-md10" style="padding-top: 20px;">';
                html += '                     <label class="layui-form-label">缩略图</label>';
                html += '                       <div class="layui-input-block text-left">';
                html += '                         <div class="imgDiv" style="text-align: left;padding-top: 10px">';
                html += addImgHtml(evaluation.imgPath);
                html += '                         </div>';
                html += '                     </div>';
                html += '                  </div>';
                html += '              </div>';
                $("#divAppend").append(html);
            }
        }

        function addImgHtml(dataImg){
            var imgInitArr = dataImg.split(",");
            var html = "";
            if (imgInitArr && imgInitArr.length > 0){
                for (var j = 0;j<imgInitArr.length;j++){
                    let imgPath = imgInitArr[j];
                    html += '<div style="float: left;padding-top: 5px;padding-right: 10px;">';
                    html += '<input value="'+imgPath+'" name="imgInp" hidden/>';
                    html += '<img src="'+imgPath+'" onclick="showImg(\''+imgPath +'\');" style="width:100px;height: 100px;"/>';
                    //html += '<a style="margin-left: 37px;" onclick="deleteImg(this)">删除</a>';
                    html += '</div>';
                }
            }
            return html;
        }

    });
    //返回
    function goBack() {
        location.href = "./index.html";
    }

    function showImg(src) {
        var imgHtml = "<img src='" + src + "' width='1000px' height='650'/>";
        layer.open({
            type: 1,
            shade: 0.1,
            offset: 'auto',
            area: [1000 + 'px',650+'px'],  // area: [width + 'px',height+'px']  //原图显示
            shadeClose:true,
            scrollbar: false,
            title: "图片附件预览", //不显示标题
            content: imgHtml, //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
            // cancel: function () {
            //     layer.msg('捕获就是从页面已经存在的元素上，包裹layer的结构', { time: 5000, icon: 6 });
            // }
        });
    }
</script>

</body>
</html>