1

lzhe

2024-03-30 dbd652f9f0e297a0adc06abbef3a30fb9ec10df4

1

 src/views/console/soam/oss-system.vue

@@ -49,12 +49,53 @@
                            <div class="domain">http://192.168.1.199</div>
                        </div>
                    </li>
                    <li>2</li>
                    <li>3</li>
                    <li>
                        <div class="edit">编辑</div>
                        <div class="logo">
                            <img src="http://116.63.155.153:83/api/static/images/vision.png">
                        </div>
                        <div class="content">
                            <div class="name">大屏</div>
                            <div class="domain">http://192.168.1.199:31005</div>
                        </div>
                    </li>
                    <li>
                        <div class="edit">编辑</div>
                        <div class="logo">
                            <img src="http://116.63.155.153:83/api/static/images/hmi.png">
                        </div>
                        <div class="content">
                            <div class="name">HMI</div>
                            <div class="domain"></div>
                        </div>
                    </li>
                </ul>
                <el-form label-width="80px">
					
                </el-form>
                <el-card class="system-content">
                    <template #header>
                      <div class="card-header">
                        <span>应用详情</span>
                      </div>
                    </template>
                    <el-form :model="searchData" abel-width="120px">
                        <el-form-item label="系统展示">
                            <el-switch v-model="searchData.value1" />
                        </el-form-item>
                        <el-form-item label="应用名称">
                            <div>{{searchData.value2}}</div>
                        </el-form-item>
                        <el-form-item label="应用标识">
                            <div>{{searchData.value2}}</div>
                        </el-form-item>
                        <el-form-item label="网页地址">
                            <div>{{searchData.value2}}</div>
                        </el-form-item>
                        <el-form-item label="上传图标">
                            <div>
                                <img src="http://116.63.155.153:83/api/static/images/hmi.png" style="width:66px;height:66px;">
                            </div>
                        </el-form-item>
                    </el-form>
                 </el-card>
            </el-tab-pane>
        </el-tabs>
    </div>
