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/index.vue | 186 ++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 186 insertions(+), 0 deletions(-) diff --git a/admin/src/views/platform/set/index.vue b/admin/src/views/platform/set/index.vue index e69de29..a596791 100644 --- a/admin/src/views/platform/set/index.vue +++ b/admin/src/views/platform/set/index.vue @@ -0,0 +1,186 @@ +<template> + <div class="main_app"> + <QueryForm + v-model="filters" + :query-form-config="queryFormConfig" + @handleQuery="getList(1)" + @clear="clear" + /> + <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="100" + show-overflow-tooltip + /> + <el-table-column + prop="name" + label="鍙彿绛夊緟鏃堕棿(鍒嗛挓)" + min-width="80" + show-overflow-tooltip + /> + <el-table-column + prop="name" + label="鏈堝彴浣滀笟鏁堢巼(涓囨敮/灏忔椂)" + min-width="120" + show-overflow-tooltip + /> + <el-table-column + prop="name" + label="鍋滅敤/鍚敤" + min-width="80" + show-overflow-tooltip + > + <template v-slot="scope"> + <el-switch + v-model="scope.row.status" + active-value="1" + inactive-value="0" + > + </el-switch> + </template> + </el-table-column> + <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="600px" + > + <el-form + :model="param" + :rules="rules" + label-suffix="锛�" + ref="ruleForm" + label-width="140px" + > + <el-form-item label="鏈堝彴鍚嶇О"> + <el-input v-model="param.aaa" class="w300" disabled></el-input> + </el-form-item> + <el-form-item label="宸ヤ綔鏃堕棿"> + <el-time-picker + is-range + class="w300" + v-model="param.val" + range-separator="鑷�" + value-format="HH:mm" + format="HH:mm" + /> + </el-form-item> + <el-form-item label="鍚屾椂浣滀笟杞﹁締鏁�"> + <el-input v-model="param.aaa" class="w300"></el-input> + <span class="ml10">涓�</span> + </el-form-item> + <el-form-item label="鍋滅暀瓒呮椂鎶ヨ鏃堕棿"> + <el-input + v-model="param.aaa" + placeholder="璇疯緭鍏�" + class="w300" + ></el-input> + <span class="ml10">鍒嗛挓</span> + </el-form-item> + <el-form-item label="鍙彿绛夊緟鏃堕棿" prop="name"> + <el-input + v-model="param.aaa" + placeholder="璇疯緭鍏�" + class="w300" + ></el-input> + <span class="ml10">鍒嗛挓</span> + </el-form-item> + <el-form-item label="鏈堝彴浣滀笟鏁堢巼" placeholder="璇疯緭鍏�" prop="name"> + <el-input + v-model="param.ccc" + class="w300" + placeholder="璇疯緭鍏�" + oninput="value=value.replace(/^(0+)|[^\d]+/g, '').slice(0, 7)" + /> + <span class="ml10">涓囨敮/灏忔椂</span> + </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: {}, + rules: {} + } + }, + methods: { + getList (page) { }, + handleSub () { }, + clear () { }, + handleEdit (row) { + this.isShowEdit = true + }, + handleDel () { }, + handleSizeChange (capacity) { + this.pagination.capacity = capacity + } + } +} +</script> + +<style> +</style> -- Gitblit v1.9.3