diff --git a/jeecgboot-vue3/src/assets/images/step.png b/jeecgboot-vue3/src/assets/images/step.png
new file mode 100644
index 0000000..41a11f2
Binary files /dev/null and b/jeecgboot-vue3/src/assets/images/step.png differ
diff --git a/jeecgboot-vue3/src/views/tjbbVue/TjbbList.vue b/jeecgboot-vue3/src/views/tjbbVue/TjbbList.vue
index ca91f69..3feb0d5 100644
--- a/jeecgboot-vue3/src/views/tjbbVue/TjbbList.vue
+++ b/jeecgboot-vue3/src/views/tjbbVue/TjbbList.vue
@@ -4,6 +4,115 @@
     <div class="jeecg-basic-table-form-container">
       <a-spin :spinning="spinning">
         <a-row :gutter="24">
+          <a-col :span="6">
+              <div class="case-stencil">
+              <div><img src="/src/assets/images/step.png" class="step-img" ><p class="step-text">第1步</p></div>
+              <div class="buttonClass">
+              <j-upload-button  type="primary" preIcon="ant-design:import-outlined" @click="onImportXls141">导入表1-4-1专业基本情况数据</j-upload-button>
+              <a-col style="margin-top: 10px;">成功导入数据:<span class="setp-wei">{{dataList.t141}}</span>条</a-col>
+              </div>
+              </div>
+          </a-col>
+          <a-col :span="6">
+             <div class="case-stencil">
+              <div><img src="/src/assets/images/step.png" class="step-img" ><p class="step-text">第2步</p></div>
+              <div class="buttonClass">
+              <j-upload-button type="primary" @click="onImportXls151">导入表1-5-1教职工基本信息数据</j-upload-button>
+              <a-col style="margin-top: 10px;">成功导入数据:<span class="setp-wei">{{dataList.t151}}</span>条</a-col>
+              </div>
+            </div>
+          </a-col>
+          <a-col :span="6">
+             <div class="case-stencil">
+            <div><img src="/src/assets/images/step.png" class="step-img" ><p class="step-text">第3步</p></div>
+              <div class="buttonClass">
+            <j-upload-button  type="primary" preIcon="ant-design:import-outlined" @click="onImportXls152">导入表1-5-2教职工其他信息数据</j-upload-button>
+            <a-col style="margin-top: 10px;">成功导入数据:<span class="setp-wei">{{dataList.t152}}</span>条</a-col>
+             </div>
+            </div>
+          </a-col>
+          <a-col :span="6">
+            <div class="case-stencil">
+              <div><img src="/src/assets/images/step.png" class="step-img" ><p class="step-text">第4步</p></div>
+              <div class="buttonClass">
+              <j-upload-button  type="primary" preIcon="ant-design:import-outlined" @click="onImportXls153">导入表1-5-3外聘和兼职教师基本信息数据</j-upload-button>
+              <a-col style="margin-top: 10px;">成功导入数据:<span class="setp-wei">{{dataList.t153}}</span>条</a-col>
+              </div>
+            </div>
+          </a-col>
+          <a-col :span="6">
+            <div class="case-stencil">
+              <div><img src="/src/assets/images/step.png" class="step-img" ><p class="step-text">第5步</p></div>
+              <div class="buttonClass">
+              <j-upload-button  type="primary" preIcon="ant-design:import-outlined" @click="onImportXls16">导入表1-6本科生基本情况数据</j-upload-button>
+              <a-col style="margin-top: 10px;">成功导入数据:<span class="setp-wei">{{dataList.t24}}</span>条</a-col>
+              </div>
+            </div>
+          </a-col>
+          <a-col :span="6">
+            <div class="case-stencil">
+              <div><img src="/src/assets/images/step.png" class="step-img" ><p class="step-text">第6步</p></div>
+              <div class="buttonClass">
+            <j-upload-button  type="primary" preIcon="ant-design:import-outlined" @click="onImportXls24">导入表2-4校内外实习、实践、实训基地数据</j-upload-button>
+            <a-col style="margin-top: 10px;">成功导入数据:<span class="setp-wei"><span class="setp-wei">{{dataList.t24}}</span></span>条</a-col>
+            </div>
+            </div>
+          </a-col>
+          <a-col :span="6">
+             <div class="case-stencil">
+              <div><img src="/src/assets/images/step.png" class="step-img" ><p class="step-text">第7步</p></div>
+              <div class="buttonClass">
+            <j-upload-button  type="primary" preIcon="ant-design:import-outlined" @click="onImportXlssf3">导入表SF-3师范-3：师范类专业办学基本条件数据</j-upload-button>
+            <a-col style="margin-top: 10px;">成功导入数据:<span class="setp-wei">{{dataList.tsf3}}</span>条</a-col>
+            </div>
+            </div>
+          </a-col>
+          <a-col :span="6">
+             <div class="case-stencil">
+              <div><img src="/src/assets/images/step.png" class="step-img" ><p class="step-text">第8步</p></div>
+              <div class="buttonClass">
+            <j-upload-button  type="primary" preIcon="ant-design:import-outlined" @click="onImportXlssf5">导入表SF-5师范-5：师范类专业培养情况数据</j-upload-button>
+            <a-col style="margin-top: 10px;">成功导入数据:<span class="setp-wei">{{dataList.tsf5}}</span>条</a-col>
+            </div>
+            </div>
+          </a-col>
+          <a-col :span="6">
+             <div class="case-stencil">
+              <div><img src="/src/assets/images/step.png" class="step-img" ><p class="step-text">第9步</p></div>
+              <div class="buttonClass">
+            <j-upload-button  type="primary" preIcon="ant-design:import-outlined" @click="onImportXlssf6">导入表SF-6师范-6：教师教育课程情况表数据</j-upload-button>
+            <a-col style="margin-top: 10px;">成功导入数据: <span class="setp-wei">{{dataList.tsf6}}</span>条</a-col>
+            </div>
+            </div>
+          </a-col>
+          <a-col :span="6">
+             <div class="case-stencil">
+              <div><img src="/src/assets/images/step.png" class="step-img" ><p class="step-text">第10步</p></div>
+              <div class="buttonClass">
+            <j-upload-button  type="primary" preIcon="ant-design:import-outlined" @click="onImportXlssf8">导入表SF-8师范-8：教育实践情况数据</j-upload-button>
+             <a-col style="margin-top: 10px;">成功导入数据:<span class="setp-wei"> {{dataList.tsf8}}</span>条</a-col>
+             </div>
+            </div>
+          </a-col>
+          <a-col :span="6">
+             <div class="case-stencil">
+              <div><img src="/src/assets/images/step.png" class="step-img" ><p class="step-text">第11步</p></div>
+              <div class="buttonClass">
+              <j-upload-button  type="primary" preIcon="ant-design:import-outlined" @click="onImportXlssf9">导入表SF-9师范-9：师范类专业非本科学生数量基本情况数据</j-upload-button>
+               <a-col style="margin-top: 10px;">成功导入数据:<span class="setp-wei">{{dataList.tsf9}}</span>条</a-col>
+               </div>
+              </div>
+          </a-col>
+          <a-col :span="6">
+             <div class="case-stencil">
+              <div><img src="/src/assets/images/step.png" class="step-img" ><p class="step-text">第12步</p></div>
+              <div class="buttonClass">
+               <j-upload-button  type="primary" preIcon="ant-design:import-outlined" @click="onImportXlssf11">导入表SF-11师范-11：师范类专业应届毕业生情况数据</j-upload-button>
+             <a-col style="margin-top: 10px;">成功导入数据:<span class="setp-wei">{{dataList.tsf11}}</span>条</a-col>
+              </div>
+              </div>
+          </a-col>
+          <!--引用表格wei
           <a-col :span="12">
             <a-row>
               <a-col>
