| | |
| | | <template> |
| | | <div class="home-container"> |
| | | <el-scrollbar height="100%"> |
| | | <div> |
| | | <div v-for="(item,index) in approveSteps" class="stepItem"> |
| | | <div class="stepNum">{{index+1}}</div> |
| | | <div class="stepCard"> |
| | |
| | | </el-card> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <el-row> |
| | | <el-button type="primary" @click="confirmEdit" size="default">确认</el-button> |
| | | <el-button @click="cancelEdit" size="default">取消</el-button> |
| | | <el-button type="primary" @click="confirmEdit" size="large">确认</el-button> |
| | | <el-button @click="cancelEdit" size="large">取消</el-button> |
| | | </el-row> |
| | | <el-drawer v-model="showAdd" direction="rtl"> |
| | | <template #title> |
| | |
| | | </span> |
| | | </template> |
| | | </el-dialog> |
| | | </el-scrollbar> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | <style scoped lang="scss"> |
| | | $homeNavLengh: 8; |
| | | .home-container { |
| | | height: 100%; |
| | | overflow: hidden; |
| | | padding: 80px; |
| | | padding: 40px; |
| | | .stepItem{ |
| | | display: flex; |
| | | align-items: flex-start; |
| | | margin-bottom: 30px; |
| | | margin-left: 30px; |
| | | padding-bottom: 30px; |
| | | border-left: 2px solid #ccc; |
| | | &:first-of-type{ |
| | | margin-top: 30px; |
| | | } |
| | | &:last-of-type{ |
| | | margin-bottom: 0; |
| | | border-left: none; |