diff --git a/src/views/ProjectManage/components/ScreenBox.vue b/src/views/ProjectManage/components/ScreenBox.vue
index a5d0d666..02219abf 100644
--- a/src/views/ProjectManage/components/ScreenBox.vue
+++ b/src/views/ProjectManage/components/ScreenBox.vue
@@ -290,12 +290,24 @@ export default defineComponent({
             "border-radius": "4px",
             "line-height": "20px",
           };
-        //   break;
-        // case 9:
-        //   style = {
-        //     'color' : '4DB8FA',
-        //     'border-color' : '4DB8FA',
-        //   }
+          break;
+        case 9:
+          style = {
+            color: "#4DB8FA",
+            border: "1px solid #4DB8FA",
+            padding: "0 5px",
+            "border-radius": "4px",
+            "line-height": "20px",
+          }
+        case 10:
+          style = {
+            color: "#FF8800",
+            border: "1px solid #FF8800",
+            padding: "0 5px",
+            "border-radius": "4px",
+            "line-height": "20px",
+          };
+          break;
       }
       return style;
     };
diff --git a/src/views/ProjectManage/components/TempSreenBox.vue b/src/views/ProjectManage/components/TempSreenBox.vue
index 9874df4d..e237a664 100644
--- a/src/views/ProjectManage/components/TempSreenBox.vue
+++ b/src/views/ProjectManage/components/TempSreenBox.vue
@@ -231,12 +231,23 @@ export default defineComponent({
             "border-radius": "4px",
             "line-height": "20px",
           };
-        //   break;
-        // case 9:
-        //   style = {
-        //     'color' : '4DB8FA',
-        //     'border-color' : '4DB8FA',
-        //   }
+        case 9:
+          style = {
+            color: "#4DB8FA",
+            border: "1px solid #4DB8FA",
+            padding: "0 5px",
+            "border-radius": "4px",
+            "line-height": "20px",
+          }
+        case 10:
+          style = {
+            color: "#FF8800",
+            border: "1px solid #FF8800",
+            padding: "0 5px",
+            "border-radius": "4px",
+            "line-height": "20px",
+          };
+          break;
       }
       return style;
     };
diff --git a/src/views/ProjectManage/components/createFromTemplate.vue b/src/views/ProjectManage/components/createFromTemplate.vue
index 29307406..8793860a 100644
--- a/src/views/ProjectManage/components/createFromTemplate.vue
+++ b/src/views/ProjectManage/components/createFromTemplate.vue
@@ -5,13 +5,13 @@
       <template #action="{ record }">
         <a-button type="link" @click="handlePreview(record)">预览</a-button>
         <a-button :disabled="record.type === 200 || record.type === 201 " type="link" @click="handleUse(record)">使用</a-button>
-        
+
       </template>
     </a-table>
     <a-modal v-model:visible="preview_visible" width="80%" :footer="null" :destroyOnClose="true">
       <div class="top" style="display: flex; justify-content: space-between; margin-top: 20px">
         <h2>预览项目</h2>
-        <a-button type="primary" @click="handleModalUse">使用</a-button>
+        <a-button v-if="activeTableRow.type !== 200 && activeTableRow.type !== 201" type="primary" @click="handleModalUse">使用</a-button>
       </div>
       <TempPreview :sn="sn" :is_template="is_template" />
     </a-modal>
@@ -159,7 +159,8 @@ export default defineComponent({
       handleUse,
       handleModalUse,
       pagination,
-      pageChange
+      pageChange,
+      activeTableRow
     }
   }
 })
@@ -175,6 +176,6 @@ export default defineComponent({
 }
 .ant-btn {
   padding: 0;
-  padding-right: 10px;
+  padding: 0 10px;
 }
 </style>