YDM
/
caiping


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298
							<?php /*a:2:{s:67:"D:\phpstudy_pro\WWW\caiping\app\admin\view\project\contact\add.html";i:1723541257;s:59:"D:\phpstudy_pro\WWW\caiping\app\admin\view\common\base.html";i:1723541257;}*/ ?>
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="360-site-verification" content="a7c876fae8b6e3175a52ea9f19543f51" />
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0">
	<script src="/static/dist/xm-select.js"></script>

	<link rel="mobile-prefetch" href=""/>


	<title><?php echo get_system_config('web','admin_title'); ?></title>		


	<meta name="keywords" content="<?php echo get_system_config('web','keywords'); ?>"/>
	<meta name="description" content="<?php echo get_system_config('web','desc'); ?>"/>


<link rel="stylesheet" href="/static/assets/gougu/css/gougu.css?v=<?php echo get_system_config('web','version'); ?>" media="all">


<style>
    .footer{
        display: none;
    }

    #fileBox li{
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .layui-table th{
        text-align: center !important;
        font-weight: 500;
    }

    .layui-anim dd{
        text-align: left;
    }

    .layui-th-gray{
        background-color: rgb(241, 241, 241);
    }

    .layui-table th{
        border-color: #e2e2e2
    }
    
    .fujian p{
        margin: 3px 0 5px 0;
		width: 11vw;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
    }
    
    .fujian{
        width: auto;
        overflow: auto;
        justify-content:flex-start;
        align-content: space-between;
        flex-direction: column-reverse;
        flex-wrap: wrap;
        display: flex;
        
    }
    .fujian li{
        padding: 0.5vw 0.8vw 0.5vw 0.8vw;
		white-space: nowrap;  
    	overflow: hidden;       
    	text-overflow: ellipsis;
    	/*display: inline-block;*/
		border-right: 1px solid #e2e2e2;
        float: left;
	 }
	 
    .layui-btn-group{
        display: flex;
        justify-content: center;
    }
</style>


</head>
<body class="main-body">
	<!-- 主体 -->
	
<form class="layui-form p-4">


    <h3 class="pb-3">新建联系函</h3>
    <table class="layui-table layui-table-form">
        <tr>
            <th class="layui-th-gray-2"  style="background-color: rgb(241, 241, 241);">联系函名称 <font style="color: red !important;">*</font></th>
            <th colspan="8">
                <input type="text" name="title" lay-verify="required" lay-reqText="请输入联系函名称"
                       placeholder="请输入联系函名称" class="layui-input" value="">
            </th>
            
        </tr>
        <tr>
            <th class="layui-th-gray" style="vertical-align:top;">联系函内容 <font style="color: red !important;">*</font></th>
            <th colspan="8">
                <textarea name="content" placeholder="请输入内容" class="layui-textarea" id="container_content"
                          style="border:0;padding:0"></textarea>
            </th>
        </tr>
        

    </table>

    <div class="pt-3">
        <input type="hidden" name="id" value=""/>
        <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="webform">立即提交</button>
        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
</form>

<div class="layui-card border-y">
    <div class="layui-card-header" style="height:45px;border-color: #e2e2e2">
        <div class="layui-row">
            <div class="layui-col-md6">
                <strong>联系函附件</strong>
            </div>
            <div class="layui-col-md6" style="text-align:right">
                <button type="button" class="layui-btn layui-btn-danger layui-btn-sm" id="uploadBtn">上传附件</button>
            </div>
        </div>
    </div>
    <div class="layui-row p-2 fujian" id="fileBox">
        <div class="layui-data-none">暂无附件</div>
    </div>
</div>


	<!-- /主体 -->

	<!-- 底部 -->
	
	<div class="footer">
		逸管工程项目管理系统 © www.yiguanfep.com 
		<img src="/static/home/images/police.png" alt="" style="width:14.5px;height:16px;">
		<a href="https://beian.mps.gov.cn/#/query/websearch?code=45030202000160 " rel="\&quot;noreferrer'target=\”blank\&quot;" onclick="window.open(this.href); return false;">桂公网安备45030202000160号</a>
		<a href="https://beian.miit.gov.cn/#/Integrated/index" onclick="window.open(this.href); return false;">桂ICP备17000971号</a>
	</div>
	
	
	<!-- /底部 -->
	
	<!-- 脚本 -->
	
