柱状图
This commit is contained in:
@@ -130,7 +130,16 @@ export default {
|
|||||||
// uni.clearStorageSync('selected')
|
// uni.clearStorageSync('selected')
|
||||||
},
|
},
|
||||||
selectConfirm() {
|
selectConfirm() {
|
||||||
this.userId = this.userIdList?.[0].userId,
|
if(this.userIdList.length) {
|
||||||
|
this.userId = this.userIdList[0].userId
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// let arr = this.userIdList
|
||||||
|
// console.log(arr[0],222);
|
||||||
|
// console.log(this.userIdList,111);
|
||||||
|
|
||||||
|
|
||||||
this.start = this.startTime,
|
this.start = this.startTime,
|
||||||
this.end = this.endTime
|
this.end = this.endTime
|
||||||
let startTmp = this.start.split("-");
|
let startTmp = this.start.split("-");
|
||||||
@@ -153,8 +162,8 @@ export default {
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
this.getList()
|
|
||||||
document.title = '群发居民群'
|
document.title = '群发居民群'
|
||||||
|
this.getList()
|
||||||
this.$dict.load('mstStatus').then(() => {
|
this.$dict.load('mstStatus').then(() => {
|
||||||
this.getList()
|
this.getList()
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -55,7 +55,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="info.status == 4" class="btn" @click="remindSend">提醒成员发送</div>
|
<div v-if="detail.status == 4" class="btn" @click="remindSend">提醒成员发送</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -116,6 +116,7 @@ export default {
|
|||||||
firstClickTime: "",
|
firstClickTime: "",
|
||||||
currentClickTime: "",
|
currentClickTime: "",
|
||||||
flag: true,
|
flag: true,
|
||||||
|
detail: {}
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
@@ -143,6 +144,14 @@ export default {
|
|||||||
this.getStatistics()
|
this.getStatistics()
|
||||||
},
|
},
|
||||||
|
|
||||||
|
getDetail() {
|
||||||
|
this.$http.post(`/app/appmasssendingtask/queryDetailById?id=${this.id}`).then(res=> {
|
||||||
|
if (res?.data) {
|
||||||
|
this.detail = res.data
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
toDetail() {
|
toDetail() {
|
||||||
uni.navigateTo({ url: `./detail?id=${this.id}` });
|
uni.navigateTo({ url: `./detail?id=${this.id}` });
|
||||||
},
|
},
|
||||||
@@ -164,8 +173,7 @@ export default {
|
|||||||
this.flag = false;
|
this.flag = false;
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.catch((err) => {
|
.catch(() => {
|
||||||
console.log(err);
|
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
time = 60 * 60 * 1000 - time;
|
time = 60 * 60 * 1000 - time;
|
||||||
@@ -255,6 +263,7 @@ export default {
|
|||||||
onShow() {
|
onShow() {
|
||||||
document.title = "群发居民群统计";
|
document.title = "群发居民群统计";
|
||||||
this.getStatistics();
|
this.getStatistics();
|
||||||
|
this.getDetail()
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.getPieEcharts();
|
this.getPieEcharts();
|
||||||
|
|||||||
@@ -16,8 +16,8 @@
|
|||||||
<div class="item">
|
<div class="item">
|
||||||
<span>所在部门</span>
|
<span>所在部门</span>
|
||||||
<span>
|
<span>
|
||||||
<span v-if="data.createUserDept">/<AiOpenData type="userName" :openId="data.createUserDept" style="display: inline-block"></AiOpenData></span>
|
<span v-if="data.createUserDept">/<AiOpenData type="departmentName" :openId="data.createUserDept" style="display: inline-block"></AiOpenData></span>
|
||||||
<span v-if="data.createUserSecondDept">/<AiOpenData type="userName" :openId="data.createUserSecondDept" style="display: inline-block"></AiOpenData></span>
|
<span v-if="data.createUserSecondDept">/<AiOpenData type="departmentName" :openId="data.createUserSecondDept" style="display: inline-block"></AiOpenData></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="item">
|
<div class="item">
|
||||||
@@ -95,6 +95,7 @@ export default {
|
|||||||
webpage: [],
|
webpage: [],
|
||||||
miniapp: [],
|
miniapp: [],
|
||||||
pictres: [],
|
pictres: [],
|
||||||
|
options: ''
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad(o) {
|
onLoad(o) {
|
||||||
@@ -122,7 +123,7 @@ export default {
|
|||||||
},
|
},
|
||||||
...mapActions(['previewFile']),
|
...mapActions(['previewFile']),
|
||||||
prevFile(file) {
|
prevFile(file) {
|
||||||
this.previewFile(file)
|
this.previewFile({ ...file })
|
||||||
},
|
},
|
||||||
// 拒绝
|
// 拒绝
|
||||||
refuseBtn() {
|
refuseBtn() {
|
||||||
@@ -150,8 +151,7 @@ export default {
|
|||||||
this.$u.toast('审批成功')
|
this.$u.toast('审批成功')
|
||||||
this.getDetail()
|
this.getDetail()
|
||||||
}
|
}
|
||||||
}).catch(err=> {
|
}).catch(()=> {
|
||||||
console.log(err);
|
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
@@ -164,7 +164,7 @@ export default {
|
|||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.detail {
|
.detail {
|
||||||
padding: 32px 32px 120px 32px;
|
padding: 32px 32px 140px 32px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
.task {
|
.task {
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -276,6 +276,7 @@ export default {
|
|||||||
line-height: 112px;
|
line-height: 112px;
|
||||||
border: 1px solid #DDDDDD;
|
border: 1px solid #DDDDDD;
|
||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
|
z-index: 9;
|
||||||
.refuse {
|
.refuse {
|
||||||
width: 40%;
|
width: 40%;
|
||||||
background: #FFF;
|
background: #FFF;
|
||||||
|
|||||||
@@ -13,7 +13,7 @@
|
|||||||
<div class="yesterday">
|
<div class="yesterday">
|
||||||
<div class="itemYesterday">昨天<span>{{ nowMonth }}.{{ nowDate - 1 }}</span></div>
|
<div class="itemYesterday">昨天<span>{{ nowMonth }}.{{ nowDate - 1 }}</span></div>
|
||||||
|
|
||||||
<div v-if="calendarList && calendarList[nowDate - 1] && calendarList[nowDate - 1].taskList.length > 0">
|
<div v-if="calendarList && calendarList[nowDate - 1] && calendarList[nowDate - 1].taskList.length">
|
||||||
<div v-show="calendarList[nowDate - 1].taskList.length <= 2">
|
<div v-show="calendarList[nowDate - 1].taskList.length <= 2">
|
||||||
<div v-for="(item,index) in calendarList[nowDate - 1].taskList.slice(0, 2)" :key="index">{{item.taskTitle}}</div>
|
<div v-for="(item,index) in calendarList[nowDate - 1].taskList.slice(0, 2)" :key="index">{{item.taskTitle}}</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -21,7 +21,7 @@
|
|||||||
<div v-for="(item,index) in calendarList[nowDate - 1].taskList.slice(2, calendarList[nowDate - 1].taskList.length)" :key="index">{{item.taskTitle}}</div>
|
<div v-for="(item,index) in calendarList[nowDate - 1].taskList.slice(2, calendarList[nowDate - 1].taskList.length)" :key="index">{{item.taskTitle}}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="!(calendarList && calendarList[nowDate - 1] && calendarList[nowDate - 1].taskList.length > 0)">今日暂无宣发任务</div>
|
<div v-if="!(calendarList && calendarList[nowDate - 1] && calendarList[nowDate - 1].taskList.length)">今日暂无宣发任务</div>
|
||||||
<div class="isShow" v-if="calendarList && calendarList[nowDate - 1] && calendarList[nowDate - 1].taskList.length > 0 && calendarList[nowDate - 1].taskList.length > 2" @click="showYes = !showYes">{{ showYes ? "收起" : "展开" }}</div>
|
<div class="isShow" v-if="calendarList && calendarList[nowDate - 1] && calendarList[nowDate - 1].taskList.length > 0 && calendarList[nowDate - 1].taskList.length > 2" @click="showYes = !showYes">{{ showYes ? "收起" : "展开" }}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -29,7 +29,7 @@
|
|||||||
<div class="today">
|
<div class="today">
|
||||||
<div class="itemToday">今天<span>{{ nowMonth }}.{{ nowDate }}</span></div>
|
<div class="itemToday">今天<span>{{ nowMonth }}.{{ nowDate }}</span></div>
|
||||||
|
|
||||||
<div v-if="calendarList && calendarList[nowDate] && calendarList[nowDate].taskList.length > 0">
|
<div v-if="calendarList && calendarList[nowDate] && calendarList[nowDate].taskList.length">
|
||||||
<div v-show="calendarList[nowDate].taskList.length <=2">
|
<div v-show="calendarList[nowDate].taskList.length <=2">
|
||||||
<div v-for="(item,index) in calendarList[nowDate].taskList.slice(0, 2)" :key="index">{{item.taskTitle}}</div>
|
<div v-for="(item,index) in calendarList[nowDate].taskList.slice(0, 2)" :key="index">{{item.taskTitle}}</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -37,7 +37,7 @@
|
|||||||
<div v-for="(item,index) in calendarList[nowDate].taskList.slice(2, calendarList[nowDate].taskList.length)" :key="index">{{item.taskTitle}}</div>
|
<div v-for="(item,index) in calendarList[nowDate].taskList.slice(2, calendarList[nowDate].taskList.length)" :key="index">{{item.taskTitle}}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="!(calendarList && calendarList[nowDate] && calendarList[nowDate].taskList.length > 0)">今日暂无宣发任务</div>
|
<div v-if="!(calendarList && calendarList[nowDate] && calendarList[nowDate].taskList.length)">今日暂无宣发任务</div>
|
||||||
<div class="isShow" v-if="calendarList && calendarList[nowDate] && calendarList[nowDate].taskList.length > 0 && calendarList[nowDate].taskList.length > 2" @click="showTo=!showTo">{{ showTo ? "收起" : "展开" }}</div>
|
<div class="isShow" v-if="calendarList && calendarList[nowDate] && calendarList[nowDate].taskList.length > 0 && calendarList[nowDate].taskList.length > 2" @click="showTo=!showTo">{{ showTo ? "收起" : "展开" }}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -45,7 +45,7 @@
|
|||||||
<div class="tomorrow">
|
<div class="tomorrow">
|
||||||
<div class="itemTomorrow">明天<span>{{ nowMonth }}.{{ nowDate + 1 }}</span></div>
|
<div class="itemTomorrow">明天<span>{{ nowMonth }}.{{ nowDate + 1 }}</span></div>
|
||||||
|
|
||||||
<div v-if="calendarList && calendarList[nowDate + 1] && calendarList[nowDate + 1].taskList.length > 0">
|
<div v-if="calendarList && calendarList[nowDate + 1] && calendarList[nowDate + 1].taskList.length">
|
||||||
<div v-show="calendarList[nowDate + 1].taskList.length <= 2">
|
<div v-show="calendarList[nowDate + 1].taskList.length <= 2">
|
||||||
<div v-for="(item,index) in calendarList[nowDate + 1].taskList.slice(0, 2)" :key="index">{{item.taskTitle}}</div>
|
<div v-for="(item,index) in calendarList[nowDate + 1].taskList.slice(0, 2)" :key="index">{{item.taskTitle}}</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -53,7 +53,7 @@
|
|||||||
<div v-for="(item,index) in calendarList[nowDate + 1].taskList.slice(2, calendarList[nowDate + 1].taskList.length)" :key="index">{{item.taskTitle}}</div>
|
<div v-for="(item,index) in calendarList[nowDate + 1].taskList.slice(2, calendarList[nowDate + 1].taskList.length)" :key="index">{{item.taskTitle}}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="!(calendarList && calendarList[nowDate + 1] && calendarList[nowDate + 1].taskList.length > 0)">今日暂无宣发任务</div>
|
<div v-if="!(calendarList && calendarList[nowDate + 1] && calendarList[nowDate + 1].taskList.length)">今日暂无宣发任务</div>
|
||||||
<div class="isShow" v-if="calendarList && calendarList[nowDate + 1] && calendarList[nowDate + 1].taskList.length > 0 && calendarList[nowDate + 1].taskList.length > 2" @click="showTom=!showTom">{{ showTom ? "收起" : "展开" }}</div>
|
<div class="isShow" v-if="calendarList && calendarList[nowDate + 1] && calendarList[nowDate + 1].taskList.length > 0 && calendarList[nowDate + 1].taskList.length > 2" @click="showTom=!showTom">{{ showTom ? "收起" : "展开" }}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -198,7 +198,7 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import echarts from "echarts";
|
import echarts from "echarts";
|
||||||
import { mapActions } from 'vuex'
|
import { mapState, mapActions } from 'vuex'
|
||||||
export default {
|
export default {
|
||||||
name: "AppPropagandaStatistics",
|
name: "AppPropagandaStatistics",
|
||||||
appName: "宣发统计",
|
appName: "宣发统计",
|
||||||
@@ -256,6 +256,9 @@ export default {
|
|||||||
this.getBrokenEcharts3();
|
this.getBrokenEcharts3();
|
||||||
this.getColumnarEcharts();
|
this.getColumnarEcharts();
|
||||||
},
|
},
|
||||||
|
computed: {
|
||||||
|
...mapState(['user'])
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
checkTime(index) {
|
checkTime(index) {
|
||||||
if (index == 3) {
|
if (index == 3) {
|
||||||
@@ -554,7 +557,7 @@ export default {
|
|||||||
],
|
],
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
// ...mapActions(['initOpenData', 'transCanvas']),
|
...mapActions(['initOpenData', 'transCanvas']),
|
||||||
// 宣发明细
|
// 宣发明细
|
||||||
getColData() {
|
getColData() {
|
||||||
this.$http
|
this.$http
|
||||||
@@ -564,24 +567,23 @@ export default {
|
|||||||
},
|
},
|
||||||
})
|
})
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
// if(res.data && res.data.length) {
|
if(res?.data) {
|
||||||
// this.isDepartData = true
|
console.log(res.data);
|
||||||
// let items = [], xData = [], yData = []
|
let items = [], xData = [], yData = []
|
||||||
// res.data.map((item) => {
|
res.data.map((item) => {
|
||||||
// var i = {type: 'departmentName', id: item.deptId, corpid: this.user.info.corpId}
|
var i = {type: 'departmentName', id: item.deptId, corpid: this.user.corpId}
|
||||||
// items.push(i)
|
items.push(i)
|
||||||
// yData.push(item.taskCount)
|
yData.push(item.taskCount)
|
||||||
// })
|
})
|
||||||
// this.initOpenData({canvas:true})
|
this.initOpenData({canvas:true})
|
||||||
// this.transCanvas(items).then((data) => {
|
this.transCanvas(items).then((data) => {
|
||||||
// data.items.map((i) => {
|
data.items.map((i) => {
|
||||||
// xData.push(i.data)
|
xData.push(i.data)
|
||||||
// })
|
})
|
||||||
// this.getColumnarEcharts(xData, yData)
|
console.log(xData,yData);
|
||||||
// })
|
this.getColumnarEcharts(xData, yData)
|
||||||
// }else {
|
})
|
||||||
// this.isDepartData = false
|
}
|
||||||
// }
|
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
getColumnarEcharts(xData, yData) {
|
getColumnarEcharts(xData, yData) {
|
||||||
|
|||||||
Reference in New Issue
Block a user