| | |
| | | <li v-for="item in todoList" :key="item.id"> |
| | | <div style="display: flex;flex-direction: column;justify-content: space-between;width: 100%;gap: 20px"> |
| | | <div style="display: flex;justify-content: space-between;align-items: center;"> |
| | | <div class="todo-title">流程编号:{{item.approveId}}</div> |
| | | <div class="todo-division">申请部门:{{item.approveDeptName}}</div> |
| | | <div class="todo-title">待办编号:{{item.approveId}}</div> |
| | | <div class="todo-division">部门:{{item.approveDeptName}}</div> |
| | | <div class="todo-time">{{item.approveTime}}</div> |
| | | </div> |
| | | <div class="todo-division">审批事由:{{item.approveReason}}</div> |
| | | <div class="todo-division">待办事由:{{item.approveReason}}</div> |
| | | </div> |
| | | </li> |
| | | </ul> |
| | |
| | | }]) |
| | | const yAxis = [{ |
| | | type: 'category', |
| | | data: ['预付账款', '应付账款', '预收账款', '应收账款',] |
| | | data: [ '应付账款', '应收账款',] |
| | | }] |
| | | const yAxis1 = [{ |
| | | type: 'value' |
| | |
| | | } |
| | | ]) |
| | | |
| | | // 合同金额分析数据 |
| | | const contractList = [ |
| | | { name: '深圳科技有限公司', percent: 36, value: 4544, color: '#4fc3f7' }, |
| | | { name: '北京科技有限公司', percent: 20, value: 4000, color: '#81c784' }, |
| | | { name: '广州科技有限公司', percent: 16, value: 3113, color: '#ffb74d' }, |
| | | { name: '上海科技有限公司', percent: 10, value: 2341, color: '#ba68c8' }, |
| | | { name: '南京科技有限公司', percent: 9, value: 1231, color: '#e57373' }, |
| | | { name: '北京未来科技有限公司', percent: 9, value: 1231, color: '#64b5f6' } |
| | | ] |
| | | |
| | | // 待办事项 |
| | | const todoList = ref([]) |
| | | const radio1 = ref(1) |
| | |
| | | console.log(type) |
| | | statisticsReceivablePayable({type: radio1.value}).then((res) => { |
| | | barSeries.value[0].data = [ |
| | | { value: res.data.prepayMoney, itemStyle: { color: barColors2[0] } }, |
| | | { value: res.data.payableMoney, itemStyle: { color: barColors2[1] } }, |
| | | { value: res.data.advanceMoney, itemStyle: { color: barColors2[2] } }, |
| | | { value: res.data.receivableMoney, itemStyle: { color: barColors2[3] } } |
| | | // { value: res.data.prepayMoney, itemStyle: { color: barColors2[0] } }, |
| | | { value: res.data.payableMoney, itemStyle: { color: barColors2[0] } }, |
| | | // { value: res.data.advanceMoney, itemStyle: { color: barColors2[2] } }, |
| | | { value: res.data.receivableMoney, itemStyle: { color: barColors2[1] } } |
| | | ] |
| | | }) |
| | | } |
| | |
| | | .data-card { |
| | | background: #fff; |
| | | border-radius: 12px; |
| | | padding: 14px; |
| | | padding: 14px 10px 10px 10px; |
| | | min-width: 160px; |
| | | box-shadow: 0 2px 8px #eee; |
| | | display: flex; |