|
@@ -5,22 +5,18 @@
|
|
|
<div class="col-md-12">
|
|
<div class="col-md-12">
|
|
|
<h1 class="page-header" style="margin-top: 10px; margin-bottom: 0px">
|
|
<h1 class="page-header" style="margin-top: 10px; margin-bottom: 0px">
|
|
|
<AuthImage
|
|
<AuthImage
|
|
|
- :auth-src="
|
|
|
|
|
- Common.getThumbnailImageSrc(
|
|
|
|
|
- assetClassName,
|
|
|
|
|
- showAssetInstance.imageName
|
|
|
|
|
- )
|
|
|
|
|
- "
|
|
|
|
|
- class="image img-thumbnail"
|
|
|
|
|
- style="width: 78px; height: 78px"
|
|
|
|
|
- @click="
|
|
|
|
|
|
|
+ :auth-src="Common.getThumbnailImageSrc(
|
|
|
|
|
+ assetClassName,
|
|
|
|
|
+ showAssetInstance.imageName
|
|
|
|
|
+ )
|
|
|
|
|
+ " class="image img-thumbnail" style="width: 78px; height: 78px" @click="
|
|
|
$refs.imagePreview.preview(
|
|
$refs.imagePreview.preview(
|
|
|
assetClassName,
|
|
assetClassName,
|
|
|
showAssetInstance.imageName
|
|
showAssetInstance.imageName
|
|
|
)
|
|
)
|
|
|
"
|
|
"
|
|
|
/>
|
|
/>
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
{{ $t("lang.AssetInstanceSearchDetail.assetCardDetails") }}
|
|
{{ $t("lang.AssetInstanceSearchDetail.assetCardDetails") }}
|
|
|
</h1>
|
|
</h1>
|
|
|
</div>
|
|
</div>
|
|
@@ -503,12 +499,15 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div class="col-md-3">
|
|
<div class="col-md-3">
|
|
|
<div>
|
|
<div>
|
|
|
- <strong>父设备名称:</strong><a-button type="link" @click="openParentCurd(showAssetInstance.parentId)">{{ showAssetInstance.parentName }}</a-button>
|
|
|
|
|
|
|
+ <strong>父设备名称:</strong><a-button type="link" @click="openParentCurd(showAssetInstance.parentId)">
|
|
|
|
|
+ {{
|
|
|
|
|
+ showAssetInstance.parentName }}
|
|
|
|
|
+ </a-button>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
<div class="row">
|
|
<div class="row">
|
|
|
<div class="col-md-12 div-asset-info">
|
|
<div class="col-md-12 div-asset-info">
|
|
|
<ul id="myTab" class="nav nav-tabs">
|
|
<ul id="myTab" class="nav nav-tabs">
|
|
@@ -544,17 +543,10 @@
|
|
|
<div class="tab-content div-asset-info">
|
|
<div class="tab-content div-asset-info">
|
|
|
<div id="asset-content-1" class="tab-pane fade in active">
|
|
<div id="asset-content-1" class="tab-pane fade in active">
|
|
|
<div v-if="historyEvents != null" class="row div-history-event">
|
|
<div v-if="historyEvents != null" class="row div-history-event">
|
|
|
- <div
|
|
|
|
|
- v-for="item in historyEvents"
|
|
|
|
|
- :key="item.id"
|
|
|
|
|
- class="media col-md-12"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <div v-for="item in historyEvents" :key="item.id" class="media col-md-12">
|
|
|
<div class="media-left">
|
|
<div class="media-left">
|
|
|
<a href="javascript:void(0);">
|
|
<a href="javascript:void(0);">
|
|
|
- <img
|
|
|
|
|
- class="media-object media-img img-thumbnail"
|
|
|
|
|
- :src="getHistoryIconSrc(item.title)"
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ <img class="media-object media-img img-thumbnail" :src="getHistoryIconSrc(item.title)" />
|
|
|
</a>
|
|
</a>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="media-body">
|
|
<div class="media-body">
|
|
@@ -585,11 +577,7 @@
|
|
|
}}</label>
|
|
}}</label>
|
|
|
<DateTime v-model="endDate" name="datetime" />
|
|
<DateTime v-model="endDate" name="datetime" />
|
|
|
</div>
|
|
</div>
|
|
|
- <button
|
|
|
|
|
- type="button"
|
|
|
|
|
- class="btn btn-default"
|
|
|
|
|
- @click="getAssetImageInfosByEpc"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <button type="button" class="btn btn-default" @click="getAssetImageInfosByEpc">
|
|
|
{{ $t("lang.AssetInstanceSearchDetail.determine") }}
|
|
{{ $t("lang.AssetInstanceSearchDetail.determine") }}
|
|
|
</button>
|
|
</button>
|
|
|
</div>
|
|
</div>
|
|
@@ -613,10 +601,7 @@
|
|
|
<td>{{ item.date }}</td>
|
|
<td>{{ item.date }}</td>
|
|
|
<td>{{ item.location }}</td>
|
|
<td>{{ item.location }}</td>
|
|
|
<td>
|
|
<td>
|
|
|
- <button
|
|
|
|
|
- class="btn btn-primary"
|
|
|
|
|
- @click="showImageUrl(item)"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <button class="btn btn-primary" @click="showImageUrl(item)">
|
|
|
{{ $t("lang.AssetInstanceSearchDetail.picture") }}
|
|
{{ $t("lang.AssetInstanceSearchDetail.picture") }}
|
|
|
</button>
|
|
</button>
|
|
|
</td>
|
|
</td>
|
|
@@ -628,8 +613,7 @@
|
|
|
<div class="form-group">
|
|
<div class="form-group">
|
|
|
<div class="pull-right">
|
|
<div class="pull-right">
|
|
|
<Pagination
|
|
<Pagination
|
|
|
- v-if="pagination2.last_page > 0"
|
|
|
|
|
- :pagination="pagination2"
|
|
|
|
|
|
|
+ v-if="pagination2.last_page > 0" :pagination="pagination2"
|
|
|
:callback="getAssetImageInfosByEpc"
|
|
:callback="getAssetImageInfosByEpc"
|
|
|
/>
|
|
/>
|
|
|
</div>
|
|
</div>
|
|
@@ -730,11 +714,7 @@
|
|
|
}}</label>
|
|
}}</label>
|
|
|
<DateTime v-model="searchEndDate" name="datetime" />
|
|
<DateTime v-model="searchEndDate" name="datetime" />
|
|
|
</div>
|
|
</div>
|
|
|
- <button
|
|
|
|
|
- type="button"
|
|
|
|
|
- class="btn btn-default"
|
|
|
|
|
- @click="getAssetInstanceRfidRecordByDate"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <button type="button" class="btn btn-default" @click="getAssetInstanceRfidRecordByDate">
|
|
|
{{ $t("lang.AssetInstanceSearchDetail.determine") }}
|
|
{{ $t("lang.AssetInstanceSearchDetail.determine") }}
|
|
|
</button>
|
|
</button>
|
|
|
</div>
|
|
</div>
|
|
@@ -761,10 +741,7 @@
|
|
|
</tr>
|
|
</tr>
|
|
|
</thead>
|
|
</thead>
|
|
|
<tbody>
|
|
<tbody>
|
|
|
- <tr
|
|
|
|
|
- v-for="(item, index) in assetInstanceRfidRecords"
|
|
|
|
|
- :key="item.id"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <tr v-for="(item, index) in assetInstanceRfidRecords" :key="item.id">
|
|
|
<td>
|
|
<td>
|
|
|
{{
|
|
{{
|
|
|
index +
|
|
index +
|
|
@@ -778,11 +755,8 @@
|
|
|
<td>{{ item.type }}</td>
|
|
<td>{{ item.type }}</td>
|
|
|
<td>
|
|
<td>
|
|
|
<AuthImage
|
|
<AuthImage
|
|
|
- :auth-src="
|
|
|
|
|
- getRecordPicture(item.position, item.image)
|
|
|
|
|
- "
|
|
|
|
|
- style="width: 80px; height: 50px"
|
|
|
|
|
- @click="getImage(item.position, item.image)"
|
|
|
|
|
|
|
+ :auth-src="getRecordPicture(item.position, item.image)
|
|
|
|
|
+ " style="width: 80px; height: 50px" @click="getImage(item.position, item.image)"
|
|
|
/>
|
|
/>
|
|
|
</td>
|
|
</td>
|
|
|
</tr>
|
|
</tr>
|
|
@@ -798,8 +772,7 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div class="pull-right">
|
|
<div class="pull-right">
|
|
|
<VueBootstrapPagination
|
|
<VueBootstrapPagination
|
|
|
- v-if="pagination.last_page > 0"
|
|
|
|
|
- :pagination="pagination"
|
|
|
|
|
|
|
+ v-if="pagination.last_page > 0" :pagination="pagination"
|
|
|
:callback="getAssetInstanceRfidRecord"
|
|
:callback="getAssetInstanceRfidRecord"
|
|
|
/>
|
|
/>
|
|
|
</div>
|
|
</div>
|
|
@@ -809,34 +782,23 @@
|
|
|
<div id="asset-content-6" class="tab-pane fade in">
|
|
<div id="asset-content-6" class="tab-pane fade in">
|
|
|
<div style="margin-bottom: 8px">
|
|
<div style="margin-bottom: 8px">
|
|
|
<label>资产名称:</label><a-input
|
|
<label>资产名称:</label><a-input
|
|
|
- v-model:value="childrenName"
|
|
|
|
|
- style="width: 20%"
|
|
|
|
|
|
|
+ v-model:value="childrenName" style="width: 20%"
|
|
|
@press-enter="queryAssetChildren"
|
|
@press-enter="queryAssetChildren"
|
|
|
/>
|
|
/>
|
|
|
<label>资产编号:</label><a-input
|
|
<label>资产编号:</label><a-input
|
|
|
- v-model:value="childrenNo"
|
|
|
|
|
- style="width: 20%"
|
|
|
|
|
|
|
+ v-model:value="childrenNo" style="width: 20%"
|
|
|
@press-enter="queryAssetChildren"
|
|
@press-enter="queryAssetChildren"
|
|
|
/>
|
|
/>
|
|
|
<label>唯一识别号:</label><a-input
|
|
<label>唯一识别号:</label><a-input
|
|
|
- v-model:value="childrenNumber"
|
|
|
|
|
- style="width: 20%"
|
|
|
|
|
|
|
+ v-model:value="childrenNumber" style="width: 20%"
|
|
|
@press-enter="queryAssetChildren"
|
|
@press-enter="queryAssetChildren"
|
|
|
/>
|
|
/>
|
|
|
- <button
|
|
|
|
|
- type="button"
|
|
|
|
|
- class="btn btn-default"
|
|
|
|
|
- style="margin-top: -6px"
|
|
|
|
|
- @click="queryAssetChildren"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <button type="button" class="btn btn-default" style="margin-top: -6px" @click="queryAssetChildren">
|
|
|
查询
|
|
查询
|
|
|
</button>
|
|
</button>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="table-responsive" style="height: 400px">
|
|
<div class="table-responsive" style="height: 400px">
|
|
|
- <table
|
|
|
|
|
- style="overflow: scroll; overflow-y: auto"
|
|
|
|
|
- class="table table-striped table-bordered"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <table style="overflow: scroll; overflow-y: auto" class="table table-striped table-bordered">
|
|
|
<thead>
|
|
<thead>
|
|
|
<tr height="40px">
|
|
<tr height="40px">
|
|
|
<th>序号</th>
|
|
<th>序号</th>
|
|
@@ -847,11 +809,7 @@
|
|
|
</tr>
|
|
</tr>
|
|
|
</thead>
|
|
</thead>
|
|
|
<tbody>
|
|
<tbody>
|
|
|
- <tr
|
|
|
|
|
- v-for="(item, index) in allAssetChildren"
|
|
|
|
|
- :key="item.id"
|
|
|
|
|
- @dblclick="openCurdWindow(item)"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <tr v-for="(item, index) in allAssetChildren" :key="item.id" @dblclick="openCurdWindow(item)">
|
|
|
<td>
|
|
<td>
|
|
|
{{
|
|
{{
|
|
|
index +
|
|
index +
|
|
@@ -875,34 +833,28 @@
|
|
|
<Modal v-model:show="modal" large="true" @cancel="modal = false">
|
|
<Modal v-model:show="modal" large="true" @cancel="modal = false">
|
|
|
<template #header> 历史图片 </template>
|
|
<template #header> 历史图片 </template>
|
|
|
<div class="rowTest">
|
|
<div class="rowTest">
|
|
|
- <div
|
|
|
|
|
- v-for="item in imageUrlTest"
|
|
|
|
|
- :key="item.id"
|
|
|
|
|
- style="width: 200px; height: 200px"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <div v-for="item in imageUrlTest" :key="item.id" style="width: 200px; height: 200px">
|
|
|
<img
|
|
<img
|
|
|
- :authSrc="showThumbnailImage(item)"
|
|
|
|
|
- class="m-image"
|
|
|
|
|
- style="width: 200px; height: 200px"
|
|
|
|
|
|
|
+ :authSrc="showThumbnailImage(item)" class="m-image" style="width: 200px; height: 200px"
|
|
|
@click="$refs.imagePreview.previewImage(showImage(item))"
|
|
@click="$refs.imagePreview.previewImage(showImage(item))"
|
|
|
/>
|
|
/>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</Modal>
|
|
</Modal>
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
<ImagePreview ref="imagePreview" />
|
|
<ImagePreview ref="imagePreview" />
|
|
|
<Loading v-if="loading" />
|
|
<Loading v-if="loading" />
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
<script>
|
|
<script>
|
|
|
import Common from '../../common/Common.js';
|
|
import Common from '../../common/Common.js';
|
|
|
import { Notify, Uuid } from 'pc-component-v3';
|
|
import { Notify, Uuid } from 'pc-component-v3';
|
|
|
import AuthImage from '../../widget/AuthImage.vue';
|
|
import AuthImage from '../../widget/AuthImage.vue';
|
|
|
import dayjs from 'dayjs';
|
|
import dayjs from 'dayjs';
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
import AssetInstanceRfidRecordResource from '../../api/asset/AssetInstanceRfidRecordResource.js';
|
|
import AssetInstanceRfidRecordResource from '../../api/asset/AssetInstanceRfidRecordResource.js';
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
export default {
|
|
export default {
|
|
|
components: {
|
|
components: {
|
|
|
AuthImage,
|
|
AuthImage,
|
|
@@ -958,11 +910,11 @@ export default {
|
|
|
allAssetChildren: [],
|
|
allAssetChildren: [],
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
computed: {},
|
|
computed: {},
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
watch: {},
|
|
watch: {},
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
mounted: function () {
|
|
mounted: function () {
|
|
|
var _self = this;
|
|
var _self = this;
|
|
|
_self.assetInstanceId = _self.$route.query.assetInstanceId;
|
|
_self.assetInstanceId = _self.$route.query.assetInstanceId;
|
|
@@ -971,11 +923,11 @@ export default {
|
|
|
this.getCameraNo();
|
|
this.getCameraNo();
|
|
|
$('#right-container').css('background-color', '#ffffff');
|
|
$('#right-container').css('background-color', '#ffffff');
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
beforeUnmount: function () {
|
|
beforeUnmount: function () {
|
|
|
$('#right-container').css('background-color', '#f7f7f7');
|
|
$('#right-container').css('background-color', '#f7f7f7');
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
methods: {
|
|
methods: {
|
|
|
// 查询子资产清单
|
|
// 查询子资产清单
|
|
|
queryAssetChildren: function () {
|
|
queryAssetChildren: function () {
|
|
@@ -1012,12 +964,12 @@ export default {
|
|
|
* 打开资产卡片的CURD窗口
|
|
* 打开资产卡片的CURD窗口
|
|
|
*/
|
|
*/
|
|
|
openParentCurd: function (parentId) {
|
|
openParentCurd: function (parentId) {
|
|
|
- if(parentId){
|
|
|
|
|
|
|
+ if (parentId) {
|
|
|
let url = Common.getRedirectUrl(
|
|
let url = Common.getRedirectUrl(
|
|
|
'#/desktop/window/window-read/view/040701/0/' +
|
|
'#/desktop/window/window-read/view/040701/0/' +
|
|
|
- parentId +
|
|
|
|
|
- '?currPage=1&currIndex=1&totalCount=1&uuid=' +
|
|
|
|
|
- Uuid.createUUID(),
|
|
|
|
|
|
|
+ parentId +
|
|
|
|
|
+ '?currPage=1&currIndex=1&totalCount=1&uuid=' +
|
|
|
|
|
+ Uuid.createUUID(),
|
|
|
);
|
|
);
|
|
|
window.open(url, '资产卡片');
|
|
window.open(url, '资产卡片');
|
|
|
}
|
|
}
|
|
@@ -1025,13 +977,14 @@ export default {
|
|
|
openCurdWindow: function (assetInstance) {
|
|
openCurdWindow: function (assetInstance) {
|
|
|
let url = Common.getRedirectUrl(
|
|
let url = Common.getRedirectUrl(
|
|
|
'#/desktop/window/window-read/view/040701/0/' +
|
|
'#/desktop/window/window-read/view/040701/0/' +
|
|
|
- assetInstance.assetInstanceId +
|
|
|
|
|
- '?currPage=1&currIndex=1&totalCount=1&uuid=' +
|
|
|
|
|
- Uuid.createUUID(),
|
|
|
|
|
|
|
+ assetInstance.assetInstanceId +
|
|
|
|
|
+ '?currPage=1&currIndex=1&totalCount=1&uuid=' +
|
|
|
|
|
+ Uuid.createUUID(),
|
|
|
);
|
|
);
|
|
|
window.open(url, '资产卡片');
|
|
window.open(url, '资产卡片');
|
|
|
},
|
|
},
|
|
|
getImage: function (position, imageName) {
|
|
getImage: function (position, imageName) {
|
|
|
|
|
+ if (!imageName) return;
|
|
|
// const url = this.showBigImage(className, imageName);
|
|
// const url = this.showBigImage(className, imageName);
|
|
|
let encodedImageName = imageName.replace(/\\/g, '%5C');
|
|
let encodedImageName = imageName.replace(/\\/g, '%5C');
|
|
|
let url = `api/CaptureResource/getPropassPicture?position=${position}&image=${encodedImageName}`;
|
|
let url = `api/CaptureResource/getPropassPicture?position=${position}&image=${encodedImageName}`;
|
|
@@ -1044,39 +997,39 @@ export default {
|
|
|
wdate.setMonth(wdate.getMonth() - 1);
|
|
wdate.setMonth(wdate.getMonth() - 1);
|
|
|
var y = wdate.getFullYear();
|
|
var y = wdate.getFullYear();
|
|
|
var m =
|
|
var m =
|
|
|
- wdate.getMonth() + 1 < 10
|
|
|
|
|
- ? '0' + (wdate.getMonth() + 1)
|
|
|
|
|
- : wdate.getMonth() + 1;
|
|
|
|
|
|
|
+ wdate.getMonth() + 1 < 10
|
|
|
|
|
+ ? '0' + (wdate.getMonth() + 1)
|
|
|
|
|
+ : wdate.getMonth() + 1;
|
|
|
var d = wdate.getDate() < 10 ? '0' + wdate.getDate() : wdate.getDate();
|
|
var d = wdate.getDate() < 10 ? '0' + wdate.getDate() : wdate.getDate();
|
|
|
var h =
|
|
var h =
|
|
|
- (wdate.getHours() < 10 ? '0' + wdate.getHours() : wdate.getHours()) +
|
|
|
|
|
- ':';
|
|
|
|
|
|
|
+ (wdate.getHours() < 10 ? '0' + wdate.getHours() : wdate.getHours()) +
|
|
|
|
|
+ ':';
|
|
|
var mm =
|
|
var mm =
|
|
|
- (wdate.getMinutes() < 10
|
|
|
|
|
- ? '0' + wdate.getMinutes()
|
|
|
|
|
- : wdate.getMinutes()) + ':';
|
|
|
|
|
|
|
+ (wdate.getMinutes() < 10
|
|
|
|
|
+ ? '0' + wdate.getMinutes()
|
|
|
|
|
+ : wdate.getMinutes()) + ':';
|
|
|
var dd =
|
|
var dd =
|
|
|
- wdate.getSeconds() < 10 ? '0' + wdate.getSeconds() : wdate.getSeconds();
|
|
|
|
|
|
|
+ wdate.getSeconds() < 10 ? '0' + wdate.getSeconds() : wdate.getSeconds();
|
|
|
var formatwdate = y + '-' + m + '-' + d + ' ' + h + mm + dd;
|
|
var formatwdate = y + '-' + m + '-' + d + ' ' + h + mm + dd;
|
|
|
console.log('前一个月的时间' + formatwdate);
|
|
console.log('前一个月的时间' + formatwdate);
|
|
|
_self.eventOriginalEndDate = dayjs().format('YYYY-MM-DD HH:mm:ss');
|
|
_self.eventOriginalEndDate = dayjs().format('YYYY-MM-DD HH:mm:ss');
|
|
|
_self.eventOriginalStartDate = formatwdate;
|
|
_self.eventOriginalStartDate = formatwdate;
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
//放大图片
|
|
//放大图片
|
|
|
enlargeImg: function (event, item) {
|
|
enlargeImg: function (event, item) {
|
|
|
var _self = this;
|
|
var _self = this;
|
|
|
var imageSrc = Common.getFileServerUrl() + 'Files\\UsbCamera\\' + item;
|
|
var imageSrc = Common.getFileServerUrl() + 'Files\\UsbCamera\\' + item;
|
|
|
// eslint-disable-next-line
|
|
// eslint-disable-next-line
|
|
|
- var bgstr =
|
|
|
|
|
- // eslint-disable-next-line
|
|
|
|
|
- '<div id="ImgZoomInBG" style=" background:#000000; filter:Alpha(Opacity=70); opacity:0.7; position:fixed; left:0; top:0; z-index:10000; width:100%; height:100%; display:none;"><iframe src="about:blank" frameborder="5px" scrolling="yes" style="width:100%; height:100%;"></iframe></div>';
|
|
|
|
|
- // alert($(event.target).attr('src'));
|
|
|
|
|
-
|
|
|
|
|
|
|
+ var bgstr =
|
|
|
|
|
+ // eslint-disable-next-line
|
|
|
|
|
+ '<div id="ImgZoomInBG" style=" background:#000000; filter:Alpha(Opacity=70); opacity:0.7; position:fixed; left:0; top:0; z-index:10000; width:100%; height:100%; display:none;"><iframe src="about:blank" frameborder="5px" scrolling="yes" style="width:100%; height:100%;"></iframe></div>';
|
|
|
|
|
+ // alert($(event.target).attr('src'));
|
|
|
|
|
+
|
|
|
var imgstr =
|
|
var imgstr =
|
|
|
- '<img id="ImgZoomInImage" src="' +
|
|
|
|
|
- imageSrc +
|
|
|
|
|
- '" onclick=$(\'#ImgZoomInImage\').hide();$(\'#ImgZoomInBG\').hide(); style="cursor:pointer; display:none; position:absolute; z-index:10001;" />';
|
|
|
|
|
|
|
+ '<img id="ImgZoomInImage" src="' +
|
|
|
|
|
+ imageSrc +
|
|
|
|
|
+ '" onclick=$(\'#ImgZoomInImage\').hide();$(\'#ImgZoomInBG\').hide(); style="cursor:pointer; display:none; position:absolute; z-index:10001;" />';
|
|
|
if ($('#ImgZoomInBG').length < 1) {
|
|
if ($('#ImgZoomInBG').length < 1) {
|
|
|
$('body').append(bgstr);
|
|
$('body').append(bgstr);
|
|
|
}
|
|
}
|
|
@@ -1090,17 +1043,17 @@ export default {
|
|
|
$('#ImgZoomInImage').css(
|
|
$('#ImgZoomInImage').css(
|
|
|
'left',
|
|
'left',
|
|
|
$(window).scrollLeft() +
|
|
$(window).scrollLeft() +
|
|
|
- ($(window).width() - $('#ImgZoomInImage').width()) / 2,
|
|
|
|
|
|
|
+ ($(window).width() - $('#ImgZoomInImage').width()) / 2,
|
|
|
);
|
|
);
|
|
|
$('#ImgZoomInImage').css(
|
|
$('#ImgZoomInImage').css(
|
|
|
'top',
|
|
'top',
|
|
|
$(window).scrollTop() +
|
|
$(window).scrollTop() +
|
|
|
- ($(window).height() - $('#ImgZoomInImage').height()) / 2,
|
|
|
|
|
|
|
+ ($(window).height() - $('#ImgZoomInImage').height()) / 2,
|
|
|
);
|
|
);
|
|
|
$('#ImgZoomInBG').show();
|
|
$('#ImgZoomInBG').show();
|
|
|
$('#ImgZoomInImage').show();
|
|
$('#ImgZoomInImage').show();
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
findAssetInstance: function (assetInstanceId) {
|
|
findAssetInstance: function (assetInstanceId) {
|
|
|
var _self = this;
|
|
var _self = this;
|
|
|
$.ajax({
|
|
$.ajax({
|
|
@@ -1125,7 +1078,7 @@ export default {
|
|
|
},
|
|
},
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
/**
|
|
/**
|
|
|
* 显示资产卡片详细信息
|
|
* 显示资产卡片详细信息
|
|
|
*/
|
|
*/
|
|
@@ -1133,24 +1086,24 @@ export default {
|
|
|
this.showAssetInstance = assetInstance;
|
|
this.showAssetInstance = assetInstance;
|
|
|
// 查询生命周期数据
|
|
// 查询生命周期数据
|
|
|
this.getHistoryEvent();
|
|
this.getHistoryEvent();
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
// 查询历史位置
|
|
// 查询历史位置
|
|
|
this.getAssetImageInfosByEpc();
|
|
this.getAssetImageInfosByEpc();
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
// 查询进出记录
|
|
// 查询进出记录
|
|
|
this.getAssetInstanceRfidRecord();
|
|
this.getAssetInstanceRfidRecord();
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
// 查询历史位置1
|
|
// 查询历史位置1
|
|
|
// this.queryPageSingleEpcOriginalByTime();
|
|
// this.queryPageSingleEpcOriginalByTime();
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
// 查询历史位置
|
|
// 查询历史位置
|
|
|
getAssetImageInfosByEpc: function () {
|
|
getAssetImageInfosByEpc: function () {
|
|
|
var _self = this;
|
|
var _self = this;
|
|
|
var sendData = {
|
|
var sendData = {
|
|
|
epc: _self.showAssetInstance.epc,
|
|
epc: _self.showAssetInstance.epc,
|
|
|
start:
|
|
start:
|
|
|
- (_self.pagination2.current_page - 1) * _self.pagination2.per_page,
|
|
|
|
|
|
|
+ (_self.pagination2.current_page - 1) * _self.pagination2.per_page,
|
|
|
length: _self.pagination2.per_page,
|
|
length: _self.pagination2.per_page,
|
|
|
};
|
|
};
|
|
|
if (_self.startDate != null && _self.startDate.length > 0) {
|
|
if (_self.startDate != null && _self.startDate.length > 0) {
|
|
@@ -1183,7 +1136,7 @@ export default {
|
|
|
},
|
|
},
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
/**
|
|
/**
|
|
|
* 查询资产进出数据
|
|
* 查询资产进出数据
|
|
|
* @author LeiGuoXian
|
|
* @author LeiGuoXian
|
|
@@ -1215,7 +1168,7 @@ export default {
|
|
|
},
|
|
},
|
|
|
);
|
|
);
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
/**
|
|
/**
|
|
|
* 根据开始时间结束时间进行查询
|
|
* 根据开始时间结束时间进行查询
|
|
|
* @author LeiGuoXian
|
|
* @author LeiGuoXian
|
|
@@ -1226,14 +1179,14 @@ export default {
|
|
|
_self.pagination.current_page = 1;
|
|
_self.pagination.current_page = 1;
|
|
|
_self.getAssetInstanceRfidRecord();
|
|
_self.getAssetInstanceRfidRecord();
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
//去掉地点相同的位置,保留最后出现的
|
|
//去掉地点相同的位置,保留最后出现的
|
|
|
getUniqueImageInfos: function (data) {
|
|
getUniqueImageInfos: function (data) {
|
|
|
var arr = [];
|
|
var arr = [];
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
for (var i = 0; i < data.length; i++) {
|
|
|
var newItem = data[i];
|
|
var newItem = data[i];
|
|
|
var newLocation = newItem.location;
|
|
var newLocation = newItem.location;
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
var hasSameLocation = false;
|
|
var hasSameLocation = false;
|
|
|
for (var j = 0; j < arr.length; j++) {
|
|
for (var j = 0; j < arr.length; j++) {
|
|
|
var oldItem = arr[j];
|
|
var oldItem = arr[j];
|
|
@@ -1243,13 +1196,13 @@ export default {
|
|
|
break;
|
|
break;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
var arrLen = arr.length;
|
|
var arrLen = arr.length;
|
|
|
var lastLocation = undefined;
|
|
var lastLocation = undefined;
|
|
|
if (arrLen >= 1) {
|
|
if (arrLen >= 1) {
|
|
|
lastLocation = arr[arrLen - 1].location;
|
|
lastLocation = arr[arrLen - 1].location;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
if (!hasSameLocation) {
|
|
if (!hasSameLocation) {
|
|
|
arr.push(newItem);
|
|
arr.push(newItem);
|
|
|
} else if (hasSameLocation && newLocation != lastLocation) {
|
|
} else if (hasSameLocation && newLocation != lastLocation) {
|
|
@@ -1266,18 +1219,19 @@ export default {
|
|
|
}
|
|
}
|
|
|
return arr;
|
|
return arr;
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
callbackFun: function () {
|
|
callbackFun: function () {
|
|
|
if (this.showAssetInstance == undefined || this.showAssetInstance == '') {
|
|
if (this.showAssetInstance == undefined || this.showAssetInstance == '') {
|
|
|
return;
|
|
return;
|
|
|
}
|
|
}
|
|
|
this.showItem(this.showAssetInstance);
|
|
this.showItem(this.showAssetInstance);
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
/**
|
|
/**
|
|
|
* 返回缩略图的路径
|
|
* 返回缩略图的路径
|
|
|
*/
|
|
*/
|
|
|
showThumbnailImage: function (imageName) {
|
|
showThumbnailImage: function (imageName) {
|
|
|
|
|
+ if (!imageName) return;
|
|
|
//return this.imageServerBaseUrl + "\\" + imageName;
|
|
//return this.imageServerBaseUrl + "\\" + imageName;
|
|
|
//usb摄像头
|
|
//usb摄像头
|
|
|
var newImages = imageName.split('\\');
|
|
var newImages = imageName.split('\\');
|
|
@@ -1287,19 +1241,20 @@ export default {
|
|
|
//return Common.getFileServerUrl() + "Files\\UsbCamera\\" + imageName;
|
|
//return Common.getFileServerUrl() + "Files\\UsbCamera\\" + imageName;
|
|
|
return (
|
|
return (
|
|
|
Common.getFileServerUrl() +
|
|
Common.getFileServerUrl() +
|
|
|
- 'Files\\UsbCamera\\' +
|
|
|
|
|
- newFile +
|
|
|
|
|
- '\\thumbnail\\' +
|
|
|
|
|
- newImage
|
|
|
|
|
|
|
+ 'Files\\UsbCamera\\' +
|
|
|
|
|
+ newFile +
|
|
|
|
|
+ '\\thumbnail\\' +
|
|
|
|
|
+ newImage
|
|
|
);
|
|
);
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
getRecordPicture: function (position, imageName) {
|
|
getRecordPicture: function (position, imageName) {
|
|
|
|
|
+ if (!imageName) return;
|
|
|
let encodedImageName = imageName.replace(/\\/g, '%5C');
|
|
let encodedImageName = imageName.replace(/\\/g, '%5C');
|
|
|
let url = `api/CaptureResource/getPropassPicture?position=${position}&image=${encodedImageName}`;
|
|
let url = `api/CaptureResource/getPropassPicture?position=${position}&image=${encodedImageName}`;
|
|
|
return url;
|
|
return url;
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
/**
|
|
/**
|
|
|
* 返回缩略图的路径
|
|
* 返回缩略图的路径
|
|
|
*/
|
|
*/
|
|
@@ -1307,7 +1262,7 @@ export default {
|
|
|
if (imageName == null) {
|
|
if (imageName == null) {
|
|
|
return;
|
|
return;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
// var accountId = localStorage.getItem('#accountId');
|
|
// var accountId = localStorage.getItem('#accountId');
|
|
|
// var url1 = imageName.substring(0, imageName.indexOf('/'));
|
|
// var url1 = imageName.substring(0, imageName.indexOf('/'));
|
|
|
// var url2 = imageName.substring(imageName.indexOf('/'), imageName.length);
|
|
// var url2 = imageName.substring(imageName.indexOf('/'), imageName.length);
|
|
@@ -1335,20 +1290,21 @@ export default {
|
|
|
var url2 = imageName.substring(imageName.indexOf('/'), imageName.length);
|
|
var url2 = imageName.substring(imageName.indexOf('/'), imageName.length);
|
|
|
return (
|
|
return (
|
|
|
Common.getFileServerUrl() +
|
|
Common.getFileServerUrl() +
|
|
|
- 'Files/' +
|
|
|
|
|
- accountId +
|
|
|
|
|
- '/Images/' +
|
|
|
|
|
- className +
|
|
|
|
|
- '/' +
|
|
|
|
|
- url1 +
|
|
|
|
|
- url2
|
|
|
|
|
|
|
+ 'Files/' +
|
|
|
|
|
+ accountId +
|
|
|
|
|
+ '/Images/' +
|
|
|
|
|
+ className +
|
|
|
|
|
+ '/' +
|
|
|
|
|
+ url1 +
|
|
|
|
|
+ url2
|
|
|
);
|
|
);
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
/**
|
|
/**
|
|
|
* 返回大图的路径
|
|
* 返回大图的路径
|
|
|
*/
|
|
*/
|
|
|
showImage: function (imageName) {
|
|
showImage: function (imageName) {
|
|
|
|
|
+ if(!imageName) return;
|
|
|
//return this.imageServerBaseUrl + "\\" + imageName;
|
|
//return this.imageServerBaseUrl + "\\" + imageName;
|
|
|
//usb摄像头
|
|
//usb摄像头
|
|
|
var newImages = imageName.split('\\');
|
|
var newImages = imageName.split('\\');
|
|
@@ -1358,7 +1314,7 @@ export default {
|
|
|
return Common.getFileServerUrl() + 'Files\\UsbCamera\\' + imageName;
|
|
return Common.getFileServerUrl() + 'Files\\UsbCamera\\' + imageName;
|
|
|
// return Common.getFileServerUrl() + "Files\\UsbCamera\\" + newFile + "\\thumbnail\\" + newImage;
|
|
// return Common.getFileServerUrl() + "Files\\UsbCamera\\" + newFile + "\\thumbnail\\" + newImage;
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
//显示九张抓拍图片
|
|
//显示九张抓拍图片
|
|
|
showImageUrl: function (item) {
|
|
showImageUrl: function (item) {
|
|
|
var _self = this;
|
|
var _self = this;
|
|
@@ -1379,7 +1335,7 @@ export default {
|
|
|
} else {
|
|
} else {
|
|
|
Notify.error('查询错误', data.errorMessage, true);
|
|
Notify.error('查询错误', data.errorMessage, true);
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
_self.modal = true;
|
|
_self.modal = true;
|
|
|
},
|
|
},
|
|
|
error: function (XMLHttpRequest, textStatus, errorThrown) {
|
|
error: function (XMLHttpRequest, textStatus, errorThrown) {
|
|
@@ -1481,7 +1437,7 @@ export default {
|
|
|
}
|
|
}
|
|
|
return iconSrc;
|
|
return iconSrc;
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
getCameraNo: function () {
|
|
getCameraNo: function () {
|
|
|
var _self = this;
|
|
var _self = this;
|
|
|
$.ajax({
|
|
$.ajax({
|
|
@@ -1555,103 +1511,103 @@ export default {
|
|
|
},
|
|
},
|
|
|
};
|
|
};
|
|
|
</script>
|
|
</script>
|
|
|
- <style scoped>
|
|
|
|
|
- .table-footer-left {
|
|
|
|
|
- float: left;
|
|
|
|
|
- margin: 0px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .image {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .m-img {
|
|
|
|
|
- max-width: 100%;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .box {
|
|
|
|
|
- margin-bottom: 14px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .box-title {
|
|
|
|
|
- margin-bottom: 6px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .a-title {
|
|
|
|
|
- text-decoration: underline;
|
|
|
|
|
- font-size: 1.2em;
|
|
|
|
|
- color: #5b3bcd;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .p-tooltip {
|
|
|
|
|
- color: #999;
|
|
|
|
|
- font-size: 12px;
|
|
|
|
|
- line-height: 42px;
|
|
|
|
|
- margin: 0px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .asset-detail div {
|
|
|
|
|
- word-wrap: break-word;
|
|
|
|
|
- padding: 0px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .div-asset-info {
|
|
|
|
|
- margin-top: 15px;
|
|
|
|
|
- margin-bottom: 15px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .m-image {
|
|
|
|
|
- height: 648px;
|
|
|
|
|
- width: 432px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .modal-img-box {
|
|
|
|
|
- text-align: center;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .div-history-event ul {
|
|
|
|
|
- list-style-type: circle;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .div-history-event li {
|
|
|
|
|
- margin-bottom: 10px;
|
|
|
|
|
- font-size: 18px;
|
|
|
|
|
- border-bottom: 1px solid #dcd6d6;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .div-history-event p {
|
|
|
|
|
- margin: 3px 0px;
|
|
|
|
|
- font-size: 14px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .event-title {
|
|
|
|
|
- font-weight: bold;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .event-time {
|
|
|
|
|
- color: #aaa;
|
|
|
|
|
- font-size: 0.9em;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .no-padding-left {
|
|
|
|
|
- padding-left: 0px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .media-img {
|
|
|
|
|
- width: 45px;
|
|
|
|
|
- height: 45px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .img-thumbnail {
|
|
|
|
|
- cursor: pointer;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .time-box {
|
|
|
|
|
- margin-bottom: 15px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .rowTest {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- flex-wrap: wrap;
|
|
|
|
|
- }
|
|
|
|
|
- </style>
|
|
|
|
|
|
|
+<style scoped>
|
|
|
|
|
+.table-footer-left {
|
|
|
|
|
+ float: left;
|
|
|
|
|
+ margin: 0px;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.image {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.m-img {
|
|
|
|
|
+ max-width: 100%;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.box {
|
|
|
|
|
+ margin-bottom: 14px;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.box-title {
|
|
|
|
|
+ margin-bottom: 6px;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.a-title {
|
|
|
|
|
+ text-decoration: underline;
|
|
|
|
|
+ font-size: 1.2em;
|
|
|
|
|
+ color: #5b3bcd;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.p-tooltip {
|
|
|
|
|
+ color: #999;
|
|
|
|
|
+ font-size: 12px;
|
|
|
|
|
+ line-height: 42px;
|
|
|
|
|
+ margin: 0px;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.asset-detail div {
|
|
|
|
|
+ word-wrap: break-word;
|
|
|
|
|
+ padding: 0px;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.div-asset-info {
|
|
|
|
|
+ margin-top: 15px;
|
|
|
|
|
+ margin-bottom: 15px;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.m-image {
|
|
|
|
|
+ height: 648px;
|
|
|
|
|
+ width: 432px;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.modal-img-box {
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.div-history-event ul {
|
|
|
|
|
+ list-style-type: circle;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.div-history-event li {
|
|
|
|
|
+ margin-bottom: 10px;
|
|
|
|
|
+ font-size: 18px;
|
|
|
|
|
+ border-bottom: 1px solid #dcd6d6;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.div-history-event p {
|
|
|
|
|
+ margin: 3px 0px;
|
|
|
|
|
+ font-size: 14px;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.event-title {
|
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.event-time {
|
|
|
|
|
+ color: #aaa;
|
|
|
|
|
+ font-size: 0.9em;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.no-padding-left {
|
|
|
|
|
+ padding-left: 0px;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.media-img {
|
|
|
|
|
+ width: 45px;
|
|
|
|
|
+ height: 45px;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.img-thumbnail {
|
|
|
|
|
+ cursor: pointer;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.time-box {
|
|
|
|
|
+ margin-bottom: 15px;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.rowTest {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-wrap: wrap;
|
|
|
|
|
+}
|
|
|
|
|
+</style>
|