Commit 8ba47927 authored by zhengke's avatar zhengke

修复第三方资料选项

parent c7bf1a0c
...@@ -680,7 +680,7 @@ page { ...@@ -680,7 +680,7 @@ page {
.pointer{ .pointer{
cursor: pointer; cursor: pointer;
} }
.wrap{ .textwrap{
white-space: wrap; white-space: wrap;
} }
.md-menu .el-menu-item, .md-menu .el-menu-item,
......
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
</div> </div>
</div> </div>
<div class="q-mt-lg row wrap" style="margin-left: -10px;" v-if="loading || (data && data.length>0)" v-loading="loading"> <div class="q-mt-lg row wrap" style="margin-left: -10px;" v-if="loading || (data && data.length>0)" v-loading="loading">
<div class="spider-item" v-for="x in data" @click="currentPoi=x"> <div class="spider-item" v-for="x in data" @click="getImgas(x)">
<img :src="x.PicPath" v-if="x.PicPath"/> <img :src="x.PicPath" v-if="x.PicPath"/>
<div class="subtitle" :title="x.Name">{{ x.Name }}</div> <div class="subtitle" :title="x.Name">{{ x.Name }}</div>
<div class="imgcount row items-center"> <div class="imgcount row items-center">
...@@ -38,22 +38,24 @@ ...@@ -38,22 +38,24 @@
<el-button type="primary" @click="currentPoi=null" link><el-icon><ArrowLeft /></el-icon> 返回</el-button> <el-button type="primary" @click="currentPoi=null" link><el-icon><ArrowLeft /></el-icon> 返回</el-button>
<div class="q-ml-lg text-small">【{{ currentPoi.Name }}】相关图片</div> <div class="q-ml-lg text-small">【{{ currentPoi.Name }}】相关图片</div>
</div> </div>
<div class="q-mt-lg row wrap" style="margin-left: -10px;height: 440px;overflow-y: auto;"> <div class="q-mt-lg" style="margin-left: -10px;height: 440px;overflow-y: auto;">
<div class="spider-item" v-for="x in currentPoi.ImgArray"> <div class="row wrap">
<img :src="x" /> <div class="spider-item" v-for="(x,index) in imagsList" :key="index">
<div class="img-box"> <img :src="x.url" />
<el-image <div class="img-box">
style="width: 100%; height: 100%" <el-image
:src="x" style="width: 100%; height: 100%"
:zoom-rate="1.2" :src="x.url"
:max-scale="7" :zoom-rate="1.2"
:min-scale="0.2" :max-scale="7"
:preview-src-list="[x]" :min-scale="0.2"
fit="cover" :preview-src-list="[x.url]"
/> fit="cover"
</div> />
<div class="imgcount" style="padding:0px;"> </div>
<el-checkbox label="" :checked="chooseUrl==x" @click.stop="changeChooseUrlHandler(x)"></el-checkbox> <div class="imgcount" style="padding:0px;">
<el-checkbox label="" v-model="x.isCheckbox" @click.stop="changeChooseUrlHandler(x.url,index)"></el-checkbox>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -74,6 +76,7 @@ const keyValue = ref('') ...@@ -74,6 +76,7 @@ const keyValue = ref('')
const loading = ref(false) const loading = ref(false)
const data = ref<any[]>() const data = ref<any[]>()
const currentPoi = ref<any>() const currentPoi = ref<any>()
const imagsList = ref([] as Array<any>)
const chooseUrl = ref('') const chooseUrl = ref('')
const queryParameters = ref<{ const queryParameters = ref<{
pageIndex:number, pageIndex:number,
...@@ -109,6 +112,7 @@ const checkPoiCoverImg = (array:any[])=>{ ...@@ -109,6 +112,7 @@ const checkPoiCoverImg = (array:any[])=>{
x.ImgArray = x.ImgArray ?? [] x.ImgArray = x.ImgArray ?? []
x.ImgArray.splice(0,0,x.PicPath) x.ImgArray.splice(0,0,x.PicPath)
} }
}) })
return array return array
} }
...@@ -121,9 +125,31 @@ const changeKeyValueHandler = ()=>{ ...@@ -121,9 +125,31 @@ const changeKeyValueHandler = ()=>{
} }
} }
const changeChooseUrlHandler = (url:string)=>{ const getImgas = (x:any) => {
imagsList.value = []
currentPoi.value = x
for(let i=0;i<x.ImgArray.length;i++){
let obj ={
isCheckbox: false,
url: x.ImgArray[i]
}
imagsList.value.push(JSON.parse(JSON.stringify(obj)))
}
}
const changeChooseUrlHandler = (url:string,index:number)=>{
for(let i=0;i<imagsList.value.length;i++){
if(index==i&&imagsList.value[i].isCheckbox){
}else {
imagsList.value[i].isCheckbox = false
}
}
chooseUrl.value = chooseUrl.value==url?'':url chooseUrl.value = chooseUrl.value==url?'':url
emit('change',chooseUrl.value) emit('change',chooseUrl.value)
} }
SearchHandler() SearchHandler()
......
...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
<span class="text-bold">{{item.UpdateTime.substr(0,11)}}</span> <span class="text-bold">{{item.UpdateTime.substr(0,11)}}</span>
<span class="q-pl-md q-pt-sm">{{item.UpdateTime.substr(11,19)}}</span> <span class="q-pl-md q-pt-sm">{{item.UpdateTime.substr(11,19)}}</span>
</td> </td>
<td class="HistoricalVersion-title text-light wrap text-5B5D62"> <td class="HistoricalVersion-title text-light textwrap text-5B5D62">
<span>{{item.CreateByName}}</span> <span>{{item.CreateByName}}</span>
</td> </td>
<td class="text-light text-5B5D62"><span>{{item.FileSize}}KB</span></td> <td class="text-light text-5B5D62"><span>{{item.FileSize}}KB</span></td>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment