haiwei-module-admin 1.0.0 → 1.0.2

package/src/views/file/components/save/index.vue

@@ -0,0 +1,106 @@
+<template>
+  <nm-form-dialog ref="form" v-bind="form" v-on="on" :visible.sync="visible_">
+    <el-row>
+      <el-col :span="20" :offset="1">
+        <el-form-item label="模块：" prop="moduleCode">
+          <nm-module-select v-model="form.model.moduleCode" />
+        </el-form-item>
+        <el-form-item label="分组：" prop="group">
+          <el-input v-model="form.model.group" />
+        </el-form-item>
+        <el-form-item label="访问方式：" prop="accessMode">
+          <el-select v-model="form.model.accessMode" placeholder="请选择访问方式">
+            <el-option label="私有" :value="0" />
+            <el-option label="公开" :value="1" />
+            <el-option label="授权" :value="2" />
+          </el-select>
+        </el-form-item>
+        <el-form-item v-if="form.model.accessMode === 2" label="授权账户：" prop="accounts">
+          <el-input v-model="form.model.accounts" placeholder="请输入账户ID，多个用逗号分隔" clearable />
+        </el-form-item>
+        <el-form-item label="文件：" prop="filePath" :rules="[{ required: true, message: '请选择要上传的文件' }]">
+          <nm-file-upload
+            v-model="form.model.filePath"
+            :module="form.model.moduleCode"
+            :group="form.model.group"
+            :access-mode="form.model.accessMode"
+            :accounts="form.model.accounts"
+            max-size="50MB"
+            @success="onUploadSuccess"
+          />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </nm-form-dialog>
+</template>
+<script>
+import { mixins } from 'haiwei-ui'
+
+export default {
+  mixins: [mixins.formSave],
+  data() {
+    return {
+      title: '文件上传',
+      actions: {
+        add: null, // 将在created中设置
+        edit: null, // 禁用编辑功能
+        update: null // 禁用更新功能
+      },
+      form: {
+        width: '600px',
+        footer: false, // 隐藏确定/取消按钮
+        model: {
+          id: '',
+          moduleCode: '',
+          group: '',
+          accessMode: 1, // 默认公开
+          accounts: '',
+          filePath: '' // 文件路径
+        },
+        rules: {
+          moduleCode: [{ required: true, message: '请选择模块' }],
+          group: [{ required: true, message: '请输入分组' }],
+          accessMode: [{ required: true, message: '请选择访问方式' }],
+          filePath: [{ required: true, message: '请选择要上传的文件' }]
+        }
+      }
+    }
+  },
+  created() {
+    // 由于隐藏了按钮，不需要设置actions.add
+    // this.actions.add = this.handleAdd
+  },
+  methods: {
+    // 上传成功处理（由nm-file-upload组件触发）
+    onUploadSuccess(data, file) {
+      // 文件上传成功后，nm-file-upload会自动更新form.model.filePath
+      // 显示成功消息
+      this.$message.success('文件上传成功')
+
+      // 触发success事件，通知父组件刷新列表
+      this.$emit('success')
+
+      // 自动关闭对话框
+      this.visible_ = false
+
+      // 重置表单
+      this.reset()
+
+      // 可以添加额外的成功处理逻辑
+      console.log('文件上传成功:', data, file)
+    },
+
+    // 重置表单
+    reset() {
+      this.form.model = {
+        id: '',
+        moduleCode: '',
+        group: '',
+        accessMode: 1,
+        accounts: '',
+        filePath: ''
+      }
+    }
+  }
+}
+</script>

package/src/views/file/index/index.vue

@@ -11,6 +11,42 @@
         </el-form-item>
       </template>
 
+      <!--高级查询-->
+      <template v-slot:querybar-advanced>
+        <el-row>
+          <el-col :span="20" :offset="1">
+            <el-form-item label="分组：" prop="group">
+              <el-input v-model="list.model.group" clearable />
+            </el-form-item>
+            <el-form-item label="访问方式：" prop="accessMode">
+              <el-select v-model="list.model.accessMode" placeholder="请选择访问方式" clearable>
+                <el-option label="私有" :value="0" />
+                <el-option label="公开" :value="1" />
+                <el-option label="授权" :value="2" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </template>
+
+      <!--按钮-->
+      <template v-slot:querybar-buttons>
+        <nm-button v-bind="buttons.add" @click="add" />
+      </template>
+
+      <!-- 文件预览列 -->
+      <template v-slot:col-fullPath="{ row }">
+        <nm-file-preview :fullPath="row.fullPath" :fileName="row.fileName" :ext="row.ext" :isPrivate="row.accessMode !== 1" />
+        <!-- <nm-file-preview :fullPath="row.fullPath"/> -->
+      </template>
+
+      <!--访问方式-->
+      <template v-slot:col-accessModeName="{ row }">
+        <el-tag v-if="row.accessMode === 0" type="info">私有</el-tag>
+        <el-tag v-else-if="row.accessMode === 1" type="success">公开</el-tag>
+        <el-tag v-else-if="row.accessMode === 2" type="warning">授权</el-tag>
+      </template>
+
       <!--操作列-->
       <template v-slot:col-operation="{ row }">
         <nm-file-download v-bind="buttons.export" :url="row.url" :private="row.accessMode !== 1" @success="refresh" />
