Browse Source

菜单管理

ZaiZai 1 year ago
parent
commit
57e22ab5c6
4 changed files with 15 additions and 30 deletions
  1. 1 1
      package.json
  2. 0 24
      src/styles/app/element.scss
  3. 10 1
      src/views/system/menu.vue
  4. 4 4
      yarn.lock

+ 1 - 1
package.json

@@ -21,7 +21,7 @@
         "dayjs": "^1.11.10",
         "echarts": "^5.4.3",
         "element-plus": "2.4.4",
-        "hc-vue3-ui": "^2.8.1",
+        "hc-vue3-ui": "^2.8.2",
         "js-base64": "^3.7.5",
         "js-fast-way": "^0.3.8",
         "js-md5": "^0.8.3",

+ 0 - 24
src/styles/app/element.scss

@@ -207,27 +207,3 @@
     color: #a9abb2;
     cursor: not-allowed;
 }
-
-//数字输入框
-.el-input-number[block] {
-    width: 100%;
-}
-
-//表单自定义label
-.hc-form-item-label {
-    position: relative;
-    display: flex;
-    align-items: center;
-    .title-content {
-        position: relative;
-        flex: 1;
-        .text {
-            font-size: 13px;
-            color: #9a9a9a;
-        }
-    }
-    .right-content {
-        position: relative;
-        margin-left: 24px;
-    }
-}

+ 10 - 1
src/views/system/menu.vue

@@ -34,7 +34,7 @@
         </hc-table>
 
         <!-- 新增/修改 菜单 -->
-        <hc-new-dialog v-model="isDialogShow" :footer="false" widths="800px" :title="`${formModel.id ? '修改' : '新增'}菜单`" @close="dialogClose">
+        <hc-new-dialog v-model="isDialogShow" widths="800px" is-footer-center :title="`${formModel.id ? '修改' : '新增'}菜单`" @close="dialogClose">
             <el-form ref="formRef" :model="formModel" :rules="formRules" label-position="top" label-width="auto">
                 <el-row :gutter="20">
                     <el-col :span="8">
@@ -154,6 +154,10 @@
                     </el-col>
                 </el-row>
             </el-form>
+            <template #footer>
+                <el-button hc-btn @click="dialogClose">取消</el-button>
+                <el-button hc-btn type="primary" :loading="submitLoading" @click="dialogSubmit">提交</el-button>
+            </template>
         </hc-new-dialog>
 
         <!-- 图标选择 -->
@@ -335,6 +339,11 @@ const uploadSuccess = ({ echoParams, resData }) => {
     uploadRef.value?.setModalShow(false)
 }
 
+//提交表单
+const submitLoading = ref(false)
+const dialogSubmit = async () => {
+    console.log(formModel.value)
+}
 
 //关闭弹窗
 const dialogClose = () => {

+ 4 - 4
yarn.lock

@@ -1915,10 +1915,10 @@ has-flag@^4.0.0:
   resolved "http://47.110.251.215:9000/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
   integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
 
-hc-vue3-ui@^2.8.1:
-  version "2.8.1"
-  resolved "http://47.110.251.215:9000/hc-vue3-ui/-/hc-vue3-ui-2.8.1.tgz#35e5dca0af16cda770d3b28cda1eac10302dd081"
-  integrity sha512-4ipfBnzuS2KZ6h9yzQNrsyhUWsvxeDm2Tzi6/rDp0ByiCuE0cBLeWxfbssz6SDK4XeQruQAfaYZ/KZCfomEAIQ==
+hc-vue3-ui@^2.8.2:
+  version "2.8.2"
+  resolved "http://47.110.251.215:9000/hc-vue3-ui/-/hc-vue3-ui-2.8.2.tgz#923453b02615c8b71df2632860917fb9867bb23c"
+  integrity sha512-L5ASUHBHe4xXZSLdU4XaPTtMsPHv/RSNCSF3lwyciNQBP13TbFOpD77pBjB7F+lPRQ54fChQ7VMBYMWenVkkTQ==
 
 human-signals@^2.1.0:
   version "2.1.0"