@@ -65,6 +106,10 @@
        name: "oss-main",
        data(){
            return {
                searchData: {
                    value1: false,
                    value2: "HMI"
                },
                ossForm: {
                    endpoint: "",
                    acceskey: "",
@@ -158,4 +203,15 @@
    word-wrap: break-word;
    word-break: break-all;
}
.system-content /deep/ .el-card__header{
    padding: 0px;
}
.system-content .card-header{
    border-bottom: 1px solid #ebeef5;
    padding: 6px 18px!important;
}
.system-content .card-header span{
    font-size:13px;
    font-weight: 400px;
}
</style>

 src/views/console/system/menu.vue

@@ -8,23 +8,37 @@
-->
<template>
    <div class="dict-main">
        <el-form :inline="true" :model="searchData" abel-width="120px">
            <el-form-item label="菜单名称">
                <el-input v-model="searchData.test" placeholder="菜单名称" clearable />
            </el-form-item>
            <el-form-item label="菜单编号">
                <el-input v-model="searchData.test" placeholder="菜单编号" clearable />
            </el-form-item>
            <el-form-item label="菜单别名">
                <el-input v-model="searchData.test" placeholder="菜单别名" clearable />
            </el-form-item>
            <el-form-item label="所属应用">
                <el-input v-model="searchData.test" placeholder="所属应用" clearable />
            </el-form-item>
            <el-form-item>
                <el-button type="primary" @click="searchBtn">搜索</el-button>
                <el-button @click="searchBtn">清空</el-button>
            </el-form-item>
        <el-form :inline="true" :model="searchData" abel-width="80px">
            <el-row>
                <el-col :span="6">
                    <el-form-item label="菜单名称">
                        <el-input v-model="searchData.name" placeholder="菜单名称" clearable />
                    </el-form-item>
                </el-col>
                <el-col :span="6">
                    <el-form-item label="菜单编号">
                        <el-input v-model="searchData.code" placeholder="菜单编号" clearable />
                    </el-form-item>
                </el-col>
                <el-col :span="6">
                    <el-form-item label="菜单别名">
                        <el-input v-model="searchData.alias" placeholder="菜单别名" clearable />
                    </el-form-item>
                </el-col>
                <el-col :span="6">
                    <el-form-item label="所属应用">
                        <el-select v-model="searchData.belongApplication" style="width: 100%">
                            <el-option v-for="item in applicationList" :key="item.code" :label="item.name" :value="item.code"/>
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="6">
                    <el-form-item>
                        <el-button type="primary" @click="searchBtn">搜索</el-button>
                        <el-button @click="clearSearch">清空</el-button>
                    </el-form-item>
                </el-col>
            </el-row>
        </el-form>
        <div>
            <div class="dict-Btn">
@@ -36,15 +50,23 @@
            <div class="dict-table">
                <el-table ref="multipleTableRef" :data="tableData" border style="width: 100%" class="multipleTableRef" @selection-change="handleSelectionChange">
                    <el-table-column type="selection" width="55" />
                    <el-table-column prop="date" label="菜单名称"></el-table-column>
                    <el-table-column prop="name" label="路由地址"></el-table-column>
                    <el-table-column prop="name" label="菜单图标"></el-table-column>
                    <el-table-column prop="name" label="菜单编号"></el-table-column>
                    <el-table-column prop="name" label="菜单别名"></el-table-column>
                    <el-table-column prop="name" label="新窗口"></el-table-column>
                    <el-table-column prop="name" label="启用缓存"></el-table-column>
                    <el-table-column prop="name" label="所属应用"></el-table-column>
                    <el-table-column prop="name" label="菜单排序"></el-table-column>
                    <el-table-column prop="name" label="菜单名称"></el-table-column>
                    <el-table-column prop="path" label="路由地址"></el-table-column>
                    <el-table-column prop="source" label="菜单图标"></el-table-column>
                    <el-table-column prop="code" label="菜单编号"></el-table-column>
                    <el-table-column prop="alias" label="菜单别名"></el-table-column>
                    <el-table-column prop="isOpen" label="新窗口">
                        <template #default="scope">
                            <div>{{scope.row.isOpen == 0?"是":"否"}}</div>
                        </template>
                    </el-table-column>
                    <el-table-column prop="keepAlive" label="启用缓存">
                        <template #default="scope">
                            <div>{{scope.row.keepAlive == 1?"是":"否"}}</div>
                        </template>
                    </el-table-column>
                    <el-table-column prop="belongApplication" label="所属应用"></el-table-column>
                    <el-table-column prop="sort" label="菜单排序"></el-table-column>
                    <el-table-column fixed="right" label="操作" width="200">
                        <template #default="scope">
                            <el-button text type="primary" size="small" @click="table_show(scope.row, scope.$index)">查看</el-button>
@@ -75,8 +97,12 @@
        name: "allocation",
        data(){
            return {
                applicationList: [],
                searchData: {
                    test: ""
                    name: "",
                    code: "",
                    alias: "",
                    belongApplication: ""
                },
                dialog: {
                    save: false,
@@ -89,48 +115,45 @@
                    label: '黄金糕'
                }],
                input3: '',
                tableData: [{
                    date: '2016-05-02',
                    name: '王小虎',
                    province: '上海',
                    city: '普陀区',
                    address: '上海市普陀区金沙江路 1518 弄',
                    zip: 200333
                    }, {
                    date: '2016-05-04',
                    name: '王小虎',
                    province: '上海',
                    city: '普陀区',
                    address: '上海市普陀区金沙江路 1517 弄',
                    zip: 200333
                    }, {
                    date: '2016-05-01',
                    name: '王小虎',
                    province: '上海',
                    city: '普陀区',
                    address: '上海市普陀区金沙江路 1519 弄',
                    zip: 200333
                    }, {
                    date: '2016-05-03',
                    name: '王小虎',
                    province: '上海',
                    city: '普陀区',
                    address: '上海市普陀区金沙江路 1516 弄',
                    zip: 200333
                }]
                tableData: []
            }
        },
        created(){
            
        },
        mounted(){
			
            this.getApplicationList();
            this.searchBtn();
        },
        components: {
            saveDialog
        },
        methods: {
            searchBtn() {},
            clearSearch() {
                this.searchData= {
                    name: "",
                    code: "",
                    alias: "",
                    belongApplication: ""
                }
                this.searchBtn();
            },
            getApplicationList() {
                this.$HTTP.get("/api/blade-system/application/list").then(res=> {
                    if(res.code == 200) {
                        this.applicationList = res.data;
                    }
                })
            },
            searchBtn() {
                this.searchData.parentId="";
                this.$HTTP.get("/api/blade-system/menu/lazy-list",this.searchData).then(res=> {
                    if(res.code == 200) {
                        console.log(res.data,111)
                        this.tableData = res.data;
                    }
                })
            },
            //字典配置
            table_allocation(row) {
                this.dialog.allocation = true;