@@ -18,12 +54,16 @@
         <nm-button-delete v-bind="buttons.hardDel" :id="row.id" :action="hardRemoveAction" @success="refresh" />
       </template>
     </nm-list>
+
+    <!--保存页-->
+    <save-page :visible.sync="dialog.save" @success="refresh" />
   </nm-container>
 </template>
 <script>
-import { mixins } from 'netmodular-ui'
+import { mixins } from 'haiwei-ui'
 import page from './page'
 import cols from './cols'
+import SavePage from '../components/save'
 
 // 接口
 const api = $api.admin.file
@@ -31,22 +71,33 @@ const api = $api.admin.file
 export default {
   name: page.name,
   mixins: [mixins.list],
+  components: { SavePage },
   data() {
     return {
       list: {
         title: page.title,
         cols,
         action: api.query,
-        operationWidth: '200',
+        operationWidth: '270',
+        advanced: {
+          enabled: true,
+          width: '400px'
+        },
         model: {
           moduleCode: '',
-          fileName: ''
+          fileName: '',
+          group: '',
+          accessMode: ''
         }
       },
       removeAction: api.remove,
       hardRemoveAction: api.hardDelete,
       buttons: page.buttons
     }
+  },
+  methods: {
+    // 上传（新增）- 使用混入的add方法打开对话框
+    // add方法已在mixins.list中定义，会设置dialog.save = true
   }
 }
 </script>

package/src/views/file/index/page.js

