协同宣发

This commit is contained in:
shijingjing
2022-09-02 10:59:05 +08:00
parent 798bf8236f
commit 2551827d99
3 changed files with 375 additions and 39 deletions

View File

@@ -2,7 +2,7 @@
<div class="addPropaganda">
<div class="task_name">
<div><span class="color_red">*</span><span class="title">任务名称</span></div>
<u-input v-model="value" type="text" placeholder="请输入" maxlength="15" class="inpt"/>
<u-input v-model="form.taskTitle" type="text" placeholder="请输入" maxlength="15" class="inpt"/>
</div>
<div class="send_scope">
@@ -18,13 +18,13 @@
<div style="color: #3399FF;" @click="preview">预览</div>
</div>
<div class="content_text">
<u-input v-model="value" type="textarea" height="372" :auto-height="true" placeholder="请输入政策、活动、节日问候等内容" />
<u-input v-model="content" type="textarea" height="372" :auto-height="true" placeholder="请输入政策、活动、节日问候等内容" />
</div>
<div class="content_fodder">
<!-- <div style="color: #8E8F91;">添加素材</div> -->
<div class="fodder_alls">
<!-- <div class="fodder_add"><u-icon name="plus" color="#CCD0D3" size="32"></u-icon></div> -->
<AiUploader v-model="form.files" placeholder="添加素材" type="file" :limit="9" multiple action="/admin/file/add2"></AiUploader>
<AiUploader :def.sync="files" placeholder="添加素材" type="file" :limit="9" multiple action="/admin/file/add2"></AiUploader>
</div>
</div>
</div>
@@ -32,55 +32,55 @@
<div class="isExamine">
<div class="examineChange">
<div>宣发需要审批</div>
<u-switch v-model="checked" size="40" @change="checked = !!checked"></u-switch>
<u-switch v-model="enableExamine" size="40" @change="enableExamine = !!enableExamine"></u-switch>
</div>
<div class="examine_person" v-if="checked == true" @click="getDeptUser">
<div class="examine_person" v-if="enableExamine == true" @click="getDeptUser">
<div><span class="color_red">*</span><span class="title">审批人</span></div>
<div>
<span v-if="userList.length">请选择人员</span><span><u-icon name="arrow-right" color="#CCD0D3"></u-icon></span>
<div v-if="!userList.length">
<span v-if="!userList.length">请选择人员 <u-icon name="arrow-right" color="#CCD0D3"/></span>
<div v-if="userList.length">
<AiOpenData type="departmentName" :openid="departmentId"/>
</div>
</div>
</div>
<div class="examineChange">
<div>定时发送</div>
<u-switch v-model="isTimedTask" size="40" @change="isTimedTask = !!isTimedTask"></u-switch>
</div>
<div class="examine_person" v-if="isTimedTask == true" @click="getDeptUser">
<div><span class="color_red">*</span><span class="title">发送时间</span></div>
<div @click="showTaskTime = true">
<span style="color: '#CCD0D3'" v-if="!form.choiceTime.length">请选择</span>
<span v-if="form.choiceTime.length">{{ form.choiceTime }}</span>
<u-icon name="arrow-right" color="#CCD0D3"/>
</div>
</div>
</div>
<u-picker v-model="showTaskTime" :params="params" mode="time" @confirm="choiceTime"></u-picker>
<div class="mask" v-show="showPopup" @tap="showPopup = false">
<div class="noticeModal" @tap.stop>
<div class="body">
<div class="text_content">
<div class="text_content" v-if="content.length">
<img class="text_left" src="https://cdn.cunwuyun.cn/dvcp/announce/avatar.png" />
<div class="text_right">
居民每个月最多接收来自同一企业管理员的4条群发消息咨询电话
</div>
<div class="text_right">{{ content }}</div>
</div>
<div class="file_content">
<div class="file_content" v-for="item in files" :key="item.id">
<img class="text_left" src="https://cdn.cunwuyun.cn/dvcp/announce/avatar.png" />
<div class="text_right file_right">
<img :src="item.url" alt="" v-if="getExtension(item.name) == '.jpg' || getExtension(item.name) == '.jepg'">
<div class="text_right file_right" v-else>
<div class="cont_left">
<h4>企微协同宣发测cs试测试pptx</h4>
<p>847k</p>
<h4>{{ item.name }}</h4>
<p>{{ item.fileSizeStr }}</p>
</div>
<div class="cont_right">
<!-- zip rar -->
<!-- <img src="https://cdn.cunwuyun.cn/dvcp/announce/zip.png" alt=""> -->
<!-- doc docx -->
<!-- <img src="https://cdn.cunwuyun.cn/dvcp/announce/world.png" alt=""> -->
<!-- xls xlsx -->
<!-- <img src="https://cdn.cunwuyun.cn/dvcp/announce/xls.png" alt=""> -->
<!-- txt -->
<!-- <img src="https://cdn.cunwuyun.cn/dvcp/announce/txt.png" alt=""> -->
<!-- pdf -->
<!-- <img src="https://cdn.cunwuyun.cn/dvcp/announce/pdf.png" alt=""> -->
<!-- .ppt', '.pptx' -->
<!-- <img src="https://cdn.cunwuyun.cn/dvcp/announce/ppt.png" alt=""> -->
<!-- <img :src="fileIcon(item.name)" alt=""> -->
<img :src="fileIcon(item.name)" alt="">
</div>
</div>
<!-- <img src="https://cdn.cunwuyun.cn/dvcp/announce/ppt.png" alt=""> -->
</div>
</div>
@@ -91,7 +91,7 @@
</div>
<div class="btn">
<div class="submitBtn">发送</div>
<div class="submitBtn" @click="confirm">发送</div>
</div>
</div>
@@ -104,13 +104,32 @@ export default {
data() {
return {
type: '',
value: '',
checked: false,
form: {
files: []
form: {
taskTitle: '',
wxGroups: [], // 发送范围
contents: [], // 发送内容
enableExamine: '0', // 是否需要审批 0否 1是
examines: [], // 审批人
choiceTime: '', // 定时发送时间
sendScope: '', // 0全部居民群、1按部门选择、2按网格选择
sendType: '0', // 0立即发送、1定时发送
},
enableExamine: false,
isTimedTask: false,
content: '',
files: [],
showTaskTime: false,
userList: [],
showPopup: false,
params: {
year: true,
month: true,
day: true,
hour: true,
minute: true,
second: true,
timestamp: false,
}
}
},
methods: {
@@ -124,7 +143,7 @@ export default {
},
fileIcon(name) {
if (['.zip', '.rar'].indexOf(this.getExtension(name)) !== -1) {
if (['.zip', '.rar','.mp4'].indexOf(this.getExtension(name)) !== -1) {
return 'https://cdn.cunwuyun.cn/dvcp/announce/zip.png'
}
@@ -153,6 +172,14 @@ export default {
return name.substring(name.lastIndexOf('.'))
},
choiceTime(e) {
this.form.choiceTime = e.year + '-' + e.month + '-' + e.day + ' ' + e.hour + ':' + e.minute + ':' + e.second
},
confirm() {
},
getDeptUser() {
this.selectEnterpriseContact({
fromDepartmentId: 0,
@@ -240,11 +267,12 @@ export default {
justify-content: space-between;
padding: 26px 0px;
box-sizing: border-box;
border-top: 2px solid #DDD;
}
.examine_person {
border-top: 2px solid #DDD;
padding: 26px 0 0 0;
// padding: 26px 0 0 0;
}
}
.color_red {