bc_zhang
/
kg


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275
							<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>生保系统故障分析及辅助维修决策软件</title>
    <link rel="stylesheet" href="./css/pintuer.css">
    <link rel="stylesheet" href="./css/admin.css">
    <link rel="stylesheet" href="./css/reset.css" />
    <script src="../other/public/jquery.js"></script>
    <script src="./js/pintuer.js" type="text/javascript" charset="utf-8"></script>
    <script src="./lib/jquery.min.js"></script>
    <script src="./lib/layui/layui.js" charset="utf-8"></script>
    <script src="./js/xadmin.js"></script>
    <script src="../other/js/functions.js"></script>
    <script src="js/HMC.js"></script>
    <!-- <script src="../other/public/jquery-1.11.2.js" type="text/javascript" charset="utf-8"></script> -->
    <style type="text/css">
    	.search-box {
    		display: flex;
    		align-items: center;
    		justify-content: center;
    		margin-top: 100px;
    	}
    
    	.search-wrap {
    		display: flex;
    		flex-direction: column;
    		justify-content: center;
    		align-items: flex-start;
    		position: relative;
    	}
    
    	.searchInput {
    		width: 400px;
    		height: 40px;
    		border: solid 1px #ddd;
    		padding-left: 15px;
    		border-top-left-radius: 4px;
    		border-bottom-left-radius: 4px;
    	}
    
    	.searchBtn {
    		height: 40px;
    		padding: 5px 15px;
    		border-top-left-radius: 0;
    		border-bottom-left-radius: 0;
    		border-left: none;
    	}
    
    	.search-type {
    		margin-top: 10px;
    		margin-left: 85px;
    		font-size: 14px;
    	}
    
    	.search-type span {
    		display: inline-block;
    		cursor: pointer;
    		margin-right: 10px;
    		color: #626675;
    	}
    
    	.search-type span:hover {
    		color: #09c;
    	}
    
    	.search-box-toLeft {
    		/* margin-top: 60px; */
    	}
    
    	.search-data {
    		margin-top: 30px;
    		display: none;
    		align-items: center;
    		justify-content: center;
    		font-size: 14px;
    	}
    
    	.search-data-list {
    		/*width: 580px;*/
    	}
    
    	.search-data-item {
    		overflow: hidden;
    		text-overflow: ellipsis;
    		white-space: nowrap;
    		margin-bottom: 20px;
    		color: #09c;
    		cursor: pointer;
    		display: flex;
    		    justify-content: flex-start;
    	}
    
    	.toManage {
    		cursor: pointer;
    		display: flex;
    		align-items: center;
    		justify-content: center;
    		position: fixed;
    		right: 20px;
    		top: 20px;
    	}
    
    	.search-box .search-wrap .button {
    		background-color: #4e6ef2;
    		color: #fff;
    	}
    
    	.box {
    		width: 100%;
    		height: 50px;
    		display: flex;
    		justify-content: center;
    		align-items: center;
    		position: relative;
    		top: 50px;
    	}
    
    	.box img {
    		width: 50px;
    		height: 50px;
    	}
    
    	.box p {
    		display: inline-block;
    		color: #4e6ef2;
    		font-size: 30px;
    	}
    
    	.search-box .search-wrap .search-type1 {
    		position: absolute;
    		top: 50px;
    		right: 10px;
    		color: #626675;
    	}
    
    	.search-box .search-wrap img {
    		width: 20px;
    		height: 20px;
    		position: absolute;
    		top: 47px;
    		right: 68px;
    	}
    
    	#btn {
    		color: #626675;
    		font-size: 14px;
    		position: absolute;
    		right: 0px;
    		top: 60px;
    		display: none;
    	}
    
    	#btn .btn {
    		
    		margin-left: 30px;
    		margin-top: 20px;
    		display: inline-block;
    	}
    
    	#btn .btn1 {
    		width: 180px;
    		background-color: #fff;
    		position: absolute;
    		top: 35px;
    		left: -30px;
    		padding: 5px 0;
    		border: 1px solid rgba(0, 0, 0, .2) font-size: 13px;
    		line-height: 20px;
    		display: none;
    	}
    
    	#btn .btn1 ul {
    		text-align: left;
    		color: #666;
    	}
    
    	#btn .btn1 ul span {
    		padding: 3px 0;
    		padding-left: 10px;
    		color: #999;
    		display: block;
    	}
    	#btn .btn2 {
    		width: 180px;
    		background-color: #fff;
    		position: absolute;
    		top: 35px;
    		right: -65px;
    		padding: 5px 0;
    		border: 1px solid rgba(0, 0, 0, .2) font-size: 13px;
    		line-height: 20px;
    		display: none;
    	}
    	
    	#btn .btn2 ul {
    		text-align: left;
    		color: #666;
    	}
    	
    	#btn .btn2 ul span {
    		padding: 3px 0;
    		padding-left: 10px;
    		color: #999;
    		display: block;
    	}
    	#bot{
    		background-color: #4e6ef2;
    		color: #fff;
    		border: 1px solid #4e6ef2;
    		margin-left: 10px;
    		display: none;
    	}
    	.search-data .search-data-list a{
    		display: inline-block;
    		width: 25%;
    		text-decoration: underline;
    	}
    	.search-data .search-data-list a:hover{
    		
    	}
    	.search-data .search-data-list p{
    		margin-left: 10%;
    		display: inline-block;
    		color: #000000;
    		width: 10%;
    	}
    	.search-data .search-data-list p span{
    		color: #626675;
    	}
		#all{
			margin-right: 10px;
			padding-left: 10px;
			width: 75px;
			color: #999;
		}
    </style>
    
</head>

<body>
    <div class="wrap">
        <div class="box">
            <img src="./images/icon1.png">
            <p style="margin-left: 2%;">HMC代码分析模块</p>
        </div>

        <div class="search-box">
            <div class="search-wrap">
                <div style="display:flex;" class="div">
                    <!-- <input type="text" id="search" class="searchInput" placeholder="请输入关键字" />
                    <button class="button searchBtn">分析</button> -->
					<!-- <form class="layui-form"> -->
						<select id="all" class="all" lay-search="all" lay-verify="required">
							<option value="0">HMC</option>
						</select>
						<input type="text" id="search" class="searchInput" placeholder="请输入关键字" />
						 <button class="button searchBtn">分析</button>
					<!-- </form> -->
                </div>
                <div class="search-type">
                    <span>全部</span>
                    <span id="repairManual">故障案例</span>
                    <span id="faultRecord">故障记录</span>
                </div>
            </div>
        </div>
        <div class="search-data">
            <ul class="search-data-list"></ul>
        </div>
    </div>
</body>

</html>