@@ -8,7 +8,15 @@ const page = new (function() {
   // 关联权限
   this.permissions = [`${this.name}_query_get`]
 
+  // 按钮
   this.buttons = {
+    add: {
+      text: '上传',
+      type: 'success',
+      icon: 'upload',
+      code: `${this.name}_add`,
+      permissions: [`${this.name}_add_post`]
+    },
     export: {
       text: '导出',
       type: 'text',

package/src/views/menu/components/add/index.vue

@@ -21,7 +21,7 @@
   </nm-dialog>
 </template>
 <script>
-import { mixins } from 'netmodular-ui'
+import { mixins } from 'haiwei-ui'
 import NodeMenu from './components/node'
 import RouteMenu from './components/route'
 import LinkMenu from './components/link'

package/src/views/menu/components/edit/index.vue

@@ -10,7 +10,7 @@
   </nm-dialog>
 </template>
 <script>
-import { mixins } from 'netmodular-ui'
+import { mixins } from 'haiwei-ui'
 import NodeMenu from './components/node'
 import RouteMenu from './components/route'
 import LinkMenu from './components/link'

package/src/views/mime/components/save/index.vue

@@ -13,7 +13,7 @@
   </nm-form-dialog>
 </template>
 <script>
-import { mixins } from 'netmodular-ui'
+import { mixins } from 'haiwei-ui'
 
 // 接口
 const { add, edit, update } = $api.admin.mime

package/src/views/mime/index/index.vue

@@ -25,7 +25,7 @@
   </nm-container>
 </template>
 <script>
-import { mixins } from 'netmodular-ui'
+import { mixins } from 'haiwei-ui'
 import page from './page'
 import cols from './cols'
 import SavePage from '../components/save'

package/src/views/module/components/page-list/index.vue

@@ -102,7 +102,7 @@
 </template>
 <script>
 import { mapState } from 'vuex'
-import { mixins } from 'netmodular-ui'
+import { mixins } from 'haiwei-ui'
 
 const { queryByCodes } = $api.admin.permission
 

package/src/views/module/components/permission-list/index.vue

@@ -14,7 +14,7 @@
   </nm-list-dialog>
 </template>
 <script>
-import { mixins } from 'netmodular-ui'
+import { mixins } from 'haiwei-ui'
 import cols from './cols'
 const { query } = $api.admin.permission
 

package/src/views/role/components/platform-bind/index.vue

@@ -25,7 +25,7 @@
   </nm-box>
 </template>
 <script>
-import { mixins } from 'netmodular-ui'
+import { mixins } from 'haiwei-ui'
 const api = $api.admin.permission
 const { queryBindPlatformPermissions, bindPlatformPermissions } = $api.admin.role
 export default {

package/src/views/role/components/save/index.vue

@@ -13,7 +13,7 @@
   </nm-form-dialog>
 </template>
 <script>
-import { mixins } from 'netmodular-ui'
+import { mixins } from 'haiwei-ui'
 
 // 接口
 const { add, edit, update } = $api.admin.role

package/src/views/role/index/index.vue

@@ -26,7 +26,7 @@
   </nm-container>
 </template>
 <script>
-import { mixins } from 'netmodular-ui'
+import { mixins } from 'haiwei-ui'
 import page from './page'
 import RoleTree from '../components/tree'
 import MenuBind from '../components/menu-bind'

package/vue.config.js

@@ -0,0 +1,118 @@
+const path = require('path')
+const CopyWebpackPlugin = require('copy-webpack-plugin')
+const TerserPlugin = require('terser-webpack-plugin')
+// 开发环境
+const isDev = process.env.NODE_ENV === 'development'
+// 打包输出路径
+const outputDir = '../../WebHost/wwwroot/app'
+
+// 环境变量
+/**版权信息 */
+process.env.VUE_APP_COPYRIGHT = '版权所有：尼古拉斯·老李 | 用代码改变世界'
+/**版本号 */
+process.env.VUE_APP_BUILD_TIME = require('dayjs')().format('YYYYMDHHmmss')
+/**第三方依赖组件，写法示例：<script src="./lib/font.js"></script> */
+process.env.VUE_APP_CUSTOM_SCRIPTS = ''
+
+module.exports = {
+  outputDir: outputDir,
+  publicPath: '/app',
+  devServer: {
+    port: 5220
+  },
+  transpileDependencies: ['haiwei-*', 'element-ui'],
+  configureWebpack() {
+    let config = {
+      plugins: [
+        /**
+         * 复制haiwei-ui/public目录下的文件到输出目录
+         */
+        new CopyWebpackPlugin([
+          {
+            from: path.join(__dirname, 'node_modules/haiwei-ui/public'),
+            to: path.join(__dirname, outputDir),
+            ignore: ['index.html']
+          }
+        ])
+      ]
+    }
+
+    if (!isDev) {
+      //自定义代码压缩
+      config.optimization = {
+        minimize: true,
+        minimizer: [
+          new TerserPlugin({
+            cache: true,
+            parallel: true,
+            sourceMap: false,
+            terserOptions: {
+              compress: {
+                drop_console: true,
+                drop_debugger: true
+              }
+            }
+          })
+        ]
+      }
+    }
+    return config
+  },
+  chainWebpack: config => {
+    /**
+     * 删除懒加载模块的 prefetch preload，降低带宽压力
+     * https://cli.vuejs.org/zh/guide/html-and-static-assets.html#prefetch
+     * https://cli.vuejs.org/zh/guide/html-and-static-assets.html#preload
+     * 而且预渲染时生成的 prefetch 标签是 modern 版本的，低版本浏览器是不需要的
+     */
+    config.plugins.delete('prefetch').delete('preload')
+
+    /**
+     * 设置index.html模板路径，使用haiwei-ui/public中的模板
+     */
+    config.plugin('html').tap(args => {
+      args[0].template = './node_modules/haiwei-ui/public/index.html'
+      return args
+    })
+
+    config
+      // 开发环境
+      .when(
+        isDev,
+        // sourcemap不包含列信息
+        config => config.devtool('cheap-source-map')
+      )
+      // 非开发环境
+      .when(!isDev, config => {
+        // 拆分
+        config.optimization.splitChunks({
+          chunks: 'all',
+          cacheGroups: {
+            elementUI: {
+              name: 'chunk-element-ui',
+              priority: 20,
+              test: /[\\/]node_modules[\\/]element-ui(.*)/
+            },
+            skins: {
+              name: 'chunk-haiwei-ui',
+              priority: 10,
+              test: /[\\/]node_modules[\\/]haiwei-ui(.*)/
+            }
+          }
+        })
+
+        config.optimization.runtimeChunk({
+          name: 'manifest'
+        })
+      })
+  },
+  css: {
+    loaderOptions: {
+      sass: {
+        sassOptions: {
+          silenceDeprecations: ['import', 'legacy-js-api', 'bogus-combinators', 'slash-div']
+        }
+      }
+    }
+  }
+}