master

分支 (1)

管理

管理

master

tower-monitoring-system
/
sensorDataManagerAdd.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>传感器信息添加</title>
    <meta name="description" content="AdminLTE2定制版">
    <meta name="keywords" content="AdminLTE2定制版">
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">

   <link rel="stylesheet" href="plugins/bootstrap/css/bootstrap.min.css">
   <link rel="stylesheet" href="plugins/datatables/dataTables.bootstrap.css">
   <link rel="stylesheet" href="plugins/adminLTE/css/AdminLTE.css">
   <link rel="stylesheet" href="plugins/adminLTE/css/skins/_all-skins.min.css">
   <link rel="stylesheet" href="css/index.css">
	<style>
		.el-input__inner{
			background-color: rgba(46,77,112,1) ;
			color: white;
        }
		.el-form-item__label{
			color: white;
		}
	</style>
</head>

<body class="hold-transition skin-purple sidebar-mini">
	<script src="js/vue.global.js"></script>
	<script src="js/index.full.js"></script>
    <div class="wrapper">
		<div id="app" class="content" style="margin-left: 0%;height: 800px;>
		  <!-- 内容头部 -->
			 <section class="content-header">
				 <p style="color: white;font-size: 23px;font-weight:bold;margin-left:1.5%">
				     传感器信息添加
				 </p>
			 </section>
		   <!-- 内容头部 /-->

			 <!-- 正文区域 -->
			 <section class="content" style="height: 500px;">
				 <!-- .box-body -->
				 <div class="box box-primary" style="background-color:#293441;">
					 <div class="box-body">
						 <div class="table-box">

							 <el-form ref="form" :model="form" label-width="30%">

							   <el-row :gutter="24">
								   <el-col :span="22">
									   <el-form-item label="传感器名称:" style="margin-left:8%">
											<el-input v-model="form.name" placeholder="传感器名称" style="width:71%"></el-input>
									   </el-form-item>
								   </el-col>
							   </el-row>

							   <el-row :gutter="24">
								   <el-col :span="22">
									  <el-form-item label="型号:" style="margin-left:8%">
									  		<el-input v-model="form.model" placeholder="型号" style="width:71%"></el-input>
									  </el-form-item>
								   </el-col>
							   </el-row>
							   <el-row :gutter="24">
								   <el-col :span="22">
									   <el-form-item label="警告阈值:" style="margin-left:8%">
									   		<el-input v-model="form.warndata" placeholder="警告阈值" style="width:71%"></el-input>
									   </el-form-item>
								   </el-col>
							   </el-row>
							   <el-row :gutter="24">
									   <el-col :span="22">
										   <el-form-item label="初始x轴偏移度:" style="margin-left:8%">
												<el-input v-model="form.initialx" placeholder="初始x轴偏移度" style="width:71%"></el-input>
										   </el-form-item>
									   </el-col>
							   </el-row>
							   <el-row :gutter="24">
									   <el-col :span="22">
										   <el-form-item label="初始y轴偏移度:" style="margin-left:8%">
												<el-input v-model="form.initialy" placeholder="初始y轴偏移度" style="width:71%"></el-input>
										   </el-form-item>
									   </el-col>
							   </el-row>

							   <el-row :gutter="24">
									   <el-col :span="22">
										   <el-form-item label="铁塔编号:" style="margin-left:8%">
												<el-input v-model="form.ironId" placeholder="铁塔编号" style="width:71%"></el-input>
										   </el-form-item>
									   </el-col>
							   </el-row>


							   <el-row :gutter="24">
								   <el-col :span="22">
									   	 <el-form-item style="margin-left:27%">
											<el-button type="primary" @click="onSubmit">添加</el-button>
											<el-button @click="back" style="margin-left:5%"> 返回</el-button>
							            </el-form-item>
								   </el-col>
							   </el-row>


							 </el-form>
							 <!-- /表格 -->

							 <!--数据列表/-->
						 </div>

					 </div>
					 <!-- /.box-body -->
				 </div>

			 </section>
			 <!-- 正文区域 /-->
        </div>
    </div>

    <script src="plugins/jQuery/jquery-2.2.3.min.js"></script>
	<script>
		var Main = {
		    data() {
		      return {
		        form: {
					name:'',
					model:'',
					warndata:'',
					initialx:'',
					initialy:'',
					ironId:'',
					switch:'关'
		        }
		      }
		    },
		    methods: {
		      onSubmit() {
				if(this.form.name==''){
					confirm("传感器名称不能为空");
				}else if(this.form.model==''){
					 confirm("型号不能为空");
				}else if(this.form.warndata==''){
					confirm("警告阈值不能为空");
				}else if(this.form.initialx==''){
					confirm("初始x轴偏移度不能为空");
				}else if(this.form.initialy==''){
					confirm("初始y轴偏移度不能为空");
				}else if(this.form.ironId==''){
					confirm("铁塔编号不能为空");
				}else{
					console.log(this.form);
					//增加

					// //调回
					// window.history.back();
				}
		      },
			  back() {
			    window.history.back();
			  }
		    }
		  }
		;const app = Vue.createApp(Main);
		app.use(ElementPlus);
		app.mount("#app")
	</script>
</body>

</html>
<!---->