|
|
@@ -3,7 +3,18 @@
|
|
|
<template>
|
|
|
<div class="content-container">
|
|
|
<section class="flow-approve-box">
|
|
|
- <div class="flow-content"></div>
|
|
|
+ <div class="flow-content">
|
|
|
+ <div class="test">
|
|
|
+ <el-row class="row-bg" justify="space-around">
|
|
|
+ <el-col :span="6">test</el-col>
|
|
|
+ <el-col :span="6"><el-button type="success" plain size="small">123</el-button></el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row class="row-bg other-content" justify="space-around">
|
|
|
+ <el-col :span="6"><span class="item-title">假期类型：</span></el-col>
|
|
|
+ <el-col :span="6"><span class="item-value">123456</span></el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<div class="flow-detail-content"></div>
|
|
|
</section>
|
|
|
</div>
|
|
|
@@ -28,6 +39,25 @@
|
|
|
//background: #fff;
|
|
|
border-radius: 6px;
|
|
|
background: #0d84ff;
|
|
|
+ .test {
|
|
|
+ width: 330px;
|
|
|
+ min-width: 330px;
|
|
|
+ height: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ //background: #fff;
|
|
|
+ border-radius: 6px;
|
|
|
+ .other-content {
|
|
|
+ margin: 20px 0;
|
|
|
+ }
|
|
|
+ .item-title {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #c8cbcf;
|
|
|
+ }
|
|
|
+ .item-value {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #000000;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
.flow-detail-content {
|
|
|
height: 100%;
|
luoyali