From 10361b0892dd48034d0f382f7792bc174c58e3d3 Mon Sep 17 00:00:00 2001
From: zouap <zouap@pcl.ac.cn>
Date: Tue, 28 Jun 2022 09:05:10 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E4=BB=A3=E7=A0=81=EF=BC=8C?=
 =?UTF-8?q?=E5=8F=B3=E5=AF=B9=E9=BD=90=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: zouap <zouap@pcl.ac.cn>
---
 templates/repo/modelmanage/convertIndex.tmpl | 74 ++++++++++++--------
 1 file changed, 45 insertions(+), 29 deletions(-)

diff --git a/templates/repo/modelmanage/convertIndex.tmpl b/templates/repo/modelmanage/convertIndex.tmpl
index fdde03c0d..d5bf4a7c9 100644
--- a/templates/repo/modelmanage/convertIndex.tmpl
+++ b/templates/repo/modelmanage/convertIndex.tmpl
@@ -188,19 +188,26 @@
                 </div>
                 <input type="hidden" name="_csrf" value="">
                 <div class="unite min_title required inline field" id="task_name">
-                    <label>任务名称</label>
-                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
-                    <input style="width: 70%;" id="model_convert_name" name="model_convert_name" required maxlength="25" onkeyup="this.value=this.value.replace(/[, ]/g,'')">
+                    <div class="four wide field right aligned">
+                        <label>任务名称</label>
+                    </div>
+                    <div class="eight wide field">
+                        <input style="width: 70%;" id="model_convert_name" name="model_convert_name" required maxlength="25" onkeyup="this.value=this.value.replace(/[, ]/g,'')">
+                    </div>
                 </div>
                 <div class="unite min_title inline field">
-                    <label for="description">任务描述</label>
-                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
-                    <textarea style="width: 70%;margin-left: 7px;" id="Description" name="Description" rows="3" maxlength="255" placeholder='{{.i18n.Tr "repo.modelarts.train_job.new_place"}}' onchange="this.value=this.value.substring(0, 255)" onkeydown="this.value=this.value.substring(0, 255)" onkeyup="this.value=this.value.substring(0, 256)"></textarea>
+                    <div class="four wide field right aligned">
+                        <label for="description">任务描述</label>
+                    </div>
+                    <div class="eight wide field">
+                        <textarea style="width: 70%;margin-left: 7px;" id="Description" name="Description" rows="3" maxlength="255" placeholder='{{.i18n.Tr "repo.modelarts.train_job.new_place"}}' onchange="this.value=this.value.substring(0, 255)" onkeydown="this.value=this.value.substring(0, 255)" onkeyup="this.value=this.value.substring(0, 256)"></textarea>
+                    </div>
                 </div>
                 <div class="unite min_title inline field required">
-                    <label>模型名称</label>
-                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
-                    <div class="ui dropdown selection search width70 loading" id="choice_model">
+                    <div class="four wide field right aligned">
+                        <label>模型名称</label>
+                    </div>
+                    <div class="ui dropdown selection search eight wide field loading" id="choice_model">
                             <div class="default text">选择模型</div>
                             <i class="dropdown icon"></i>
                             <div class="menu" id="model-name">
@@ -208,9 +215,11 @@
                     </div>
                 </div>
                 <div class="unite min_title inline field required">
-                    <label>模型版本</label>
-                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
-                    <div class="ui dropdown selection search width70" id="choice_version">
+                    <div class="four wide field right aligned">
+                        <label>模型版本</label>
+                    </div>
+                    
+                    <div class="ui dropdown selection search eight wide field" id="choice_version">
                             <input type="hidden" id="ModelVersion" name="ModelVersion" required>
                             <div class="default text">选择版本</div>
                             <i class="dropdown icon"></i>
@@ -220,9 +229,10 @@
                     </div>
                 </div>
                 <div class="unite min_title inline field required">
-                    <label>模型文件</label>
-                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
-                    <div class="ui dropdown selection search width70" id="choice_file">
+                    <div class="four wide field right aligned">
+                        <label>模型文件</label>
+                    </div>
+                    <div class="ui dropdown selection search eight wide field" id="choice_file">
                             <input type="hidden" id="ModelFile" name="ModelFile" required>
                             <div class="default text">选择模型文件</div>
                             <i class="dropdown icon"></i>
@@ -232,18 +242,20 @@
                     </div>
                 </div>
                 <div class="unite min_title inline field required">
-                    <label>原模型框架</label>
-                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
-                    <div style="width:50%;display:inline-block">
+                    <div class="four wide field right aligned">
+                        <label>原模型框架</label>
+                    </div>
+                    <div class="eight wide field">
                         <select id="SrcEngine" class="ui search dropdown width70" placeholder="" style='color:#000000;' name="SrcEngine" onchange="javascript:srcEngineChanged()">
                         
                         </select>
                     </div>
                 </div>
                 <div class="unite min_title required inline field" id="inputdataformat_div">
-                    <label>输入数据格式</label>
-                    <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
-                    <div style="width:50%;display:inline-block">
+                    <div class="four wide field right aligned">
+                        <label>输入数据格式</label>
+                    </div>
+                    <div class="eight wide field">
                         <select id="inputdataformat" class="ui search dropdown width70" placeholder="" style='width:50%' name="inputdataformat">
                             <option name="NCHW" value="NCHW">NCHW</option>
                             <option name="NHWC" value="NHWC">NHWC</option>
@@ -251,25 +263,29 @@
                     </div>
                 </div>
                 <div class="unite min_title required inline field" id="inputshape_div">
-                    <label>输入张量形状</label>
-                    <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
-                    <div style="width:50%;display:inline-block">
+                    <div class="four wide field right aligned">
+                        <label>输入张量形状</label>
+                    </div>
+                    <div class="eight wide field">
                         <input style="width: 50%;" id="inputshape" name="inputshape" placeholder="如：1,1,32,32，与输入数据格式对应。" required maxlength="25">
                     </div>
                 </div>
                 
                 <div class="unite min_title inline field required">
-                    <label>转换后格式</label>
-                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
-                    <div style="width:50%;display:inline-block">
+                    <div class="four wide field right aligned">
+                        <label>转换后格式</label>
+                    </div>
+                    <div class="eight wide field">
                         <select id="DestFormat" class="ui search dropdown width70" placeholder="" style='width:50%' name="DestFormat">
  
                         </select>
                     </div>
                 </div>
                 <div class="unite min_title inline field">
-                    <label>网络输出数据类型</label>
-                    <div style="width:50%;display:inline-block">
+                    <div class="four wide field right aligned">
+                        <label>网络输出数据类型</label>
+                    </div>
+                    <div class="eight wide field">
                         <select id="NetOutputFormat" class="ui search dropdown width70" placeholder="" style='width:50%' name="NetOutputFormat">
 
                         </select>