From 089bf5d2378b3c4a61d795b2a92bede2c193b771 Mon Sep 17 00:00:00 2001
From: admin <344137771@qq.com>
Date: Tue, 06 Jan 2026 11:22:58 +0800
Subject: [PATCH] 1
---
src/views/modules/sys/online_service.vue | 197 +++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 197 insertions(+), 0 deletions(-)
diff --git a/src/views/modules/sys/online_service.vue b/src/views/modules/sys/online_service.vue
new file mode 100644
index 0000000..59d8564
--- /dev/null
+++ b/src/views/modules/sys/online_service.vue
@@ -0,0 +1,197 @@
+<template>
+ <div class="mod-transport">
+ <el-container style="height: 500px; border: 1px solid #eee">
+ <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
+ <el-menu :default-openeds="['1', '3']">
+ <el-submenu index="1">
+ <template slot="title"><i class="el-icon-message"></i>导航一</template>
+ <el-menu-item-group>
+ <template slot="title">分组一</template>
+ <el-menu-item index="1-1">选项1</el-menu-item>
+ <el-menu-item index="1-2">选项2</el-menu-item>
+ </el-menu-item-group>
+ <el-menu-item-group title="分组2">
+ <el-menu-item index="1-3">选项3</el-menu-item>
+ </el-menu-item-group>
+ <el-submenu index="1-4">
+ <template slot="title">选项4</template>
+ <el-menu-item index="1-4-1">选项4-1</el-menu-item>
+ </el-submenu>
+ </el-submenu>
+ <el-submenu index="2">
+ <template slot="title"><i class="el-icon-menu"></i>导航二</template>
+ <el-menu-item-group>
+ <template slot="title">分组一</template>
+ <el-menu-item index="2-1">选项1</el-menu-item>
+ <el-menu-item index="2-2">选项2</el-menu-item>
+ </el-menu-item-group>
+ <el-menu-item-group title="分组2">
+ <el-menu-item index="2-3">选项3</el-menu-item>
+ </el-menu-item-group>
+ <el-submenu index="2-4">
+ <template slot="title">选项4</template>
+ <el-menu-item index="2-4-1">选项4-1</el-menu-item>
+ </el-submenu>
+ </el-submenu>
+ <el-submenu index="3">
+ <template slot="title"><i class="el-icon-setting"></i>导航三</template>
+ <el-menu-item-group>
+ <template slot="title">分组一</template>
+ <el-menu-item index="3-1">选项1</el-menu-item>
+ <el-menu-item index="3-2">选项2</el-menu-item>
+ </el-menu-item-group>
+ <el-menu-item-group title="分组2">
+ <el-menu-item index="3-3">选项3</el-menu-item>
+ </el-menu-item-group>
+ <el-submenu index="3-4">
+ <template slot="title">选项4</template>
+ <el-menu-item index="3-4-1">选项4-1</el-menu-item>
+ </el-submenu>
+ </el-submenu>
+ </el-menu>
+ </el-aside>
+
+ <el-container>
+ <el-header style="text-align: right; font-size: 12px">
+ <el-dropdown>
+ <i class="el-icon-setting" style="margin-right: 15px"></i>
+ <el-dropdown-menu slot="dropdown">
+ <el-dropdown-item>查看</el-dropdown-item>
+ <el-dropdown-item>新增</el-dropdown-item>
+ <el-dropdown-item>删除</el-dropdown-item>
+ </el-dropdown-menu>
+ </el-dropdown>
+ <span>王小虎</span>
+ </el-header>
+
+ <el-main>
+ <el-table :data="tableData">
+ <el-table-column prop="date" label="日期" width="140">
+ </el-table-column>
+ <el-table-column prop="name" label="姓名" width="120">
+ </el-table-column>
+ <el-table-column prop="address" label="地址">
+ </el-table-column>
+ </el-table>
+ </el-main>
+ </el-container>
+ </el-container>
+ </div>
+</template>
+
+<script>
+import { tableOption } from '@/crud/sys/dapp_change'
+import AddOrUpdate from './online_service-add-or-update'
+export default {
+ data () {
+ const item = {
+ date: '2016-05-02',
+ name: '王小虎',
+ address: '上海市普陀区金沙江路 1518 弄'
+ };
+ return {
+ dataForm:{},
+ dateRange:[],
+ dataList: [],
+ dataListLoading: false,
+ dataListSelections: [],
+ addOrUpdateVisible: false,
+ tableOption: tableOption,
+ page: {
+ total: 0, // 总页数
+ currentPage: 1, // 当前页数
+ pageSize: 10 // 每页显示多少条1
+ },
+ tableData: Array(20).fill(item)
+ }
+ },
+ components: {
+ AddOrUpdate
+ },
+ methods: {
+ // 获取数据列表
+ getDataList (page, params, done) {
+
+ let obj = {
+ 'current': this.pageIndex,
+ 'size': this.pageSize
+ }
+
+ this.dataListLoading = true
+ this.$http({
+ url: this.$http.adornUrl('/dAppLog/list'),
+ method: 'post',
+ data: this.$http.adornData(
+ Object.assign(
+ {
+ current: page == null ? this.page.currentPage : page.currentPage,
+ size: page == null ? this.page.pageSize : page.pageSize
+ },
+ params
+ )
+ )
+ }).then(({ data }) => {
+ this.dataList = data.data.records
+ this.page.total = data.total
+ this.dataListLoading = false
+ if (done) {
+ done()
+ }
+ })
+ },
+ // 条件查询
+ searchChange (params, done) {
+ this.getDataList(this.page, params, done)
+ },
+ // 多选变化
+ selectionChange (val) {
+ this.dataListSelections = val
+ },
+ // 新增 / 修改
+ addOrUpdateHandle (id) {
+ this.addOrUpdateVisible = true
+ this.$nextTick(() => {
+ this.$refs.addOrUpdate.init(id)
+ })
+ },
+ // 删除
+ deleteHandle (id) {
+ var ids = id ? [id] : this.dataListSelections.map(item => {
+ return item.roleId
+ })
+ this.$confirm(`确定进行[${id ? '删除' : '批量删除'}]操作?`, '提示', {
+ confirmButtonText: '确定',
+ cancelButtonText: '取消',
+ type: 'warning'
+ }).then(() => {
+ this.$http({
+ url: this.$http.adornUrl('/sys/role'),
+ method: 'delete',
+ data: this.$http.adornData(ids, false)
+ }).then(({ data }) => {
+ this.$message({
+ message: '操作成功',
+ type: 'success',
+ duration: 1500,
+ onClose: () => {
+ this.getDataList()
+ }
+ })
+ })
+ }).catch(() => { })
+ }
+ }
+}
+</script>
+
+<style>
+ .el-header {
+ background-color: #B3C0D1;
+ color: #333;
+ line-height: 60px;
+ }
+
+ .el-aside {
+ color: #333;
+ }
+</style>
\ No newline at end of file
--
Gitblit v1.9.3