完善首页样式

licp

2024-04-19 3e39b23e6a20f5c1bb28a0f8fbbf5a77fa66c424

完善首页样式

 src/page/wel.vue

@@ -4,12 +4,9 @@
        <el-row>
            <el-col :xs="24" :sm="14" :md="14" :lg="14">
                <p class="todo-title"><i class="el-icon-bell"></i><span> 生产调度 · 待办</span></p>
            </el-col>
        </el-row>
        <el-row>
            <el-col :xs="24" :sm="14" :md="14" :lg="14" style="display: flex;
                <div style="display: flex;
    align-items: center;
    justify-content: space-between;">
                justify-content: space-between;margin-bottom: 16px;">
                <div class="todo-item todo-item">
                    <div class="todo-item-left">
                        <span>今日待办</span>
@@ -42,10 +39,7 @@
                        <path opacity="0.901274" fill-rule="evenodd" clip-rule="evenodd" d="M23.5928 16.0498C23.3287 15.735 22.8188 15.8555 22.7235 16.2552L21.09 23.1033C21.0123 23.4289 21.2704 23.7374 21.6046 23.7185L28.6494 23.3193C29.0603 23.296 29.2687 22.814 29.0041 22.4987L27.2027 20.3519C28.3676 19.9538 29.6028 19.7459 30.8711 19.7459C37.1303 19.7459 42.2044 24.82 42.2044 31.0792C42.2044 37.3385 37.1303 42.4126 30.8711 42.4126C24.6119 42.4126 19.5378 37.3385 19.5378 31.0792C19.5378 30.0285 19.6801 28.9993 19.9575 28.0102L17.3899 27.29C17.0519 28.4951 16.8711 29.7661 16.8711 31.0792C16.8711 38.8112 23.1391 45.0792 30.8711 45.0792C38.6031 45.0792 44.8711 38.8112 44.8711 31.0792C44.8711 23.3472 38.6031 17.0792 30.8711 17.0792C28.9262 17.0792 27.074 17.4758 25.3908 18.1925L23.5928 16.0498Z" fill="red"/>
                    </svg>
                </div>
            </el-col>
        </el-row>
        <el-row>
            <el-col :xs="24" :sm="14" :md="14" :lg="14">
                </div>
                <el-card class="box-card todo-card">
                    <el-row>
                        <el-col :span="12">
@@ -117,8 +111,7 @@
                    </el-row>
                </el-card>
            </el-col>
        </el-row>
        <img src="../assets/main.af3c5c19.png" class="baImg" alt="">
            <el-col :xs="24" :sm="10" :md="10" :lg="10" style="display: flex;flex-direction: column;align-items: center;justify-content: center;height: calc(100vh - 200px);box-sizing: border-box;padding-top: 60px;">
        <div class="login-info">
            <img src="../assets/download.png" alt="">
            <div class="login-info-right">
@@ -126,6 +119,9 @@
                <span>当前时间：{{ now }}</span>
            </div>
        </div>
                <img src="../assets/main.af3c5c19.png" class="baImg" alt="">
            </el-col>
        </el-row>
    </div>
  </div>
</template>
@@ -135,12 +131,6 @@
  height: 100%;
  padding: 10px;
  margin: 0;
}
.baImg{
    position: absolute;
    right: 40px;
    bottom: 80px;
    width: 500px;
}
.body{
    margin: 5px;
@@ -287,11 +277,10 @@
    margin-right: 10px;
}
.login-info{
    position: absolute;
    right: 100px;
    top: 100px;
    display: flex;
    align-items: flex-end;
    margin-bottom: 60px;
    margin-top: 60px;
    .login-info-right{
        display: flex;
        flex-direction: column;
@@ -310,6 +299,9 @@
        }
    }
}
.baImg{
    width: 500px;
}

</style>
<script>

 vue.config.js

@@ -5,8 +5,8 @@



const url = 'https://ztms-mes.chinaztt.cn/'
//  const url = 'http://localhost:9999'
// const url = 'https://ztms-mes.chinaztt.cn/'
const url = 'http://localhost:9999'
// const url = 'http://192.168.32.45:9999'