fix issue

package-lock.json

@@ -11655,6 +11655,11 @@
         "autolinker": "~0.28.0"
       }
     },
+    "remixicon": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/remixicon/-/remixicon-2.5.0.tgz",
+      "integrity": "sha512-q54ra2QutYDZpuSnFjmeagmEiN9IMo56/zz5dDNitzKD23oFRw77cWo4TsrAdmdkPiEn8mxlrTqxnkujDbEGww=="
+    },
     "remove-bom-buffer": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/remove-bom-buffer/-/remove-bom-buffer-3.0.0.tgz",

package.json

@@ -42,6 +42,7 @@
     "postcss-preset-env": "6.7.0",
     "postcss-safe-parser": "4.0.2",
     "qs": "6.9.4",
+    "remixicon": "2.5.0",
     "spark-md5": "3.0.1",
     "svg-sprite-loader": "5.0.0",
     "svgo": "1.3.2",

templates/repo/cloudbrain/new.tmpl

@@ -129,6 +129,13 @@
                     {{.i18n.Tr "repo.cloudbrain.new"}}
                 </h3>
                 <div class="ui attached segment">
+                    <div class="inline required field">
+                        <label>计算资源</label>
+                        <div class="ui blue small menu compact selectcloudbrain">
+                            <a class="active item" href="{{.RepoLink}}/cloudbrain/create"><i class="ri-home-line"></i>CPU/GPU</a>
+                            <a class="item" href="{{.RepoLink}}/modelarts/notebook/create"><i class="ri-home-line"></i>Ascend NPU</a>
+                        </div>
+                    </div>
                     <div class="inline required field">
                         <label>任务名称</label>
                         <input name="job_name" id="cloudbrain_job_name" placeholder="任务名称" value="{{.job_name}}" tabindex="3" autofocus required maxlength="254">

templates/repo/modelarts/notebook/new.tmpl

@@ -30,8 +30,11 @@
                 <div class="ui attached segment">
                     <!-- <br> -->
                     <div class="inline required field">
-                        <label>任务名称</label>
-                        <input name="job_name" id="cloudbrain_job_name" placeholder="任务名称" value="{{.job_name}}" tabindex="3" autofocus required maxlength="254">
+                        <label>计算资源</label>
+                        <div class="ui blue small menu compact selectcloudbrain">
+                            <a class="item" href="{{.RepoLink}}/cloudbrain/create">CPU/GPU</a>
+                            <a class="active item" href="{{.RepoLink}}/modelarts/notebook/create">Ascend NPU</a>
+                        </div>
                     </div>
                     <div class="inline required field">
                         <label>任务名称</label>

web_src/js/index.js

@@ -8,6 +8,7 @@ import './features/letteravatar.js'
 import Vue from 'vue';
 import ElementUI from 'element-ui';
 import 'element-ui/lib/theme-chalk/index.css';
+import 'remixicon/fonts/remixicon.css';
 import axios from 'axios';
 import qs from 'qs';
 import 'jquery.are-you-sure';

web_src/less/openi.less

@@ -352,6 +352,7 @@ display: block;
 	background: url(//ai-studio-static-online.cdn.bcebos.com/aistudio/dist/1638363279337/images/search_empty.png) top no-repeat;
 	background-size: 80px 80px;
 }
+
 .bgtask-content{
 	margin: 2rem auto 0;
 	/* width: 500px; */
@@ -368,7 +369,7 @@ display: block;
 	color: #3F3F40;
 	font-size: 18px;
 	margin-bottom: 1rem;
-
+}
 
 .selectcloudbrain .active.item{
 	color: #0087f5 !important;