完善模型库界面和开发配置

web/src/pages/app/layout.ts

@@ -31,14 +31,11 @@ export async function renderApp() {
       <template id="modelPanelTemplate">
         <main class="content-pane">
           <div class="content-toolbar">
-            <div>
-              <h2>模型列表</h2>
-            </div>
             <div class="content-actions">
               ${isAdmin ? `<button id="manageUsersBtn" type="button">人员权限</button>` : ""}
               ${isAdmin ? `<button id="manageDictionariesBtn" type="button">字典维护</button>` : ""}
-              <button id="addProcessModelBtn" type="button" hidden>上传工艺模型</button>
-              <button id="addModelBtn" class="primary-btn" type="button" hidden>增加模型</button>
+              ${isAdmin ? `<button id="addProcessModelBtn" type="button" hidden>上传工艺模型</button>` : ""}
+              ${isAdmin ? `<button id="addModelBtn1" class="primary-btn" type="button" hidden>增加模型</button>` : ""}
             </div>
           </div>
           <div class="filter-toolbar">
@@ -59,6 +56,7 @@ export async function renderApp() {
               <input id="keywordFilter" placeholder="模型名 / 文件名 / 属性" />
             </label>
             <button id="resetFilterBtn" type="button">重置</button>
+            <button id="addModelBtn" class="primary-btn" type="button">增加模型</button>
           </div>
           <div id="modelGrid" class="model-grid"></div>
           <footer id="modelPagination" class="pagination"></footer>
@@ -92,8 +90,8 @@ function renderWorkspaceLayout() {
     panels: [
       {
         type: "left",
-        size: 300,
-        minSize: 220,
+        size: 180,
+        minSize: 150,
         resizable: true,
         overflow: "hidden",
         html: treeTemplate.innerHTML