|
@@ -1,11 +1,68 @@
|
|
|
<template>
|
|
|
- 选科决策平衡单
|
|
|
+ <div class="decision_balance_sheet">
|
|
|
+ <head-component :headinfo=headinfo></head-component>
|
|
|
+ <div class="page-content">
|
|
|
+ <div class="page-box">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <drag_component></drag_component>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
+ import headComponent from '@/views/xjc-integratedmachine/components/head_component.vue'
|
|
|
+ import {onMounted, reactive} from "vue";
|
|
|
+ import drag_component from "@/views/xjc-integratedmachine/components/drag_component.vue";
|
|
|
+ const headinfo = ref({})
|
|
|
+
|
|
|
+ function setHeadinfo(){
|
|
|
+ headinfo.value = {
|
|
|
+ title: '决策平衡单',
|
|
|
+ user: {
|
|
|
+ avatar: '头像路径',
|
|
|
+ nickName: '张三'
|
|
|
+ },
|
|
|
+ backUrl : '/xjc-integratedmachine/wakeup/career_recognize/index'
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ onMounted(() => {
|
|
|
+ setHeadinfo()
|
|
|
+ })
|
|
|
|
|
|
</script>
|
|
|
|
|
|
-<style scoped>
|
|
|
+<style scoped lang="scss">
|
|
|
+ p{
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+ .decision_balance_sheet{
|
|
|
+ background: url('@/assets/images/decision/common/background.png') no-repeat;
|
|
|
+ background-size: 1920px 1080px;
|
|
|
+ z-index:10;
|
|
|
+ width: 100%;
|
|
|
+ height: 1080px;
|
|
|
+ .page-content {
|
|
|
+ width: 100%;
|
|
|
+ height: 980px;
|
|
|
+ position: absolute;
|
|
|
+ top: 100px;
|
|
|
+ bottom: 0;
|
|
|
+ }
|
|
|
+ .page-box{
|
|
|
+ width: 1832px;
|
|
|
+ height: 910px;
|
|
|
+ overflow: auto;
|
|
|
+ margin: 13px auto 0;
|
|
|
+ padding-top: 25px;
|
|
|
+ position: relative;
|
|
|
+ overflow: auto;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
|
|
|
</style>
|