新建项目 处理没有模板可用的页面显示

src/views/components_web/project/newProj.vue

@@ -21,11 +21,7 @@
               <div class="newProj_title">
                 输入项目名称
               </div>
-              <div
-                type="primary"
-                class="nextbtn"
-                @click.stop="enterTemplateSelect()"
-              >下一步</div>
+              <el-button type="primary" class="nextbtn" @click.stop="enterTemplateSelect()">下一步</el-button>
             </div>
             <div class="newProj_content">
               <div class="upload_img">
@@ -71,11 +67,9 @@
               ref="projdesc"
               :class="{'header-bottom-shadow': isProjDescScroll}"
             >
-              <div
-                class="slot_btn"
-                slot="right"
-                @click.stop="enterTemplateImprove()"
-              >选定模板</div>
+              <template #right>
+                <el-button @click.stop="enterTemplateImprove()" class="slot_btn" :disabled="!selectTemplate.Id">选定模板</el-button>
+              </template>
             </TopHeader>
             <div class="template_select_content">
               <div
@@ -90,6 +84,7 @@
                 ><i class="el-icon-check"></i></div>
                 <span class="template_info_name">{{item.TempName}}</span>
               </div>
+              <div v-if="!templateList.length" class="template_empty">没有可供使用的项目模板，请联系管理员。</div>
             </div>
 
           </div>
@@ -637,6 +632,12 @@ export default {
       }
     }
   }
+
+  .template_empty {
+    margin-top: 100px;
+    text-align: center;
+    color: #C0C4CC;
+  }
 }
 .template_info:hover {
   background-color: rgba(50, 50, 60, 0.15);