kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

素材

Browse Source
This commit is contained in:
shijingjing
2023-03-07 18:02:58 +08:00
parent da5601e784
commit dfac18eee4
2 changed files with 141 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
src/project/huizhili/AppCooperationPropaganda/fodderList.vue
View File

@@ -3,29 +3,69 @@
<AiTopFixed class="search-box">
<u-search placeholder="素材名称" v-model="title" :clearabled="false" :animation="false"></u-search>
</AiTopFixed>
<div class="card-box">
<div class="card" v-for="(item,index) in list" :key="index">
<div class="left">
<!-- 话术 -->
<div v-if="type == 0">
<div class="title">{{ item.title }}</div>
<div class="info">{{ item.content }}</div>
</div>
<!-- <div class="files">
<!-- 图片 -->
<div class="files" v-if="type == 1">
<div class="pics ">
<img :src="item.imgPicUrl" alt="">
</div>
<div class="files-r">
<div class="title">{{ item.title }}</div>
<div class="mar-top info">{{ item.fileSizeStr }}</div>
</div>
</div>
<!-- 小程序 -->
<div class="files" v-if="type == 2">
<div class="pic">
<img src="./images/files.png" alt="">
</div>
<div class="files-r">
<div class="title">{{ item.title }}</div>
<div class="mar-top info">www.baidu.com</div>
</div>
</div>
<!-- 文件 -->
<div class="files" v-if="type == 3">
<div class="pic">
<img src="https://cdn.cunwuyun.cn/dvcp/h5/file.png" alt="">
</div>
<div class="files-r">
<div class="title">{{ item.title }}</div>
<div class="mar-top info">{{ item.fileSizeStr }}</div>
</div>
</div>
<!-- 视频 -->
<div class="files" v-if="type == 4">
<div class="pic">
<img :src="item.pictureUrl" alt="">
</div>
<div class="files-r">
<div class="title">{{ item.title }}</div>
<div class="mar-top info">{{ item.fileSizeStr }}</div>
</div>
</div>
<!-- 网页 -->
<div class="files" v-if="type == 5">
<div class="pic">
<img src="./images/files.png" alt="">
</div>
<div class="files-r">
<div class="title">百度一下你就知道</div>
<div class="mar-top info">www.baidu.com</div>
<!-- <div class="mar-top info">www.baidu.com</div> -->
</div>
</div> -->
</div>
<div class="right" @click="item.isChecked = !item.isChecked">
</div>
<div class="right" @click="itemCheck(item)">
<img src="./images/xz.png" v-if="item.isChecked" alt="">
<img src="./images/xzh.png" v-else alt="">
</div>
</div>
</div>
<div class="subBtn" @click="submit">
<div>确定选择</div>
</div>
@@ -61,17 +101,28 @@ export default {
this.list = res.data.records.map(e=> {
return {
...e,
isChecked: this.checkedList.map(i=> i.id==e.id),
isChecked: this.checkedList.find(i=> i.id==e.id),
}
})
}
})
},
itemCheck(e) {
e.isChecked = !!!e.isChecked
if (e.isChecked) {
this.checkedList.push(e)
} else {
let index = this.checkedList.findIndex(item=> item.id==e.id)
index>=0 && this.checkedList.splice(index,1)
}
uni.setStorageSync('checkedList', this.checkedList)
},
submit() {
// this.checkList = this.list.map()
if (!this.checkedList.length) {
return this.$u.toast(`请选择${this.typeArr[this.mstType]}`)
}
uni.$emit("fodder", [this.selected])
uni.$emit("fodder", [this.checkedList])
uni.setStorageSync('checkedList', this.checkedList)
uni.navigateBack()
}
@@ -99,15 +150,16 @@ export default {
.fodderList {
padding-bottom: 120px;
box-sizing: border-box;
.card-box {
.card {
background: #fff;
padding: 24px 32px;
box-sizing: border-box;
margin-top: 24px;
.card {
display: flex;
align-items: center;
width: 100%;
background: #fff;
.left {
width: calc(100% - 50px);
@@ -145,13 +197,29 @@ export default {
.pic {
width: 100px;
height: 100px;
margin-right: 20px;
img {
width: 100%;
height: 100%;
}
}
.files-r {
.pics {
width: 140px;
height: 140px;
margin-right: 20px;
img {
width: 100%;
height: 100%;
}
}
.pic-r {
width: calc(100% - 160px);
}
.files-r {
width: calc(100% - 120px);
}
}
}
@@ -164,7 +232,6 @@ export default {
}
}
}
}
.subBtn {
position: fixed;
bottom: 0;