fix: 首页接口对接
parent
1e4c72bff2
commit
9cbf4bebb1
|
@ -1,7 +1,111 @@
|
||||||
import { request } from '@cmp/cmp-element'
|
import { request } from '@cmp/cmp-element'
|
||||||
|
|
||||||
const newsUrl = '/scms/v1/memorabilia'
|
const dashboardUrl = '/sms/v1/index'
|
||||||
|
|
||||||
export function mockHttp(params) {
|
// 待办工单
|
||||||
return request.get(newsUrl, { params })
|
// 序号 数据项代码 数据类型 数据项说明
|
||||||
|
// 1 approve_status String 审批状态 0审批中 1审批通过 -1审批不通过
|
||||||
|
// 2 approve_user_his String 历史参与人id
|
||||||
|
// 3 assignee_ String 任务发起人id
|
||||||
|
// 4 can_approve String 审批标志
|
||||||
|
// 5 create_name String 任务创建人名称
|
||||||
|
// 6 create_time String 创建时间
|
||||||
|
// 7 creator_id String 任务创建人id
|
||||||
|
// 8 cur_approvers String 当前审批人id
|
||||||
|
// 9 currentNodeName String 当前审批节点名称
|
||||||
|
// 10 data_type String 数据类型
|
||||||
|
// 11 end_time String 截止时间
|
||||||
|
// 12 form_number String 表单号
|
||||||
|
// 13 manage_id String 模板id
|
||||||
|
// 14 nodeId String 节点id
|
||||||
|
// 15 proc_inst_id String 流程实例id
|
||||||
|
// 16 record_id String 记录id
|
||||||
|
// 17 start_time String 开始时间
|
||||||
|
// 18 start_user String 开始人id
|
||||||
|
// 19 task_code String 任务code
|
||||||
|
// 20 task_content String 任务描述
|
||||||
|
// 21 task_name String 任务名称
|
||||||
|
// 22 task_status String 任务状态
|
||||||
|
// 23 task_system String 任务所属系统
|
||||||
|
// 24 task_type String 任务类型,1:故障处理任务
|
||||||
|
export function getTaskList(params) {
|
||||||
|
return request.get(`${dashboardUrl}/doneWorkOrder`, { params })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 工单统计
|
||||||
|
// 返回参数
|
||||||
|
// {
|
||||||
|
// "success": true,
|
||||||
|
// "status": null,
|
||||||
|
// "message": "查询成功",
|
||||||
|
// "errorMsg": null,
|
||||||
|
// "data": {
|
||||||
|
// "waitDoneTotal": 36,//代办数量
|
||||||
|
// "doneTotal": 3,//已办工单
|
||||||
|
// "orderTotal": 39//工大总数
|
||||||
|
// },
|
||||||
|
// "solution": null,
|
||||||
|
// "failed": false
|
||||||
|
// }
|
||||||
|
export function getOrderStatistics(params) {
|
||||||
|
return request.get(`${dashboardUrl}/workOrder/stattic`, { params })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 右上角应用列表
|
||||||
|
// 应用信息说明
|
||||||
|
// 字段 类型 字段说明
|
||||||
|
// appState int 应用状态(0注册 3上线 1发布 2下线)
|
||||||
|
// softwareDesc String 应用描述
|
||||||
|
// approveManager String 应用管理员
|
||||||
|
// appAddress String 访问地址
|
||||||
|
// appCode String 应用编码
|
||||||
|
// appIcon String 应用图标
|
||||||
|
// softwareOperations String 软件研发单位
|
||||||
|
// updateUid String 更新人ID
|
||||||
|
// appId String 应用ID
|
||||||
|
// softwarePublishTime String 应用上线时间
|
||||||
|
// createUid String 创建人ID
|
||||||
|
// appDepartment String 应用单位
|
||||||
|
// area String 所属区域
|
||||||
|
// linkNum String 应用管理员联系电话
|
||||||
|
// assumeDept String 软件承制单位
|
||||||
|
// useFlag int 应用是否可用标志(1可用 0不可用)
|
||||||
|
// softwareVersion String 应用版本
|
||||||
|
// appSecrecyLevel String 应用密级
|
||||||
|
// appInfo String 应用信息
|
||||||
|
// appDirection String 应用方向
|
||||||
|
// appTheme String 应用专题
|
||||||
|
// modelSystem String 型号系统
|
||||||
|
// assumeLinkman String 软件承制单位联系人
|
||||||
|
// linkmanNum String 软件承制单位联系人电话
|
||||||
|
// appType String 软件类型
|
||||||
|
// appPlatform" String 应用平台
|
||||||
|
// appName String 应用名称
|
||||||
|
// publishArea String 应用发布区域中心编码
|
||||||
|
// sysPlace String 部署位置
|
||||||
|
// appLevel String 应用级别
|
||||||
|
// updateTime String 更新时间
|
||||||
|
// createTime String 注册时间
|
||||||
|
export function getAppList(params) {
|
||||||
|
return request.get(`${dashboardUrl}/userAppList `, { params })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 数据展示
|
||||||
|
// 返回参数:
|
||||||
|
// {
|
||||||
|
// "success": true,
|
||||||
|
// "status": null,
|
||||||
|
// "message": "查询成功",
|
||||||
|
// "errorMsg": null,
|
||||||
|
// "data": {
|
||||||
|
// "userAppCount": 3,//当前用户授权应用数
|
||||||
|
// "taskCount": 39,//运维任务申请表
|
||||||
|
// "userAuthList": 20//数据权限申请数量
|
||||||
|
// //还有两个数据暂时没找到第三方接口
|
||||||
|
// },
|
||||||
|
// "solution": null,
|
||||||
|
// "failed": false
|
||||||
|
// }
|
||||||
|
export function getStatisticsDisplay(params) {
|
||||||
|
return request.get(`${dashboardUrl}/userData/static`, { params })
|
||||||
}
|
}
|
||||||
|
|
|
@ -16,6 +16,7 @@ import ItemCard from './ItemCard.vue'
|
||||||
import 待办工单 from './images/icon-待办工单.png'
|
import 待办工单 from './images/icon-待办工单.png'
|
||||||
import 已办工单 from './images/icon-已办工单.png'
|
import 已办工单 from './images/icon-已办工单.png'
|
||||||
import 总数 from './images/icon-总数.png'
|
import 总数 from './images/icon-总数.png'
|
||||||
|
import { getOrderStatistics } from 'services/system/dashboard'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: { ItemCard },
|
components: { ItemCard },
|
||||||
|
@ -27,6 +28,21 @@ export default {
|
||||||
{ label: '总数', value: 0, bgImg: 总数, background: 'rgba(93, 148, 255, 0.1)' }
|
{ label: '总数', value: 0, bgImg: 总数, background: 'rgba(93, 148, 255, 0.1)' }
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getItemList()
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
getItemList() {
|
||||||
|
getOrderStatistics().then(data => {
|
||||||
|
if (data.success) {
|
||||||
|
this.numList[0].value = data.data.waitDoneTotal
|
||||||
|
this.numList[1].value = data.data.doneTotal
|
||||||
|
this.numList[2].value = data.data.orderTotal
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -23,6 +23,7 @@
|
||||||
import ItemCard from './ItemCard.vue'
|
import ItemCard from './ItemCard.vue'
|
||||||
import 当前用户授权应用数 from './images/icon-当前用户授权应用数.png'
|
import 当前用户授权应用数 from './images/icon-当前用户授权应用数.png'
|
||||||
import 数据权限申请数量 from './images/icon-数据权限申请数量.png'
|
import 数据权限申请数量 from './images/icon-数据权限申请数量.png'
|
||||||
|
import { getStatisticsDisplay } from 'services/system/dashboard'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: { ItemCard },
|
components: { ItemCard },
|
||||||
|
@ -38,6 +39,24 @@ export default {
|
||||||
{ label: '日志审计任务量', value: 0 }
|
{ label: '日志审计任务量', value: 0 }
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getItemList()
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
getItemList() {
|
||||||
|
getStatisticsDisplay().then(data => {
|
||||||
|
if (data.success) {
|
||||||
|
this.numList[0].value = data.data.userAppCount
|
||||||
|
this.numList[1].value = data.data.userAuthList
|
||||||
|
// 还有两个数据暂时没找到第三方接口
|
||||||
|
// this.statistics[0].value = data.data.
|
||||||
|
this.statistics[1].value = data.data.taskCount
|
||||||
|
// this.statistics[2].value = data.data.
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -1,16 +1,22 @@
|
||||||
<template>
|
<template>
|
||||||
<ItemCard title="待办工单" v-bind="$attrs">
|
<ItemCard title="待办工单" v-bind="$attrs">
|
||||||
<el-button slot="operate" type="primary" plain>查看更多</el-button>
|
<el-button slot="operate" type="primary" plain>查看更多</el-button>
|
||||||
<cb-table :data="tableList" :params="params" :get-list="getItemList" :total="total">
|
<cb-table :data="tableList" :params="params" :get-list="getItemList" :total="total" :pageSizes="[15]">
|
||||||
<el-table-column type="index" width="50" label="序号"> </el-table-column>
|
<el-table-column type="index" width="50" label="序号"> </el-table-column>
|
||||||
<el-table-column show-overflow-tooltip label="标题" prop="name">
|
<el-table-column show-overflow-tooltip label="标题" prop="task_name">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span class="weight600">{{ scope.row.name }}</span>
|
<span class="weight600">{{ scope.row.task_name }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column show-overflow-tooltip label="状态" prop="status"></el-table-column>
|
<el-table-column show-overflow-tooltip label="状态" prop="approve_status">
|
||||||
<el-table-column show-overflow-tooltip label="发起人" prop="progress"></el-table-column>
|
<template slot-scope="scope">
|
||||||
<el-table-column show-overflow-tooltip label="时间" prop="time"></el-table-column>
|
<el-tag class="custom-tag" :type="statusFilter(scope.row.approve_status, 'color')" effect="light" round>
|
||||||
|
{{ statusFilter(scope.row.approve_status, 'text') }}
|
||||||
|
</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column show-overflow-tooltip label="发起人" prop="create_name"></el-table-column>
|
||||||
|
<el-table-column show-overflow-tooltip label="时间" prop="create_time"></el-table-column>
|
||||||
<el-table-column show-overflow-tooltip label="操作" width="60px">
|
<el-table-column show-overflow-tooltip label="操作" width="60px">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<cb-link @click="handleOperation(scope.row)" style="font-size: 14px">审批</cb-link>
|
<cb-link @click="handleOperation(scope.row)" style="font-size: 14px">审批</cb-link>
|
||||||
|
@ -22,33 +28,45 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import ItemCard from './ItemCard.vue'
|
import ItemCard from './ItemCard.vue'
|
||||||
import { mockHttp } from 'services/system/dashboard'
|
import { getTaskList } from 'services/system/dashboard'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: { ItemCard },
|
components: { ItemCard },
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
tableList: [
|
tableList: [],
|
||||||
{
|
|
||||||
name: '测试标题',
|
|
||||||
status: '待处理',
|
|
||||||
progress: '张三',
|
|
||||||
time: '2020-01-01'
|
|
||||||
}
|
|
||||||
],
|
|
||||||
params: {
|
params: {
|
||||||
page: 1,
|
page: 1,
|
||||||
rows: 10
|
rows: 15
|
||||||
},
|
},
|
||||||
total: 0
|
total: 0
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
created() {
|
||||||
|
this.getItemList()
|
||||||
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
|
statusFilter(status, type) {
|
||||||
|
const map = {
|
||||||
|
text: {
|
||||||
|
0: '审批中',
|
||||||
|
1: '审批通过',
|
||||||
|
'-1': '审批驳回'
|
||||||
|
},
|
||||||
|
color: {
|
||||||
|
0: 'primary',
|
||||||
|
1: 'success',
|
||||||
|
'-1': 'danger'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return map[type][status]
|
||||||
|
},
|
||||||
getItemList() {
|
getItemList() {
|
||||||
mockHttp(this.params).then(data => {
|
getTaskList(this.params).then(data => {
|
||||||
if (data.success) {
|
if (data.success) {
|
||||||
this.tableList = data.data.rows
|
this.tableList = data.data.data
|
||||||
this.total = data.data.total
|
this.total = data.data.total * 1
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
@ -63,5 +81,15 @@ v-deep {
|
||||||
.el-table--small {
|
.el-table--small {
|
||||||
font-size: 14px !important;
|
font-size: 14px !important;
|
||||||
}
|
}
|
||||||
|
.el-pager li {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.custom-tag {
|
||||||
|
height: 22px;
|
||||||
|
border-radius: 10px;
|
||||||
|
line-height: 22px;
|
||||||
|
font-size: 14px;
|
||||||
|
padding: 0 12px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -18,7 +18,7 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import ItemCard from './ItemCard.vue'
|
import ItemCard from './ItemCard.vue'
|
||||||
import { mockHttp } from 'services/system/dashboard'
|
// import { mockHttp } from 'services/system/dashboard'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: { ItemCard },
|
components: { ItemCard },
|
||||||
|
@ -34,12 +34,12 @@ export default {
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
getItemList() {
|
getItemList() {
|
||||||
mockHttp(this.params).then(data => {
|
// mockHttp(this.params).then(data => {
|
||||||
if (data.success) {
|
// if (data.success) {
|
||||||
this.tableList = data.data.rows
|
// this.tableList = data.data.rows
|
||||||
this.total = data.data.total
|
// this.total = data.data.total
|
||||||
}
|
// }
|
||||||
})
|
// })
|
||||||
},
|
},
|
||||||
handleWarningOperation(row) {
|
handleWarningOperation(row) {
|
||||||
console.log('处理告警', row)
|
console.log('处理告警', row)
|
||||||
|
|
Loading…
Reference in New Issue