Newer
Older
mcms / ms-mcms / src / main / webapp / html / 1 / yijianjianyi142 / index.html
StephanieGitHub on 26 Feb 2021 15 KB MOD: 新增案件上传
<!DOCTYPE html>
<html>
<head>
	<title>崇仁智慧城管便民服务平台</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
<meta name="description" content="崇仁智慧城管便民服务平台">
<meta name="keywords" content="崇仁智慧城管便民服务平台">
<meta name="mstore-key" content="a4bae73914ba1175df819ca91dedc686" />
<link href="http://cdn.mingsoft.net/global/images/ms.ico" rel="shortcut icon" type="image/x-icon" />
<link rel='stylesheet' href='http://localhost:8080/templets/1/company1807/css/metinfo.css'>
<link rel='stylesheet' href='http://localhost:8080/templets/1/company1807/css/base.css'>
<link rel="stylesheet" href="http://localhost:8080/templets/1/company1807/css/advice.css">
<link rel="stylesheet" type="text/css" href="http://localhost:8080/plugins/iconfont/1.0.0/iconfont.css" />
<script src="http://localhost:8080/plugins/jquery/1.9.1/jquery-1.9.1.js"></script><!--<script type="text/javascript">-->
	<!--document.domain = "mingsoft.net";-->
<!--</script>-->
<!--<script src="http://cdn.mingsoft.net/plugins/jquery/1.9.1/jquery-1.9.1.js"></script>-->
<!--<script src="http://cdn.mingsoft.net/plugins/ms/mstore/mstore-header.js"></script>-->
<style>
	@font-face {
		font-family: FontAwesome;
		font-style: normal;
		font-weight: 400;
		src: url(http://localhost:8080/templets/1/company1807/fonts/fontawesome-webfont.woff2);
	}
</style>	<link rel="stylesheet" href="http://localhost:8080/templets/1/company1807/css/advice.css">
	<link rel="stylesheet" href="http://localhost:8080/templets/1/company1807/css/imgFileupload.css">
	<script type="text/javascript" src="http://localhost:8080/templets/1/company1807/js/imgFileupload.js"></script>
	<style type="text/css">
		.met-show{
			padding:0px;
		}
	</style>
</head>
<body>
<nav class="navbar navbar-default met-nav" role="navigation" style="background:url()no-repeat;background-size: cover;background-position:center;background-color:#ffffff;">
	<div class="navbar-header">
		<div class="container dropup">
			<button type="button" class="navbar-toggle hamburger hamburger-close collapsed" data-target="#navbar-default-collapse" data-toggle="collapse">
				<span class="sr-only">Toggle navigation</span>
				<span class="hamburger-bar"></span>
			</button>
			<a href="http://localhost:8080" class="navbar-brand navbar-logo vertical-align" title="回到首页">
				<h1 class='hide'>回到首页</h1>
				<div class="vertical-align-middle"><img src="http://cgj.beijing.gov.cn/picture/24/2003101525429356150.png"/></div>
			</a>
			<div class="met-langlist  margin-top-10 text-center top-site navbar-right">
				<div class="inline-block dropup">
					<ul class="lang-list clearfix">
						<li>
							<div class="met-search-body">
								<form class="page-search-form">
									<input type='hidden' name='lang' value='cn' />
									<input type='hidden' name='class1' value='10001' />
									<div class="input-search">
										<button class="search-btn" type="submit"><i class="fa fa-search"></i></button>
										<input type="text" class="form-control" name="searchword" value="" placeholder="搜索" data-fv-notempty="true" data-fv-message="不能为空">
									</div>
								</form>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<h2 class='hide'></h2>
		</div>
	</div>
	<div class="collapse navbar-collapse navbar-collapse-toolbar" id="navbar-default-collapse" style="padding:0;">
		<div class="container">
			<ul class="nav navbar-nav navlist">
				<!--<a href="http://localhost:8080?id=1" class="navbar-brand navbar-logo vertical-align" title="回到首页">-->
				<!--<h1 class='hide'>回到首页</h1>-->
				<!--<div class="vertical-align-middle"><img src="http://cdn.mingsoft.net/global/images/MStore.png"/></div>-->
				<!--</a>-->
				<li>
					<a href="http://localhost:8080" title="网站首页" class="link dropdown-toggle">首  页</a>
				</li>
				<li class="dropdown margin-left-0">
					<a class="dropdown-toggle link" data-toggle="dropdown" data-hover="dropdown" href="#" aria-expanded="false" title="关于城管">关于城管<i class="fa fa-caret-down"></i></a>
					<!--<span class="dropdown-toggle link" data-toggle="dropdown" data-hover="dropdown" href="#" aria-expanded="false" title="关于城管">关于城管<i class="fa fa-caret-down"></i></span>-->
					<ul class="dropdown-menu dropdown-menu-right maxNavlist">
						<li>
							<a href="http://localhost:8080/html/1/shouyelanmu/guanyuchengguan/zuzhijigou/index.html" class="nav2list" title="组织机构">组织机构</a>
						</li>
						<li>
							<a href="http://localhost:8080/html/1/shouyelanmu/guanyuchengguan/lianxiwomen97/index.html" class="nav2list" title="联系我们">联系我们</a>
						</li>
						<li>
							<a href="http://localhost:8080/html/1/shouyelanmu/guanyuchengguan/zhuyaozhize/index.html" class="nav2list" title="主要职责">主要职责</a>
						</li>
						<li>
							<a href="http://localhost:8080/html/1/shouyelanmu/guanyuchengguan/lingdaojianjie/index.html" class="nav2list" title="领导简介">领导简介</a>
						</li>
					</ul>
				</li>
				<li class="dropdown margin-left-0">
					<a class="dropdown-toggle link" data-toggle="dropdown" data-hover="dropdown" href="#" aria-expanded="false" title="新闻中心">新闻中心<i class="fa fa-caret-down"></i></a>
					<!--<span class="dropdown-toggle link" data-toggle="dropdown" data-hover="dropdown" href="#" aria-expanded="false" title="新闻中心">新闻中心<i class="fa fa-caret-down"></i></span>-->
					<ul class="dropdown-menu dropdown-menu-right maxNavlist">
						<li>
							<a href="http://localhost:8080/html/1/shouyelanmu/xinwenzhongxin/gongzuodongtai/index.html" class="nav2list" title="工作动态">工作动态</a>
						</li>
						<li>
							<a href="http://localhost:8080/html/1/shouyelanmu/xinwenzhongxin/xingyezixun/index.html" class="nav2list" title="行业资讯">行业资讯</a>
						</li>
						<li>
							<a href="http://localhost:8080/html/1/shouyelanmu/xinwenzhongxin/chengshixinwen/index.html" class="nav2list" title="城市新闻">城市新闻</a>
						</li>
					</ul>
				</li>
				<li class="dropdown margin-left-0">
					<a class="dropdown-toggle link" data-toggle="dropdown" data-hover="dropdown" href="#" aria-expanded="false" title="信息公开">信息公开<i class="fa fa-caret-down"></i></a>
					<!--<span class="dropdown-toggle link" data-toggle="dropdown" data-hover="dropdown" href="#" aria-expanded="false" title="信息公开">信息公开<i class="fa fa-caret-down"></i></span>-->
					<ul class="dropdown-menu dropdown-menu-right maxNavlist">
						<li>
							<a href="http://localhost:8080/html/1/shouyelanmu/xinxigongkai/zhengcefagui/index.html" class="nav2list" title="政策法规">政策法规</a>
						</li>
						<li>
							<a href="http://localhost:8080/html/1/shouyelanmu/xinxigongkai/gongshigonggao/index.html" class="nav2list" title="公示公告">公示公告</a>
						</li>
						<li>
							<a href="http://localhost:8080/html/1/shouyelanmu/xinxigongkai/zhengcejiedu/index.html" class="nav2list" title="政策解读">政策解读</a>
						</li>
					</ul>
				</li>
				<li class="dropdown margin-left-0">
					<a class="dropdown-toggle link" data-toggle="dropdown" data-hover="dropdown" href="#" aria-expanded="false" title="办事服务">办事服务<i class="fa fa-caret-down"></i></a>
					<!--<span class="dropdown-toggle link" data-toggle="dropdown" data-hover="dropdown" href="#" aria-expanded="false" title="办事服务">办事服务<i class="fa fa-caret-down"></i></span>-->
					<ul class="dropdown-menu dropdown-menu-right maxNavlist">
						<li>
							<a href="http://localhost:8080/html/1/shouyelanmu/banshifuwu/yijianjianyi/index.html" class="nav2list" title="意见建议">意见建议</a>
						</li>
					</ul>
				</li>
				<li class="dropdown margin-left-0">
					<a class="dropdown-toggle link" data-toggle="dropdown" data-hover="dropdown" href="#" aria-expanded="false" title="专题专栏">专题专栏<i class="fa fa-caret-down"></i></a>
					<!--<span class="dropdown-toggle link" data-toggle="dropdown" data-hover="dropdown" href="#" aria-expanded="false" title="专题专栏">专题专栏<i class="fa fa-caret-down"></i></span>-->
					<ul class="dropdown-menu dropdown-menu-right maxNavlist">
						<li>
							<a href="http://localhost:8080/html/1/shouyelanmu/zhuantizhuanlan/lajifenlei/index.html" class="nav2list" title="垃圾分类">垃圾分类</a>
						</li>
						<li>
							<a href="http://localhost:8080/html/1/shouyelanmu/zhuantizhuanlan/chengguanditu/index.html" class="nav2list" title="城管地图">城管地图</a>
						</li>
						<li>
							<a href="http://localhost:8080/html/1/shouyelanmu/zhuantizhuanlan/redianwenti/index.html" class="nav2list" title="热点问题">热点问题</a>
						</li>
					</ul>
				</li>
			</ul>
		</div>
	</div>
</nav><div class="met-column-nav ">
	<div class="container">
		<div class="card">
			<div class="sidebar-tile">
				<ul class="met-column-nav-ul invisible-xs">
					<li>
						<a href="#" title="问题上报" class="link active">问题上报</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>
<div class="met-show animsition">
	<div class="container">
		<div class="row">
			<div class="clearfix show-editor">
				<div class="ms-content-advice">
					<div class="ms-content-form-background">
						<form class="ms-content-form" method="post" id="postForm">
							<!--姓名-->
							<label class="form-label">姓名</label>
							<input class="ms-content-form-name" type="text" name="name" placeholder="请填写真实姓名">
							<!--手机号-->
							<label class="form-label">手机号</label>
							<input class="ms-content-form-phone" type="text" name="phone" placeholder="请填写手机号">
							<!--发生地点-->
							<label class="form-label">发生地点</label>
							<input class="ms-content-form-place" type="text" name="place" placeholder="请填写详细地点">
							<!--问题描述-->
							<label class="form-label">问题描述</label>
							<textarea class="ms-content-form-message" name="words" placeholder="请填写问题描述"></textarea>
							<label class="form-label">图片</label>
							<div class="review_img"></div>
							<div class="ms-login-button">提交</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="met-footnav text-center">
	<div class="container">
		<div class="row mob-masonry">
			<div class="col-md-8 col-xs-12 footnav-left clearfix">
				<!--关于城管的子栏目-->
								<div class="col-md-2 col-sm-2 col-xs-6 list masonry-item">
					<h4><a href="http://localhost:8080/html/1/shouyelanmu/guanyuchengguan/lingdaojianjie/index.html"  title="领导简介">领导简介</a></h4>
				</div>
				<div class="col-md-2 col-sm-2 col-xs-6 list masonry-item">
					<h4><a href="http://localhost:8080/html/1/shouyelanmu/guanyuchengguan/zuzhijigou/index.html"  title="组织机构">组织机构</a></h4>
				</div>
				<div class="col-md-2 col-sm-2 col-xs-6 list masonry-item">
					<h4><a href="http://localhost:8080/html/1/shouyelanmu/guanyuchengguan/lianxiwomen97/index.html"  title="联系我们">联系我们</a></h4>
				</div>
				<div class="col-md-2 col-sm-2 col-xs-6 list masonry-item">
					<h4><a href="http://localhost:8080/html/1/shouyelanmu/guanyuchengguan/zhuyaozhize/index.html"  title="主要职责">主要职责</a></h4>
				</div>
			</div>
			<div class="col-md-4 col-xs-12 footnav-right clearfix">
				<div class="info masonry-item">
					<div class="info-right">
						<a id="met-weixin"><i class="fa fa-weixin light-green-700" data-plugin="webuiPopover" data-animation="pop" data-placement='top' data-width='160' data-padding='0' data-content="<img src='http://cdn.mingsoft.net/global/images/weixin.jpg' alt='奋发概况-政府响应式模板' style='width: 100%;display:block;margin:auto;'>"></i></a>
						<a href="javascript:;" rel="nofollow" target="_blank"><i class="fa fa-weibo red-600"></i></a>
						<span class="phone"><i class="fa fa-phone"></i><span>888-8888-8888</span></span>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!--<div class="met-links">-->
	<!--<div class="container">-->
		<!--<ol class="breadcrumb">-->
			<!--<li>友情链接 :</li>-->
			<!--<li>-->
				<!--<a href="http://ms.mingsoft.net/" target="_blank">-->
					<!--铭飞科技-->
				<!--</a>-->
			<!--</li>-->
			<!--<li>-->
				<!--<a href="http://ms.mingsoft.net/" target="_blank">-->
					<!--铭飞科技-->
				<!--</a>-->
			<!--</li>-->
		<!--</ol>-->
	<!--</div>-->
<!--</div>-->
<footer>
	<div class="container text-center">
		<p>江西省抚州市崇仁县便民服务平台 版权所有 ©江西省抚州市崇仁县城市管理局 2021-2031 保留一切权利。 </p>
		<div class="powered_by_metinfo">Powered&nbsp;by&nbsp;
			<a href="http://ms.mingsoft.net/" target="_blank" title="企业网站管理系统">北京无线电计量测试研究所</a>&nbsp;1.0.0</div>
	</div>
</footer>
<button type="button" class="btn btn-icon btn-primary btn-squared met-scroll-top hide"><i class="iconfont" aria-hidden="true">&#xe750;</i></button>
<script src="http://localhost:8080/templets/1/company1807/js/metinfo.js"></script>
<script type="text/javascript">
	var id = location.search;
	if(id != "") {
		id = id.substr(4, id.length);
		$(".navlist>li>a").eq(parseInt(id - 1)).addClass("active");
	}else{
		$(".navlist>li>a").eq(parseInt(0)).addClass("active");
	}
</script></body>
</html>
<script>
    $(function () {
        imgFile = new ImgUploadeFiles('.review_img', function (e) {
            this.init({
                MAX: 4, //Limit the number of images
                FileSize: 1024 * 1024 * 4,//单文件限制4MB(注意:单位KB)
                callback: function (arr) {
                    console.log(arr)
                }
            });
        });
    });
    /* 表单提交 */
    var flag = false;
    $(".ms-login-button").click(function() {
        if(!flag) {
            $.ajax({
                type: "POST",
                url: "http://localhost:8080/mdiy/post/7df6529f9eaa26da7ae4e01c7f73aa06.do",
                data: $("#postForm").serialize(),
                success: function(msg) {
                    flag = true;
                    alert("提交成功");
                    location.reload();
                }
            });
        } else {
            alert("您已经提交过了!");
        }
    })

    /* 表单验证 */
    function verification() {
        if($('input[name="name"]').val().length > 0 && $('input[name="phone"]').val().length > 0 && $('.ms-content-form-message').val().length > 0) {
            $('.ms-login-button').css("background-color", "#009aff");
            $('.ms-login-button').css("pointer-events", 'visible');
            $('.ms-login-button').css("color", "#fff");
        } else {
            $('.ms-login-button').css("background-color", "#fafafa");
            $('.ms-login-button').css('pointer-events', "none");
            $('.ms-login-button').css("color", "#ddd");
        }
    }

    $('input[name="name"]').keyup(function() {
        verification();
    })
    $('input[name="phone"]').keyup(function() {
        verification();
    })
    $('.ms-content-form-message').keyup(function() {
        verification();
    })
</script>