Files
gate-dashboard-program/view/layout/web/addPosition.tpl.html
T

261 lines
19 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>新增点位 | 智能截流闸管理平台</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta content="智能截流闸管理平台" name="description" />
<meta content="Themesdesign" name="author" />
<!-- App favicon -->
<link rel="shortcut icon" href="assets/images/favicon.ico">
<!-- jquery.vectormap css -->
<link href="assets/libs/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
<!-- DataTables -->
<link href="assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
<!-- Responsive datatable examples -->
<link href="assets/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" />
<!-- Bootstrap Css -->
<link href="assets/css/bootstrap.min.css" id="bootstrap-style" rel="stylesheet" type="text/css" />
<!-- Icons Css -->
<link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<!-- App Css-->
<link href="assets/css/app.min.css" id="app-style" rel="stylesheet" type="text/css" />
</head>
<body data-sidebar="dark">
<!-- Begin page -->
<div id="layout-wrapper">
<!-- 头部开始 -->
<?php include_once('header.tpl.html'); ?>
<!-- 头部结束 -->
<!-- ========== Left Sidebar Start ========== -->
<?php include_once('leftsidebar.tpl.html'); ?>
<!-- Left Sidebar End -->
<!-- ============================================================== -->
<!-- Start right Content here -->
<!-- ============================================================== -->
<div class="main-content">
<div class="page-content">
<div class="container-fluid">
<div class="row">
<div class="col-xl-12">
<h5 class="font-size-18 mt-0 mb-1" style="font-weight: 600;">编辑场站点位</h5>
<div class="card">
<div class="card-body">
<form id="form_add" class="well form-inline">
<!-- 基本信息 -->
<div class="modal-body">
<h4><div>基本信息</div></h4>
<div class="form-group row">
<label class="col-md-2 col-form-label"><span style="color:red;">*&nbsp;</span>所属项目</label>
<label for="example-text-input" class="col-md-2 col-form-label">
<select class="form-control" tabindex="-1" aria-hidden="true" name="sort_name" id="" style="width:100%;">
<option v-bind:value="" v-for="">延安项目</option>
<option v-bind:value="" v-for="">西宁项目</option>
<option v-bind:value="" v-for="">其他项目</option>
</select>
</label>
</div>
<div class="form-group row">
<label class="col-md-2 col-form-label"><span style="color:red;">*&nbsp;</span>点位名称</label>
<label for="example-text-input" class="col-md-2 col-form-label">
<input class="form-control" type="text" value="" id="example-text-input" name="device_name" style="width:100%;" required>
</label>
</div>
<div class="form-group row">
<label for="example-text-input" class="col-md-2 col-form-label"><span style="color:red;">*&nbsp;</span>所属位置</label>
<label for="example-text-input" class="col-md-5 col-form-label">
<input class="form-control" type="text" value="" id="example-text-input" name="device_name" style="width:100%;" required>
</label>
</div>
<div class="form-group row">
<label for="example-text-input" class="col-md-2 col-form-label"><span style="color:red;">*&nbsp;</span>负责人</label>
<label for="example-text-input" class="col-md-2 col-form-label">
<input class="form-control" name="uuid" type="text" value="" id="example-text-input" placeholder="姓名"style="width:100%;" required>
</label>
<label for="example-text-input" class="col-md-3 col-form-label">
<input class="form-control" name="uuid" type="text" value="" id="example-text-input" placeholder="电话"style="width:100%;" required>
</label>
</div>
<div class="form-group row">
<label for="example-text-input" class="col-md-2 col-form-label"><span style="color:red;">*&nbsp;</span>监督人</label>
<label for="example-text-input" class="col-md-2 col-form-label">
<input class="form-control" name="uuid" type="text" value="" id="example-text-input" placeholder="姓名"style="width:100%;" required>
</label>
<label for="example-text-input" class="col-md-3 col-form-label">
<input class="form-control" name="uuid" type="text" value="" id="example-text-input" placeholder="电话"style="width:100%;" required>
</label>
</div>
<div class="form-group row" style="margin-top:20px;margin-bottom:20px;border-bottom:1px solid #e0dfdf;"></div>
<h4><div>设备信息</div></h4>
<div class="form-group row">
<label class="col-md-2 col-form-label"><span style="color:red;">*&nbsp;</span>闸门</label>
<label for="example-text-input" class="col-md-2 col-form-label">
<input class="form-control" type="text" value="" id="example-text-input" name="device_name" style="width:100%;" required>
</label>
</div>
<div class="form-group row">
<label class="col-md-2 col-form-label"><span style="color:red;">*&nbsp;</span>污水泵</label>
<label for="example-text-input" class="col-md-2 col-form-label">
<input class="form-control" type="text" value="" id="example-text-input" name="device_name" style="width:100%;" required>
</label>
</div>
<div class="form-group row">
<label class="col-md-2 col-form-label"><span style="color:red;">*&nbsp;</span>雨水泵</label>
<label for="example-text-input" class="col-md-2 col-form-label">
<input class="form-control" type="text" value="" id="example-text-input" name="device_name" style="width:100%;" required>
</label>
</div>
<div class="form-group row">
<label class="col-md-2 col-form-label"><span style="color:red;">*&nbsp;</span>水质传感器</label>
<label for="example-text-input" class="col-md-5 col-form-label">
<div class="form-check mb-3" style="width:inherit;justify-content:unset;">
<input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
<label class="form-check-label" for="defaultCheck1">
PH传感器
</label>
</div>
<div class="form-check mb-3" style="width:inherit;justify-content:unset;">
<input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
<label class="form-check-label" for="defaultCheck1">
氨氮传感器
</label>
</div>
<div class="form-check mb-3" style="width:inherit;justify-content:unset;">
<input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
<label class="form-check-label" for="defaultCheck1">
电导率传感器
</label>
</div>
</label>
</div>
<div class="form-group row">
<label class="col-md-2 col-form-label"><span style="color:red;">*&nbsp;</span>雨雪传感器</label>
<label for="example-text-input" class="col-md-2 col-form-label" style="justify-content:unset;">
<div class="form-check mb-3" >
<input class="form-check-input" type="radio" name="rs" id="exampleRadios1" value="option1" checked>
<label class="form-check-label" for="exampleRadios1">
</label>
</div>
<div class="form-check mb-3" style="padding-left:15%;">
<input class="form-check-input" type="radio" name="rs" id="exampleRadios2" value="option2">
<label class="form-check-label" for="exampleRadios2">
</label>
</div>
</label>
</div>
<div class="form-group row">
<label class="col-md-2 col-form-label"><span style="color:red;">*&nbsp;</span>雨量传感器</label>
<label for="example-text-input" class="col-md-2 col-form-label" style="justify-content:unset;">
<div class="form-check mb-3" >
<input class="form-check-input" type="radio" name="r" id="exampleRadios1" value="option1" checked>
<label class="form-check-label" for="exampleRadios1">
</label>
</div>
<div class="form-check mb-3" style="padding-left:15%;">
<input class="form-check-input" type="radio" name="r" id="exampleRadios2" value="option2">
<label class="form-check-label" for="exampleRadios2">
</label>
</div>
</label>
</div>
<div class="form-group row">
<label class="col-md-2 col-form-label"><span style="color:red;">*&nbsp;</span>浮子开关</label>
<label for="example-text-input" class="col-md-2 col-form-label" style="justify-content:unset;">
<div class="form-check mb-3" >
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked>
<label class="form-check-label" for="exampleRadios1">
</label>
</div>
<div class="form-check mb-3" style="padding-left:15%;">
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2" value="option2">
<label class="form-check-label" for="exampleRadios2">
</label>
</div>
</label>
</div>
<div class="modal-footer">
<div>
<button type="button" @click="getDeviceAdd" class="btn btn-primary waves-effect waves-light mr-1" data-toggle="modal" data-target="#myModalLabel3" data-placement="top">
提交
</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- end row -->
</div> <!-- container-fluid -->
</div>
<!-- End Page-content -->
<!-- 尾部开始 -->
<?php include_once('footer.tpl.html'); ?>
<!-- 尾部结束 -->
</div>
<!-- end main content-->
</div>
<!-- END layout-wrapper -->
<!-- Right bar overlay-->
<div class="rightbar-overlay"></div>
<!-- JAVASCRIPT -->
<script src="assets/libs/jquery/jquery.min.js"></script>
<script src="assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/libs/metismenu/metisMenu.min.js"></script>
<script src="assets/libs/simplebar/simplebar.min.js"></script>
<script src="assets/libs/node-waves/waves.min.js"></script>
<!-- apexcharts -->
<script src="assets/libs/apexcharts/apexcharts.min.js"></script>
<!-- jquery.vectormap map -->
<script src="assets/libs/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="assets/libs/admin-resources/jquery.vectormap/maps/jquery-jvectormap-us-merc-en.js"></script>
<!-- Required datatable js -->
<script src="assets/libs/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="assets/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
<!-- Responsive examples -->
<script src="assets/libs/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
<script src="assets/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js"></script>
<script src="assets/js/pages/dashboard.init.js"></script>
<script src="assets/js/app.js"></script>
</body>
</html>