From 17efddc6a667670dca682bf36b51a43e99615e6d Mon Sep 17 00:00:00 2001
From: k94314517 <8417338+k94314517@user.noreply.gitee.com>
Date: 星期三, 16 十月 2024 15:59:38 +0800
Subject: [PATCH] 代码初始化
---
admin/src/views/platform/set/group.vue | 169 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 169 insertions(+), 0 deletions(-)
diff --git a/admin/src/views/platform/set/group.vue b/admin/src/views/platform/set/group.vue
index e69de29..cd46a7d 100644
--- a/admin/src/views/platform/set/group.vue
+++ b/admin/src/views/platform/set/group.vue
@@ -0,0 +1,169 @@
+<template>
+ <div class="main_app">
+ <QueryForm
+ v-model="filters"
+ :query-form-config="queryFormConfig"
+ @handleQuery="getList(1)"
+ @clear="clear"
+ />
+ <div class="mb20 mt20">
+ <el-button type="primary" @click="handleEdit()">鏂板</el-button>
+ </div>
+ <el-table v-loading="loading" :data="list" stripe>
+ <el-table-column
+ prop="name"
+ label="鏈堝彴缁�"
+ min-width="100"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ prop="name"
+ label="鍏ュ洯浜嬬敱"
+ min-width="100"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ prop="name"
+ label="鎿嶄綔"
+ min-width="80"
+ show-overflow-tooltip
+ >
+ <template v-slot="scope">
+ <el-button type="text" @click="handleEdit(scope.row)">缂栬緫</el-button>
+ <el-button type="text" class="red" @click="handleDel(scope.row)"
+ >鍒犻櫎</el-button
+ >
+ </template>
+ </el-table-column>
+ </el-table>
+ <pagination
+ @size-change="handleSizeChange"
+ @current-change="getList"
+ :pagination="pagination"
+ />
+ <GlobalWindow
+ :title="param.id ? '缂栬緫鏈堝彴' : '鏂板鏈堝彴'"
+ :visible.sync="isShowEdit"
+ width="800px"
+ :confirm-working="subLoading"
+ @confirm="handleSub"
+ >
+ <el-form
+ :model="param"
+ :rules="rules"
+ label-suffix="锛�"
+ ref="ruleForm"
+ label-width="120px"
+ >
+ <el-form-item label="鏈堝彴缁勫悕绉�">
+ <el-input v-model="param.aaa" class="w300" disabled></el-input>
+ </el-form-item>
+ <el-form-item label="鍏宠仈鍏ュ洯浜嬬敱">
+ <el-checkbox-group v-model="param.checkList">
+ <el-checkbox label="0">瀹夋嘲瑁呰揣</el-checkbox>
+ <el-checkbox label="0">瀹夋嘲鍗歌揣</el-checkbox>
+ <el-checkbox label="0">甯傚叕鍙稿嵏璐�</el-checkbox>
+ </el-checkbox-group>
+ </el-form-item>
+ <el-form-item label="鍏宠仈鏈堝彴">
+ <el-transfer
+ filterable
+ filter-placeholder="鎼滅储"
+ :titles="['寰呮坊鍔犳湀鍙�', '宸叉坊鍔犳湀鍙�']"
+ v-model="param.sel"
+ :data="data"
+ class="transfer"
+
+ >
+ </el-transfer>
+ </el-form-item>
+ </el-form>
+ </GlobalWindow>
+ </div>
+</template>
+
+<script>
+import Pagination from '@/components/common/Pagination'
+import QueryForm from '@/components/common/QueryForm'
+import GlobalWindow from '@/components/common/GlobalWindow'
+export default {
+ components: {
+ Pagination,
+ QueryForm,
+ GlobalWindow
+ },
+ data () {
+ return {
+ filters: {},
+ loading: false,
+ subLoading: false,
+ queryFormConfig: {
+ formItems: [
+ {
+ filed: 'name',
+ type: 'input',
+ label: '鏈堝彴缁�'
+ }
+ ],
+ online: true
+ },
+ pagination: {
+ capacity: 10,
+ page: 1
+ },
+ list: [{}],
+ total: 0,
+ isShowEdit: false,
+ param: {
+ sel: []
+ },
+ rules: {},
+
+ data: [
+ { key: '1', label: '涓婃捣' },
+ { key: '2', label: '涓婃捣' },
+ { key: '3', label: '涓婃捣' },
+ { key: '4', label: '涓婃捣' },
+ { key: '5', label: '涓婃捣' }
+ ]
+ }
+ },
+ methods: {
+ handleSub () {
+ this.isShowEdit = false
+ },
+ getList (page) { },
+ clear () { },
+ handleEdit (row) {
+ this.isShowEdit = true
+ },
+ handleDel () { },
+ handleSizeChange (capacity) {
+ this.pagination.capacity = capacity
+ }
+ }
+}
+</script>
+
+<style lang="scss" scoped>
+.transfer {
+ height: 600px;
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+ ::v-deep .el-transfer-panel {
+ flex: 1;
+ height: 100%;
+ }
+
+ ::v-deep .el-transfer-panel__body {
+ height: 500px;
+ }
+
+ ::v-deep .el-transfer-panel__list.is-filterable {
+ height: 480px;
+ }
+}
+</style>
--
Gitblit v1.9.3