增加视频筛选

src/components/commonPage/DMCchooseImg.vue

@@ -136,39 +136,82 @@
 </style>
 <template>
     <div class="DMCchooseImg">
-        <span style="margin-left:24px;">
-                <input type="text" class="resource-name resAddImg" v-model="queryMsg.Name" @keyup.enter="getList" placeholder="请输入关键字"/>
-                <span class="search-imgicon"><i class="iconfont icon-img_cz searchImgIcon" @click="getList"></i></span>
-            </span>
-            <div class="addimgContent test-1">
-                <div class="addimgDiv" v-for="(item,index) in imglistArry" :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 style="width:98px;margin:0 25px;display:none;">
+        <el-tabs v-model="activeName" @tab-click="handleClick">
+          <el-tab-pane label="图片" name="first"></el-tab-pane>
+          <el-tab-pane label="视频" name="second"></el-tab-pane>
+        </el-tabs>
+      </div>
+      <div v-if="activeName=='first'">
+          <span style="margin-left:24px;">
+            <input type="text" class="resource-name resAddImg" v-model="queryMsg.Name" @keyup.enter="getList" placeholder="请输入关键字"/>
+            <span class="search-imgicon"><i class="iconfont icon-img_cz searchImgIcon" @click="getList"></i></span>
+          </span>
+          <div class="addimgContent test-1">
+              <div class="addimgDiv" v-for="(item,index) in imglistArry" :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 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>
 </template>
 
@@ -190,6 +233,14 @@ export default {
       imglistArry: [],
       //选中显示数组
       selectImgArr: [],
+      activeName:'first',
+
+      queVideoMsg:{
+        pageSize: 50,
+        pageIndex: 1,
+        Name:'巴厘岛'
+      },
+      videoListArray:[],
     };
   },
   methods: {
@@ -313,6 +364,32 @@ export default {
         this.queryMsg.Name = '';
         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() {},