修改页面布局样式

Admin

2022-07-05 cffe20b222f298a757e96e2b2e08c8baa3834bb4

 src/views/specialWorkSystem/approvalProcess/addApproveProcess/index.vue

@@ -1,17 +1,18 @@
<template>
   <div class="home-container">
      <el-scrollbar height="100%">
      <div class="homeCard">
      <el-row>
         <el-button type="primary" size="large" @click="addApprove">新建审批环节</el-button>
      </el-row>
      <el-row>
         <el-table :data="tableData" border style="width: 100%">
            <el-table-column type="index" label="编号" width="100"/>
            <el-table-column prop="step" label="环节名称" width="180" />
            <el-table-column prop="type" label="审核类型"/>
            <el-table-column prop="step" label="环节名称"/>
            <el-table-column prop="type" label="审核类型" width="180"/>
            <el-table-column prop="createTime" label="创建时间" width="180" />
            <el-table-column prop="editor" label="最新编辑人" width="180" />
            <el-table-column prop="editeTime" label="最新编辑时间" />
            <el-table-column prop="editeTime" label="最新编辑时间" width="180" />
            <el-table-column fixed="right" label="操作" width="180">
               <template #default="scope">
                  <el-button link type="primary" size="small" @click="editeRow(scope.$index,scope.row)">编辑</el-button>
@@ -20,6 +21,7 @@
            </el-table-column>
         </el-table>
      </el-row>
      </div>
      <el-dialog v-model="dialogAddForm" title="新建审批环节" @close="dialogColse">
         <el-form :model="reportForm" label-width="120px" ref="ruleFormRef" :rules="rules">
            <el-form-item label="环节名称" prop="step">
@@ -194,9 +196,14 @@
   $homeNavLengh: 8;
   .home-container {
      overflow: hidden;
      background: #fff;
      padding: 40px;
      padding: 20px;
      height: 100%;
      .homeCard{
         width: 100%;
         padding: 20px;
         background: #fff;
         border-radius: 4px;
      }
      .el-row{
         margin-bottom: 20px;
      }