From d639a10114aa4e0f37adc1403621fa6b06141f53 Mon Sep 17 00:00:00 2001
From: lzhe <lzhe@example.com>
Date: 星期五, 14 六月 2024 11:29:43 +0800
Subject: [PATCH] 1
---
src/views/console/system/addParam.vue | 133 ++++++++++++++++++++++
src/views/console/system/param.vue | 226 +++++++++++++++++++++++++++++++++++++
2 files changed, 359 insertions(+), 0 deletions(-)
diff --git a/src/views/console/system/addParam.vue b/src/views/console/system/addParam.vue
new file mode 100644
index 0000000..c3bccbf
--- /dev/null
+++ b/src/views/console/system/addParam.vue
@@ -0,0 +1,133 @@
+<template>
+ <el-dialog :title="titleMap[mode]" v-model="visible" :width="600" destroy-on-close @closed="$emit('closed')">
+ <el-form :model="addParamForm" :rules="addParamRules" :disabled="mode=='show'" ref="dialogForm" label-width="120px" label-position="center">
+ <el-row>
+ <el-col :span="24">
+ <el-form-item label="鍙傛暟鍚嶇О" prop="paramName">
+ <el-input v-model="addParamForm.paramName" :placeholder="mode =='add'?'璇疯緭鍏ュ弬鏁板悕绉�':''" clearable></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="24">
+ <el-form-item label="鍙傛暟閿悕" prop="paramKey">
+ <el-input v-model="addParamForm.paramKey" :placeholder="mode =='add'?'璇疯緭鍏ュ弬鏁伴敭鍚�':''" clearable></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="24">
+ <el-form-item label="鍙傛暟閿��" prop="paramValue">
+ <el-input v-model="addParamForm.paramValue" type="textarea" :placeholder="mode =='add'?'璇疯緭鍏ュ弬鏁伴敭鍊�':''" clearable></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="24">
+ <el-form-item label="鎻忚堪" >
+ <el-input v-model="addParamForm.remark" :placeholder="mode =='add'?'璇疯緭鍏ユ弿杩�':''" clearable></el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ <template #footer>
+ <el-button v-if="mode!='show'" type="primary" :loading="isSaveing" @click="ParamSubmit">{{mode =='add'?"淇� 瀛�":"淇� 鏀�"}}</el-button>
+ <el-button @click="visible=false">鍙� 娑�</el-button>
+ </template>
+ </el-dialog>
+</template>
+
+<script>
+ export default {
+ emits: ['success', 'closed'],
+ data() {
+ return {
+ value1: true,
+ mode: "add",
+ titleMap: {
+ add: '鏂板',
+ edit: '淇敼',
+ show: '鏌ョ湅'
+ },
+ visible: false,
+ isSaveing: false,
+ //琛ㄥ崟鏁版嵁
+ addParamForm: {
+ paramKey: "",
+ paramName: "",
+ paramValue: "",
+ remark: ""
+ },
+ //楠岃瘉瑙勫垯
+ addParamRules: {
+ paramName:[{required: true, message: '璇疯緭鍏ュ弬鏁板悕绉�'}],
+ paramKey:[{required: true, message: '璇疯緭鍏ュ弬鏁伴敭鍚�'}],
+ paramValue:[{required: true, message: '璇疯緭鍏ュ弬鏁伴敭鍊�'}]
+ },
+ //鎵�闇�鏁版嵁閫夐」
+ groups: [],
+ groupsProps: {
+ value: "id",
+ multiple: true,
+ checkStrictly: true
+ },
+ depts: [],
+ deptsProps: {
+ value: "id",
+ checkStrictly: true
+ }
+ }
+ },
+ mounted() {
+ // this.getGroup()
+ // this.getDept()
+ },
+ methods: {
+ //鏄剧ず
+ open(mode='add'){
+ this.mode = mode;
+ this.visible = true;
+ return this
+ },
+ //鍔犺浇鏍戞暟鎹�
+ async getGroup(){
+ var res = await this.$API.system.role.list.get();
+ this.groups = res.data.rows;
+ },
+ async getDept(){
+ var res = await this.$API.system.dept.list.get();
+ this.depts = res.data;
+ },
+ //琛ㄥ崟鎻愪氦鏂规硶
+ ParamSubmit(){
+ var obj = Object.assign({},this.addParamForm);
+ this.$refs.dialogForm.validate(async (valid) => {
+ if (valid) {
+ this.isSaveing = true;
+ this.$HTTP.post("/api/blade-system/param/submit",obj).then(res=> {
+ this.isSaveing = false;
+ if(res.code == 200) {
+ this.$emit('success', this.addParamForm, this.mode);
+ this.visible = false;
+ this.$message.success("鎿嶄綔鎴愬姛");
+ this.addParamForm = {
+ paramKey: "",
+ paramName: "",
+ paramValue: "",
+ remark: ""
+ }
+ }else {
+ this.$alert(res.message, "鎻愮ず", {type: 'error'});
+ }
+ })
+ }else{
+ return false;
+ }
+ })
+ },
+ //琛ㄥ崟娉ㄥ叆鏁版嵁
+ setData(data){
+ console.log(data)
+ //鍙互鍜屼笂闈竴鏍峰崟涓敞鍏ワ紝涔熷彲浠ュ儚涓嬮潰涓�鏍风洿鎺ュ悎骞惰繘鍘�
+ Object.assign(this.addParamForm, data);
+ }
+ }
+ }
+</script>
+
+<style>
+</style>
diff --git a/src/views/console/system/param.vue b/src/views/console/system/param.vue
new file mode 100644
index 0000000..584638e
--- /dev/null
+++ b/src/views/console/system/param.vue
@@ -0,0 +1,226 @@
+<!--
+ * @Author: lzhe lzhe@example.com
+ * @Date: 2024-03-26 10:28:33
+ * @LastEditors: lzhe lzhe@example.com
+ * @LastEditTime: 2024-06-13 20:21:56
+ * @FilePath: /smart-web/src/views/master/person/main/index.vue
+ * @Description: 杩欐槸榛樿璁剧疆,璇疯缃甡customMade`, 鎵撳紑koroFileHeader鏌ョ湅閰嶇疆 杩涜璁剧疆: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+ <div class="param-main">
+ <el-form :inline="true" :model="searchData" label-width="80px">
+ <el-form-item label="鍙傛暟鍚嶇О">
+ <el-input v-model="searchData.paramName" placeholder="鍙傛暟鍚嶇О" clearable />
+ </el-form-item>
+ <el-form-item label="鍙傛暟閿悕">
+ <el-input v-model="searchData.paramKey" placeholder="鍙傛暟閿悕" clearable></el-input>
+ </el-form-item>
+ <el-form-item>
+ <el-button type="primary" @click="searchclick">鎼滅储</el-button>
+ <el-button @click="searchClearBtn">娓呯┖</el-button>
+ </el-form-item>
+ </el-form>
+ <div>
+ <div class="param-Btn">
+ <div class="param-btn-bottom">
+ <el-button type="primary" @click="addData">+ 鏂板</el-button>
+ <el-button type="danger" plain @click="delData">鍒犻櫎</el-button>
+ </div>
+ </div>
+ <div class="param-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="paramName" label="鍙傛暟鍚嶇О"></el-table-column>
+ <el-table-column prop="paramKey" label="鍙傛暟閿悕"></el-table-column>
+ <el-table-column prop="paramValue" label="鍙傛暟閿��"></el-table-column>
+ <el-table-column prop="remark" label="鎻忚堪"></el-table-column>
+ <el-table-column fixed="right" label="鎿嶄綔">
+ <template #default="scope">
+ <el-button text type="primary" size="small" @click="table_show(scope.row, scope.$index)">鏌ョ湅</el-button>
+ <el-button type="text" size="small" @click="table_edit(scope.row, scope.$index)">缂栬緫</el-button>
+ <el-button text type="primary" size="small" @click="table_del(scope.row, scope.$index)">鍒犻櫎</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ <el-pagination
+ style="margin-top: 12px;"
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ :current-page="currentPage4"
+ :page-sizes="[15, 50, 100]"
+ :page-size="15"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="total">
+ </el-pagination>
+ </div>
+ </div>
+ </div>
+
+ <save-dialog v-if="dialog.save" ref="saveDialog" @success="addparamSuccess" @closed="dialog.save=false"></save-dialog>
+</template>
+<script>
+ import saveDialog from './addParam'
+ export default {
+ name: "allocation",
+ data(){
+ return {
+ getModalData: [],
+ selection: [],
+ total: 0,
+ searchData: {
+ paramName: "",
+ paramKey: "",
+ current: "1",
+ size: "15"
+ },
+ dialog: {
+ save: false
+ },
+ tableData: []
+ }
+ },
+ created(){
+
+ },
+ mounted(){
+ this.searchBtn();
+ },
+ components: {
+ saveDialog
+ },
+ methods: {
+ codeClick() {
+
+ },
+ addparamSuccess(addparamForm) {
+ this.searchBtn();
+ },
+ searchClearBtn() {
+ this.searchData = {
+ code: "",
+ paramValue: "",
+ current: "1",
+ size: "15"
+ }
+ this.searchBtn();
+ },
+ searchclick() {
+ this.searchData.current = "1";
+ this.searchData.size = "15";
+ this.searchBtn();
+ },
+ searchBtn() {
+ this.$HTTP.get("/api/blade-system/param/list",this.searchData).then(res=> {
+ if(res.code == 200) {
+ this.tableData = res.data.records;
+ this.total = res.data.total;
+ }
+ })
+ },
+ //鍒犻櫎
+ table_del(row) {
+ var that = this;
+ this.$confirm(`纭畾灏嗛�夋嫨鏁版嵁鍒犻櫎?`, '', {
+ type: 'warning'
+ }).then(() => {
+ this.$HTTP.post("/api/blade-system/param/remove?ids="+row.id).then(res=> {
+ if(res.code == 200) {
+ that.$message.success("鎿嶄綔鎴愬姛");
+ that.searchBtn();
+ }
+ })
+ }).catch(() => {
+
+ })
+ },
+ //娣诲姞
+ addData(){
+ this.dialog.save = true
+ this.$nextTick(() => {
+ this.$refs.saveDialog.open()
+ })
+ },
+ table_edit(row){
+ this.dialog.save = true;
+ this.$nextTick(() => {
+ this.$refs.saveDialog.open('edit').setData(row);
+ })
+ },
+ //鏌ョ湅
+ table_show(row){
+ this.dialog.save = true
+ this.$nextTick(() => {
+ this.$refs.saveDialog.open('show').setData(row)
+ })
+ },
+ handleSelectionChange(selection) {
+ this.selection = selection;
+ },
+ delData() {
+ if(this.selection.length == 0) {
+ this.$message({
+ message: '璇烽�夋嫨鑷冲皯涓�鏉℃暟鎹�',
+ type: 'warning'
+ });
+ return;
+ }
+ var selStr = "";
+ this.selection.map(item=> {
+ selStr += item.id + ","
+ })
+ selStr = selStr.replace(/,$/, '');
+ var that = this;
+ this.$HTTP.post("/api/blade-system/param/remove?ids="+selStr).then(res=> {
+ if(res.code == 200) {
+ that.$message.success("鎿嶄綔鎴愬姛");
+ that.searchclick();
+ }
+ })
+ },
+ handleSizeChange(val) {
+ console.log(`姣忛〉 ${val} 鏉);
+ this.searchData.current = "1";
+ this.searchData.size = val;
+ this.searchBtn();
+ },
+ handleCurrentChange(val) {
+ console.log(`褰撳墠椤�: ${val}`);
+ this.searchData.current = val;
+ this.searchBtn();
+ }
+ }
+ }
+</script>
+
+<style scoped>
+ .param-main {
+ background-color: #fff;
+ margin: 8px;
+ padding: 8px;
+ }
+ .param-Btn {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 8px;
+ padding-left: 8px;
+ padding-right: 8px;
+ }
+ .searchStatus {
+ margin-right: 6px;
+ width: 200px;
+ }
+ .param-btn-bottom {
+ padding-left: 8px;
+ padding-right: 8px;
+ margin-bottom: 8px;
+ }
+ .param-table {
+ padding-left: 8px;
+ padding-right: 8px;
+ margin-bottom: 8px;
+
+ }
+ .multipleTableRef {
+ margin-bottom: 8px;
+ }
+</style>
--
Gitblit v1.9.3