Commit 46440ffe authored by 黄媛媛's avatar 黄媛媛

统计

parent da6ceb45
<style>
.user_time_picker .el-date-editor--date > .el-input__inner {
padding: 0 10px;
font-size: 13px;
}
.user_time_picker .el-date-editor--date > span.el-input__prefix {
display: none;
}
.user_time_picker .el-date-editor--date > span.el-input__suffix {
top: -4px;
right: 2px;
}
.zidingyiFz i {
font-size: 14px !important;
}
</style>
<template>
<div class="flexOne">
<div class="query-box">
<ul class="user_time_picker">
<li><span><em>线路</em>
<el-select class='w200' v-model="msg.LineId" filterable :placeholder="$t('pub.pleaseSel')">
<el-option label="不限" value='-1'></el-option>
<el-option v-for="item in LineList" :label='item.LineName' :value='item.LineID' :key='item.LineID'>
</el-option>
</el-select>
</span>
</li>
<li>
<span
><em>{{ $t("system.table_company") }}</em
><el-select class="w150"
filterable
v-model="msg.RB_Branch_Id"
@change="linkageDepartment()"
>
<el-option :label="$t('pub.unlimitedSel')" :value="-1"></el-option>
<el-option
v-for="item in companyList"
:label="item.BName"
:value="item.Id"
:key="item.Id"
>
</el-option>
</el-select>
</span>
</li>
<li>
<span
><em>{{ $t("admin.admin_Department") }}</em
><el-select class="w150"
filterable
v-model="msg.DepartmentId"
@change="linkagePost()"
>
<el-option :label="$t('pub.unlimitedSel')" value="0"></el-option>
<el-option
v-for="item in departMentList"
:label="item.DepartmentName"
:value="item.DepartmentID"
:key="item.DepartmentID"
>
</el-option>
</el-select>
</span>
</li>
<li>
<span
><em>发布人</em
><el-select class="w150" filterable v-model="msg.CreateBy">
<el-option :label="$t('pub.unlimitedSel')" value="0"></el-option>
<el-option v-for='item in employeeList'
:label='item.name'
:value='item.empId'
:key='item.empId'>
</el-option>
</el-select>
</span>
</li>
<li>
<span
><em>时间</em>
<el-date-picker
v-model="dateList"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</span>
</li>
<li>
<input
type="button"
class="hollowFixedBtn"
:value="$t('pub.searchBtn')"
@click="resetPageIndex(), getList()"
/>
</li>
</ul>
</div>
<div class="clearfix"></div>
<table class="singeRowTable" border="0" cellspacing="0" cellpadding="0">
<tr>
<th width="250">标题</th>
<th>观看次数</th>
<th>视频状态</th>
<th>姓名</th>
<th>线路</th>
<th>类型</th>
<th>时间</th>
</tr>
<tr v-for="(item, index) in DataList" :key="index" v-loading="loading">
<td>{{ item.Name }}</td>
<td>{{ item.WatchNum }}</td>
<td>
<span v-if="item.VideoStatus==1">发布</span>
<span v-if="item.VideoStatus==2">草稿</span>
<span v-if="item.VideoStatus==3">撤回</span>
</td>
<td>{{ item.EmName }}</td>
<td>{{ item.LineName }}</td>
<td>
<span v-if="item.Type==1">内部视频</span>
<span v-if="item.Type==2">外部视频</span>
</td>
<td>{{ item.UpdateDate }}</td>
</tr>
<tr v-show="DataList.length==0">
<td colspan="10" align="center">暂无数据</td>
</tr>
</table>
<el-pagination
background
@current-change="handleCurrentChange"
:current-page.sync="currentPage"
layout="total,prev, pager, next, jumper"
:page-size="msg.pageSize"
:total="total"
>
</el-pagination>
</div>
</template>
<script>
import moment from 'moment'
export default {
data() {
return {
loading: false,
isleaveBtn: false,
total: 0,
pageSize: "",
currentPage: 1,
dateList:[],
//请求
msg: {
pageIndex: 1,
pageSize: 15,
CreateBy:'',
StartTime:'',
EndTime:'',
RB_Branch_Id:-1,
DepartmentId:'',
LineId:'',
},
getGroupMsg: {
Status: "0",
GroupName: "",
Domain: "",
Versions_Id: ""
},
getCompanyMsg: {
RB_Group_Id: "0",
Status: "0"
},
getDepartmentMsg: {
RB_Group_Id: "0",
RB_Branch_Id: "-1",
Status: "0"
},
companyList:[],
departMentList:[],
employeeMsg: {
RB_Group_id:'0',
RB_Branch_id:'-1',
departmentId:'0',
IsLeave:'-1',
},
DataList:[],
employeeList:[],
LineList:[],
};
},
mounted() {
let userInfo = this.getLocalStorage();
this.getCompanyMsg.RB_Group_Id = userInfo.RB_Group_id; //集团ID
if(this.$route.query.RB_Branch_Id){
this.msg.RB_Branch_Id=Number(this.$route.query.RB_Branch_Id)
}
if(this.$route.query.DepartmentId){
this.msg.DepartmentId=Number(this.$route.query.DepartmentId)
}
if(this.$route.query.CreateBy){
this.msg.CreateBy=Number(this.$route.query.CreateBy)
}
let StartTime='';
let EndTime='';
if(this.$route.query.StartTime){
StartTime=this.$route.query.StartTime;
}
if(this.$route.query.EndTime){
EndTime=this.$route.query.EndTime;
}
this.getDepartmentMsg.RB_Branch_Id = this.msg.RB_Branch_Id;
this.employeeMsg.RB_Branch_id = this.msg.RB_Branch_Id;
this.employeeMsg.departmentId = this.msg.DepartmentId;
this.dateList=[];
this.dateList.push(StartTime)
this.dateList.push(EndTime)
this.getList();
this.getCompany();
this.getDerpartMent();
this.getLineList();
this.getEmployee();
},
filters:{
YMD(date){
if(date!=''){
return moment(date).format("YYYY-MM-DD");
}else{
return date;
}
}
},
methods: {
getLineList() {
this.apipost("line_post_GetAllList", {}, res => {
if (res.data.resultCode == 1) {
this.LineList = res.data.data;
} else {
this.$message.error(res.data.message);
}
});
},
linkagePost() {
//联动岗位
this.employeeMsg.RB_Branch_id = this.msg.RB_Branch_Id;
this.employeeMsg.departmentId = this.msg.DepartmentId;
this.getEmployee();
},
getEmployee() {
this.apipost('app_get_company_employee', this.employeeMsg, res => {
console.log("fsasd",res)
if(res.data.resultCode == 1) {
this.employeeList = res.data.data;
}
}, err => {})
},
getCompany() {
this.apipost(
"admin_get_BranchGetList",
this.getCompanyMsg,
res => {
if (res.data.resultCode == 1) {
this.companyList = res.data.data;
} else {
}
},
err => {}
);
},
getDerpartMent() {
//获取部门
this.apipost(
"admin_get_DepartmentGetList",
this.getDepartmentMsg,
res => {
if (res.data.resultCode == 1) {
this.departMentList = res.data.data;
} else {
}
},
err => {}
);
},
getList() {
//获取数据
this.loading = true;
if(this.dateList && this.dateList.length>0){
this.msg.StartTime=this.dateList[0];
this.msg.EndTime=this.dateList[1];
}else{
this.msg.StartTime='';
this.msg.EndTime='';
}
this.apipost(
"Video_get_GetVideoStatisticsPageList",
this.msg,
res => {
if (res.data.resultCode == 1) {
this.loading = false;
this.DataList = res.data.data.pageData;
this.total = res.data.data.count;
} else {
}
},
err => {}
);
},
linkageDepartment() {
//联动部门
this.msg.RB_Department_Id = "0";
this.msg.RB_Post_Id = "0";
this.getDepartmentMsg.RB_Branch_Id = this.msg.RB_Branch_Id;
this.getDerpartMent();
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
resetPageIndex() {
this.msg.pageIndex = 1;
this.currentPage = 1;
},
goUrl(name, id) {
this.$router.push({
name: name,
query: { id: id, type: 9, blank: "y", tab: "绑定账户信息" }
});
},
}
};
</script>
\ No newline at end of file
<style>
.user_time_picker .el-date-editor--date > .el-input__inner {
padding: 0 10px;
font-size: 13px;
}
.user_time_picker .el-date-editor--date > span.el-input__prefix {
display: none;
}
.user_time_picker .el-date-editor--date > span.el-input__suffix {
top: -4px;
right: 2px;
}
.zidingyiFz i {
font-size: 14px !important;
}
</style>
<template>
<div class="flexOne">
<div class="query-box">
<ul class="user_time_picker">
<li>
<span
><em>{{ $t("system.table_company") }}</em
><el-select class="w150"
filterable
v-model="msg.RB_Branch_Id"
@change="linkageDepartment()"
>
<el-option :label="$t('pub.unlimitedSel')" :value="-1"></el-option>
<el-option
v-for="item in companyList"
:label="item.BName"
:value="item.Id"
:key="item.Id"
>
</el-option>
</el-select>
</span>
</li>
<li>
<span
><em>{{ $t("admin.admin_Department") }}</em
><el-select class="w150"
filterable
v-model="msg.DepartmentId"
@change="linkagePost()"
>
<el-option :label="$t('pub.unlimitedSel')" value="0"></el-option>
<el-option
v-for="item in departMentList"
:label="item.DepartmentName"
:value="item.DepartmentID"
:key="item.DepartmentID"
>
</el-option>
</el-select>
</span>
</li>
<li>
<span
><em>发布人</em
><el-select class="w150" filterable v-model="msg.CreateBy">
<el-option :label="$t('pub.unlimitedSel')" value="0"></el-option>
<el-option v-for='item in employeeList'
:label='item.name'
:value='item.empId'
:key='item.empId'>
</el-option>
</el-select>
</span>
</li>
<li>
<span
><em>时间</em>
<el-date-picker
v-model="dateList"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</span>
</li>
<li>
<input
type="button"
class="hollowFixedBtn"
:value="$t('pub.searchBtn')"
@click="resetPageIndex(), getList()"
/>
</li>
</ul>
</div>
<div class="clearfix"></div>
<table class="singeRowTable" border="0" cellspacing="0" cellpadding="0">
<tr>
<th>员工编号</th>
<th>姓名</th>
<th>发布数量</th>
<!-- <th>开始时间</th>
<th>结束时间</th> -->
</tr>
<tr v-for="(item, index) in DataList" :key="index" v-loading="loading">
<td>{{ item.EmployeeId }}</td>
<td>{{ item.EmName }}</td>
<td>
<span style="text-decoration: underline;" @click="goUrl(item)">{{ item.Number }}</span>
</td>
<!-- <td>{{ item.StartTime | YMD}}</td>
<td>{{ item.EndTime | YMD}}</td> -->
</tr>
<tr v-show="DataList.length==0">
<td colspan="4" align="center">暂无数据</td>
</tr>
</table>
<el-pagination
background
@current-change="handleCurrentChange"
:current-page.sync="currentPage"
layout="total,prev, pager, next, jumper"
:page-size="msg.pageSize"
:total="total"
>
</el-pagination>
</div>
</template>
<script>
import moment from 'moment'
export default {
data() {
return {
loading: false,
isleaveBtn: false,
total: 0,
pageSize: "",
currentPage: 1,
dateList:[],
//请求
msg: {
pageIndex: 1,
pageSize: 15,
CreateBy:'',
StartTime:'',
EndTime:'',
RB_Branch_Id:-1,
DepartmentId:'',
},
getGroupMsg: {
Status: "0",
GroupName: "",
Domain: "",
Versions_Id: ""
},
getCompanyMsg: {
RB_Group_Id: "0",
Status: "0"
},
getDepartmentMsg: {
RB_Group_Id: "0",
RB_Branch_Id: "-1",
Status: "0"
},
companyList:[],
departMentList:[],
employeeMsg: {
RB_Group_id:'0',
RB_Branch_id:'-1',
departmentId:'0',
IsLeave:'-1',
},
DataList:[],
employeeList:[],
};
},
mounted() {
let userInfo = this.getLocalStorage();
this.getCompanyMsg.RB_Group_Id = userInfo.RB_Group_id; //集团ID
// this.dateList[0]=moment().format("YYYY-MM-DD");
// this.dateList[1]=moment().format("YYYY-MM-DD");
let date=moment().format("YYYY-MM-DD");
this.dateList=[];
this.dateList.push(date)
this.dateList.push(date)
this.getList();
this.getCompany();
this.getDerpartMent();
},
filters:{
YMD(date){
if(date!=''){
return moment(date).format("YYYY-MM-DD");
}else{
return date;
}
}
},
methods: {
goUrl(item) {
let StartTime='';
let EndTime='';
if(item.StartTime!=''){
StartTime= moment(item.StartTime).format("YYYY-MM-DD");
}
if(item.EndTime!=''){
EndTime= moment(item.EndTime).format("YYYY-MM-DD");
}
this.$router.push({
name: 'PublishvideoList',
query: {
RB_Branch_Id: this.msg.RB_Branch_Id,
DepartmentId: this.msg.DepartmentId,
CreateBy: this.msg.CreateBy,
StartTime:StartTime,
EndTime:EndTime,
blank: "y",
tab: "视频发布列表"
}
});
},
linkagePost() {
//联动岗位
this.employeeMsg.RB_Branch_id = this.msg.RB_Branch_Id;
this.employeeMsg.departmentId = this.msg.DepartmentId;
this.getEmployee();
},
getEmployee() {
this.apipost('app_get_company_employee', this.employeeMsg, res => {
if(res.data.resultCode == 1) {
this.employeeList = res.data.data;
}
}, err => {})
},
getCompany() {
this.apipost(
"admin_get_BranchGetList",
this.getCompanyMsg,
res => {
if (res.data.resultCode == 1) {
this.companyList = res.data.data;
} else {
}
},
err => {}
);
},
getDerpartMent() {
//获取部门
this.apipost(
"admin_get_DepartmentGetList",
this.getDepartmentMsg,
res => {
if (res.data.resultCode == 1) {
this.departMentList = res.data.data;
} else {
}
},
err => {}
);
},
getList() {
//获取数据
this.loading = true;
if(this.dateList && this.dateList.length>0){
this.msg.StartTime=this.dateList[0];
this.msg.EndTime=this.dateList[1];
}else{
this.msg.StartTime='';
this.msg.EndTime='';
}
this.apipost(
"Video_get_GetVideoStatisticsPublishPageList",
this.msg,
res => {
if (res.data.resultCode == 1) {
this.loading = false;
this.DataList = res.data.data.pageData;
this.total = res.data.data.count;
} else {
}
},
err => {}
);
},
linkageDepartment() {
//联动部门
this.msg.RB_Department_Id = "0";
this.msg.RB_Post_Id = "0";
this.getDepartmentMsg.RB_Branch_Id = this.msg.RB_Branch_Id;
this.getDerpartMent();
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
resetPageIndex() {
this.msg.pageIndex = 1;
this.currentPage = 1;
},
}
};
</script>
\ No newline at end of file
...@@ -3604,7 +3604,25 @@ export default { ...@@ -3604,7 +3604,25 @@ export default {
meta: { meta: {
title: '制作广告' title: '制作广告'
}, },
}, { // 签证 签证产品 },
{ // 销售 制作广告
path: '/Videostatistics',
name: 'Videostatistics',
component: resolve => require(['@/components/SalesModule/Videostatistics'], resolve),
meta: {
title: '视频发布统计'
},
},
{ // 销售 制作广告
path: '/PublishvideoList',
name: 'PublishvideoList',
component: resolve => require(['@/components/SalesModule/PublishvideoList'], resolve),
meta: {
title: '视频发布列表'
},
},
{ // 签证 签证产品
path: '/VisaProduct', path: '/VisaProduct',
name: 'VisaProduct', name: 'VisaProduct',
component: resolve => require(['@/components/SalesVisa/VisaProduct'], resolve), component: resolve => require(['@/components/SalesVisa/VisaProduct'], resolve),
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment