diff --git a/src/apps/AppCreditPoints/giveIntegral.vue b/src/apps/AppCreditPoints/giveIntegral.vue index 79378924..7a4acbf4 100644 --- a/src/apps/AppCreditPoints/giveIntegral.vue +++ b/src/apps/AppCreditPoints/giveIntegral.vue @@ -5,7 +5,7 @@ - + diff --git a/src/components/pages/selectResident.vue b/src/components/pages/selectResident.vue index 54e76835..7645b3c1 100644 --- a/src/components/pages/selectResident.vue +++ b/src/components/pages/selectResident.vue @@ -57,14 +57,16 @@ export default { }, methods: { getList() { - let {householdName} = this.$route.query + console.log(this.$route.query) + let {householdName, auditStatus} = this.$route.query this.$http.post(`/app/appresident/list`, null, { params: { current: this.current, size: 20, areaId: this.user.areaId, con: this.name, - householdName + householdName, + auditStatus: auditStatus || '' } }).then(res => { if (res?.data) { diff --git a/src/saas/AppCountryAlbum/AddAlbum.vue b/src/saas/AppCountryAlbum/AddAlbum.vue index 489bb372..1d45d0d9 100644 --- a/src/saas/AppCountryAlbum/AddAlbum.vue +++ b/src/saas/AppCountryAlbum/AddAlbum.vue @@ -10,16 +10,6 @@ -
-
- - 水印 -
-
- {{ watermarkId ? '已选择' : '不限' }} - -
-
@@ -27,7 +17,7 @@
{{ albumUserList.length ? '已选择' : '不限' }} - +
@@ -37,12 +27,12 @@
{{ photoSource == 1 ? '仅限乡村相册拍摄' : '不限' }} - +
- - + + - - diff --git a/src/saas/AppCountryAlbum/ReportImg.vue b/src/saas/AppCountryAlbum/ReportImg.vue index de90d769..3c253dd8 100644 --- a/src/saas/AppCountryAlbum/ReportImg.vue +++ b/src/saas/AppCountryAlbum/ReportImg.vue @@ -2,13 +2,15 @@
-
+
保存至:{{ albumName || '默认相册' }}
- +
+ +
- + +
+
+ 取消 + 确定 +
+ +
+ + + +
+

{{ item.albumName }}

+
+
+ 今日新增 + {{ item.dayPhtoto }} + +
+
+ + {{ item.photoTotal || 0 }} +
+
+
+
+
+
+
@@ -37,7 +72,8 @@ albumName: '', albumId: '', templateId: '', - isShowAlbum: false + isShow: false, + currIndex: 0 } }, @@ -87,9 +123,11 @@ }) }, - onConfirm (e) { - this.albumId = e[0].value - this.albumName = e[0].label + onConfirm () { + this.albumId = this.albumList[this.currIndex].value + this.albumName = this.albumList[this.currIndex].label + + this.isShow = false }, getWatermarkList () { @@ -101,6 +139,7 @@ if (res.code === 0) { this.albumList = res.data.records.map(v => { return { + ...v, label: v.albumName, value: v.id } @@ -110,13 +149,6 @@ this.albumId = this.albumList[0].value } }) - }, - - preview (url) { - uni.previewImage({ - urls: [url], - current: url - }) } } } @@ -127,9 +159,177 @@ position: relative; width: 100%; height: 100vh; - overflow: auto; + overflow-y: auto; background: #000; + * { + box-sizing: border-box; + } + + .album { + height: 100%; + overflow: hidden; + + .album-list__wrapper { + display: flex; + align-items: center; + flex-wrap: wrap; + justify-content: space-between; + + .item { + display: inline-block; + position: relative; + width: 328px; + height: 328px; + margin-bottom: 32px; + box-shadow: 0px 4px 8px 0px rgba(17, 67, 110, 0.1); + border-radius: 16px; + overflow: hidden; + background: #EFF5FA; + + &:nth-of-type(2n) { + margin-left: 30px; + } + + &.active { + border: 4px solid #2477F1; + } + + .img { + width: 100%; + height: 100%; + } + + .item-bottom { + position: absolute; + left: 0; + bottom: 0; + z-index: 1; + width: 100%; + padding: 20px 16px 16px; + background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); + box-shadow: 0px 4px 8px 0px rgba(17, 67, 110, 0.1); + + & > h2 { + margin-bottom: 14px; + font-size: 32px; + color: #fff; + } + + .item-bottom__info { + display: flex; + align-items: center; + justify-content: space-between; + + .right { + display: flex; + align-items: center; + justify-content: space-between; + width: 86px; + height: 48px; + padding: 0 8px; + color: #fff; + background: rgba(0, 0, 0, 0.5); + box-shadow: 0px 4px 8px 0px rgba(17, 67, 110, 0.1); + border-radius: 8px; + + image { + width: 28px; + height: 28px; + } + + span { + font-size: 28px; + } + } + + .left { + span { + color: #c6c5c4; + font-size: 28px; + } + + i { + padding: 0 3px; + color: #fff; + font-size: 28px; + font-style: normal; + } + } + } + } + + & > span { + position: absolute; + left: 16px; + top: 16px; + z-index: 1; + width: 94px; + height: 40px; + line-height: 40px; + text-align: center; + color: #fff; + font-size: 28px; + background: #FF524F; + box-shadow: 0px 4px 8px 0px rgba(17, 67, 110, 0.1); + border-radius: 8px; + } + + .checked { + position: absolute; + top: 0; + right: 0; + z-index: 1; + width: 64px; + height: 64px; + } + + .icon { + position: absolute; + top: 50%; + left: 50%; + z-index: 1; + width: 80px; + height: 80px; + transform: translate(-50%, -50%); + } + } + } + + scroll-view { + height: calc(100% - 96px); + padding: 0 32px; + font-size: 0; + } + + .top { + display: flex; + align-items: center; + justify-content: space-between; + height: 96px; + padding: 0 32px; + font-size: 32px; + color: #999; + font-weight: 600; + + span:last-child { + color: #222; + } + } + } + + .photo-wrapper { + display: flex; + align-items: center; + width: 100%; + min-height: 100vh; + padding-bottom: 216px; + + & > image { + width: 100%; + } + } + .photo-top { display: flex; position: fixed; diff --git a/src/saas/AppCountryAlbum/Watermark.vue b/src/saas/AppCountryAlbum/Watermark.vue index 9cbedcfa..0274066b 100644 --- a/src/saas/AppCountryAlbum/Watermark.vue +++ b/src/saas/AppCountryAlbum/Watermark.vue @@ -1,12 +1,10 @@ @@ -87,7 +118,7 @@ return { img: '', currIndex: 0, - isHide: false, + isHide: true, height: '100%', waterSrc: '', albumId: '1', @@ -268,9 +299,11 @@ return new File([u8arr], filename, { type: mime }) }, - onConfirm (e) { - this.albumId = e[0].value - this.albumName = e[0].label + onConfirm () { + this.albumId = this.albumList[this.currIndex].value + this.albumName = this.albumList[this.currIndex].label + + this.isShowAlbum = false }, getWatermarkList () { @@ -288,6 +321,7 @@ if (res.code === 0) { this.albumList = res.data.records.map(v => { return { + ...v, label: v.albumName, value: v.id } @@ -327,6 +361,158 @@ height: 100%; } + .album { + height: 100%; + overflow: hidden; + + .album-list__wrapper { + display: flex; + align-items: center; + flex-wrap: wrap; + justify-content: space-between; + + .item { + display: inline-block; + position: relative; + width: 328px; + height: 328px; + margin-bottom: 32px; + box-shadow: 0px 4px 8px 0px rgba(17, 67, 110, 0.1); + border-radius: 16px; + overflow: hidden; + background: #EFF5FA; + + &:nth-of-type(2n) { + margin-left: 30px; + } + + &.active { + border: 4px solid #2477F1; + } + + .img { + width: 100%; + height: 100%; + } + + .item-bottom { + position: absolute; + left: 0; + bottom: 0; + z-index: 1; + width: 100%; + padding: 20px 16px 16px; + background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); + box-shadow: 0px 4px 8px 0px rgba(17, 67, 110, 0.1); + + & > h2 { + margin-bottom: 14px; + font-size: 32px; + color: #fff; + } + + .item-bottom__info { + display: flex; + align-items: center; + justify-content: space-between; + + .right { + display: flex; + align-items: center; + justify-content: space-between; + width: 86px; + height: 48px; + padding: 0 8px; + color: #fff; + background: rgba(0, 0, 0, 0.5); + box-shadow: 0px 4px 8px 0px rgba(17, 67, 110, 0.1); + border-radius: 8px; + + image { + width: 28px; + height: 28px; + } + + span { + font-size: 28px; + } + } + + .left { + span { + color: #c6c5c4; + font-size: 28px; + } + + i { + padding: 0 3px; + color: #fff; + font-size: 28px; + font-style: normal; + } + } + } + } + + & > span { + position: absolute; + left: 16px; + top: 16px; + z-index: 1; + width: 94px; + height: 40px; + line-height: 40px; + text-align: center; + color: #fff; + font-size: 28px; + background: #FF524F; + box-shadow: 0px 4px 8px 0px rgba(17, 67, 110, 0.1); + border-radius: 8px; + } + + .checked { + position: absolute; + top: 0; + right: 0; + z-index: 1; + width: 64px; + height: 64px; + } + + .icon { + position: absolute; + top: 50%; + left: 50%; + z-index: 1; + width: 80px; + height: 80px; + transform: translate(-50%, -50%); + } + } + } + + scroll-view { + height: calc(100% - 96px); + padding: 0 32px; + font-size: 0; + } + + .top { + display: flex; + align-items: center; + justify-content: space-between; + height: 96px; + padding: 0 32px; + font-size: 32px; + color: #999; + font-weight: 600; + + span:last-child { + color: #222; + } + } + } + .waterMarker-wrapper { width: 100%; max-height: 100vh; @@ -463,7 +649,7 @@ display: flex; position: fixed; align-items: center; - justify-content: space-between; + justify-content: center; top: 0; left: 0; z-index: 11; diff --git a/src/saas/AppCountryAlbum/components/Home.vue b/src/saas/AppCountryAlbum/components/Home.vue index ef9fec08..4e3ec199 100644 --- a/src/saas/AppCountryAlbum/components/Home.vue +++ b/src/saas/AppCountryAlbum/components/Home.vue @@ -155,12 +155,16 @@ uni.chooseImage({ count: 1, sizeType: ['compressed'], + sourceType: ['camera'], success: res => { let formData = new FormData() formData.append('file', res.tempFiles[0]) + this.$loading() this.$http.post('/admin/file/add2?type=image', formData).then(res => { if (res.code === 0) { this.linkTo(`./Watermark?url=${res.data.url}`) + } else { + this.$u.toast(res.msg) } }) } diff --git a/src/saas/AppCountryAlbum/components/report/Daily.vue b/src/saas/AppCountryAlbum/components/report/Daily.vue index 35302db0..a20acde8 100644 --- a/src/saas/AppCountryAlbum/components/report/Daily.vue +++ b/src/saas/AppCountryAlbum/components/report/Daily.vue @@ -20,30 +20,38 @@ {{ remark }}
-
- -
+
添加图片
- +
+ + + + + + + diff --git a/src/saas/AppCountryAlbum/components/report/WorkReport.vue b/src/saas/AppCountryAlbum/components/report/WorkReport.vue index f2d87a74..2b5bbc16 100644 --- a/src/saas/AppCountryAlbum/components/report/WorkReport.vue +++ b/src/saas/AppCountryAlbum/components/report/WorkReport.vue @@ -19,30 +19,39 @@
备注:{{ remark }}
-
- -
+
添加图片
- +
+ + + + +