From ac0702b1b61d4f5da7a2e65b90f82848b1f5abce Mon Sep 17 00:00:00 2001 From: liukangdong <898885815@qq.com> Date: 星期三, 22 五月 2024 11:54:46 +0800 Subject: [PATCH] ll --- admin/src/views/platform/set/group.vue | 144 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 144 insertions(+), 0 deletions(-) diff --git a/admin/src/views/platform/set/group.vue b/admin/src/views/platform/set/group.vue index e69de29..ae8cfa3 100644 --- a/admin/src/views/platform/set/group.vue +++ b/admin/src/views/platform/set/group.vue @@ -0,0 +1,144 @@ +<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" + /> + <el-dialog + :title="param.id ? '缂栬緫鏈堝彴' : '鏂板鏈堝彴'" + :visible.sync="isShowEdit" + width="800px" + > + <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" + + > + </el-transfer> + </el-form-item> + </el-form> + <span slot="footer" class="dialog-footer"> + <el-button @click="isShowEdit = false">鍙栨秷</el-button> + <el-button type="primary" @click="handleSub">纭畾</el-button> + </span> + </el-dialog> + </div> +</template> + +<script> +import Pagination from '@/components/common/Pagination' +import QueryForm from '@/components/common/QueryForm' +export default { + components: { + Pagination, + QueryForm + }, + data () { + return { + filters: {}, + loading: 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: { + getList (page) { }, + clear () { }, + handleEdit (row) { + this.isShowEdit = true + }, + handleDel () { }, + handleSizeChange (capacity) { + this.pagination.capacity = capacity + } + } +} +</script> + +<style> +</style> -- Gitblit v1.9.3