调整结果

This commit is contained in:
aixianling
2022-06-24 23:21:01 +08:00
parent 2948b35a13
commit 1b853ba72e

View File

@@ -9,7 +9,7 @@
<div class="label color-666"><span class="tips">*</span>发送方式</div> <div class="label color-666"><span class="tips">*</span>发送方式</div>
<div class="right"> <div class="right">
<u-radio-group v-model="form.sendType" @change="radioGroupChange"> <u-radio-group v-model="form.sendType" @change="radioGroupChange">
<u-radio v-for="(item, index) in typeList" :key="index" :label="item.name" :name="item.type">{{item.name}}</u-radio> <u-radio v-for="(item, index) in typeList" :key="index" :label="item.name" :name="item.type">{{ item.name }}</u-radio>
</u-radio-group> </u-radio-group>
</div> </div>
</div> </div>
@@ -37,7 +37,7 @@
<p class="title fw500 mar-b32">群发消息设置</p> <p class="title fw500 mar-b32">群发消息设置</p>
<div class="mini-title color-666"><span class="tips">*</span>文本内容</div> <div class="mini-title color-666"><span class="tips">*</span>文本内容</div>
<div class="textarea"> <div class="textarea">
<u-input v-model="form.content" type="textarea" :height="400" auto-height maxlength="1000" placeholder="请输入文本内容" /> <u-input v-model="form.content" type="textarea" :height="400" auto-height maxlength="1000" placeholder="请输入文本内容"/>
<div class="hint">{{ form.content.length }}/1000</div> <div class="hint">{{ form.content.length }}/1000</div>
</div> </div>
<div class="type-content"> <div class="type-content">
@@ -45,7 +45,7 @@
<p class="label" style="width:40px;">图片</p> <p class="label" style="width:40px;">图片</p>
<AiUploader type="image" :def.sync="formData.fileListImg" :limit="1" @data="(v) => fileDataImg = v"></AiUploader> <AiUploader type="image" :def.sync="formData.fileListImg" :limit="1" @data="(v) => fileDataImg = v"></AiUploader>
</div> </div>
<div class="flex" > <div class="flex">
<p class="label" style="width:40px;">视频</p> <p class="label" style="width:40px;">视频</p>
<AiUploader type="video" :limit="1" placeholder="上传视频" :def.sync="formData.fileListVideo" @data="(v) => fileDataVideo = v"></AiUploader> <AiUploader type="video" :limit="1" placeholder="上传视频" :def.sync="formData.fileListVideo" @data="(v) => fileDataVideo = v"></AiUploader>
</div> </div>
@@ -140,10 +140,10 @@ export default {
}, },
confirm() { confirm() {
this.$loading() this.$loading()
if(!this.deptUserTagList.length) { if (!this.deptUserTagList.length) {
return this.$u.toast('请选择部门') return this.$u.toast('请选择部门')
} }
if(!this.form.content) { if (!this.form.content) {
return this.$u.toast('请输入文本内容') return this.$u.toast('请输入文本内容')
} }
@@ -152,22 +152,21 @@ export default {
let {kind, id, tagIdList} = e let {kind, id, tagIdList} = e
console.log([result[e.corpId], {kind, id}].flat()) console.log([result[e.corpId], {kind, id}].flat())
result[e.corpId] = [result[e.corpId], {kind, id}].flat() result[e.corpId] = [result[e.corpId], {kind, id}].flat()
tagIdList = tagIdList.map(e => e.id).filter(e => !!e)
if (tagIdList) { if (tagIdList) {
tags[e.corpId] = [tags[e.corpId], {tagIdList}].flat() tags[e.corpId] = [...new Set([tags[e.corpId], tagIdList].flat())]
} }
}) })
console.log(result, tags) console.log(result, tags)
var deptList = Object.keys(result).map(corpId => { var deptList = Object.keys(result).map(corpId => {
let res let res
if (result[corpId]) { if (result[corpId]) {
res = { res = {
corpId, corpId,
objList: result[corpId] objList: result[corpId].filter(e => !!e)
} }
if (tags[corpId]?.tagIdList) { if (tags[corpId]?.length > 0) {
res.tagId = tags[corpId]?.tagIdList res.tagId = tags[corpId]
} }
} }
return res return res
@@ -186,7 +185,7 @@ export default {
// this.formData.mediaId = this.fileData.media.mediaId // this.formData.mediaId = this.fileData.media.mediaId
// } // }
this.formData.fileList.push(contentFile) this.formData.fileList.push(contentFile)
if(this.formData.fileListImg.length) { if (this.formData.fileListImg.length) {
var info = { var info = {
contentType: 'image', contentType: 'image',
mediaId: this.fileDataImg.media.mediaId, mediaId: this.fileDataImg.media.mediaId,
@@ -194,7 +193,7 @@ export default {
} }
this.formData.fileList.push(info) this.formData.fileList.push(info)
} }
if(this.formData.fileListVideo.length) { if (this.formData.fileListVideo.length) {
var info = { var info = {
contentType: 'video', contentType: 'video',
mediaId: this.fileDataVideo.media.mediaId, mediaId: this.fileDataVideo.media.mediaId,
@@ -202,7 +201,7 @@ export default {
} }
this.formData.fileList.push(info) this.formData.fileList.push(info)
} }
if(this.formData.fileListFile.length) { if (this.formData.fileListFile.length) {
var info = { var info = {
contentType: 'file', contentType: 'file',
mediaId: this.fileDataFile.media.mediaId, mediaId: this.fileDataFile.media.mediaId,
@@ -223,7 +222,7 @@ export default {
setTimeout(() => { setTimeout(() => {
uni.navigateBack() uni.navigateBack()
}, 500) }, 500)
}else { } else {
this.$u.toast(res.msg) this.$u.toast(res.msg)
} }
}).catch((err) => { }).catch((err) => {
@@ -252,28 +251,34 @@ export default {
.AppMessageNotification { .AppMessageNotification {
height: 100%; height: 100%;
background-color: #f3f6f9; background-color: #f3f6f9;
.fw500{
.fw500 {
font-weight: 500; font-weight: 500;
font-size: 32px!important; font-size: 32px !important;
} }
.color-666{
.color-666 {
color: #666; color: #666;
font-size: 30px; font-size: 30px;
} }
.tips{
.tips {
font-size: 34px; font-size: 34px;
color: #f46!important; color: #f46 !important;
vertical-align: middle; vertical-align: middle;
} }
.mar-b32{
.mar-b32 {
margin-bottom: 32px; margin-bottom: 32px;
} }
.header{
.header {
// background-color: #fff; // background-color: #fff;
padding: 32px 32px 20px 32px; padding: 32px 32px 20px 32px;
box-sizing: border-box; box-sizing: border-box;
margin-bottom: 16px; margin-bottom: 16px;
p{
p {
line-height: 44px; line-height: 44px;
margin-bottom: 8px; margin-bottom: 8px;
word-break: break-all; word-break: break-all;
@@ -281,58 +286,71 @@ export default {
color: #666; color: #666;
} }
} }
.select-user{
.select-user {
background-color: #fff; background-color: #fff;
padding: 34px 32px; padding: 34px 32px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 16px; margin-bottom: 16px;
font-size: 30px; font-size: 30px;
img{
img {
width: 44px; width: 44px;
height: 44px; height: 44px;
vertical-align: middle; vertical-align: middle;
} }
.color-999{
.color-999 {
color: #999; color: #999;
} }
.color-1365DD{
.color-1365DD {
color: #1365DD; color: #1365DD;
} }
.label{
.label {
width: 160px; width: 160px;
} }
.right{
.right {
width: calc(100% - 160px); width: calc(100% - 160px);
text-align: right; text-align: right;
} }
} }
.pad-lr0{
.pad-lr0 {
padding: 0; padding: 0;
margin-bottom: 32px; margin-bottom: 32px;
} }
.content{
.content {
padding: 32px; padding: 32px;
box-sizing: border-box; box-sizing: border-box;
background-color: #fff; background-color: #fff;
.title{
.title {
line-height: 44px; line-height: 44px;
margin-bottom: 24px; margin-bottom: 24px;
} }
.mini-title{
.mini-title {
line-height: 44px; line-height: 44px;
margin-bottom: 24px; margin-bottom: 24px;
} }
.textarea{
.textarea {
padding: 16px 32px; padding: 16px 32px;
box-sizing: border-box; box-sizing: border-box;
border: 1px solid #ddd; border: 1px solid #ddd;
.hint { .hint {
padding: 4px 0 8px 0; padding: 4px 0 8px 0;
text-align: right; text-align: right;
color: #999; color: #999;
} }
} }
// .upload{ // .upload{
// padding: 16px 32px; // padding: 16px 32px;
// line-height: 44px; // line-height: 44px;
@@ -342,16 +360,19 @@ export default {
// margin-right: 8px; // margin-right: 8px;
// } // }
// } // }
.type{ .type {
margin-top: 32px; margin-top: 32px;
p{
p {
display: inline-block; display: inline-block;
margin-right: 16px; margin-right: 16px;
} }
} }
.type-content{
.type-content {
margin-top: 32px; margin-top: 32px;
.label{
.label {
display: inline-block; display: inline-block;
margin-right: 16px; margin-right: 16px;
vertical-align: top; vertical-align: top;
@@ -359,31 +380,38 @@ export default {
color: #666; color: #666;
width: 130px; width: 130px;
} }
.value{
.value {
width: calc(100% - 130px); width: calc(100% - 130px);
} }
.ai-uploader{
.ai-uploader {
display: inline-block; display: inline-block;
width: calc(100% - 130px); width: calc(100% - 130px);
} }
.flex{
.flex {
padding: 34px 0; padding: 34px 0;
line-height: 44px; line-height: 44px;
display: flex; display: flex;
} }
.border-b{
.border-b {
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
} }
.flex-label{
.label{ .flex-label {
.label {
width: 260px; width: 260px;
} }
} }
} }
} }
.bg-144{
.bg-144 {
height: 144px; height: 144px;
} }
.footer { .footer {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
@@ -395,25 +423,30 @@ export default {
display: flex; display: flex;
font-size: 36px; font-size: 36px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
.confirm { .confirm {
color: #fff; color: #fff;
background: #1365dd; background: #1365dd;
} }
div { div {
flex: 1; flex: 1;
text-align: center; text-align: center;
color: #333; color: #333;
} }
} }
.popup{
.popup {
padding-top: 32px; padding-top: 32px;
background-color: #f3f6f9; background-color: #f3f6f9;
.item{
.item {
display: inline-block; display: inline-block;
width: 25%; width: 25%;
text-align: center; text-align: center;
padding: 32px 0; padding: 32px 0;
.icon-bg{
.icon-bg {
width: 100px; width: 100px;
height: 100px; height: 100px;
line-height: 100px; line-height: 100px;
@@ -422,11 +455,13 @@ export default {
margin: 0 auto; margin: 0 auto;
border-radius: 8px; border-radius: 8px;
margin-bottom: 16px; margin-bottom: 16px;
.u-icon{
.u-icon {
margin-top: 20px; margin-top: 20px;
} }
} }
p{
p {
line-height: 44px; line-height: 44px;
font-size: 30px; font-size: 30px;
font-weight: 500; font-weight: 500;