@@ -43,7 +152,8 @@
                 <j-upload-button  type="primary" preIcon="ant-design:import-outlined" @click="onImportXlssf11">导入表SF-11师范-11：师范类专业应届毕业生情况数据</j-upload-button>
               </a-col>
             </a-row>
-          </a-col>
+          </a-col>-->
+           <!--引用表格
           <a-col :span="12">
             <a-row>
               <a-col>
@@ -86,17 +196,15 @@
                   </a-col>
                 </a-row>
               </a-col>
-              <a-col>
-                <a-button @click="deleteAll">删除全部数据</a-button>
-              </a-col>
-              <a-col style="margin-top: 10px;">
-                <a-button @click="handleScsj">生成数据</a-button>
-              </a-col>
-            </a-row>
-          </a-col>
+              </a-row>
+          </a-col>-->
         </a-row>
       </a-spin>
     </div>
+    <a-col :span="24" class="buttonClass" style="margin-top:10px">
+       <button @click="deleteAll" style="margin-right:10px;" class="button-del">删除全部数据</button>
+       <button type="primary" @click="handleScsj" class="button-generate">生成数据</button>
+    </a-col>
     <!--引用表格-->
   </div>
 </template>
@@ -237,4 +345,70 @@ import { defHttp } from '/@/utils/http/axios';
       width: 100%;
     }
   }
+  .case-stencil{
+    padding:12px 12px 20px 12px;
+    background: #fff;
+    box-shadow: 0px 2px 8px 0px #e7e7e7;
+    border-radius: 4px;
+    margin-bottom: 10px;
+    margin-right: -10px;
+    }
+    .case-stencil:hover{
+    padding:12px 12px 20px 12px;
+    background: #fff;
+    box-shadow: 0px 2px 8px 0px #b0ccf7;
+    border-radius: 4px;
+    margin-bottom: 10px;
+    margin-right: -10px;
+    }
+    .step-text{
+      position:absolute;
+      z-index:10;
+      top:23%;
+      left:46%;
+      font-size:16px;
+      font-weight: 600;
+      color:#589cfa
+    }
+    .step-img{
+      margin-top:-10px;
+      width:100%;
+      position: relative;
+
+    }
+    .buttonClass{
+      text-align: center;
+    }
+    .setp-wei{
+  font-size:20px;
+  font-weight: 600;
+   }
+   .button-generate{
+    background: #ff9b0d;
+    padding: 10px 20px;
+    color: #fff;
+    border-radius: 4px;
+    cursor: pointer;
+   }
+   .button-generate:hover{
+    background: #1890ff;
+    padding: 10px 20px;
+    color: #fff;
+    border-radius: 4px;
+    cursor: pointer;
+   }
+   .button-del{
+    padding: 10px 20px;
+    background: #fff;
+    border: 1px solid #e7e7e7;
+    border-radius: 4px;
+    cursor: pointer;
+   }
+    .button-del:hover{
+    padding: 10px 20px;
+    background: #ececec;
+    border: 1px solid #c9c9c9;
+    border-radius: 4px;
+    cursor: pointer;
+   }
 </style>