sasp-admin 0.2.57

package/src/views/user/viewMenu/viewMenu.vue

@@ -0,0 +1,113 @@
+<template>
+    <el-container style="height: 100%">
+        <el-header style="height: auto;">
+            <div class="search-form-parent el-card">
+                <el-form :inline="true" :model="crud.searchForm" size="small" class="demo-form-inline"
+                         @keyup.enter.native="crud.doSearch()" onSubmit="return false;">
+                    <el-form-item label="菜单名称">
+                        <el-input v-model="crud.searchForm.menuName"></el-input>
+                    </el-form-item>
+                    <el-form-item label="菜单类型">
+                        <el-select v-model="crud.searchForm.menuType">
+                            <el-option v-for="item in menuTypeObj" :key="item.value" :label="item.label" :value="item.value">
+
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+
+                    <el-form-item>
+                        <el-button type="primary" icon="el-icon-search" @click="crud.doSearch()">查询</el-button>
+                        <el-button icon="el-icon-close" @click="crud.resetSearch()">清空</el-button>
+                    </el-form-item>
+                </el-form>
+            </div>
+        </el-header>
+
+        <el-main id="tableMain" style="height: 100%">
+            <el-container style="height:100%" class="table-list-container">
+                <el-main style="height: 100%;" ref="tableMain">
+                    <el-table :data="crud.dataStore.records" :ref="crud.tableRef" stripe border height="100%"
+                              style="width: 100%;">
+                        <el-table-column type="index" label="序号" align="center" width="60"></el-table-column>
+                        <el-table-column label="菜单名称" prop="menuAllSjName" align="center"></el-table-column>
+                        <el-table-column label="菜单类型" prop="menuType" align="center"></el-table-column>
+                        <el-table-column label="所属模块" prop="menuModelName" align="center">
+                            <template slot-scope="scope">
+                                <span v-if="scope.row.frontMenuModelName">{{scope.row.frontMenuModelName}}</span>
+                                <span v-if="!scope.row.frontMenuModelName">{{scope.row.menuModelName}}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="菜单角色" prop="roleName" align="center"></el-table-column>
+                    </el-table>
+                </el-main>
+            </el-container>
+        </el-main>
+
+        <el-footer>
+            <el-pagination
+                    :ref="crud.pageRef"
+                    :page-sizes="crud.pageSizes"
+                    :page-size="crud.pageSize"
+                    :current-page="crud.page"
+                    :total="crud.dataStore.total"
+                    @size-change="crud.sizeChange()"
+                    @current-change="crud.currentPage()"
+                    layout="total, sizes, prev, pager, next, jumper">
+            </el-pagination>
+        </el-footer>
+    </el-container>
+</template>
+
+<script>
+    export default {
+        name: "view-menu",
+        props:{
+            userId:{required:true,type:String,default:""},
+            time:{type:Number,default:0},
+        },
+        data(){
+            return{
+                crud:new this.CrudUtil({
+                    vue: this,
+                    entityName: "safeMenuSetting",
+                    url: "safeMenuSettingController",
+                    searchUrl:"safeMenuSettingController/findMenuByUserId",
+                    noClearSearchColumns:["userId"],
+                    initNoSearch:true,
+                }),
+                menuTypeObj:[{label: '父菜单',value: '父菜单'},
+                    {label: '系统功能',value: '系统功能'},
+                    {label: '自定义功能菜单',value: '自定义功能菜单'},
+                    {label: '自定义表单',value: '自定义表单'},
+                    {label: '自定义单表表单',value: '自定义单表表单'},
+                    {label: '工作流',value: '工作流'},
+                    {label: '统计报表',value: '统计报表'},
+                    {label: '复合视图',value: '复合视图'},
+                    {label: 'url链接',value: 'url链接'},
+                    {label: '数据字典',value: '数据字典'}],
+            }
+        },
+        created(){
+            this.init();
+        },
+        watch:{
+            time(){
+                this.init();
+            }
+        },
+        methods:{
+            init(){
+                let vm = this;
+                vm.crud.searchForm = {};
+                // userId变化时切换菜单列表，若上一页面page在第二页而数据只有一页则会显示没有数据的异常问题
+                vm.$set(vm.crud.searchForm,'page','1');
+                vm.$set(vm.crud.searchForm,'userId',vm.userId);
+                vm.crud.search();
+            }
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>

package/src/views/versionupdatetool/versionUpdateTool.vue

@@ -0,0 +1,225 @@
+<template>
+    <div>
+        <el-form ref="form" :model="toolData" label-width="150px">
+<!--            <el-form-item label="数据来源">-->
+<!--                <el-select v-model="toolData.resourceType" placeholder="请选择" style="width: 220px;"-->
+<!--                           @change="changeShowTool"-->
+<!--                           :rules="[{ required: true, message: '请选择数据来源', trigger: 'blur' }]">-->
+<!--                    <el-option-->
+<!--                            v-for="item in resourceTypeOptions"-->
+<!--                            :key="item.value"-->
+<!--                            :label="item.label"-->
+<!--                            :value="item.value">-->
+<!--                    </el-option>-->
+<!--                </el-select>-->
+<!--                <el-button v-if="showUpdateTool" style="margin-left: 10px;" type="primary" @click="checkVersion">重新校验-->
+<!--                </el-button>-->
+<!--            </el-form-item>-->
+            <el-form-item label="数据库类型" v-if="toolData.resourceType=='diy'">
+                <el-select v-model="toolData.resourceDriverClass" placeholder="请选择" style="width: 220px;"
+                           :rules="[{ required: true, message: '请选择数据源类型', trigger: 'blur' }]">
+                    <el-option
+                            v-for="item in resourceDriverOptions"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                    </el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item label="数据库地址" v-if="toolData.resourceType=='diy'"
+                          :rules="[{ required: true, message: '请输入数据库地址', trigger: 'blur' }]">
+                <el-input v-model="toolData.resourceUrl" placeholder="例：127.0.0.1" style="width: 220px;"></el-input>
+            </el-form-item>
+            <el-form-item label="数据库端口" v-if="toolData.resourceType=='diy'"
+                          :rules="[{ required: true, message: '请输入数据库端口', trigger: 'blur' }]">
+                <el-input v-model="toolData.resourcePort" placeholder="例：3306" style="width: 220px;"></el-input>
+            </el-form-item>
+            <el-form-item label="数据库名称" v-if="toolData.resourceType=='diy'"
+                          :rules="[{ required: true, message: '请输入数据库名称', trigger: 'blur' }]">
+                <el-input v-model="toolData.resourceName" placeholder="例：spcp" style="width: 220px;"></el-input>
+            </el-form-item>
+            <el-form-item label="数据库用户名" v-if="toolData.resourceType=='diy'"
+                          :rules="[{ required: true, message: '请输入数据库用户名', trigger: 'blur' }]">
+                <el-input v-model="toolData.resourceUserName" placeholder="请输入数据库用户名" style="width: 220px;"></el-input>
+            </el-form-item>
+            <el-form-item label="数据库密码" v-if="toolData.resourceType=='diy'"
+                          :rules="[{ required: true, message: '请输入数据库密码', trigger: 'blur' }]">
+                <el-input v-model="toolData.resourcePassWord" placeholder="请输入数据库密码" style="width: 220px;"></el-input>
+            </el-form-item>
+            <el-table v-if="showUpdateTool" width="780px"
+                      :data="updateVersionInfo"
+                      style="width: 100%">
+                <el-table-column align="center"
+                                 prop="module"
+                                 label="功能模块"
+                                 width="180">
+                </el-table-column>
+                <el-table-column align="center"
+                                 prop="resourceVersion"
+                                 label="数据来源版本"
+                                 width="180">
+                </el-table-column>
+                <el-table-column align="center"
+                                 prop="targetVersion" width="180"
+                                 label="本系统自身版本">
+                </el-table-column>
+                <el-table-column align="center"
+                                 width="180"
+                                 label="可升级版本">
+                    <template slot-scope="scope">
+                        <el-select v-if="scope.row.toolVersion.length>0" v-model="updateVersionMap[scope.row.module]"
+                                   clearable placeholder="请选择">
+                            <el-option
+                                    v-for="item in scope.row.toolVersion"
+                                    :key="item"
+                                    :label="item"
+                                    :value="item">
+                            </el-option>
+                        </el-select>
+                        <span v-else>已为最新版，无需升级</span>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <el-form-item style="margin-top: 5px;">
+                <el-button v-if="!showUpdateTool" type="primary" @click="checkVersion">校验</el-button>
+                <el-button v-else type="primary" @click="updateVersion">升级</el-button>
+                <el-button>取消</el-button>
+            </el-form-item>
+        </el-form>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "versionUpdateTool",
+        data() {
+            return {
+                toolData: {
+                    resourceType: "diy",// 数据来源类型，self：本系统，diy：自定义
+                    resourceDriverClass: "mysql",// 自定义数据库类型，mysql，oracle等
+                    resourceUrl: "127.0.0.1",// 自定义数据库来源数据库ip
+                    // resourcePort: "3308",// 数据库端口
+                    // resourceName: "oa_bak",// 数据库名称
+                    resourceUserName: "root",// 数据库用户名
+                    resourcePassWord: "root",// 数据库密码
+                    // resourceUrl: "172.16.0.10",// 自定义数据库来源数据库ip
+                    resourcePort: "3308",// 数据库端口
+                    resourceName: "proj_oa_online",// 数据库名称
+                    // resourceUserName: "hxnj_oa_online",// 数据库用户名
+                    // resourcePassWord: "hxnj_oa_online",// 数据库密码
+
+                },
+                moduleArr: ["admin", "form", "flow"],
+                resourceTypeOptions: [
+                    {
+                        label: "本系统",
+                        value: "self"
+                    }, {
+                        label: "外部数据库",
+                        value: "diy"
+                    }
+                ],
+                resourceDriverOptions: [
+                    {
+                        label: "mysql",
+                        value: "mysql"
+                    }, {
+                        label: "oracle",
+                        value: "oracle"
+                    }
+                ],
+                updateVersionInfo: [],
+                showUpdateTool: false,
+                updateVersionMap: {
+                    form: "",
+                    flow: "",
+                    admin: ""
+                }
+            }
+        },
+        methods: {
+            // 校验版本信息
+            checkVersion() {
+                let vm = this;
+                let loading = this.$loading({
+                  lock: true,
+                  text: '校验中。。。',
+                  spinner: 'el-icon-loading',
+                  background: 'rgba(0, 0, 0, 0.7)'
+                });
+                vm.axios.post(vm.api.updateTool.getUpdateVersionInformation, vm.toolData).then(res => {
+                    let result = res.data || {};
+                    loading.close();
+                    if (result.operateSuccess) {
+                        // 获取数据成功，进行反馈显示
+                        this.showUpdateTool = true;
+                        this.updateVersionInfo = result.operateObj;
+                    } else {
+                        this.$message({message: "校验数据失败，请联系相关人员！", type: 'error'})
+                    }
+                })
+            },
+            changeShowTool() {
+                if (this.showUpdateTool) {
+                    this.showUpdateTool = false;
+                }
+            },
+            // 升级版本
+            updateVersion() {
+                let message = "";
+                let loading;
+                this.moduleArr.forEach(item => {
+                    if (this.updateVersionMap[item]) {
+                        message += ";将“" + item + "”升级到" + this.updateVersionMap[item];
+                    }
+                });
+                if (message) {
+                    message = "是否确定" + message.substring(1)+"？";
+                    this.$confirm(message, '提示', {
+                        confirmButtonText: '确定',
+                        cancelButtonText: '取消',
+                        type: 'warning'
+                    }).then(() => {
+                        loading = this.$loading({
+                          lock: true,
+                          text: '升级中。。。',
+                          spinner: 'el-icon-loading',
+                          background: 'rgba(0, 0, 0, 0.7)'
+                        });
+                        let paramMap = {};
+                        this.updateVersionInfo.forEach(item=>{
+                            paramMap[item.module] = {
+                                resource:item.resourceVersion,
+                                local:item.targetVersion,
+                                target:this.updateVersionMap[item.module]
+                            };
+                        });
+                        if(this.toolData.resourceType=="diy"){
+                            paramMap["toolData"] = this.toolData;
+                        }
+                        this.axios.post(this.api.updateTool.updateVersion, {param:JSON.stringify(paramMap)}).then(res => {
+                            loading.close();
+                            let result = res.data || {};
+                            if (result.operateSuccess) {
+                                // 获取数据成功，进行反馈显示
+                                this.$message({message: "升级完成！", type: 'success'})
+                            } else {
+                                this.$message({message: "升级失败，请联系相关人员！", type: 'error'})
+                            }
+                        });
+                    }).catch((e) => {
+                        loading.close();
+                        console.log(e);
+                    });
+                }else{
+                    this.$message("无升级选项！");
+                }
+
+            }
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>

package/src/views/versionupdatetool/versioninfomation/verisonInfomationManagement.vue

@@ -0,0 +1,68 @@
+<!-- 版本信息管理 -->
+<template>
+    <el-container style="height: 100%" v-show="show">
+        <el-main id="tableMain" style="height: 100%">
+            <el-container style="height:100%" class="table-list-container">
+                <el-main style="height: 100%;" ref="tableMain">
+                    <el-table :data="crud.dataStore.records" :ref="crud.tableRef" stripe border height="100%"
+                              style="width: 100%;">
+                        <el-table-column type="selection" width="40" align="center"></el-table-column>
+                        <el-table-column type="index" label="序号" align="center" width="60"></el-table-column>
+                        <el-table-column label="功能模块" prop="module" align="center" width="300"></el-table-column>
+                        <el-table-column label="版本号" prop="version" align="center"></el-table-column>
+                        <el-table-column label="操作" align="center" width="350">
+                            <template slot-scope="scope">
+
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                </el-main>
+            </el-container>
+        </el-main>
+
+        <el-footer>
+            <el-pagination
+                    :ref="crud.pageRef"
+                    :page-sizes="crud.pageSizes"
+                    :page-size="crud.pageSize"
+                    :current-page="crud.page"
+                    :total="crud.dataStore.total"
+                    @size-change="crud.sizeChange()"
+                    @current-change="crud.currentPage()"
+                    layout="total, sizes, prev, pager, next, jumper">
+            </el-pagination>
+        </el-footer>
+
+
+    </el-container>
+</template>
+
+<script>
+    export default {
+        name: "verisonInfomationManagement",
+        data() {
+            return {
+                crud: new this.CrudUtil({
+                    vue: this,
+                    entityName: "versionInformation",
+                    url:this.api.versionInformation.url
+                }),
+                versionData: {
+                    id: "", module:"",version:""
+                },
+            }
+        },
+        created() { // 初始化时先获取数据操作权限，然后根据是否开启操作权限获取权限数据
+        },
+        watch:{
+        },
+        methods: {
+        }
+    }
+</script>
+
+<style scoped>
+    .viewMenuDialog /deep/ .el-dialog__body {
+        height: calc(100% - 60px);
+    }
+</style>