From 012c84b59018018cd75f0b8c70f7492fcb3e3e6f Mon Sep 17 00:00:00 2001 From: zhangzengfei <zhangzengfei@smartai.com> Date: 星期五, 05 八月 2022 16:18:29 +0800 Subject: [PATCH] 添加整改 --- src/api/es.ts | 7 src/views/search/components/ModelCard.vue | 408 ++++++++++++++++----------------------------- src/views/search/Searching.vue | 76 ++++++++ src/Pool/VideoPhotoData.ts | 2 4 files changed, 227 insertions(+), 266 deletions(-) diff --git a/src/Pool/VideoPhotoData.ts b/src/Pool/VideoPhotoData.ts index f6f7cab..9400544 100644 --- a/src/Pool/VideoPhotoData.ts +++ b/src/Pool/VideoPhotoData.ts @@ -47,6 +47,7 @@ public scrollContainDom: any = "" public uploadDiaplay: boolean = false public uploadType: boolean = false + public warningFlag: number = 0 constructor() { this.cards = [] @@ -80,6 +81,7 @@ searchTime: this.searchTime, alarmlevel: this.queryAlarmlevel, inputValue: this.inputValue, + warningFlag: this.warningFlag, tabs: this.queryTabs, tasks: this.queryTasks, treeNodes: this.treeNodes, diff --git a/src/api/es.ts b/src/api/es.ts index f80f325..9fa85a9 100644 --- a/src/api/es.ts +++ b/src/api/es.ts @@ -59,6 +59,13 @@ data }) } +export const saveWarning = (data: any) => { + return request({ + url: "/cloud/api-s/es/saveWarning", + method: "post", + data + }) +} export const findTagList = () => { return request({ diff --git a/src/views/search/Searching.vue b/src/views/search/Searching.vue index d28c842..ddd4328 100644 --- a/src/views/search/Searching.vue +++ b/src/views/search/Searching.vue @@ -78,7 +78,7 @@ ></el-option> </el-select> </p> - <p class="p-level" style="width: 18%; margin-right: 20px"> + <p class="p-level" style="width: 14%; margin-left: 10px"> <b>浜嬩欢绛夌骇锛�</b> <el-select v-model="alarmValues" @@ -87,11 +87,28 @@ :disabled="isDisabled" collapse-tags size="mini" - style="width: calc(100% - 64px); min-width: 120px" + style="width: calc(100% - 90px); min-width: 120px" placeholder="璇烽�夋嫨" > <el-option v-for="item in VideoPhotoData.dictionary.ALARMLEVEL" + :key="item.id" + :label="item.name" + :value="item.value" + ></el-option> + </el-select> + </p> + <p class="p-level" style="width: 14%; margin-right: 20px"> + <b>鎺掓煡绫诲瀷锛�</b> + <el-select + v-model="warningFlag" + @change="searchingBtn" + size="mini" + style="width: calc(100% - 90px); min-width: 120px" + placeholder="璇烽�夋嫨" + > + <el-option + v-for="item in waningOptions" :key="item.id" :label="item.name" :value="item.value" @@ -266,6 +283,8 @@ import bus from "@/main" import { getUrlKey } from "@/api/utils.ts" import SetBox from "@/views/search/components/SetBox" +import { saveWarning } from "@/api/es" + export default { name: "RightSide", components: { @@ -290,6 +309,7 @@ searchImgCardWidth: "", tagValues: [], alarmValues: [], + warningFlag: 0, taskValues: [], showDownBox: false, searchTime: [this.$moment().format("YYYY-MM-DD 00:00:00"), this.$moment().format("YYYY-MM-DD HH:mm:ss")], @@ -343,7 +363,39 @@ return value.length ? value[0].areaName : "" } } - } + }, + waningOptions: [ + { + id: 0, + name: "鍏ㄩ儴", + value: 0 + }, + { + id: 1, + name: "璇姤", + value: 1 + }, + { + id: 2, + name: "宸叉暣鏀�", + value: 2 + }, + { + id: 3, + name: "鏈暣鏀�", + value: 3 + }, + { + id: 4, + name: "宸叉帓鏌�", + value: 4 + }, + { + id: 5, + name: "鏈帓鏌�", + value: 5 + } + ] } }, created() { @@ -621,7 +673,21 @@ this.VideoPhotoData.selectWhites = [] }) }, + getDetails(ev, index) { + // 鏍囪宸叉帓鏌� + if (this.VideoPhotoData.cards[index].activeObject.warningFlag == 0) { + saveWarning({ + warningFlag: 4, + id: this.VideoPhotoData.cards[index].activeObject.id, + correctionDescription: "" + }).then((rsp) => { + if (rsp && rsp.success) { + this.VideoPhotoData.cards[index].activeObject.warningFlag = 4 + } + }) + } + //let obj = this.CardList.datalist[index]; this.CardList.datalist = this.VideoPhotoData.cards let obj = this.CardList.datalist[index] @@ -696,8 +762,12 @@ this.VideoPhotoData.queryAlarmlevel = this.stringToNum() + // 鏃堕棿鑼冨洿 this.VideoPhotoData.searchTime = this.format(this.searchTime) + // 鎺掓煡鐧昏 + this.VideoPhotoData.warningFlag = this.warningFlag + //this.VideoPhotoData.inputValue = this.searchText; this.VideoPhotoData.showType = this.showType if (!this.VideoPhotoData.uploadType) { diff --git a/src/views/search/components/ModelCard.vue b/src/views/search/components/ModelCard.vue index 40d1386..4e9425c 100644 --- a/src/views/search/components/ModelCard.vue +++ b/src/views/search/components/ModelCard.vue @@ -1,10 +1,6 @@ <template> <div class="model-card-box" :style="`height:${height};width:${width};`"> - <el-tabs - style="height: 100%" - @before-leave="changeTabs" - v-model="activeName" - > + <el-tabs style="height: 100%" @before-leave="changeTabs" v-model="activeName"> <el-tab-pane label="澶у浘" name="pic"> <div class="model-card-box-left" @@ -20,77 +16,45 @@ </p> <!-- 浜鸿劯绫诲瀷 --> <img-down - v-if=" - data.targetInfo !== null && data.targetInfo[0].picSmUrl !== '' - " + v-if="data.targetInfo !== null && data.targetInfo[0].picSmUrl !== ''" :url="data.picMaxUrl[0]" ></img-down> <!-- 鏅�歽olo绫� --> <img-down - v-else-if=" - (data.targetInfo == null || - data.targetInfo[0].picSmUrl == '') && - data.picMaxUrl.length == 1 - " + v-else-if="(data.targetInfo == null || data.targetInfo[0].picSmUrl == '') && data.picMaxUrl.length == 1" :url="data.picMaxUrl[0]" ></img-down> <!-- 鎸佺画鏃堕棿yolo绫� --> <el-carousel - v-else-if=" - (data.targetInfo == null || - data.targetInfo[0].picSmUrl == '') && - data.picMaxUrl.length > 1 - " + v-else-if="(data.targetInfo == null || data.targetInfo[0].picSmUrl == '') && data.picMaxUrl.length > 1" trigger="click" height="100%" :autoplay="false" > - <el-carousel-item - v-for="(item, index) in data.picMaxUrl" - :key="index" - > + <el-carousel-item v-for="(item, index) in data.picMaxUrl" :key="index"> <img-down :url="item"></img-down> </el-carousel-item> </el-carousel> <!-- yolo绫诲ぇ鍥� --> - <div - class="describe" - v-if=" - data.targetInfo == null || data.targetInfo[0].picSmUrl == '' - " - > + <div class="describe" v-if="data.targetInfo == null || data.targetInfo[0].picSmUrl == ''"> <p> - <span class="fontStyleForModel" style="font-weight: normal">{{ - data.picDate | formatTime - }}</span> + <span class="fontStyleForModel" style="font-weight: normal">{{ data.picDate | formatTime }}</span> </p> <p> <span class="fontStyleForModel">{{ data.cameraAddr }}</span> - <span - class="fontStyleForModel analyServer" - style="margin-left: 20px" - >{{ data.analyServerName }}</span - > + <span class="fontStyleForModel analyServer" style="margin-left: 20px">{{ data.analyServerName }}</span> </p> <p></p> <p style="width: 100%"> - <span - v-for="(item, index) in data.alarmRules" - :key="index + 'rule'" - > + <span v-for="(item, index) in data.alarmRules" :key="index + 'rule'"> <span class="fontStyleForModel">{{ data.taskName }}</span > - <span - v-if="item.alarmLevel !== '鎾ら槻'" - class="fontStyleForModel" - >{{ item.alarmLevel }}</span + <span v-if="item.alarmLevel !== '鎾ら槻'" class="fontStyleForModel">{{ item.alarmLevel }}</span > - <span v-if="item.isLink" class="fontStyleForModel" - >鑱斿姩浠诲姟</span - > + <span v-if="item.isLink" class="fontStyleForModel">鑱斿姩浠诲姟</span> <span v-if="index < data.alarmRules.length - 1">/ </span> </span> </p> @@ -99,63 +63,38 @@ <!-- 浜鸿劯绫诲ぇ鍥� --> <div class="describeBigImage" v-else> <p> - <span class="fontStyleForModel">{{ - data.picDate | formatTime - }}</span> + <span class="fontStyleForModel">{{ data.picDate | formatTime }}</span> </p> <p class="align-right"> - <span - class="fontStyleForModel text-overflow" - :title="data.cameraAddr" - >{{ data.cameraAddr }}</span - > - <span - class="fontStyleForModel text-overflow" - :title="data.cameraAddr" - style="margin-left: 20px" - >{{ data.analyServerName }}</span - > + <span class="fontStyleForModel text-overflow" :title="data.cameraAddr">{{ data.cameraAddr }}</span> + <span class="fontStyleForModel text-overflow" :title="data.cameraAddr" style="margin-left: 20px">{{ + data.analyServerName + }}</span> </p> <p style="width: 100%"> - <span - v-for="(item, index) in data.alarmRules" - :key="index + 'rule'" - > + <span v-for="(item, index) in data.alarmRules" :key="index + 'rule'"> <span class="fontStyleForModel">{{ data.taskName }}</span > - <span - v-if="item.alarmLevel !== '鎾ら槻'" - class="fontStyleForModel" - >{{ item.alarmLevel }}</span + <span v-if="item.alarmLevel !== '鎾ら槻'" class="fontStyleForModel">{{ item.alarmLevel }}</span > - <span v-if="item.isLink" class="fontStyleForModel" - >鑱斿姩浠诲姟</span - > + <span v-if="item.isLink" class="fontStyleForModel">鑱斿姩浠诲姟</span> <span v-if="index < data.alarmRules.length - 1">/ </span> </span> </p> <p style="width: 100%"> - <span - style="white-space: nowrap; font-weight: 600; font-size: 13px" - >{{ data.showLabels }}</span - > + <span style="white-space: nowrap; font-weight: 600; font-size: 13px">{{ data.showLabels }}</span> </p> </div> + <b style="float: right; margin-right: 50px;" @click="markDialogVisible = true">鏍囪</b> </div> </div> <!-- 寮规鍙充晶 --> <div - v-if=" - data.targetInfo && - data.targetInfo !== null && - data.targetInfo[0].picSmUrl !== '' - " + v-if="data.targetInfo && data.targetInfo !== null && data.targetInfo[0].picSmUrl !== ''" class="model-card-box-right" :style=" - data.targetInfo && - data.targetInfo !== null && - data.targetInfo[0].picSmUrl !== '' + data.targetInfo && data.targetInfo !== null && data.targetInfo[0].picSmUrl !== '' ? 'width: 35%;box-sizing: border-box;' : '' " @@ -164,17 +103,10 @@ <b>鎶撴媿鍥�</b> </p> <!-- 宸﹀彸涓ゅ紶鐨勪汉鑴稿姣旀ā寮� --> - <div - class="img-box" - v-if="data.baseInfo && data.baseInfo.length >= 1" - ref="picSmBox" - > + <div class="img-box" v-if="data.baseInfo && data.baseInfo.length >= 1" ref="picSmBox"> <div class="card-img-box-compear-left"> <!-- <img :src="'http://'+data.targetInfo[0].picSmUrl" ref="picSm" /> --> - <img-down - :url="data.targetInfo[0].picSmUrl" - :isPreview="false" - ></img-down> + <img-down :url="data.targetInfo[0].picSmUrl" :isPreview="false"></img-down> </div> <el-carousel @change="changeInitialIndex" @@ -185,95 +117,77 @@ v-if="data.baseInfo[0] && data.baseInfo[0].targetPicUrl != ''" class="card-img-box-compear-right" > - <el-carousel-item - v-for="(item, index) in data.baseInfo" - :key="index" - > + <el-carousel-item v-for="(item, index) in data.baseInfo" :key="index"> <!-- <img :src="'http://'+item.targetPicUrl" /> --> - <img-down - :url="item.targetPicUrl" - :isPreview="false" - ></img-down> + <img-down :url="item.targetPicUrl" :isPreview="false"></img-down> </el-carousel-item> </el-carousel> <div class="img-compareScore" v-if="data.baseInfo[0] && data.baseInfo[0].targetPicUrl != ''" - :style=" - data.baseInfo[initialIndex].bwType === '1' - ? `background: red;` - : `background: green;` - " + :style="data.baseInfo[initialIndex].bwType === '1' ? `background: red;` : `background: green;`" > <b>{{ data.baseInfo[initialIndex].compareScore | percentage }}</b> </div> </div> <!-- 娌℃湁姣斿鐨勪汉鑴歌瘑鍒ā寮� --> - <div - class="img-box" - v-if="!data.baseInfo && data.targetInfo[0].picSmUrl !== ''" - > - <div - class="card-img-box-compear-left" - style="width: 60%; margin-top: 5px" - > + <div class="img-box" v-if="!data.baseInfo && data.targetInfo[0].picSmUrl !== ''"> + <div class="card-img-box-compear-left" style="width: 60%; margin-top: 5px"> <!-- <img :src="'http://'+data.targetInfo[0].picSmUrl" /> --> - <img-down - :url="data.targetInfo[0].picSmUrl" - :isPreview="false" - ></img-down> + <img-down :url="data.targetInfo[0].picSmUrl" :isPreview="false"></img-down> </div> </div> - <div - class="baseInfo" - v-if="data.baseInfo[0] && data.baseInfo[0].targetPicUrl != ''" - > + <div class="baseInfo" v-if="data.baseInfo[0] && data.baseInfo[0].targetPicUrl != ''"> <div class="baseInfo_list"> <p> <span class="labelInfo">搴曞簱</span> - <span - class="val" - :title="data.baseInfo[initialIndex].tableName" - >{{ data.baseInfo[initialIndex].tableName }}</span - > + <span class="val" :title="data.baseInfo[initialIndex].tableName">{{ + data.baseInfo[initialIndex].tableName + }}</span> </p> <p> <span class="labelInfo">濮撳悕</span> - <span - class="val" - :title="data.baseInfo[initialIndex].targetName" - >{{ data.baseInfo[initialIndex].targetName }}</span - > + <span class="val" :title="data.baseInfo[initialIndex].targetName">{{ + data.baseInfo[initialIndex].targetName + }}</span> </p> <p> <span class="labelInfo">鎬у埆</span> - <span class="val">{{ - data.baseInfo[initialIndex].labels | sex - }}</span> + <span class="val">{{ data.baseInfo[initialIndex].labels | sex }}</span> </p> <p> <span class="labelInfo">韬唤璇佸彿</span> - <span class="val">{{ - data.baseInfo[initialIndex].labels | idCard - }}</span> + <span class="val">{{ data.baseInfo[initialIndex].labels | idCard }}</span> </p> <p> <span class="labelInfo">鎵嬫満鍙�</span> - <span class="val">{{ - data.baseInfo[initialIndex].labels | phoneNum - }}</span> + <span class="val">{{ data.baseInfo[initialIndex].labels | phoneNum }}</span> </p> <p> <span class="labelInfo">浜哄憳绛夌骇</span> - <span - class="val" - :title="data.baseInfo[initialIndex].monitorLevel" - >{{ data.baseInfo[initialIndex].monitorLevel }}</span - > + <span class="val" :title="data.baseInfo[initialIndex].monitorLevel">{{ + data.baseInfo[initialIndex].monitorLevel + }}</span> </p> </div> </div> </div> + <el-dialog + title="鏍囪" + :visible.sync="markDialogVisible" + width="30%" + style="z-index:4000;margin-top:200px" + center + :modal="false" + > + <el-radio v-model="warningFlag" label="1">璇姤</el-radio> + <el-radio v-model="warningFlag" label="2">鏈暣鏀�</el-radio> + <el-radio v-model="warningFlag" label="3">宸叉暣鏀�</el-radio> + <span slot="footer" class="dialog-footer"> + <el-button @click="markDialogVisible = false" size="mini">鍙� 娑�</el-button> + <el-button type="primary" @click="saveWarningFlag(data)" size="mini">纭� 瀹�</el-button> + </span> + </el-dialog> </el-tab-pane> <el-tab-pane label="瑙嗛" name="video" class="video-tabs"> @@ -293,35 +207,23 @@ > 鎮ㄧ殑娴忚鍣ㄤ笉鏀寔 video 鏍囩銆� </video> --> - <wasm-player - :videoUrl="data.videoUrl" - :isStream="false" - ></wasm-player> + <wasm-player :videoUrl="data.videoUrl" :isStream="false"></wasm-player> </div> </div> <div v-if="data.targetInfo !== null && data.targetInfo[0].picSmUrl !== ''" class="model-card-box-right" :style=" - data.targetInfo !== null && data.targetInfo[0].picSmUrl !== '' - ? 'width: 35%;box-sizing: border-box;' - : '' + data.targetInfo !== null && data.targetInfo[0].picSmUrl !== '' ? 'width: 35%;box-sizing: border-box;' : '' " > <p class="img-box-title"> <b>鎶撴媿鍥�</b> </p> <!-- 宸﹀彸涓ゅ紶鐨勪汉鑴稿姣旀ā寮� --> - <div - class="img-box" - v-if="data.baseInfo && data.baseInfo.length >= 1" - ref="picSmBox" - > + <div class="img-box" v-if="data.baseInfo && data.baseInfo.length >= 1" ref="picSmBox"> <div class="card-img-box-compear-left"> - <img-down - :url="data.targetInfo[0].picSmUrl" - :isPreview="false" - ></img-down> + <img-down :url="data.targetInfo[0].picSmUrl" :isPreview="false"></img-down> </div> <el-carousel @change="changeInitialIndex" @@ -332,88 +234,57 @@ class="card-img-box-compear-right" :arrow="data.baseInfo.length > 1 ? 'always' : 'never'" > - <el-carousel-item - v-for="(item, index) in data.baseInfo" - :key="index" - > + <el-carousel-item v-for="(item, index) in data.baseInfo" :key="index"> <!-- <img :src="'http://'+item.targetPicUrl" /> --> - <img-down - :url="item.targetPicUrl" - :isPreview="false" - ></img-down> + <img-down :url="item.targetPicUrl" :isPreview="false"></img-down> </el-carousel-item> </el-carousel> <div class="img-compareScore" v-if="data.baseInfo[0] && data.baseInfo[0].targetPicUrl != ''" - :style=" - data.baseInfo[initialIndex].bwType === '1' - ? `background: red;` - : `background: green;` - " + :style="data.baseInfo[initialIndex].bwType === '1' ? `background: red;` : `background: green;`" > <b>{{ data.baseInfo[initialIndex].compareScore | percentage }}</b> </div> </div> <!-- 娌℃湁姣斿鐨勪汉鑴歌瘑鍒ā寮� --> <div class="img-box" v-if="!data.baseInfo && data.picMaxUrl"> - <div - class="card-img-box-compear-left" - style="width: 60%; margin-top: 5px" - > + <div class="card-img-box-compear-left" style="width: 60%; margin-top: 5px"> <!-- <img :src="'http://'+data.targetInfo[0].picSmUrl" /> --> - <img-down - :url="data.targetInfo[0].picSmUrl" - :isPreview="false" - ></img-down> + <img-down :url="data.targetInfo[0].picSmUrl" :isPreview="false"></img-down> </div> </div> - <div - class="baseInfo" - v-if="data.baseInfo[0] && data.baseInfo[0].targetPicUrl != ''" - > + <div class="baseInfo" v-if="data.baseInfo[0] && data.baseInfo[0].targetPicUrl != ''"> <div class="baseInfo_list"> <p> <span class="labelInfo">搴曞簱</span> - <span - class="val" - :title="data.baseInfo[initialIndex].tableName" - >{{ data.baseInfo[initialIndex].tableName }}</span - > + <span class="val" :title="data.baseInfo[initialIndex].tableName">{{ + data.baseInfo[initialIndex].tableName + }}</span> </p> <p> <span class="labelInfo">濮撳悕</span> - <span - class="val" - :title="data.baseInfo[initialIndex].targetName" - >{{ data.baseInfo[initialIndex].targetName }}</span - > + <span class="val" :title="data.baseInfo[initialIndex].targetName">{{ + data.baseInfo[initialIndex].targetName + }}</span> </p> <p> <span class="labelInfo">鎬у埆</span> - <span class="val">{{ - data.baseInfo[initialIndex].labels | sex - }}</span> + <span class="val">{{ data.baseInfo[initialIndex].labels | sex }}</span> </p> <p> <span class="labelInfo">韬唤璇佸彿</span> - <span class="val">{{ - data.baseInfo[initialIndex].labels | idCard - }}</span> + <span class="val">{{ data.baseInfo[initialIndex].labels | idCard }}</span> </p> <p> <span class="labelInfo">鎵嬫満鍙�</span> - <span class="val">{{ - data.baseInfo[initialIndex].labels | phoneNum - }}</span> + <span class="val">{{ data.baseInfo[initialIndex].labels | phoneNum }}</span> </p> <p> <span class="labelInfo">浜哄憳绛夌骇</span> - <span - class="val" - :title="data.baseInfo[initialIndex].monitorLevel" - >{{ data.baseInfo[initialIndex].monitorLevel }}</span - > + <span class="val" :title="data.baseInfo[initialIndex].monitorLevel">{{ + data.baseInfo[initialIndex].monitorLevel + }}</span> </p> </div> </div> @@ -423,7 +294,7 @@ </div> </template> <script> -Date.prototype.Format = function (fmt) { +Date.prototype.Format = function(fmt) { var o = { "M+": this.getMonth() + 1, //鏈堜唤 "d+": this.getDate(), //鏃� @@ -431,108 +302,119 @@ "m+": this.getMinutes(), //鍒� "s+": this.getSeconds(), //绉� "q+": Math.floor((this.getMonth() + 3) / 3), //瀛e害 - S: this.getMilliseconds(), //姣 - }; - if (/(y+)/.test(fmt)) - fmt = fmt.replace( - RegExp.$1, - (this.getFullYear() + "").substr(4 - RegExp.$1.length) - ); + S: this.getMilliseconds() //姣 + } + if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length)) for (var k in o) if (new RegExp("(" + k + ")").test(fmt)) - fmt = fmt.replace( - RegExp.$1, - RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length) - ); - return fmt; -}; + fmt = fmt.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length)) + return fmt +} -import WasmPlayer from "./wasmPlayer"; -import imgDown from "./imgDown"; +import WasmPlayer from "./wasmPlayer" +import imgDown from "./imgDown" +import { saveWarning } from "@/api/es" export default { components: { WasmPlayer, - imgDown, + imgDown }, props: { height: { type: String, - default: "100%", + default: "100%" }, width: { type: String, - default: "100%", + default: "100%" }, data: { type: Object, require: false, - default: function () { - return {}; - }, - }, + default: function() { + return {} + } + } }, filters: { formatTime(t) { - return new Date(t).Format("yyyy-MM-dd HH:mm:ss"); + return new Date(t).Format("yyyy-MM-dd HH:mm:ss") }, percentage(score) { - return score.toFixed(2) + "%"; + return score.toFixed(2) + "%" }, sex(v) { try { - let obj = JSON.parse(v); - return obj.sex; + let obj = JSON.parse(v) + return obj.sex } catch (error) { - return v.split("/")[0]; + return v.split("/")[0] } }, idCard(v) { try { - let obj = JSON.parse(v); - return obj.idCard; + let obj = JSON.parse(v) + return obj.idCard } catch (error) { - return v.split("/")[1]; + return v.split("/")[1] } }, phoneNum(v) { try { - let obj = JSON.parse(v); - return obj.phone; + let obj = JSON.parse(v) + return obj.phone } catch (error) { - return v.split("/")[2]; + return v.split("/")[2] } - }, + } }, - mounted() { - console.log("ModelCard data", this.data); - console.log(this.data.baseInfo); - console.log(this.initialIndex); - //this.VideoPhotoData.activeName = "pic" - }, + mounted() {}, data() { return { activeName: "pic", initialIndex: 0, - }; + markDialogVisible: false, + warningFlag: 0 + } }, methods: { + saveWarningFlag(card) { + saveWarning({ + warningFlag: parseInt(this.warningFlag), + id: card.id, + correctionDescription: "" + }) + .then((rsp) => { + if (rsp && rsp.success) { + card.warningFlag = parseInt(this.warningFlag) + this.$notify({ + title: "淇濆瓨鎴愬姛", + type: "success" + }) + } + this.markDialogVisible = false + }) + .catch((e) => { + this.markDialogVisible = false + }) + }, changeTabs(activeName, oldActiveName) { - console.log(activeName, oldActiveName); + console.log(activeName, oldActiveName) }, changeInitialIndex(index) { - this.initialIndex = index; + this.initialIndex = index }, downloadfile() { - this.filecontent = "this is my file content"; - let a = document.createElement("a"); + this.filecontent = "this is my file content" + let a = document.createElement("a") - a.href = "data:text/json;charset=utf-8," + this.filecontent; + a.href = "data:text/json;charset=utf-8," + this.filecontent // a.url = "http://192.168.20.112:6154/93,02c5aea4fc614e"; - a.download = "video.mp4"; - a.click(); - }, - }, -}; + a.download = "video.mp4" + a.click() + } + } +} </script> <style lang="scss"> .fontStyleForModel { -- Gitblit v1.8.0