Skip to content

S
SuperMan
Commit 228f5074 authored by zhengke's avatar zhengke
Browse files
Options

增加视频筛选

parent c6d3db89
Hide whitespace changes
Inline Side-by-side
Showing with 110 additions and 33 deletions
src/components/commonPage/DMCchooseImg.vue
View file @ 228f5074
...@@ -136,39 +136,82 @@ ...@@ -136,39 +136,82 @@
</style> </style>
<template> <template>
<div class="DMCchooseImg"> <div class="DMCchooseImg">
<span style="margin-left:24px;"> <div style="width:98px;margin:0 25px;display:none;">
<input type="text" class="resource-name resAddImg" v-model="queryMsg.Name" @keyup.enter="getList" placeholder="请输入关键字"/> <el-tabs v-model="activeName" @tab-click="handleClick">
<span class="search-imgicon"><i class="iconfont icon-img_cz searchImgIcon" @click="getList"></i></span> <el-tab-pane label="图片" name="first"></el-tab-pane>
</span> <el-tab-pane label="视频" name="second"></el-tab-pane>
<div class="addimgContent test-1"> </el-tabs>
<div class="addimgDiv" v-for="(item,index) in imglistArry" :key="item.subCode" v-if="item.isShowImgDiv&&item.Path!=null"> </div>
<div class="itemImgdiv" @click="selectImg(index)"> <div v-if="activeName=='first'">
<img :src='compressImg(item.Path, "filt", 160, "")' @error="imgError(item)"/> <span style="margin-left:24px;">
<div class="imgseclet" v-show="item.isShow"><i class="iconfont icon-dagouyouquan"></i></div> <input type="text" class="resource-name resAddImg" v-model="queryMsg.Name" @keyup.enter="getList" placeholder="请输入关键字"/>
</div> <span class="search-imgicon"><i class="iconfont icon-img_cz searchImgIcon" @click="getList"></i></span>
<div class="imgDescription">{{item.Name}}</div> </span>
</div> <div class="addimgContent test-1">
<div class="addimgDiv" v-if="IsShowAdd" > <div class="addimgDiv" v-for="(item,index) in imglistArry" :key="item.subCode" v-if="item.isShowImgDiv&&item.Path!=null">
<div class="DMC_addContent"> <div class="itemImgdiv" @click="selectImg(index)">
<el-upload class="upload-demo" :http-request="UploadImage" :multiple="false" accept="image/jpeg,image/gif,image/png,image/bmp" <img :src='compressImg(item.Path, "filt", 160, "")' @error="imgError(item)"/>
:show-file-list="false" action=""> <div class="imgseclet" v-show="item.isShow"><i class="iconfont icon-dagouyouquan"></i></div>
<i class="iconfont icon-img_haha"></i> </div>
</el-upload> <div class="imgDescription">{{item.Name}}</div>
</div> </div>
</div> <div class="addimgDiv" v-if="IsShowAdd" >
</div> <div class="DMC_addContent">
<div class="addimg-btnlist"> <el-upload class="upload-demo" :http-request="UploadImage" :multiple="false" accept="image/jpeg,image/gif,image/png,image/bmp"
<input type="button" class="save-Btn" @click="dmccheckImgList()" value="确定" /> :show-file-list="false" action="">
<input type="button" class="cancel-Btn" @click="closeDialog()" value="取消" /> <i class="iconfont icon-img_haha"></i>
</div> </el-upload>
<span class="addimg-select">已选择<span style="color:#E95252;"><span>{{selectImgArr.length}}</span></span>张图片</span> </div>
<el-pagination </div>
background </div>
@current-change="handleCurrentChange" <div class="addimg-btnlist">
:current-page.sync="queryMsg.currentPage" <input type="button" class="save-Btn" @click="dmccheckImgList()" value="确定" />
:page-size="queryMsg.pageSize" <input type="button" class="cancel-Btn" @click="closeDialog()" value="取消" />
layout="total,prev, pager, next, jumper" :total="queryMsg.total"> </div>
</el-pagination> <span class="addimg-select">已选择<span style="color:#E95252;"><span>{{selectImgArr.length}}</span></span>张图片</span>
<el-pagination
background
@current-change="handleCurrentChange"
:current-page.sync="queryMsg.currentPage"
:page-size="queryMsg.pageSize"
layout="total,prev, pager, next, jumper" :total="queryMsg.total">
</el-pagination>
</div>
<div v-else>
<span style="margin-left:24px;">
<input type="text" class="resource-name resAddImg" v-model="queVideoMsg.Name" @keyup.enter="getVideoList" placeholder="请输入关键字"/>
<span class="search-imgicon"><i class="iconfont icon-img_cz searchImgIcon" @click="getVideoList"></i></span>
</span>
<!-- <div class="addimgContent test-1">
<div class="addimgDiv" v-for="(item,index) in videoListArray" :key="item.subCode" v-if="item.isShowImgDiv&&item.Path!=null">
<div class="itemImgdiv" @click="selectImg(index)">
<img :src='compressImg(item.Path, "filt", 160, "")' @error="imgError(item)"/>
<div class="imgseclet" v-show="item.isShow"><i class="iconfont icon-dagouyouquan"></i></div>
</div>
<div class="imgDescription">{{item.Name}}</div>
</div>
<div class="addimgDiv" v-if="IsShowAdd" >
<div class="DMC_addContent">
<el-upload class="upload-demo" :http-request="UploadImage" :multiple="false" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" action="">
<i class="iconfont icon-img_haha"></i>
</el-upload>
</div>
</div>
</div>
<div class="addimg-btnlist">
<input type="button" class="save-Btn" @click="dmccheckImgList()" value="确定" />
<input type="button" class="cancel-Btn" @click="closeDialog()" value="取消" />
</div>
<span class="addimg-select">已选择<span style="color:#E95252;"><span>{{selectImgArr.length}}</span></span>张图片</span>
<el-pagination
background
@current-change="handleCurrentChange"
:current-page.sync="queryMsg.currentPage"
:page-size="queryMsg.pageSize"
layout="total,prev, pager, next, jumper" :total="queryMsg.total">
</el-pagination> -->
</div>
</div> </div>
</template> </template>
...@@ -190,6 +233,14 @@ export default { ...@@ -190,6 +233,14 @@ export default {
imglistArry: [], imglistArry: [],
//选中显示数组 //选中显示数组
selectImgArr: [], selectImgArr: [],
activeName:'first',
queVideoMsg:{
pageSize: 50,
pageIndex: 1,
Name:'巴厘岛'
},
videoListArray:[],
}; };
}, },
methods: { methods: {
...@@ -313,6 +364,32 @@ export default { ...@@ -313,6 +364,32 @@ export default {
this.queryMsg.Name = ''; this.queryMsg.Name = '';
this.queryMsg.SourceId=0; this.queryMsg.SourceId=0;
} }
},
//点击切换
handleClick(tab,event){
if(this.activeName=='first'){
this.getList();
}else{
this.getVideoList();
}
},
//获取视频列表数据
getVideoList(){
this.apipost(
"Video_get_GetTripVideoPageListService",
this.queVideoMsg,
res => {
if (res.data.resultCode == 1) {
console.log(res,'resss');
}else{
this.Error(res.data.message);
}
},
null
);
} }
}, },
created() {}, created() {},
......
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