|
@@ -1,102 +0,0 @@
|
|
-<template>
|
|
|
|
- <div id="left">
|
|
|
|
- <el-col :span="24" class="maintoplefttitle">
|
|
|
|
- <div style="padding:10px 0 0 0;border-bottom: 1px dashed #ccc;">
|
|
|
|
- <span>|</span><span>运行动态</span><span><i class="el-icon-more"></i></span>
|
|
|
|
- </div>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="24">
|
|
|
|
- <el-col :span="12" class="leftcontext">
|
|
|
|
- 统计图
|
|
|
|
- </el-col>
|
|
|
|
- </el-col>
|
|
|
|
- </div>
|
|
|
|
-</template>
|
|
|
|
-
|
|
|
|
-<script>
|
|
|
|
-export default {
|
|
|
|
- name: 'left',
|
|
|
|
- props: {},
|
|
|
|
- components: {},
|
|
|
|
- data: () => ({}),
|
|
|
|
- created() {},
|
|
|
|
- computed: {},
|
|
|
|
- methods: {},
|
|
|
|
-};
|
|
|
|
-</script>
|
|
|
|
-
|
|
|
|
-<style lang="less" scoped>
|
|
|
|
-.main .maintopleft .maintoplefttitle {
|
|
|
|
- padding: 20px;
|
|
|
|
- // border-bottom: 1px dashed #ccc;
|
|
|
|
-}
|
|
|
|
-.main .maintopleft .maintoplefttitle span:first-child {
|
|
|
|
- font-weight: 1000;
|
|
|
|
- padding: 10px 5px 0 0px;
|
|
|
|
- font-size: 20px;
|
|
|
|
- color: #005293;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.main .maintopleft .maintoplefttitle span:nth-child(2) {
|
|
|
|
- font-size: 20px;
|
|
|
|
- color: #005293;
|
|
|
|
- padding: 0 10px 0 0;
|
|
|
|
-}
|
|
|
|
-.main .maintopleft .maintoplefttitle span:nth-child(3) {
|
|
|
|
- font-size: 20px;
|
|
|
|
- color: #005293;
|
|
|
|
- float: right;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.maintopleft .leftcontext {
|
|
|
|
- padding: 0 20px 0 20px;
|
|
|
|
- font-size: 16px;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.maintopright {
|
|
|
|
- height: 300px;
|
|
|
|
- background-color: #fff;
|
|
|
|
- width: 595px;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.maintopright .leftcontext {
|
|
|
|
- padding: 0 20px 0 20px;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.main .maintopright .maintoplefttitle {
|
|
|
|
- padding: 20px;
|
|
|
|
- // border-bottom: 1px dashed #ccc;
|
|
|
|
-}
|
|
|
|
-.main .maintopright .maintoplefttitle span:first-child {
|
|
|
|
- font-weight: 1000;
|
|
|
|
- padding: 10px 5px 0 0px;
|
|
|
|
- font-size: 20px;
|
|
|
|
- color: #005293;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.main .maintopright .maintoplefttitle span:nth-child(2) {
|
|
|
|
- font-size: 20px;
|
|
|
|
- color: #005293;
|
|
|
|
- padding: 0 10px 0 0;
|
|
|
|
-}
|
|
|
|
-.main .maintopright .maintoplefttitle span:nth-child(3) {
|
|
|
|
- font-size: 20px;
|
|
|
|
- color: #005293;
|
|
|
|
- float: right;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.maintopright .leftcontext {
|
|
|
|
- padding: 0 20px 0 20px;
|
|
|
|
- font-size: 16px;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.maintopright .leftcontext p {
|
|
|
|
- margin: 0;
|
|
|
|
- padding: 0;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.maintopright .leftcontext p span:first-child {
|
|
|
|
- font-weight: 1000;
|
|
|
|
- padding: 5px;
|
|
|
|
-}
|
|
|
|
-</style>
|
|
|