<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="./css/index.css">
<script src="./vue/vue.min.js"></script>
<script src="./js/index.js"></script>
</head>
<body>
<img src="./images/03.jpg" alt="" class="header-img">
<p>功能区</p>
<form action="https://www.baidu.com" enctype="multipart/form-data" method="post" id="form">
<div class="container" id="app">
<div class="container-left">
<div class="left-item1 menu-button">
<label>监控图场景超清化</label>
</div>
<div class="left-item2 menu-button">
<label>人脸超清化及自描述生成</label>
</div>
<div class="left-item3 menu-button">
<label>操作记录</label>
</div>
</div>
<div class="container-right">
<!-- 场景图 -->
<div class="right-container-item1 main-content" style="display:block;">
<div class="original-section">
<div class="file">
<form action="" class="activityForm">
<div class="userdefined-file">
<input type="text" name="userdefinedFile" id="uploadFile1" value="未选择任何文件">
<button type="button">上传</button>
</div>
<input type="file" name="file" id="file1">
</form>
</div>
<div class="original-section-img">
<img src="" alt="" id="original-face-img" style="width:250px;height:300px;">
</div>
<div class="original-section-text">
<label>原图</label>
</div>
</div>
<div class="generating-btn">
<div class="generating-btn-button">
<nav class="rectangle-nav" id="scene-button"><span>超清化</span></nav>
<nav class="triangle-nav"></nav>
</div>
</div>
<div class="generating-section">
<div class="generating-section-img">
<img src="" alt="" id="generating-img" style="width:250px;height:300px;">
</div>
<div class="generating-section-text">
<label>超清图</label>
</div>
</div>
</div>
<!-- 人脸 -->
<div class="right-container-item2 main-content">
<div class="item2-original-img">
<div class="file">
<form action="" class="activityForm">
<div class="userdefined-file">
<input type="text" name="userdefinedFile" id="uploadFile2" value="未选择任何文件">
<button type="button">上传</button>
</div>
<input type="file" name="file" id="file2">
</form>
</div>
<div class="item2-original-img-img">
<img src="" alt="" style="width:250px;height:300px;" id="original-scene-img">
</div>
<div class="item2-original-img-text">
<label>原图</label>
</div>
</div>
<div class="item2-original-button">
<div class="item2-original-button-left" id="face-button" style="cursor:pointer;">
<span>超清化</span>
</div>
<div class="item2-original-button-right"></div>
</div>
<div class="item2-generating-img">
<div class="item2-generating-img-img">
<img src="" alt="" id="generating-scene-img" style="width:250px;height:300px;">
</div>
<div class="item2-generating-img-text">
<label>超清图</label>
</div>
</div>
<div class="item2-original-text">
<div class="item2-original-text-descible">
<div><span id="face_type"></span></div>
<div><span id="eyebrow_type"></span></div>
<div><span id="mouth_type"></span></div>
<div><span id="hair_color"></span></div>
<div><span id="gender"></span></div>
</div>
<div class="item2-original-text-text">
<label>描述</label>
</div>
</div>
</div>
<div class="right-container-item3 main-content">
<div class="container-item3-item1">
<table border="1" style="border-collapse:collapse;" width="100%" class="table table-striped">
<thead>
<tr>
<th><div class="show-item1">序号</div></th>
<th><div class="show-item2">操作时间</div></th>
<th><div class="show-item2">原图</div></th>
<th><div class="show-item2">超清图</div></th>
<th><div class="show-item2">图片描述</div></th>
</tr>
</thead>
<tbody id="tbody">
<tr>
<td><div class="show-content-item1">1</div></td>
<td><div class="show-content-item2 operation-time">
<div class="date"><span>2018-11-19<br>15:54:32</span></div>
</div></td>
<td><div class="show-content-item2"><img src="./images/00.jpg" alt=""></div></td>
<td><div class="show-content-item2"><img src="./images/00.jpg" alt=""></div></td>
<td><div class="show-content-item2">
<div class="text">
<span>脸型:圆脸</span><br>
<span>嘴型:圆脸</span><br>
<span>脸型:圆脸</span><br>
<span>脸型:圆脸</span><br>
<span>脸型:圆脸</span><br>
</div>
</div></td>
</tr>
<tr>
<td><div class="show-content-item1">2</div></td>
<td><div class="show-content-item2 operation-time">
<div class="date"><span>2018-11-19<br>16:02:48</span></div>
</div></td>