diff --git a/templates/admin/cloudbrain/list.tmpl b/templates/admin/cloudbrain/list.tmpl
index 83510f268..4bac45f2b 100755
--- a/templates/admin/cloudbrain/list.tmpl
+++ b/templates/admin/cloudbrain/list.tmpl
@@ -1,4 +1,5 @@
 {{template "base/head" .}}
+<script src="{{StaticUrlPrefix}}/js/specsuse.js?v={{MD5 AppVer}}" type="text/javascript"></script>
 <!-- 弹窗 -->
 <div id="mask">
     <div id="loadingPage">
@@ -175,10 +176,17 @@
                                 </div>
                                 <!-- XPU类型 -->
                                 <div class="one wide column text center nowrap" style="width:8% !important;">
-                                    <span style="font-size: 12px;" title="{{.CardType}}">
-                                        {{if .CardType}}{{.CardType}}{{else}}--{{end}}
-                                    </span>
-                                </div>
+                                    <span style="font-size: 12px;" title="" class="card_type_{{.DisplayJobName}}_{{$JobID}}"></span>
+                                </div>
+                                <script>
+                                    (function(){
+                                        var spec = {{.Spec}} || {};
+                                        var cardType = getListValueWithKey(ACC_CARD_TYPE, spec.AccCardType) || '--';
+                                        var spanEl = document.querySelector('.card_type_{{.DisplayJobName}}_{{$JobID}}');
+                                        spanEl.setAttribute('title', cardType);
+                                        spanEl.innerText = cardType;
+                                    })();
+                                </script>
                                 <!-- 创建者 -->
                                 <div class="one wide column text center nowrap" style="width:4% !important;">
                                     {{if .User.Name}}
diff --git a/templates/user/dashboard/cloudbrains.tmpl b/templates/user/dashboard/cloudbrains.tmpl
index fb85c29f1..edd4483b1 100755
--- a/templates/user/dashboard/cloudbrains.tmpl
+++ b/templates/user/dashboard/cloudbrains.tmpl
@@ -1,5 +1,6 @@
 {{template "base/head" .}}
 <!-- 提示框 -->
+<script src="{{StaticUrlPrefix}}/js/specsuse.js?v={{MD5 AppVer}}" type="text/javascript"></script>
 <div class="alert"></div>
 <div class="explore users">
     <div class="cloudbrain_debug" style="display: none;" data-debug="{{$.i18n.Tr "repo.debug"}}"
@@ -159,11 +160,17 @@
                                 </div>
                                 <!-- XPU类型 -->
                                 <div class="one wide column text center nowrap" style="width:10% !important;">
-                                    <span style="font-size: 12px;" title="{{.CardType}}">
-                                        {{if .CardType}}{{.CardType}}{{else}}--{{end}}
-                                    </span>
-                                </div>
-
+                                    <span style="font-size: 12px;" title="" class="card_type_{{.DisplayJobName}}_{{$JobID}}"></span>
+                                </div>
+                                <script>
+                                    (function(){
+                                        var spec = {{.Spec}} || {};
+                                        var cardType = getListValueWithKey(ACC_CARD_TYPE, spec.AccCardType) || '--';
+                                        var spanEl = document.querySelector('.card_type_{{.DisplayJobName}}_{{$JobID}}');
+                                        spanEl.setAttribute('title', cardType);
+                                        spanEl.innerText = cardType;
+                                    })();
+                                </script>
                                 <!-- 项目 -->
                                 <div class="two wide column text center nowrap" style="width: 11%!important;">
                                     <a href="{{AppSubUrl}}/{{.Repo.OwnerName}}/{{.Repo.Name}}"