From 12fd8f6b04b26ef02bccdf5fd0bcefb59541c7f6 Mon Sep 17 00:00:00 2001
From: “dzb” <2632970487@qq.com>
Date: 星期三, 02 十一月 2022 17:04:23 +0800
Subject: [PATCH] :预警研判
---
src/views/intelligentPatrol/studyJudge/index.vue | 287 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 285 insertions(+), 2 deletions(-)
diff --git a/src/views/intelligentPatrol/studyJudge/index.vue b/src/views/intelligentPatrol/studyJudge/index.vue
index 9278ea7..e5fcded 100644
--- a/src/views/intelligentPatrol/studyJudge/index.vue
+++ b/src/views/intelligentPatrol/studyJudge/index.vue
@@ -1,13 +1,296 @@
<template>
- <div>棰勮鐮斿垽</div>
+ <div class="study-judge">
+ <div class="study-judge-header">
+ <span>鎮ㄦ湁1111鏉″緟瀹℃牳鎶ヨ淇℃伅,浠婃棩绔嬫0鏉�,鍐嶅涔�0鏉�</span>
+ </div>
+ <div class="study-judge-main">
+ <!-- sjm:study-judge-main -->
+ <div class="sjm-header">
+ <div class="sjm-header-left">
+ <span class="moni-name">鐩戞帶鐐逛綅鍚嶇О:涓崕璺疿X璺彛 </span>
+ <span class="moni-area">涓崕琛楅亾鍖哄煙</span>
+ </div>
+ <div class="sjm-header-right">
+ <el-button size="small">瀹炴椂棰勮</el-button>
+ <el-button size="small">褰曞儚鍥炴斁</el-button>
+ </div>
+ </div>
+ <div class="sjm-content">
+ <div class="sjm-content-left">
+ <div class="img-item">
+ <span>鎶ヨ鍥剧墖</span>
+ <img
+ src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__67d4d15bfc501319f8377f2ce37bf441.svg"
+ alt="">
+ <span>鎶ヨ鏃堕棿锛�2022-09-08 14:23:34</span>
+ </div>
+ <div class="img-item">
+ <img
+ src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__67d4d15bfc501319f8377f2ce37bf441.svg"
+ alt="">
+ </div>
+ <div class="img-item">
+ <img
+ src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__67d4d15bfc501319f8377f2ce37bf441.svg"
+ alt="">
+ </div>
+ </div>
+ <div class="sjm-content-center">
+ 鍦板浘瀹瑰櫒
+ </div>
+ <div class="sjm-content-right">
+ <div class="card-box">
+ <div class="card-header">
+ <span>鎶ヨ璁板綍</span>
+ <span>涔卞仠涔辨斁杩濇硶鍗犻亾</span>
+ </div>
+ <el-form ref="currentEvent" label-width="120px" :model="currentEvent" :rules="rules">
+ <el-form-item label="浜嬩欢缂栧彿:">
+ <span>{{ currentEvent.number }}</span>
+ </el-form-item>
+ <el-form-item label="浜嬩欢绛夌骇:">
+ <span>{{ currentEvent.level }}</span>
+ </el-form-item>
+ <el-form-item label="棣栨鎶ヨ鏃堕棿:">
+ <span>{{ currentEvent.firstTime }}</span>
+ </el-form-item>
+ <el-form-item label="鏈�杩戞姤璀︽椂闂�:">
+ <span>{{ currentEvent.recentTime }}</span>
+ </el-form-item>
+ <el-form-item label="鎸佺画鏃堕棿:">
+ <span>{{ currentEvent.conntinueTime }}</span>
+ </el-form-item>
+ <el-form-item label="澶勭悊鎰忚:" prop="advice">
+ <el-radio-group v-model="currentEvent.advice">
+ <el-radio :label="item.id" v-for="item in adviceList" :key="item.id">{{ item.label }}</el-radio>
+ </el-radio-group>
+ </el-form-item>
+ <el-form-item label="闂绫诲瀷:" prop="type">
+ <el-input v-model="currentEvent.type" placeholder="璇烽�夋嫨闂绫诲瀷"></el-input>
+ </el-form-item>
+ <el-form-item label="澶х被鍚嶇О:" prop="bigKind">
+ <el-input v-model="currentEvent.bigKind" placeholder="璇烽�夋嫨澶х被鍚嶇О"></el-input>
+ </el-form-item>
+ <el-form-item label="灏忕被鍚嶇О:" prop="smallKind">
+ <el-input v-model="currentEvent.smallKind" placeholder="璇烽�夋嫨灏忕被鍚嶇О"></el-input>
+ </el-form-item>
+ <el-form-item label="杞︾墝鍙�:" prop="carNumber">
+ <el-input v-model="currentEvent.carNumber" placeholder="璇峰～鍐欒溅鐗屽彿鐮�"></el-input>
+ </el-form-item>
+ <el-form-item label="澶囨敞:">
+ <el-input type="textarea" :rows="5" v-model="currentEvent.tip"></el-input>
+ </el-form-item>
+ <el-form-item>
+ <el-button>涓婁竴鏉�</el-button>
+ <el-button @click.native.prevent="handleConfirm">纭</el-button>
+ <el-button>涓嬩竴鏉�</el-button>
+ </el-form-item>
+ </el-form>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
</template>
<script>
export default {
+ data() {
+ const validateAdvice = (rule,value,callback)=>{
+ if(value){
+ callback()
+ }else{
+ callback(new Error('澶勭悊鎰忚涓嶈兘涓虹┖'))
+ }
+ }
+ const validateType = (rule,value,callback)=>{
+ if(value){
+ callback()
+ }else{
+ callback(new Error('闂绫诲瀷涓嶈兘涓虹┖'))
+ }
+ }
+ const validateBigKind = (rule,value,callback)=>{
+ console.log(value)
+ if(value){
+ callback()
+ }else{
+ callback(new Error('澶х被鍚嶇О涓嶈兘涓虹┖'))
+ }
+ }
+ const validateSmallKind = (rule,value,callback)=>{
+ if(value){
+ callback()
+ }else{
+ callback(new Error('灏忕被鍚嶇О涓嶈兘涓虹┖'))
+ }
+ }
+ const validateCarNumber = (rule,value,callback)=>{
+ if(value){
+ callback()
+ }else{
+ callback(new Error('杞︾墝鍙蜂笉鑳戒负绌�'))
+ }
+ }
+ return {
+ currentEvent: {
+ number: '1233123414141414',
+ level: '涓�鑸簨浠�',
+ firstTime: '2022/09/23 12:00:00',
+ recentTime: '2022/09/23/ 12:00:00',
+ conntinueTime: '0灏忔椂10鍒嗛挓',
+ advice: null,
+ type: '',
+ bigKind: '',
+ smallKind: '',
+ carNumber: '',
+ tip: ''
+ },
+ adviceList: [
+ {
+ id: 1,
+ label: '涓婃姤',
+ },
+ {
+ id: 2,
+ label: '璋冨害',
+ },
+ {
+ id: 3,
+ label: '鍐嶅涔�',
+ },
+ {
+ id: 4,
+ label: '鏆備笉澶勭悊',
+ },
+ ],
+ rules:{
+ advice:[
+ {
+ trigger:'blur',validator:validateAdvice
+ },
+ ],
+ type:[
+ {
+ trigger:'blur',validator:validateType
+ }
+ ],
+ bigKind:[
+ {
+ trigger:'blur',validator:validateBigKind
+ }
+ ],
+ smallKind:[
+ {
+ trigger:'blur',validator:validateSmallKind
+ }
+ ],
+ carNumber:[
+ {
+ trigger:'blur',validator:validateCarNumber
+ }
+ ]
+ }
+ }
+ },
+ methods:{
+ // 纭鐐瑰嚮浜嬩欢
+ handleConfirm(){
+ console.log(this.$refs.currentEvent)
+ this.$refs.currentEvent.validate((flag)=>{
+ console.log(flag)
+ if(flag){
+ }else{
+ return false
+ }
+ })
+ }
+ }
}
</script>
-<style>
+<style lang="scss" scoped>
+.study-judge {
+ text-align: left;
+ color: #4b9bb7;
+ padding: 20px;
+ .study-judge-header {
+ line-height: 8vh;
+ }
+ .study-judge-main {
+ .sjm-header {
+ line-height: 8vh;
+ display: flex;
+ justify-content: space-between;
+
+ .sjm-header-left {
+ flex: 1;
+ display: flex;
+ justify-content: flex-start;
+
+ .moni-area {
+ margin-left: 4vw;
+ }
+ }
+
+ .sjm-header-right {
+ flex: 1;
+ display: flex;
+ justify-content: flex-end;
+
+ .el-button {
+ padding: 0 1vw;
+ height: 4vh;
+ }
+ }
+ }
+
+ .sjm-content {
+ display: flex;
+ justify-content: space-between;
+
+ .sjm-content-left {
+ line-height: 4.8vh;
+
+ .img-item {
+ display: flex;
+ flex-direction: column;
+
+ img {
+ width: 15vw;
+ height: 20vh;
+ }
+ }
+
+ .img-item+.img-item {
+ margin-top: 2vh;
+ }
+ }
+
+ .sjm-content-right {
+ .card-box {
+ .card-header {
+ line-height: 4.8vh;
+ }
+ }
+ }
+ }
+ }
+
+ .el-form {
+ ::v-deep .el-form-item {
+ // margin-bottom: 10px;
+ }
+
+ ::v-deep .el-form-item__label {
+ color: #4b9bb7;
+ }
+ }
+
+ ::v-deep .el-radio__label {
+ color: #4b9bb7;
+ }
+}
</style>
\ No newline at end of file
--
Gitblit v1.8.0