|
@@ -13,7 +13,10 @@
|
|
>
|
|
>
|
|
<el-table-column label="节/卷" type="expand" width="70px">
|
|
<el-table-column label="节/卷" type="expand" width="70px">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <div class="dis_flexs">
|
|
|
|
|
|
+ <div
|
|
|
|
+ class="dis_flexs"
|
|
|
|
+ :class="{ exceedStyle: exceed(scope.row.userStudyRecordPhotoList) }"
|
|
|
|
+ >
|
|
<ul
|
|
<ul
|
|
style="flex: 1"
|
|
style="flex: 1"
|
|
v-if="
|
|
v-if="
|
|
@@ -29,10 +32,21 @@
|
|
<el-image
|
|
<el-image
|
|
style="width: 100%; height: 100%"
|
|
style="width: 100%; height: 100%"
|
|
:src="$methodsTools.splitImgHost(its.photo)"
|
|
:src="$methodsTools.splitImgHost(its.photo)"
|
|
- :preview-src-list="returnImgUrl(scope.row.userStudyRecordPhotoList)"
|
|
|
|
|
|
+ :preview-src-list="
|
|
|
|
+ returnImgUrl(scope.row.userStudyRecordPhotoList)
|
|
|
|
+ "
|
|
>
|
|
>
|
|
</el-image>
|
|
</el-image>
|
|
- <div class="abos" @click="imgChange(scope.row.userStudyRecordPhotoList[inds],'photo',its.photo)">
|
|
|
|
|
|
+ <div
|
|
|
|
+ class="abos"
|
|
|
|
+ @click="
|
|
|
|
+ imgChange(
|
|
|
|
+ scope.row.userStudyRecordPhotoList[inds],
|
|
|
|
+ 'photo',
|
|
|
|
+ its.photo
|
|
|
|
+ )
|
|
|
|
+ "
|
|
|
|
+ >
|
|
{{ $methodsTools.onlyForma(its.createTime) }}
|
|
{{ $methodsTools.onlyForma(its.createTime) }}
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</li>
|
|
@@ -266,6 +280,12 @@ export default {
|
|
return [];
|
|
return [];
|
|
},
|
|
},
|
|
},
|
|
},
|
|
|
|
+ erJianErZao:{
|
|
|
|
+ type:Boolean,
|
|
|
|
+ default:()=>{
|
|
|
|
+ return false
|
|
|
|
+ }
|
|
|
|
+ }
|
|
},
|
|
},
|
|
inject: ["getPeriodStatus", "getUserInfo", "getAllIds"],
|
|
inject: ["getPeriodStatus", "getUserInfo", "getAllIds"],
|
|
data() {
|
|
data() {
|
|
@@ -369,15 +389,29 @@ export default {
|
|
};
|
|
};
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
- imgChange(list,name,url) {
|
|
|
|
- return
|
|
|
|
|
|
+ exceed(list) {
|
|
|
|
+ if (list && list.length > 1 && this.erJianErZao) {
|
|
|
|
+ let status = false;
|
|
|
|
+ for (let i = 0; i < list.length - 1; i++) {
|
|
|
|
+ if (list[i + 1].createTime - list[i].createTime > 1200) {
|
|
|
|
+ status = true;
|
|
|
|
+ break;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ return status;
|
|
|
|
+ } else {
|
|
|
|
+ return false;
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ imgChange(list, name, url) {
|
|
|
|
+ return;
|
|
this.$api
|
|
this.$api
|
|
.imgChange({
|
|
.imgChange({
|
|
imageUrl: url,
|
|
imageUrl: url,
|
|
})
|
|
})
|
|
.then((res) => {
|
|
.then((res) => {
|
|
if (res.code == 200) {
|
|
if (res.code == 200) {
|
|
- this.$set(list,name,url + `?v=${Math.random()}`)
|
|
|
|
|
|
+ this.$set(list, name, url + `?v=${Math.random()}`);
|
|
this.$message.success("操作成功");
|
|
this.$message.success("操作成功");
|
|
}
|
|
}
|
|
});
|
|
});
|
|
@@ -453,11 +487,14 @@ export default {
|
|
allIds() {
|
|
allIds() {
|
|
return this.getAllIds();
|
|
return this.getAllIds();
|
|
},
|
|
},
|
|
- returnImgUrl: function() {
|
|
|
|
- return function(ary) {
|
|
|
|
- return ary && ary.map(i => this.$methodsTools.splitImgHost(i.photo)) || []
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+ returnImgUrl: function () {
|
|
|
|
+ return function (ary) {
|
|
|
|
+ return (
|
|
|
|
+ (ary && ary.map((i) => this.$methodsTools.splitImgHost(i.photo))) ||
|
|
|
|
+ []
|
|
|
|
+ );
|
|
|
|
+ };
|
|
|
|
+ },
|
|
},
|
|
},
|
|
components: {
|
|
components: {
|
|
CheatDialog,
|
|
CheatDialog,
|
|
@@ -466,6 +503,9 @@ export default {
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style lang="less" scoped>
|
|
<style lang="less" scoped>
|
|
|
|
+.exceedStyle {
|
|
|
|
+ background-color: rgb(255, 224, 224);
|
|
|
|
+}
|
|
.liImgs {
|
|
.liImgs {
|
|
float: left;
|
|
float: left;
|
|
width: 210px;
|
|
width: 210px;
|