|
@@ -17,19 +17,6 @@
|
|
|
<span class="button" @click="multCop">{{ $t('manage.sceneAdmin.collaborative') }}</span>
|
|
<span class="button" @click="multCop">{{ $t('manage.sceneAdmin.collaborative') }}</span>
|
|
|
<span class="button default" @click="multDel">{{ $t('common.delete') }}</span>
|
|
<span class="button default" @click="multDel">{{ $t('common.delete') }}</span>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="main-list">
|
|
|
|
|
- <i @click="changeType(true)" class="iconfont icon-main_grid" :title="langScenes.pictle" :class="{active:isImgType}"></i>
|
|
|
|
|
- <i @click="changeType(false)" class="iconfont icon-main_list" :title="langScenes.listtle" :class="{active:!isImgType}"></i>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <div class="search-w">
|
|
|
|
|
- <div class="date-w">
|
|
|
|
|
- <span class="label">{{ $t('manage.sceneAdmin.createTime') }}</span>
|
|
|
|
|
- <vueDate showClear v-model="startTime" :placeholder="$t('manage.sceneAdmin.startTime')" :isDateDisabled="isAfter" :weekdays="weekdays" :months="months"></vueDate>
|
|
|
|
|
- <span>-</span>
|
|
|
|
|
- <vueDate showClear v-model="endTime" :placeholder="$t('manage.sceneAdmin.endTime')" :isDateDisabled="isBefore" :weekdays="weekdays" :months="months"></vueDate>
|
|
|
|
|
- </div>
|
|
|
|
|
<div class="tab-search">
|
|
<div class="tab-search">
|
|
|
<input
|
|
<input
|
|
|
v-model="searchKey"
|
|
v-model="searchKey"
|
|
@@ -37,10 +24,12 @@
|
|
|
type="text"
|
|
type="text"
|
|
|
:placeholder="langScenes.placeholder.searchID"
|
|
:placeholder="langScenes.placeholder.searchID"
|
|
|
/>
|
|
/>
|
|
|
-
|
|
|
|
|
- <!-- <i class="iconfont icon-sousuo" @click="gotoSearch(searchKey)"></i> -->
|
|
|
|
|
|
|
+ <i class="iconfont icon-sousuo" @click="gotoSearch(searchKey)"></i>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="main-list">
|
|
|
|
|
+ <i @click="changeType(true)" class="iconfont icon-main_grid" :title="langScenes.pictle" :class="{active:isImgType}"></i>
|
|
|
|
|
+ <i @click="changeType(false)" class="iconfont icon-main_list" :title="langScenes.listtle" :class="{active:!isImgType}"></i>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="search-btn" @click="gotoSearch(searchKey)">{{ $t('manage.sceneAdmin.search')}}</div>
|
|
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
@@ -188,9 +177,8 @@ import { mapState } from 'vuex'
|
|
|
import tableList from '@/components/table'
|
|
import tableList from '@/components/table'
|
|
|
import {scene} from './iscene'
|
|
import {scene} from './iscene'
|
|
|
import Paging from '@/components/Paging'
|
|
import Paging from '@/components/Paging'
|
|
|
-import vueDate from '@/components/common/vueDate/vueDatePick'
|
|
|
|
|
export default {
|
|
export default {
|
|
|
- components: { Paging, tableList, vueDate },
|
|
|
|
|
|
|
+ components: { Paging, tableList },
|
|
|
data () {
|
|
data () {
|
|
|
let imgs = [
|
|
let imgs = [
|
|
|
{
|
|
{
|
|
@@ -225,7 +213,7 @@ export default {
|
|
|
isImgType: isImgType,
|
|
isImgType: isImgType,
|
|
|
lwidth: 853,
|
|
lwidth: 853,
|
|
|
lheight: 480,
|
|
lheight: 480,
|
|
|
- url: 'https://www.4dkankan.com/showProPC.html?m=KcMeJlOr8',
|
|
|
|
|
|
|
+ url: 'https://eur.4dkankan.com/showProPC.html?m=KcMeJlOr8',
|
|
|
item: '',
|
|
item: '',
|
|
|
ulActive: '',
|
|
ulActive: '',
|
|
|
tabActive: 1,
|
|
tabActive: 1,
|
|
@@ -237,11 +225,7 @@ export default {
|
|
|
name: this.$t('manage.sceneAdmin.collaborativeScene'),
|
|
name: this.$t('manage.sceneAdmin.collaborativeScene'),
|
|
|
id: 2
|
|
id: 2
|
|
|
}
|
|
}
|
|
|
- ],
|
|
|
|
|
- startTime: '',
|
|
|
|
|
- endTime: '',
|
|
|
|
|
- weekdays: ['一', '二', '三', '四', '五', '六', '日'],
|
|
|
|
|
- months: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
|
|
|
|
|
|
|
+ ]
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
watch: {
|
|
watch: {
|
|
@@ -292,7 +276,7 @@ export default {
|
|
|
}
|
|
}
|
|
|
}),
|
|
}),
|
|
|
htmlCode () {
|
|
htmlCode () {
|
|
|
- return `<iframe src="${this.url}" width="${this.lwidth}" height="${this.lheight}" allowfullscreen="true" frameborder="0"></iframe>`
|
|
|
|
|
|
|
+ return `<iframe src="${this.url}" width="${this.lwidth}" allowfullscreen="true" height="${this.lheight}" frameborder="0"></iframe>`
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
mounted () {
|
|
mounted () {
|
|
@@ -314,10 +298,6 @@ export default {
|
|
|
this.getCooTotal()
|
|
this.getCooTotal()
|
|
|
this.getList()
|
|
this.getList()
|
|
|
}
|
|
}
|
|
|
- if (this.language !== 'zh') {
|
|
|
|
|
- this.weekdays = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
|
|
|
|
|
- this.months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']
|
|
|
|
|
- }
|
|
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
changeType (status) {
|
|
changeType (status) {
|
|
@@ -413,7 +393,9 @@ export default {
|
|
|
this.showShare = true
|
|
this.showShare = true
|
|
|
},
|
|
},
|
|
|
goto (url) {
|
|
goto (url) {
|
|
|
- let temp = url.replace('show.html', 'showPC.html')
|
|
|
|
|
|
|
+ let temp = url.replace('smobile.html', 'spc.html')
|
|
|
|
|
+ // let temp1 = temp.replace('//www', '//test')
|
|
|
|
|
+ // window.open(temp.replace('//www', '//test'), '_blank')
|
|
|
window.open(temp.replace('http://', 'https://') + (this.language === 'en' ? '&lang=en' : ''), '_blank')
|
|
window.open(temp.replace('http://', 'https://') + (this.language === 'en' ? '&lang=en' : ''), '_blank')
|
|
|
},
|
|
},
|
|
|
getSceneImg (item) {
|
|
getSceneImg (item) {
|
|
@@ -445,10 +427,8 @@ export default {
|
|
|
break
|
|
break
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
url = pStr ? url.replace(page, pStr) : url
|
|
url = pStr ? url.replace(page, pStr) : url
|
|
|
- // 预留代码 为了跳转根域名
|
|
|
|
|
- let queryParams = url.split('.html')[1]
|
|
|
|
|
- console.log(window.location.origin + '/' + pStr + '.html' + queryParams)
|
|
|
|
|
|
|
|
|
|
window.open(url.replace('http://', 'https://') + (this.language === 'en' ? '&lang=en' : ''), '_blank')
|
|
window.open(url.replace('http://', 'https://') + (this.language === 'en' ? '&lang=en' : ''), '_blank')
|
|
|
},
|
|
},
|
|
@@ -512,9 +492,7 @@ export default {
|
|
|
pageSize: this.pageSize,
|
|
pageSize: this.pageSize,
|
|
|
cameraId,
|
|
cameraId,
|
|
|
searchKey: this.searchKey.trim(),
|
|
searchKey: this.searchKey.trim(),
|
|
|
- cameraType,
|
|
|
|
|
- startTime: new Date(this.startTime).getTime(),
|
|
|
|
|
- endTime: new Date(this.endTime).getTime() + 86400000
|
|
|
|
|
|
|
+ cameraType
|
|
|
}
|
|
}
|
|
|
if (this.tabActive === 2) {
|
|
if (this.tabActive === 2) {
|
|
|
await this.$store.dispatch('getCooperationScene', params)
|
|
await this.$store.dispatch('getCooperationScene', params)
|
|
@@ -558,14 +536,6 @@ export default {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
document.body.removeChild(textArea)
|
|
document.body.removeChild(textArea)
|
|
|
- },
|
|
|
|
|
- isBefore (date) {
|
|
|
|
|
- const startDate = new Date(this.startTime)
|
|
|
|
|
- return date < startDate
|
|
|
|
|
- },
|
|
|
|
|
- isAfter (date) {
|
|
|
|
|
- const endDate = new Date(this.endTime)
|
|
|
|
|
- return date > endDate
|
|
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
@@ -629,29 +599,7 @@ $font-color: #2d2d2d;
|
|
|
margin-left: 10px;
|
|
margin-left: 10px;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- .main-list{
|
|
|
|
|
- display: inline-block;
|
|
|
|
|
- margin-left: 20px;
|
|
|
|
|
- .iconfont{
|
|
|
|
|
- cursor: pointer;
|
|
|
|
|
- font-size: 20px;
|
|
|
|
|
- margin-left: 5px;
|
|
|
|
|
- }
|
|
|
|
|
- .active{
|
|
|
|
|
- color: #1fe4dc;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- .search-w {
|
|
|
|
|
- position: absolute;
|
|
|
|
|
- top: 0;
|
|
|
|
|
- right: 40px;
|
|
|
|
|
- top: 38px;
|
|
|
|
|
- display: flex;
|
|
|
|
|
- font-size: 12px;
|
|
|
|
|
- }
|
|
|
|
|
- .tab-search{
|
|
|
|
|
|
|
+ .tab-search{
|
|
|
position: relative;
|
|
position: relative;
|
|
|
width: 230px;
|
|
width: 230px;
|
|
|
border: 1px solid #ccc;
|
|
border: 1px solid #ccc;
|
|
@@ -673,6 +621,20 @@ $font-color: #2d2d2d;
|
|
|
border: 0;
|
|
border: 0;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+ .main-list{
|
|
|
|
|
+ display: inline-block;
|
|
|
|
|
+ margin-left: 20px;
|
|
|
|
|
+ .iconfont{
|
|
|
|
|
+ cursor: pointer;
|
|
|
|
|
+ font-size: 20px;
|
|
|
|
|
+ margin-left: 5px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .active{
|
|
|
|
|
+ color: #1fe4dc;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
}
|
|
}
|
|
|
> ul {
|
|
> ul {
|
|
|
padding: 30px 0 0 40px;
|
|
padding: 30px 0 0 40px;
|
|
@@ -710,7 +672,7 @@ $font-color: #2d2d2d;
|
|
|
top: 10px;
|
|
top: 10px;
|
|
|
width: 35px;
|
|
width: 35px;
|
|
|
height: 35px;
|
|
height: 35px;
|
|
|
- background-image: url(https://4dscene.4dage.com/new4dkk/images/share-btn.png);
|
|
|
|
|
|
|
+ background-image: url(https://eurs3.4dkankan.com/website/images/share-btn.png);
|
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|
|
background-position: center;
|
|
background-position: center;
|
|
|
background-repeat: no-repeat;
|
|
background-repeat: no-repeat;
|
|
@@ -1127,35 +1089,3 @@ $font-color: #2d2d2d;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|
|
|
-
|
|
|
|
|
-<style lang="less">
|
|
|
|
|
-.scene-layout {
|
|
|
|
|
- .search-w {
|
|
|
|
|
- input {
|
|
|
|
|
- line-height: 28px;
|
|
|
|
|
- border: 1px solid #ccc;
|
|
|
|
|
- }
|
|
|
|
|
- .date-w {
|
|
|
|
|
- margin-right: 15px;
|
|
|
|
|
- .label {
|
|
|
|
|
- margin-right: 10px;
|
|
|
|
|
- font-size: 14px;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- .vdpWithInput {
|
|
|
|
|
- input {
|
|
|
|
|
- width: 140px;
|
|
|
|
|
- padding: 0 10px;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- .search-btn {
|
|
|
|
|
- padding: 0 20px;
|
|
|
|
|
- line-height: 28px;
|
|
|
|
|
- background: #1fe4dc;
|
|
|
|
|
- margin-left: 15px;
|
|
|
|
|
- cursor: pointer;
|
|
|
|
|
- // font-weight: bold;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-}
|
|
|
|
|
-</style>
|
|
|