Skip to content

N
national_museum_vod
Commit 0a2ee8ea authored by xulili's avatar xulili
Browse files
Options

Merge branch 'dev_xll' into 'master' 

Dev xll

See merge request !15
parents 76f2cdad e8d06349
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1233 additions and 624 deletions
config/index.js
View file @ 0a2ee8ea
...@@ -21,7 +21,8 @@ module.exports = { ...@@ -21,7 +21,8 @@ module.exports = {
}, },
// Various Dev Server settings // Various Dev Server settings
host: 'localhost', // can be overwritten by process.env.HOST //host: 'localhost', // can be overwritten by process.env.HOST
host: '0.0.0.0', // can be overwritten by process.env.HOST
port: 3000, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined port: 3000, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
autoOpenBrowser: false, autoOpenBrowser: false,
errorOverlay: true, errorOverlay: true,
......
src/components/end/login.vue
View file @ 0a2ee8ea
...@@ -44,9 +44,7 @@ ...@@ -44,9 +44,7 @@
</template> </template>
<script> <script>
import { baseUrl } from "@/config/env"; import { loginOut } from "@/config/loginOut";
import axios from "axios";
let i = 0;
export default { export default {
data() { data() {
return { return {
...@@ -65,7 +63,9 @@ export default { ...@@ -65,7 +63,9 @@ export default {
flag: false, flag: false,
}; };
}, },
mounted() {}, mounted() {
loginOut();
},
methods: { methods: {
submitForm() { submitForm() {
let _this = this; let _this = this;
...@@ -95,6 +95,10 @@ export default { ...@@ -95,6 +95,10 @@ export default {
}); });
localStorage.setItem("user", resData.user.userName); localStorage.setItem("user", resData.user.userName);
localStorage.setItem("backToken", resData.token); localStorage.setItem("backToken", resData.token);
localStorage.setItem(
"menuList",
JSON.stringify(resData.menuList)
);
_this.$router.push("index"); _this.$router.push("index");
} else { } else {
_this.$message.error(res.data.message); _this.$message.error(res.data.message);
...@@ -122,7 +126,8 @@ export default { ...@@ -122,7 +126,8 @@ export default {
top: 0; top: 0;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
background: url("~@/assets/login/login_bg.png") no-repeat center/ 100% 100%; background: #9b1f23 url("~@/assets/login/login_bg.png") no-repeat center/ 100%
100%;
.content { .content {
width: 33.33%; width: 33.33%;
height: 100vh; height: 100vh;
...@@ -176,8 +181,13 @@ export default { ...@@ -176,8 +181,13 @@ export default {
background: url("~@/assets/login/pwd.png") no-repeat center/ 100%; background: url("~@/assets/login/pwd.png") no-repeat center/ 100%;
} }
/deep/.el-form { /deep/.el-form {
margin-top: 120px; // margin-top: 120px;
text-align: center; text-align: center;
z-index: 99;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 150px;
.el-form-item { .el-form-item {
margin-bottom: 60px; margin-bottom: 60px;
} }
...@@ -223,9 +233,6 @@ export default { ...@@ -223,9 +233,6 @@ export default {
font-size: 30px; font-size: 30px;
} }
} }
.el-form {
margin-top: 50px;
}
} }
} }
@media screen and (max-width: 1300px) { @media screen and (max-width: 1300px) {
...@@ -236,9 +243,6 @@ export default { ...@@ -236,9 +243,6 @@ export default {
font-size: 24px; font-size: 24px;
} }
} }
.el-form {
margin-top: 50px;
}
} }
} }
</style> </style>
src/components/topbar.vue
View file @ 0a2ee8ea
...@@ -13,6 +13,7 @@ ...@@ -13,6 +13,7 @@
</div> </div>
</template> </template>
<script> <script>
import { loginOut } from "@/config/loginOut";
export default { export default {
data() { data() {
return { return {
...@@ -31,11 +32,11 @@ export default { ...@@ -31,11 +32,11 @@ export default {
handleLogout() { handleLogout() {
let _this = this; let _this = this;
_this _this
.$https( { .$https({
method: "get", method: "get",
url: "logout", url: "logout",
authType:'back' authType: "back",
} ) })
.then((res) => { .then((res) => {
if (res.status == 200) { if (res.status == 200) {
let resData = res.data; let resData = res.data;
...@@ -44,8 +45,7 @@ export default { ...@@ -44,8 +45,7 @@ export default {
type: "success", type: "success",
message: resData.message, message: resData.message,
}); });
localStorage.removeItem("user"); loginOut();
localStorage.removeItem("backToken");
_this.$router.push("login"); _this.$router.push("login");
} else { } else {
_this.$message.error(res.data.message); _this.$message.error(res.data.message);
......
src/config/loginout.js 0 → 100644
View file @ 0a2ee8ea
export function loginOut(){
localStorage.removeItem("user")
localStorage.removeItem("backToken")
localStorage.removeItem("menuList")
}
\ No newline at end of file
src/config/menu.js
View file @ 0a2ee8ea
...@@ -63,7 +63,7 @@ export const menuList = [ ...@@ -63,7 +63,7 @@ export const menuList = [
{ name: '视频审核', icon: 'icon-video', color: 'index-blue', url: '/checkVideo' }, { name: '视频审核', icon: 'icon-video', color: 'index-blue', url: '/checkVideo' },
{ name: '展板审核', icon: 'icon-screen', color: 'index-green', url: '/checkDisplay' }, { name: '展板审核', icon: 'icon-screen', color: 'index-green', url: '/checkDisplay' },
{ name: '学习内容审核', icon: 'icon-magnifier', color: 'index-pink', url: '/checkLearn' }, { name: '学习内容审核', icon: 'icon-magnifier', color: 'index-pink', url: '/checkLearn' },
{ name: '账号禁用审核', icon: 'icon-disable', color: 'index-red', url: '/checkLearn' } { name: '账号禁用审核', icon: 'icon-disable', color: 'index-red', url: '/recheck' }
] ]
} }
] ]
...@@ -82,7 +82,7 @@ export const menuList = [ ...@@ -82,7 +82,7 @@ export const menuList = [
color: '', color: '',
url: '', url: '',
children: [ children: [
{ name: '互动管理', icon: 'icon-interaction', color: 'index-purple', url: '/interactive' } { name: '互动内容', icon: 'icon-interaction', color: 'index-purple', url: '/interactive' }
] ]
}, },
{ {
...@@ -144,8 +144,8 @@ export const menuList = [ ...@@ -144,8 +144,8 @@ export const menuList = [
url: '', url: '',
children: [ children: [
{ name: '统计概览', icon: 'icon-overview', color: 'index-purple', url: '/overview' }, { name: '统计概览', icon: 'icon-overview', color: 'index-purple', url: '/overview' },
{ name: '互动统计', icon: 'icon-interaction', color: 'index-green', url: '' }, { name: '互动统计', icon: 'icon-interaction', color: 'index-green', url: '/interaction' },
{ name: '趋势分析', icon: 'icon-tend', color: 'index-pink', url: '' } { name: '趋势分析', icon: 'icon-tend', color: 'index-pink', url: '/tend' }
] ]
}, },
{ {
......
src/map/china.js 0 → 100644
View file @ 0a2ee8ea
This diff is collapsed.
src/page/accounts/auditInfo.vue 0 → 100644
View file @ 0a2ee8ea
<template>
<el-dialog
custom-class="party-dialog"
title="审核详情"
:visible.sync="dialogVisible"
width="468px"
:before-close="handleClose"
>
<div class="dialog-content">
<p class="isNoData" v-if="isNoData">暂无数据</p>
<el-form
v-else
ref="form"
:model="form"
label-width="80px"
label-position="top"
class="party-form"
>
<el-form-item label="审核层级">
{{ form.level | levelFilter }}
</el-form-item>
<el-form-item label="审核时间">
{{ form.level === "TBCA" ? form.secondTime : form.firstTime }}
</el-form-item>
<el-form-item label="审核结果">
{{ form.status | statusFilter }}
</el-form-item>
<el-form-item label="驳回原因" v-if="form.status === 'REFUSED'">
{{ form.level === "TBCA" ? form.secondRemarks : form.firstRemarks }}
</el-form-item>
</el-form>
</div>
</el-dialog>
</template>
<script>
export default {
data() {
return {
dialogVisible: false,
id: "",
form: {},
isNoData: false,
};
},
filters: {
levelFilter(level) {
switch (level) {
case "TBCA":
return "复审";
break;
case "TBC":
return "初审";
break;
default:
return "暂无数据";
break;
}
},
statusFilter(status) {
switch (status) {
case "TBC":
return "待初审";
break;
case "TBCA":
return "待复审";
break;
case "REFUSED":
return "驳回";
break;
case "APPROVED_FINAL":
return "通过";
break;
default:
return "暂无数据";
break;
}
},
},
methods: {
// 根据id获取获取详情内容
getDetailById() {
let _this = this;
this.$https(
{
method: "get",
url: "audit/getById",
type: "ACCOUNT",
authType: this.backToken,
},
{ id: _this.id }
)
.then((res) => {
if (res.status == 200) {
if (res.data.resultCode == 200) {
if (res.data.data) {
this.isNoData = false;
this.form = res.data.data;
} else {
this.isNoData = true;
this.form = {};
}
} else {
_this.$message.error(res.data.message);
}
} else {
_this.$message.error(res.data);
}
})
.catch((err) => {
console.log(err);
});
},
// 弹窗关闭
handleClose() {
this.handleReset();
},
handleReset() {
this.dialogVisible = false;
this.form = {};
},
},
};
</script>
<style lang="less" scoped>
</style>
\ No newline at end of file
src/page/accounts/checkDialog/reject.vue
View file @ 0a2ee8ea
...@@ -36,12 +36,13 @@ export default { ...@@ -36,12 +36,13 @@ export default {
return { return {
dialogVisible: false, dialogVisible: false,
form: { form: {
status: 2, status: "REFUSED",
content: "", remarks: "",
type: 3, //0,看板；1 视频；2 学习内容；3 账号禁用 type:"ACCOUNT",
}, },
activeRow:{},
rules: { rules: {
content: [ remarks: [
{ required: true, message: "请填写驳回原因", trigger: "change" }, { required: true, message: "请填写驳回原因", trigger: "change" },
], ],
}, },
...@@ -69,6 +70,14 @@ export default { ...@@ -69,6 +70,14 @@ export default {
handleSubmit() { handleSubmit() {
// 校验用户输入值 // 校验用户输入值
let _this = this; let _this = this;
let params = {};
params.id = this.activeRow.id;
params.refItemId = this.activeRow.refItemId;
params.status = this.form.status;
params.type = this.form.type;
let times = this.activeRow.level == "TBC" ? "first" : "second";
params.level = this.activeRow.status;
params[`${times}Remarks`] = this.form.remarks;
this.$refs.form.validate((valid) => { this.$refs.form.validate((valid) => {
if (valid) { if (valid) {
this.$https( this.$https(
...@@ -77,7 +86,8 @@ export default { ...@@ -77,7 +86,8 @@ export default {
url: "audit/update", url: "audit/update",
authType: this.backToken, authType: this.backToken,
}, },
_this.form // _this.$qs.stringify(params)
params
) )
.then((res) => { .then((res) => {
this.handleReset(); this.handleReset();
......
src/page/accounts/components/accountTable.vue
View file @ 0a2ee8ea
<template> <template>
<div class="party-table"> <div class="party-table">
<el-table border :data="list" style="width: 100%;height:100%" height="100%"> <el-table
<el-table-column border
label="序号" :data="list"
align="center" style="width: 100%; height: 100%"
width="100"> height="100%"
<template slot-scope="scope" > >
<span>{{ (currentPage-1) * 10 + scope.$index + 1}}</span> <el-table-column label="序号" align="center" width="100">
</template> <template slot-scope="scope">
</el-table-column> <span>{{ (currentPage - 1) * 10 + scope.$index + 1 }}</span>
<el-table-column </template>
align="center" </el-table-column>
v-for="(item,index) in feildList" <el-table-column
:key="index" align="center"
:prop="item.prop" v-for="(item, index) in feildList"
:label="item.label" :key="index"
:width="item.width"> :prop="item.prop"
<template slot-scope="scope" > :label="item.label"
<div v-if="item.isEdit" class="table-btn-group"> :width="item.width"
<el-tooltip content="修改" placement="top"> >
<el-button circle @click="handleOperate(scope.row,'edit')"> <template slot-scope="scope">
<i class="icon-table icon-edit"></i> <div v-if="item.isEdit" class="table-btn-group">
</el-button> <el-tooltip content="修改" placement="top">
</el-tooltip> <el-button circle @click="handleOperate(scope.row, 'edit')">
<el-tooltip content="重置密码" placement="top"> <i class="icon-table icon-edit"></i>
<el-button circle @click="handleOperate(scope.row,'reset')"> </el-button>
<i class="icon-table icon-reset"></i> </el-tooltip>
</el-button> <el-tooltip content="重置密码" placement="top">
</el-tooltip> <el-button circle @click="handleOperate(scope.row, 'reset')">
<el-tooltip content="禁用" placement="top"> <i class="icon-table icon-reset"></i>
<el-button </el-button>
circle </el-tooltip>
:disabled="scope.row.status == 2 || scope.row.statusName == '待审核' " <el-tooltip content="禁用" placement="top">
@click="handleOperate(scope.row,'disable')"> <el-button
<i class="icon-table icon-disable"></i> circle
</el-button> :disabled="scope.row.statusName !== '活跃'"
</el-tooltip> @click="handleOperate(scope.row, 'disable')"
<el-tooltip content="激活" placement="top"> >
<el-button <i class="icon-table icon-disable"></i>
circle </el-button>
:disabled="scope.row.status == 1" </el-tooltip>
@click="handleOperate(scope.row,'enable')"> <el-tooltip content="激活" placement="top">
<i class="icon-table icon-enable"></i> <el-button
</el-button> circle
</el-tooltip> :disabled="scope.row.statusName !== '禁用'"
<el-tooltip content="审核详情" placement="top"> @click="handleOperate(scope.row, 'enable')"
<el-button >
circle <i class="icon-table icon-enable"></i>
@click="handleOperate(scope.row,'examine')"> </el-button>
<i class="icon-table icon-detail"></i> </el-tooltip>
</el-button> <el-tooltip content="审核详情" placement="top">
</el-tooltip> <el-button
</div> circle
<div v-else> :disabled="scope.row.statusName == '活跃'"
<span v-if="item.prop==='type'"> @click="handleOperate(scope.row, 'examine')"
{{scope.row[item.prop] | accoutType}} >
</span> <i class="icon-table icon-detail"></i>
<span v-else>{{scope.row[item.prop]}}</span> </el-button>
</div> </el-tooltip>
</template> </div>
</el-table-column> <div v-else>
<span v-if="item.prop === 'type'">
{{ scope.row[item.prop] | accoutType }}
</span>
<span v-else>{{ scope.row[item.prop] }}</span>
</div>
</template>
</el-table-column>
</el-table> </el-table>
</div> <audit-info ref="audit" />
</div>
</template> </template>
<script> <script>
// status 1 启用 2 禁用 // status 1 启用 2 禁用
import auditInfo from "../auditInfo.vue";
export default { export default {
data(){ data() {
return { return {};
},
} props: {
currentPage: {
type: Number,
default: 1,
}, },
props:{ list: {
currentPage:{ type: Array,
type:Number, default: () => {
default:1 return [];
}, },
list:{
type:Array,
default:()=>{return []}
},
feildList:{
type:Array,
default:()=>{return []}
}
}, },
filters:{ feildList: {
accoutType(type){ type: Array,
switch (type){ default: () => {
case "1": return [];
return "平台账号" },
break;
case "2":
return "用户账号"
break;
case "3":
return "机顶盒账号"
break;
case "4":
return "运维账号"
break;
default:
return ""
}
}
}, },
methods:{ },
handleOperate(row,type){ filters: {
if(type != 'edit'){ accoutType(type) {
this.$confirm('确认进行此操作?', '提示', { switch (type) {
confirmButtonText: '确定', case "1":
cancelButtonText: '取消', return "平台账号";
type: 'warning' break;
}).then(() => { case "2":
this.handlEmitMsg(row,type) return "用户账号";
}).catch(() => { break;
case "3":
}); return "机顶盒账号";
}else{ break;
this.handlEmitMsg(row,type) case "4":
} return "运维账号";
break;
}, default:
handlEmitMsg(row,type){ return "";
this.$emit( }
"action", },
{ },
row:row, components: { auditInfo },
type:type methods: {
} handleOperate(row, type) {
) if (type != "edit" && type != "examine") {
} this.$confirm("确认进行此操作?", "提示", {
} confirmButtonText: "确定",
} cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.handlEmitMsg(row, type);
})
.catch(() => {});
} else if (type == "examine") {
this.$refs.audit.id = row.id;
this.$refs.audit.getDetailById();
this.$refs.audit.dialogVisible = true;
} else {
this.handlEmitMsg(row, type);
}
},
handlEmitMsg(row, type) {
this.$emit("action", {
row: row,
type: type,
});
},
},
};
</script> </script>
<style lang="less"> <style lang="less">
@import '../../../style/table.less'; @import "../../../style/table.less";
</style> </style>
\ No newline at end of file
src/page/accounts/recheck.vue
View file @ 0a2ee8ea
...@@ -85,6 +85,8 @@ export default { ...@@ -85,6 +85,8 @@ export default {
total: 0, total: 0,
}, },
type:'ACCOUNT', type:'ACCOUNT',
passStatus:'APPROVED_FINAL'
//待初审 TBC, 驳回 REFUSED, 待复审 TBCA, 通过APPROVED_FINAL
}; };
}, },
components: { partyPagination, checkTable, rejectDialog }, components: { partyPagination, checkTable, rejectDialog },
...@@ -162,20 +164,26 @@ export default { ...@@ -162,20 +164,26 @@ export default {
}, },
// 驳回 // 驳回
handleRject() { handleRject() {
this.$refs.rejectDialog.activeRow = this.activeRow;
this.$refs.rejectDialog.dialogVisible = true; this.$refs.rejectDialog.dialogVisible = true;
}, },
// 通过 // 通过
handlePass() { handlePass() {
let params = {}; let params = {};
let _this = this
params.id = this.activeRow.id; params.id = this.activeRow.id;
params.status = 4; params.status = this.passStatus;
params.type = this.type params.type = this.type
params.refItemId = this.activeRow.refItemId
params.level = this.activeRow.status
this.$https( this.$https(
{ {
method: "put", method: "put",
url: "audit/update", url: "audit/update",
authType: this.backToken, authType: this.backToken,
}, },
// _this.$qs.stringify(params)
params params
) )
.then((res) => { .then((res) => {
......
src/page/accounts/statistical.vue
View file @ 0a2ee8ea
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
</div> </div>
<div class="table-content"> <div class="table-content">
<div class="btn-group"> <div class="btn-group">
<el-button type="primary">新建统计账户</el-button> <el-button type="primary" @click="handleAdd">新建统计账户</el-button>
</div> </div>
<account-table <account-table
:feildList="feildList" :feildList="feildList"
...@@ -49,11 +49,15 @@ ...@@ -49,11 +49,15 @@
/> />
<party-pagination :page="page" @changePage="handleChangeCurrent" /> <party-pagination :page="page" @changePage="handleChangeCurrent" />
</div> </div>
<add-dialog ref="addDialog" @success="getPageList()" />
<edit-dialog ref="editDialog" @success="getPageList()" />
<msg-dialog ref="msgDilaog" :msgInfo="msgInfo" />
</div> </div>
</template> </template>
<script> <script>
import { partyPagination } from "@/components/index"; import { partyPagination } from "@/components/index";
import accountTable from "./components/accountTable"; import accountTable from "./components/accountTable";
import { addDialog, editDialog } from "./statisticalDialog/index";
import msgDialog from "./msgDialog.vue"; import msgDialog from "./msgDialog.vue";
export default { export default {
data() { data() {
...@@ -69,8 +73,8 @@ export default { ...@@ -69,8 +73,8 @@ export default {
{ label: "待审核", value: 3 }, { label: "待审核", value: 3 },
], ],
feildList: [ feildList: [
{ prop: "username", label: "统计用户名" }, { prop: "userName", label: "统计用户名" },
{ prop: "org", label: "所属单位" }, { prop: "orgName", label: "所属单位" },
{ prop: "exiredDate", label: "到期时间" }, { prop: "exiredDate", label: "到期时间" },
{ prop: "statusName", label: "账号状态" }, { prop: "statusName", label: "账号状态" },
{ prop: "", label: "操作", isEdit: true, width: 280 }, { prop: "", label: "操作", isEdit: true, width: 280 },
...@@ -88,8 +92,8 @@ export default { ...@@ -88,8 +92,8 @@ export default {
components: { components: {
partyPagination, partyPagination,
accountTable, accountTable,
// addDialog, addDialog,
// editDialog, editDialog,
msgDialog, msgDialog,
}, },
mounted() { mounted() {
...@@ -97,7 +101,7 @@ export default { ...@@ -97,7 +101,7 @@ export default {
}, },
methods: { methods: {
handleSubmit() { handleSubmit() {
this.getFirstPageList(); this.getFirstPageList();
}, },
handleReset() { handleReset() {
this.form.userName = ""; this.form.userName = "";
...@@ -144,6 +148,15 @@ export default { ...@@ -144,6 +148,15 @@ export default {
console.log(err); console.log(err);
}); });
}, },
// 页面返回值为空
getResWithOutData() {
this.list = [];
this.page = {
_index: 1,
_size: 10,
total: 0,
};
},
// 新增账号 // 新增账号
handleAdd() { handleAdd() {
this.$refs.addDialog.dialogVisible = true; this.$refs.addDialog.dialogVisible = true;
...@@ -214,7 +227,7 @@ export default { ...@@ -214,7 +227,7 @@ export default {
let _this = this; let _this = this;
this.$https({ this.$https({
method: "put", method: "put",
url: `tUser/disable?userId=${this.activeRow.id}`, url: `tUser/enable?userId=${this.activeRow.id}`,
authType: this.backToken, authType: this.backToken,
}) })
.then((res) => { .then((res) => {
......
src/page/accounts/statisticalDialog/add.vue 0 → 100644
View file @ 0a2ee8ea
<template>
<el-dialog
custom-class="party-dialog"
title="编辑统计账号"
:visible.sync="dialogVisible"
width="468px"
:before-close="handleClose"
>
<div class="dialog-content">
<el-form
ref="form"
:model="form"
:rules="rules"
label-width="80px"
label-position="top"
class="party-form"
>
<el-form-item label="用户名" prop="userName">
<el-input
v-model="form.userName"
placeholder="请输入用户名"
></el-input>
</el-form-item>
<el-form-item label="所在机构" prop="orgId">
<el-select v-model="form.orgId" filterable placeholder="请选择">
<el-option
v-for="item in organList"
:key="item.id"
:label="item.name"
:value="item.id"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="账号有效期" prop="permanent">
<el-radio-group v-model="form.permanent">
<el-radio :label="true">永久有效</el-radio>
<el-radio :label="false">设置有效期</el-radio>
</el-radio-group>
<div v-if="!form.permanent">
<el-date-picker
class="mt16"
v-model="form.date"
type="daterange"
value-format="yyyy-MM-dd"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
>
</el-date-picker>
</div>
</el-form-item>
</el-form>
</div>
<div slot="footer" class="dialog-footer btn-group">
<el-button @click="handleClose()">取 消</el-button>
<el-button type="primary" @click="handleSubmit()">确 定</el-button>
</div>
</el-dialog>
</template>
<script>
import { getOrgListWithOutPage } from "@/config/organ";
export default {
data() {
return {
dialogVisible: false,
organList: [],
form: {
userName: "",
orgId: "",
permanent: true,
date: "",
},
rules: {
userName: [
{ required: true, message: "请填写管理员姓名", trigger: "change" },
],
orgId: [
{ required: true, message: "请输入所在机构", trigger: "change" },
],
permanent: [
{ required: true, message: "请选择账号有效期", trigger: "change" },
],
},
};
},
mounted() {
this.getOrgList();
},
methods: {
// 获取机构列表
getOrgList() {
getOrgListWithOutPage().then((res) => {
this.organList = res;
});
},
// 弹窗关闭
handleClose() {
this.$confirm("确认关闭？")
.then((_) => {
this.handleReset();
})
.catch((_) => {});
},
handleReset() {
this.dialogVisible = false;
this.$refs.form.resetFields();
this.form = {
userName: "",
orgId: "",
permanent: true,
date: "",
};
},
// 提交
handleSubmit() {
// 校验用户输入值
this.$refs.form.validate((valid) => {
if (valid) {
let user = {};
if (!this.form.permanent && !this.form.date) {
this.$message.error("请选择有效期");
return false;
}
if (!this.form.permanent) {
user.effectiveDate = this.form.date[0];
user.exiredDate = this.form.date[1];
}
user.permanent = this.form.permanent;
user.userName = this.form.userName;
user.orgId = this.form.orgId;
let requetsparams = this.$qs.stringify(user)
this.$https(
{
method: "post",
url: "tUser/statisticsAdd",
authType: this.backToken,
},
requetsparams
)
.then((res) => {
if (res.status == 200) {
if (res.data.resultCode == 200) {
this.$message({
type: "success",
message: res.data.message,
});
this.handleReset();
this.$emit("success", true);
} else {
this.$message.error(res.data.message);
}
} else {
this.$message.error(res.data);
}
})
.catch((err) => {
console.log(err);
});
} else {
console.log("error submit!!");
return false;
}
});
},
},
};
</script>
<style lang="less" scoped>
</style>
\ No newline at end of file
src/page/accounts/statisticalDialog/edit.vue 0 → 100644
View file @ 0a2ee8ea
<template>
<el-dialog
custom-class="party-dialog"
title="新建统计账号"
:visible.sync="dialogVisible"
width="468px"
:before-close="handleClose"
>
<div class="dialog-content">
<el-form
ref="form"
:model="form"
:rules="rules"
label-width="80px"
label-position="top"
class="party-form"
>
<el-form-item label="用户名" prop="userName">
<el-input
v-model="form.userName"
placeholder="请输入用户名"
></el-input>
</el-form-item>
<el-form-item label="所在机构" prop="orgId">
<el-select v-model="form.orgId" filterable placeholder="请选择">
<el-option
v-for="item in organList"
:key="item.id"
:label="item.name"
:value="item.id"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="账号有效期" prop="permanent">
<el-radio-group v-model="form.permanent">
<el-radio :label="true">永久有效</el-radio>
<el-radio :label="false">设置有效期</el-radio>
</el-radio-group>
<div v-if="!form.permanent">
<el-date-picker
class="mt16"
v-model="form.date"
type="daterange"
value-format="yyyy-MM-dd"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
>
</el-date-picker>
</div>
</el-form-item>
</el-form>
</div>
<div slot="footer" class="dialog-footer btn-group">
<el-button @click="handleClose()">取 消</el-button>
<el-button type="primary" @click="handleSubmit()">确 定</el-button>
</div>
</el-dialog>
</template>
<script>
import { getOrgListWithOutPage } from "@/config/organ";
export default {
data() {
return {
dialogVisible: false,
organList: [],
id:'',
form: {
userName: "",
orgId: "",
permanent: true,
date: "",
},
rules: {
userName: [
{ required: true, message: "请填写管理员姓名", trigger: "change" },
],
orgId: [
{ required: true, message: "请输入所在机构", trigger: "change" },
],
permanent: [
{ required: true, message: "请选择账号有效期", trigger: "change" },
],
},
};
},
mounted() {
this.getOrgList();
},
methods: {
// 获取机构列表
getOrgList() {
getOrgListWithOutPage().then((res) => {
this.organList = res;
});
},
// 根据id获取获取详情内容
getDetailById(){
let _this = this
this.$https(
{
method: "get",
url: "tUser/getById",
authType: this.backToken,
},
{id:_this.id}
)
.then((res) => {
if(res.status == 200 ){
if (res.data.resultCode == 200 ) {
let resData = res.data.data
for(let key in _this.form){
this.form[key] = resData[key]
}
if(!this.form.permanent){
this.form.date = [
resData.effectiveDate,
resData.exiredDate
]
}
} else {
_this.$message.error(res.data.message);
}
} else {
_this.$message.error(res.data);
}
})
.catch((err) => {
console.log(err);
});
},
// 弹窗关闭
handleClose() {
this.$confirm("确认关闭？")
.then((_) => {
this.handleReset();
})
.catch((_) => {});
},
handleReset() {
this.dialogVisible = false;
this.$refs.form.resetFields();
this.form = {
userName: "",
orgId: "",
permanent: true,
date: "",
};
},
// 提交
handleSubmit() {
// 校验用户输入值
this.$refs.form.validate((valid) => {
if (valid) {
let user = {};
if (!this.form.permanent && !this.form.date) {
this.$message.error("请选择有效期");
return false;
}
if (!this.form.permanent) {
user.effectiveDate = this.form.date[0];
user.exiredDate = this.form.date[1];
}
user.permanent = this.form.permanent;
user.userName = this.form.userName;
user.orgId = this.form.orgId;
user.id = this.id
user.type = 5
this.$https(
{
method: "put",
url: "tUser/update",
authType: this.backToken,
},
user
)
.then((res) => {
if (res.status == 200) {
if (res.data.resultCode == 200) {
this.$message({
type: "success",
message: res.data.message,
});
this.handleReset();
this.$emit("success", true);
} else {
this.$message.error(res.data.message);
}
} else {
this.$message.error(res.data);
}
})
.catch((err) => {
console.log(err);
});
} else {
console.log("error submit!!");
return false;
}
});
},
},
};
</script>
<style lang="less" scoped>
</style>
\ No newline at end of file
src/page/accounts/statisticalDialog/index.js 0 → 100644
View file @ 0a2ee8ea
import addDialog from './add'
import editDialog from './edit'
export {
addDialog,
editDialog
}
\ No newline at end of file
src/page/accounts/stbAdmin.vue
View file @ 0a2ee8ea
...@@ -74,6 +74,7 @@ export default { ...@@ -74,6 +74,7 @@ export default {
{ prop: "orgName", label: "运维区域" }, { prop: "orgName", label: "运维区域" },
{ prop: "exiredDate", label: "到期时间" }, { prop: "exiredDate", label: "到期时间" },
{ prop: "type", label: "账号类型" }, { prop: "type", label: "账号类型" },
{ prop: "statusName", label: "账号状态" },
{ prop: "", label: "操作", isEdit: true, width: 280 }, { prop: "", label: "操作", isEdit: true, width: 280 },
], ],
list: [], list: [],
...@@ -150,7 +151,7 @@ export default { ...@@ -150,7 +151,7 @@ export default {
}, },
// 编辑 // 编辑
handleEdit() { handleEdit() {
this.$refs.editDialog.id = this.activeRow.id; this.$refs.editDialog.id = this.activeRow.id;
this.$refs.editDialog.getDetailById(); this.$refs.editDialog.getDetailById();
this.$refs.editDialog.dialogVisible = true; this.$refs.editDialog.dialogVisible = true;
}, },
...@@ -214,7 +215,7 @@ export default { ...@@ -214,7 +215,7 @@ export default {
let _this = this; let _this = this;
this.$https({ this.$https({
method: "put", method: "put",
url: `tUser/disable?userId=${this.activeRow.id}`, url: `tUser/enable?userId=${this.activeRow.id}`,
authType: this.backToken, authType: this.backToken,
}) })
.then((res) => { .then((res) => {
......
src/page/accounts/unitAdmin.vue
View file @ 0a2ee8ea
...@@ -272,7 +272,7 @@ export default { ...@@ -272,7 +272,7 @@ export default {
let _this = this; let _this = this;
this.$https({ this.$https({
method: "put", method: "put",
url: `tUser/disable?userId=${this.activeRow.id}`, url: `tUser/enable?userId=${this.activeRow.id}`,
authType: this.backToken, authType: this.backToken,
}) })
.then((res) => { .then((res) => {
......
src/page/accounts/unitAdminDialog/edit.vue
View file @ 0a2ee8ea
...@@ -90,7 +90,6 @@ ...@@ -90,7 +90,6 @@
</template> </template>
<script> <script>
import { getOrgListWithOutPage } from "@/config/organ"; import { getOrgListWithOutPage } from "@/config/organ";
import { getRoles } from "@/config/roles";
export default { export default {
data() { data() {
var validateMobilePhone = (rule, value, callback) => { var validateMobilePhone = (rule, value, callback) => {
......
src/page/accounts/users.vue
View file @ 0a2ee8ea
...@@ -195,7 +195,7 @@ export default { ...@@ -195,7 +195,7 @@ export default {
let _this = this; let _this = this;
this.$https({ this.$https({
method: "put", method: "put",
url: `tUser/disable?userId=${this.activeRow.id}`, url: `tUser/enable?userId=${this.activeRow.id}`,
authType: this.backToken, authType: this.backToken,
}) })
.then((res) => { .then((res) => {
......
src/page/index/index.vue
View file @ 0a2ee8ea
...@@ -30,15 +30,15 @@ ...@@ -30,15 +30,15 @@
</div> </div>
</template> </template>
<script> <script>
import { menuList } from '@/config/menu' // import { menuList } from '@/config/menu'
export default{ export default{
data() { data() {
return{ return{
menuList:menuList menuList:[]
} }
}, },
mounted(){ mounted(){
this.menuList = JSON.parse(localStorage.getItem('menuList') || [])
}, },
methods:{ methods:{
goPage(path){ goPage(path){
......
src/page/statistics/components/areas.vue
View file @ 0a2ee8ea
<template> <template>
<div class="list-of-area"> <div class="list-of-area">
<div class="list-of-area-title common-title"> <div class="list-of-area-title common-title">
<div class="icon-and-title"> <div class="icon-and-title">
<img class="icon-title" src="@/assets/overview/s-play.png" alt=""> <img class="icon-title" src="@/assets/overview/s-play.png" alt="" />
<span class="title">{{title}}</span> <span class="title">{{ title }}</span>
</div> </div>
<img class="bg" src="@/assets/overview/bg_title.png" alt=""> <img class="bg" src="@/assets/overview/bg_title.png" alt="" />
</div> </div>
<div class="list-of-body"> <div class="list-of-body">
<ul class="body-title"> <ul class="body-title">
<li class="f5">地区名称</li> <li class="f5">地区名称</li>
<li class="f3">播放量(次)</li> <li class="f3">播放量(次)</li>
<li class="f2">展板数量</li> <li class="f2">展板数量</li>
</ul> </ul>
<div class="body-content" id="areaContent"> <div class="body-content" id="areaContent">
<div id="area1"> <div id="area1">
<ul class="body-item" v-for="(item,index) in list" :key="index"> <ul class="body-item" v-for="(item, index) in list" :key="index">
<li class="f5">{{item.city}}</li> <li class="f5">{{ item.areaName }}</li>
<li class="f3">{{item.play}}</li> <li class="f3">{{ item.playNumber }}</li>
<li class="f2">{{item.num}}</li> <li class="f2">{{ item.boardCnt }}</li>
</ul> </ul>
</div> </div>
<div id="area2"></div> <div id="area2"></div>
<div id="area3">></div> <div id="area3">></div>
</div> </div>
</div>
</div> </div>
</div>
</template> </template>
<script> <script>
export default { export default {
name: 'areas', name: "areas",
data() { data() {
return { return {
title:'地区展板播放统计', title: "地区展板播放统计",
timer:null, timer: null,
speed:50, speed: 50,
box:null, box: null,
area1:null, area1: null,
list:[ list: [],
{ city:'山西省',play:'10000', num:'24'}, };
{ city:'湖南省',play:'8878', num:'22'}, },
{ city:'海南省',play:'5934', num:'21'}, mounted() {
{ city:'贵州省',play:'5899', num:'18'}, this.getList();
{ city:'云南省',play:'5523', num:'16'}, this.$nextTick((v) => {
{ city:'甘肃省',play:'4678', num:'12'}, this.initScroll();
{ city:'四川省',play:'4224', num:'6'}, });
{ city:'湖南省',play:'3023', num:'4'}, },
{ city:'江西省',play:'2412', num:'2'}, methods: {
{ city:'黑龙江省',play:'2258', num:'2'}, initScroll() {
{ city:'湖北省',play:'2198', num:'2'}, let _this = this;
{ city:'安徽省',play:'2158', num:'2'}, this.box = document.getElementById("areaContent");
{ city:'新疆维吾尔自治区',play:'2258', num:'2'}, this.con1 = document.getElementById("area1");
{ city:'广西壮族自治区',play:'1588', num:'2'}, let con2 = document.getElementById("area2");
{ city:'西藏自治区',play:'1258', num:'2'}, let con3 = document.getElementById("area3");
] con2.innerHTML = this.con1.innerHTML;
con3.innerHTML = this.con1.innerHTML;
this.timer = setInterval(_this.scrollUp, _this.speed);
},
scrollUp() {
if (this.box.scrollTop >= this.con1.scrollHeight) {
this.box.scrollTop = 0;
} else {
this.box.scrollTop++;
} }
}, },
mounted() { getList() {
setTimeout(()=>{ let requestparams = {};
this.initScroll() requestparams._index = 1;
},1000) requestparams._size = 10;
this.$https(
{
method: "post",
url: "tBoardStatistic/getBoardDistrictPageList",
authType: this.backToken,
},
requestparams
)
.then((res) => {
if (res.status == 200) {
if (res.data.resultCode == 200) {
this.list = res.data.data.records;
} else {
this.list = [];
}
} else {
this.list = [];
}
})
.catch((err) => {
this.$message.error(err.message);
});
}, },
methods: { },
initScroll() { };
let _this = this
this.box = document.getElementById("areaContent");
this.con1 = document.getElementById("area1");
let con2 = document.getElementById("area2");
let con3 = document.getElementById("area3");
con2.innerHTML = this.con1.innerHTML;
con3.innerHTML = this.con1.innerHTML;
this.timer = setInterval(_this.scrollUp, _this.speed);
},
scrollUp() {
if (this.box.scrollTop >= this.con1.scrollHeight) {
this.box.scrollTop = 0;
} else{
this.box.scrollTop++;
}
},
}
}
</script> </script>
<style lang="less"> <style lang="less">
</style> </style>
src/page/statistics/components/borderNums.vue
View file @ 0a2ee8ea
<template> <template>
<div class="dashbord-list"> <div class="dashbord-list">
<p class="tip"> <p class="tip">
<span class="tip-title">页面说明:</span> <span class="tip-title">页面说明:</span>
<span>可查看当前系统各项数据统计情况。互动频次及点播趋势图展示部分数据，可进入互动统计及趋势分析详情页查看全部数据。</span> <span
</p> >可查看当前系统各项数据统计情况。互动频次及点播趋势图展示部分数据，可进入互动统计及趋势分析详情页查看全部数据。</span
<ul> >
<li v-for="(item, index) in list" :key="index"> </p>
<div class="title-name">{{item.label}}</div> <ul>
<img :src="getImg(item.urlName)" alt=""> <li v-for="(item, index) in list" :key="index">
<!-- <img src="@/assets/overview/play.png" alt=""> --> <div class="title-name">{{ item.label }}</div>
<div class="title"> <img :src="getImg(item.urlName)" alt="" />
<span> <div class="title">
<a class="num">{{item.num}}</a> <span>
<a class="unit">{{item.unit}}</a> <a class="num">{{ item.num }}</a>
</span> <a class="unit">{{ item.unit }}</a>
</div> </span>
</li> </div>
</ul> </li>
</div> </ul>
</div>
</template> </template>
<script> <script>
export default { export default {
name: 'nums', name: "nums",
data() { data() {
return { return {
list:[ data: [
{label:'总播放量',num: 1000, unit: '次',urlName:'play'}, {
{label:'单位组织',num: 688, unit: '家',urlName:'org'}, label: "总播放量",
{label:'展板总量',num: 20, unit: '个',urlName:'boardsTotal'}, num: 0,
{label:'互动总量',num: 899, unit: '次',urlName:'interaction'}, unit: "次",
] urlName: "play",
} feild: "playCnt",
},
{
label: "单位组织",
num: 0,
unit: "家",
urlName: "org",
feild: "orgCnt",
},
{
label: "展板总量",
num: 0,
unit: "个",
urlName: "boardsTotal",
feild: "boardCnt",
},
{
label: "互动总量",
num: 0,
unit: "次",
urlName: "interaction",
feild: "interactionCnt",
},
],
list: [],
};
},
mounted() {
this.getList()
},
methods: {
getImg(imgUrl) {
return require("@/assets/overview/" + imgUrl + ".png");
}, },
mounted() { getList() {
// this.initData() this.$https({
method: "post",
url: "tBoardStatistic/getBoardSurvey",
authType: this.backToken,
})
.then((res) => {
if (res.status == 200) {
if (res.data.resultCode == 200) {
let resData = res.data.data;
this.list = [...this.data].map((v) => {
v['num'] = resData[v['feild']];
return v
});
} else {
this.list = [...this.data];
}
} else {
this.list = [...this.data];
}
})
.catch((err) => {
this.$message.error(err.message);
});
}, },
methods: { },
getImg(imgUrl){ };
return require('@/assets/overview/'+ imgUrl + '.png')
},
initData(){
const _this = this
setInterval(()=>{
let num = Math.floor(Math.random()*4)
num = num > 2 ? 3:0
_this.$set(_this.list[num],'num', ++_this.list[num]['num'] )
},3000)
}
}
}
</script> </script>
<style lang="less"> <style lang="less">
.dashbord-list{ .dashbord-list {
width: 100%; width: 100%;
position: absolute; position: absolute;
padding: 0 10px; padding: 0 10px;
z-index: 100; z-index: 100;
.tip{ .tip {
color: @font-color;
.tip-title {
font-weight: bold;
padding-right: 10px;
}
}
ul {
display: flex;
font-size: 0;
justify-content: space-around;
li {
position: relative;
width: 9vw;
margin-top: 15px;
}
img {
width: 100%;
}
.title-name {
font-size: 18px;
color: @font-color; color: @font-color;
.tip-title{ position: absolute;
font-weight: bold; top: -8px;
padding-right: 10px; right: 0;
}
} }
ul{ .title {
display: flex; position: absolute;
font-size: 0; right: 0.2rem;
justify-content: space-around; bottom: 5px;
li{ color: @party-white;
position: relative; .num {
width: 9vw; font-size: 28px;
margin-top: 15px; }
} .unit {
img{ font-size: 16px;
width: 100%; margin-left: 5px;
} }
.title-name{
font-size: 18px;
color: @font-color;
position: absolute;
top: -8px;
right: 0;
}
.title{
position: absolute;
right: 0.2rem;
bottom: 5px;
color: @party-white;
.num{
font-size: 28px;
}
.unit{
font-size:16px;
margin-left: 5px;
}
}
} }
}
} }
</style> </style>
src/page/statistics/components/maps.vue
View file @ 0a2ee8ea
<template> <template>
<div id="mapDiv"> <div id="mapDiv"></div>
</div>
</template> </template>
<script> <script>
import 'echarts/map/js/china' // import "echarts/map/js/china";
var dataList = [{ import echarts from 'echarts'
name: '安徽',value: 5498 import { chinaJson } from "@/map/china";
}, { echarts.registerMap("china", chinaJson);
name: '澳门',value: 0 export default {
}, { name: "maps",
name: '北京',value: 0 data() {
}, { return {
name: '福建',value: 4111 dataList: [],
}, { };
name: '甘肃',value: 59 },
}, { mounted() {
name: '广东',value: 1928 this.getList();
}, { },
name: '广西',value: 4 methods: {
}, { getList() {
name: '贵州',value: 52 this.$https({
}, { method: "post",
name: '海南',value: 1284 url: "tBoardStatistic/getBoardProvincePlayTotalList",
}, { authType: this.backToken,
name: '河北',value: 3151 })
}, { .then((res) => {
name: '河南',value: 3814 if (res.status == 200) {
}, { if (res.data.resultCode == 200) {
name: '黑龙江',value: 316 this.dataList = res.data.data;
}, { } else {
name: '湖北',value: 1724 this.dataList = [];
}, {
name: '湖南',value: 33378
}, {
name: '吉林',value: 520
}, {
name: '江苏',value: 113
}, {
name: '江西',value: 961
}, {
name: '辽宁',value: 139
}, {
name: '内蒙古',value: 0
}, {
name: '宁夏',value: 60
}, {
name: '青海',value: 0
}, {
name: '山东',value: 106
}, {
name: '山西',value: 0
}, {
name: '陕西',value: 114
}, {
name: '上海',value: 1321
}, {
name: '四川',value: 7867
}, {
name: '台湾',value: 0
}, {
name: '天津',value: 1157
}, {
name: '西藏',value: 14
}, {
name: '香港',value: 0
}, {
name: '新疆',value: 115
}, {
name: '云南',value: 3811
}, {
name: '浙江',value: 0
}, {
name: '重庆',value: 886
}
];
export default {
name: 'maps',
data() {
return {
}
},
mounted() {
setTimeout(()=>{
this.init()
},100)
},
methods: {
init(){
let option = {
tooltip: {
triggerOn: "click",
formatter: function(e, t, n) {
return .5 == e.value ? e.name + "：播放量" : e.seriesName + "<br />" + e.name + "：" + e.value
} }
} else {
this.dataList = [];
}
this.init();
})
.catch((err) => {
this.$message.error(err.message);
this.init();
});
},
init() {
let option = {
tooltip: {
triggerOn: "click",
formatter: function (e, t, n) {
return 0.5 == e.value
? e.name + "：播放量"
: e.seriesName + "<br />" + e.name + "：" + e.value;
}, },
visualMap: [{ },
visualMap: [
{
dimension: 0, dimension: 0,
right: 20, right: 20,
bottom: 20, bottom: 20,
itemWidth: 16, itemWidth: 16,
itemHeight: '200px', itemHeight: "200px",
orient:'horizontal', orient: "horizontal",
text: ['由高到低','播放量'], text: ["由高到低", "播放量"],
backgroundColor:'rgba(0,28,66,0.6)', backgroundColor: "rgba(0,28,66,0.6)",
padding:[15,10], padding: [15, 10],
textStyle: { textStyle: {
color: 'rgba(255,255,255,1)' color: "rgba(255,255,255,1)",
}, },
inRange: { inRange: {
color: ['#9B1E23', '#E72128', '#FB8D1F', '#FFCF4E'] color: ["#9B1E23", "#E72128", "#FB8D1F", "#FFCF4E"],
}
}],
geo: {
map: "china",
roam: !1,
scaleLimit: {
min: 1,
max: 2
}, },
},
],
geo: {
map: "china",
roam: !1,
scaleLimit: {
min: 1,
max: 2,
},
roam: true, //是否开启平游或缩放 roam: true, //是否开启平游或缩放
scaleLimit: { //滚轮缩放的极限控制 scaleLimit: {
min: 1, //滚轮缩放的极限控制
max: 2 min: 1,
}, max: 2,
},
zoom: 1, zoom: 1,
top: 100, top: 100,
left:'10%', left: "10%",
label: { label: {
normal: { normal: {
show: !0, show: !0,
fontSize: "12", fontSize: "12",
color: "#fff" color: "#fff",
}
}, },
itemStyle: { },
normal: { itemStyle: {
borderColor: "rgba(0, 0, 0, 0.2)" normal: {
}, borderColor: "rgba(0, 0, 0, 0.2)",
emphasis: { },
areaColor: "#f2d5ad", emphasis: {
shadowOffsetX: 0, areaColor: "#f2d5ad",
shadowOffsetY: 0, shadowOffsetX: 0,
borderWidth: 0 shadowOffsetY: 0,
} borderWidth: 0,
}, },
regions: [
{
name: "南海诸岛",
itemStyle: {
// 隐藏地图
normal: {
opacity: 0, // 为 0 时不绘制该图形
}
},
label: {
show: false // 隐藏文字
}
}
]
}, },
series: [{ regions: [
{
name: "南海诸岛",
itemStyle: {
// 隐藏地图
normal: {
opacity: 0, // 为 0 时不绘制该图形
},
},
label: {
show: false, // 隐藏文字
},
},
],
},
series: [
{
name: "播放量", name: "播放量",
type: "map", type: "map",
geoIndex: 0, geoIndex: 0,
data: dataList data: this.dataList,
}] },
}; ],
let echartsDiv = this.$echarts.init(document.getElementById('mapDiv')) };
echartsDiv.setOption(option) let echartsDiv = this.$echarts.init(document.getElementById("mapDiv"));
} echartsDiv.setOption(option);
} },
} },
};
</script> </script>
<style lang="less"> <style lang="less">
#mapDiv{ #mapDiv {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
</style> </style>
src/page/statistics/components/top10.vue
View file @ 0a2ee8ea
<template> <template>
<div class="list-of-top10"> <div class="list-of-top10">
<div class="list-of-top10-title common-title"> <div class="list-of-top10-title common-title">
<div class="icon-and-title"> <div class="icon-and-title">
<img class="icon-title" src="@/assets/overview/board.png" alt=""> <img class="icon-title" src="@/assets/overview/board.png" alt="" />
<span class="title">{{title}}</span> <span class="title">{{ title }}</span>
</div> </div>
<img class="bg" src="@/assets/overview/bg_title.png" alt=""> <img class="bg" src="@/assets/overview/bg_title.png" alt="" />
</div>
<div class="list-of-body">
<ul class="body-title">
<li class="f1">排名</li>
<li class="f7">展板名称</li>
<li class="f2">播放量</li>
</ul>
<div class="body-content" id="bodyContent">
<div id="con1">
<ul class="body-item" v-for="(item,index) in list" :key="index">
<li class="f1">{{index%10 + 1}}</li>
<li class="f7">
<div class="title" :title="item.name">{{item.name}}</div>
</li>
<li class="f2">{{item.num}}</li>
</ul>
</div>
<div id="con2"></div>
</div>
</div>
</div> </div>
<div class="list-of-body">
<ul class="body-title">
<li class="f1">排名</li>
<li class="f7">展板名称</li>
<li class="f2">播放量</li>
</ul>
<div class="body-content" id="bodyContent">
<div id="con1">
<ul class="body-item" v-for="(item, index) in list" :key="index">
<li class="f1">{{ (index % 10) + 1 }}</li>
<li class="f7">
<div class="title" :title="item.boardName">
{{ item.boardName }}
</div>
</li>
<li class="f2">{{ item.playNumber }}</li>
</ul>
</div>
<div id="con2"></div>
</div>
</div>
</div>
</template> </template>
<script> <script>
export default { export default {
name: 'top10', name: "top10",
data() { data() {
return {
title: "",
timer: null,
speed: 50,
box: null,
con1: null,
list: [],
};
},
components: {},
mounted() {
this.title = this.getTitle();
this.getList()
setTimeout(() => {
this.initScroll();
}, 1000);
},
methods: {
getTitle(){
let curTime = this.getCurrentTime()
return `全国${curTime.yyyy}年${curTime.MM}月展板点播TOP10`
},
getCurrentTime() {
let year = new Date().getFullYear();
let month = new Date().getMonth() + 1;
return { return {
title:'全国2021年3月展板点播TOP10', yyyy: year,
timer:null, MM: month > 9 ? month : `0${month}`,
speed:50, };
box:null, },
con1:null, initScroll() {
list:[ let _this = this;
{ name:'中国沦为半殖民地半封建社会', num:'11902' }, this.box = document.getElementById("bodyContent");
{ name:'抗日战争取得伟大胜利', num:'59876' }, this.con1 = document.getElementById("con1");
{ name:'筹建新中国', num:'68902' }, let con2 = document.getElementById("con2");
{ name:'中华人民共和国成立', num:'368902' }, con2.innerHTML = this.con1.innerHTML;
{ name:'伟大成就', num:'78902' }, this.timer = setInterval(_this.scrollUp, _this.speed);
{ name:'完善和落实中国特色社会主义事业总体布局', num:'58902' }, },
{ name:'中国特色社会主义进入新时代', num:'88902'}, scrollUp() {
{ name:'开创中国特色社会主义新局面', num:'78902'}, if (this.box.scrollTop >= this.con1.scrollHeight) {
{ name:'社会主义文化强国建设迈出坚实步伐', num:'108902'}, this.box.scrollTop = 0;
{ name:'坚决打赢脱贫攻坚战', num:'188902'}, } else {
this.box.scrollTop++;
// { name:'蒋介石背叛革命 建立独裁统治', num:'20300' },
// { name:'开辟农村包围城市武装夺取政权道路', num:'50780' },
// { name:'坚持党的基本路线不动摇', num:'68902' },
// { name:'港澳回归', num:'68902' },
// { name:'让人民群众共享改革发展成果', num:'48902'},
// { name:'“一带一路”倡议推进对外开放向纵深拓展', num:'8902'},
// { name:'生态保护与修复力度持续加大', num:'7902'},
// { name:'大力践行外交为民', num:'9902'},
]
} }
}, },
components:{}, Ups() {
mounted() { let _this = this;
this.list.sort((a,b)=>{ this.timer = setInterval(_this.scrollUp, _this.speed);
return b.num - a.num },
Stops() {
clearInterval(this.timer);
},
getList() {
let requestparams = {};
requestparams._index = 1;
requestparams._size = 10;
this.$https(
{
method: "post",
url: "tBoardStatistic/getBoardRankPageList",
authType: this.backToken,
},
requestparams
)
.then((res) => {
if (res.status == 200) {
if (res.data.resultCode == 200) {
this.list = res.data.data.records;
} else {
this.list = [];
}
} else {
this.list = [];
}
}) })
this.list = [...this.list,...this.list] .catch((err) => {
setTimeout(()=>{ this.$message.error(err.message);
this.initScroll() });
},1000)
}, },
methods: { },
initScroll() { };
let _this = this
this.box = document.getElementById("bodyContent");
this.con1 = document.getElementById("con1");
let con2 = document.getElementById("con2");
con2.innerHTML = this.con1.innerHTML;
this.timer = setInterval(_this.scrollUp, _this.speed);
},
scrollUp() {
if (this.box.scrollTop >= this.con1.scrollHeight) {
this.box.scrollTop = 0;
} else{
this.box.scrollTop++;
}
},
Ups() {
let _this = this
this.timer = setInterval(_this.scrollUp, _this.speed);
},
Stops() {
clearInterval(this.timer);
}
}
}
</script> </script>
<style lang="less"> <style lang="less">
</style> </style>
src/router/accout.js
View file @ 0a2ee8ea
...@@ -57,7 +57,7 @@ export let accoutsRoute = [ ...@@ -57,7 +57,7 @@ export let accoutsRoute = [
component: () => import('@/page/accounts/recheck'), component: () => import('@/page/accounts/recheck'),
meta:{ meta:{
showBreadcrumb:true, showBreadcrumb:true,
title:'账号禁用审核（复审）', title:'账号禁用审核',
} }
} }
] ]
\ No newline at end of file
src/style/dialog.less
View file @ 0a2ee8ea
.party-dialog{ .party-dialog {
background:@party-white; background: @party-white;
box-shadow: 0 4px 8px 0 rgba(221,221,221,0.40); box-shadow: 0 4px 8px 0 rgba(221, 221, 221, 0.40);
border-radius: 8px; border-radius: 8px;
padding: 20px 20px 0 20px; padding: 20px 20px 0 20px;
&.noHeader{
.el-dialog__header{ &.noHeader {
display: none; .el-dialog__header {
} display: none;
} }
.el-dialog__header{ }
padding: 0;
border-bottom: 1px solid @party-border-color; .el-dialog__header {
height: 40px; padding: 0;
text-align: center; border-bottom: 1px solid @party-border-color;
.el-dialog__title{ height: 40px;
font-size: 18px; text-align: center;
font-weight: bold;
color: @font-color; .el-dialog__title {
} font-size: 18px;
.el-dialog__close{ font-weight: bold;
font-size: 20px; color: @font-color;
&:hover{
color: @party-btn-color;
}
}
} }
.el-dialog__footer{
padding-top: 20px; .el-dialog__close {
border-top: 1px solid @party-border-color; font-size: 20px;
text-align: center;
.el-button{ &:hover {
width: 160px; color: @party-btn-color;
} }
} }
} }
\ No newline at end of file
.dialog-content {
min-height: 150px;
.isNoData {
text-align: center;
line-height: 100px;
}
}
.el-dialog__footer {
padding-top: 20px;
border-top: 1px solid @party-border-color;
text-align: center;
.el-button {
width: 160px;
}
}
}
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