Merge pull request 'add search when create mirror and dataset' (#137) from mirror_dataset_search into develop

Reviewed-by: 林嘉怡 <2441898885@qq.com>
Reviewed-by: yuyuanshifu <747342561@qq.com>

templates/repo/cloudbrain/new.tmpl

@@ -81,19 +81,7 @@
         }
     }
 </style>
-<script>
-    // 点击按钮后遮罩层显示
-    function showmask() {
-        document.getElementById("mask").style.display = "block"
-    }
 
-    // 页面加载完毕后遮罩层隐藏
-    document.onreadystatechange = function() {
-        if (document.readyState === "complete") {
-            document.getElementById("mask").style.display = "none"
-        }
-    }
-</script>
 <div id="mask">
     <div id="loadingPage">
         <div class="rect1"></div>
@@ -122,7 +110,7 @@
                     <br>
                     <div class="inline required field">
                         <label>镜像</label>
-                        <select id="cloudbrain_image" placeholder="选择镜像" style='width:385px' name="image">
+                        <select class="ui search dropdown" id="cloudbrain_image" placeholder="选择镜像" style='width:385px' name="image">
               {{range .images}}
                 <option name="image" value="{{.Place}}">{{.PlaceView}}</option>
               {{end}}
@@ -130,7 +118,7 @@
                     </div>
                     <div class="inline required field">
                         <label>数据集(只有zip格式的数据集才能发起云脑任务)</label>
-                        <select id="cloudbrain_dataset" placeholder="选择数据集" style='width:385px' name="attachment">
+                        <select id="cloudbrain_dataset" class="ui search dropdown" placeholder="选择数据集" style='width:385px' name="attachment">
               {{range .attachments}}
                 <option name="attachment" value="{{.UUID}}">{{.Attachment.Name}}</option>
               {{end}}
@@ -165,3 +153,17 @@
     </div>
 </div>
 {{template "base/footer" .}}
+
+<script>
+    // 点击按钮后遮罩层显示
+    function showmask() {
+        document.getElementById("mask").style.display = "block"
+    }
+
+    // 页面加载完毕后遮罩层隐藏
+    document.onreadystatechange = function() {
+        if (document.readyState === "complete") {
+            document.getElementById("mask").style.display = "none"
+        }
+    }
+</script>