<script>
    const moduleInit = ['tool', 'tagpicker', 'tinymce', 'oaTool'];

    function gouguInit() {
        var form = layui.form, tool = layui.tool, oaTool = layui.oaTool;

        var file_id = null;


        //编辑器初始化
        var editor = layui.tinymce;
        var edit = editor.render({
            selector: "#container_content",
            height: 500
        });

        let a = 1;
        //监听提交
        form.on('submit(webform)', function (data) {
            data.field.content = tinyMCE.editors['container_content'].getContent();
            if (data.field.content == '') {

                layer.msg('<span style="color: white">请先完善文章内容</span>');

                return false;
            }
            if(a){
                let callback = function (e) {
                parent.layui.contactTable.reload();
                layer.msg(e.msg);
                if (e.code == 0) {
                    tool.tabRefresh(71);
                    tool.sideClose(1000);
                    a = 1
                }
            }
            data.field.file = file_id;
            data.field.project_id = '<?php echo htmlentities($project_id); ?>';
            tool.post("/admin/project.contact/add", data.field, callback);
            }
            
            a = 0
            return false;
        });

        function fileCard(item){
            var host = window.location.host;
            var li = '';
            if(item.length>0){
                for(var a=0;a<item.length;a++){
                    let image = ['jpg','jpeg','png','gif'];
                    let doc = ['doc','docx','xls','xlsx','ppt','pptx','txt','pdf','zip','rar','7z'];
                    // let down = '<a href="'+item[a].filepath+'" target="_blank" class="layui-btn layui-btn-xs layui-btn-normal" download="'+item[a].name+'">下载</a>';
                    let down ='<a href="' + item[a]['filepath'] + '" target="_blank" class="layui-btn layui-btn-xs layui-btn-normal" download="' + item[a]['name'] + '">预览</a>';
                    // 判断元素是否在数组中
                    let path='/static/home/images/icon/file.png';
                    if (image.includes(item[a].fileext)) {
                        path=item[a].filepath;
                        down = '<span data-href="'+item[a].filepath+'" class="layui-btn layui-btn-xs layui-btn-normal file-view-img">预览</span>';
                    } else if (doc.includes(item[a].fileext)){
                        path='/static/home/images/icon/'+item[a].fileext+'.png';
                    }

                    if(item[a].fileext == 'pdf'){
                        down = '<span data-href="'+item[a].filepath+'" class="layui-btn layui-btn-xs layui-btn-normal file-view-pdf">预览</span>';
                    }
                    li += '<li id="'+item[a].id+'" data-id="'+item[a].id+'" data-title="'+item[a].name+'" data-ext="'+item[a].fileext+'"><img src="'+path+'" alt="'+item[a].filename+
                        '" style="object-fit: contain;" class="file-item"><p title="'+item[a].name+'">'+item[a].name+
                        '</p><div class="layui-btn-group">'+ down +
                        '<span class="layui-btn layui-btn-xs layui-btn-danger file-del">删除</span></div></li>';
                }

                return li;
            }
        }

        var emptyCard = ' <div class="layui-data-none">暂无附件</div>'
        $('#fileBox').on('click','.file-del',function(){
            layer.confirm('确定要删除该文件吗？', { icon: 3, title: '提示' }, function (index) {
                layer.closeAll();
                $('#' + file_id).remove();
                $("#fileBox").html(emptyCard);
                file_id = null;
            });
        })

        oaTool.addFile({
            type: 1,
            isSave: true,
            ajaxDelete: function (file_id) {
                var emptyCard = ' <div class="layui-data-none">暂无附件</div>'
                if (e.code == 0) {
                    $('#fileItem' + file_id).remove();
                    $("#fileBox").html(emptyCard);
                    file_id = null;
                }
                
            },
            ajaxSave: function (res) {

                let callback = function (e) {
                    layer.msg('上传成功');
                    $("#fileBox").html(fileCard(e));
                    file_id = res.data.id

                }

                tool.post("/admin/project.contact/add_file", {
                    'file': res.data.id,
                }, callback);


            }
        });


    }

</script>

	<!-- /脚本 -->
	
	<!-- <script src="/static/assets/layui/layui.js"></script> -->
	<script src="/static/assets/layui/layui.js"></script>
	<script src="/static/assets/third_party/echart/echarts.min.js"></script>
	<script src="/static/assets/gougu/gouguInit.js"></script>

	<script src="https://unpkg.com/pinyin-pro"></script>
	<script>
        
	    var { pinyin } = pinyinPro;
	</script>
	
			
	<!-- 统计代码 -->
	
	<!-- /统计代码 -->
</body>
</html>