From f75823de21e1f276bc50e0c96577bf017be1efa5 Mon Sep 17 00:00:00 2001
From: lxl <lixuliang_hd@126.com>
Date: 星期四, 13 十月 2022 18:15:51 +0800
Subject: [PATCH] 三个树
---
src/views/maintenance/parameterConfiguration.vue | 230 +++++++++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 198 insertions(+), 32 deletions(-)
diff --git a/src/views/maintenance/parameterConfiguration.vue b/src/views/maintenance/parameterConfiguration.vue
index e891cc7..f0b0ff4 100644
--- a/src/views/maintenance/parameterConfiguration.vue
+++ b/src/views/maintenance/parameterConfiguration.vue
@@ -1,36 +1,138 @@
<template>
<div class="parameterConfiguration_box">
- <My-bread :list="['杩愮淮绠＄悊', '鍙傛暟閰嶇疆']"></My-bread>
+ <My-bread
+ :list="[
+ `${$t('operatManage.operatManage')}`,
+ `${$t('operatManage.systemLayout')}`,
+ ]"
+ ></My-bread>
<el-divider />
<div class="parameterConfiguration">
- <el-form ref="formRef" :model="form" label-width="140px">
- <el-form-item label="绔欑偣鍚嶇О" prop="usePageView">
- <el-input v-model="form.usePageView" placeholder="璇疯緭鍏�" />
+ <el-table :data="tableData" style="width: 100%" fit>
+ <el-table-column
+ align="center"
+ type="index"
+ :label="$t('operatManage.ELM.index')"
+ width="70px"
+ />
+ <el-table-column
+ prop="name"
+ align="center"
+ :label="$t('operatManage.sysLayOutObj.name')"
+ />
+ <el-table-column
+ prop="cvalue"
+ align="center"
+ :label="$t('operatManage.sysLayOutObj.cvalue')"
+ />
+ <el-table-column
+ prop="dvalue"
+ align="center"
+ :label="$t('operatManage.sysLayOutObj.dvalue')"
+ />
+ <el-table-column
+ prop="minValue"
+ align="center"
+ :label="$t('operatManage.sysLayOutObj.minValue')"
+ />
+ <el-table-column
+ prop="maxValue"
+ align="center"
+ :label="$t('operatManage.sysLayOutObj.maxValue')"
+ />
+ <el-table-column
+ prop="descr"
+ align="center"
+ :label="$t('operatManage.sysLayOutObj.descr')"
+ />
+ <el-table-column
+ fixed="right"
+ :label="$t('common.operate')"
+ width="100px"
+ >
+ <template slot-scope="scope">
+ <el-button
+ @click="showDetail(scope.$index, scope.row)"
+ type="primary"
+ plain
+ size="small"
+ >{{ $t('common.edit') }}</el-button
+ >
+ </template>
+ </el-table-column>
+ </el-table>
+ </div>
+ <div class="pagination_box">
+ <el-pagination
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ :current-page="listData.pageIndex"
+ :page-sizes="[10, 20, 30, 40]"
+ :page-size="listData.pageSize"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="count"
+ >
+ </el-pagination>
+ </div>
+ <el-dialog
+ :title="$t('operatManage.sysLayOutObj.editSysLayOut')"
+ style="overflow: hidden"
+ :visible.sync="EditFormdialog"
+ :before-close="EditFromDataClose"
+ >
+ <el-form :model="upform">
+ <el-form-item
+ :label="$t('operatManage.sysLayOutObj.name')"
+ :label-width="formLabelWidth"
+ >
+ <label class="boxlabel">{{ upform.name }}</label>
</el-form-item>
- <el-form-item label="娴忚鍣ㄥ浘鏍�" prop="usePageView">
- <el-input v-model="form.usePageView" placeholder="璇疯緭鍏�" />
+ <el-form-item
+ :label="$t('operatManage.sysLayOutObj.cvalue')"
+ :label-width="formLabelWidth"
+ >
+ <el-input v-model="upform.cvalue" autocomplete="off"></el-input>
</el-form-item>
- <el-form-item label="鐗堟湰淇℃伅" prop="usePageView">
- <el-input v-model="form.usePageView" placeholder="璇疯緭鍏�" />
+ <el-form-item
+ :label="$t('operatManage.sysLayOutObj.dvalue')"
+ :label-width="formLabelWidth"
+ >
+ <label class="boxlabel">{{ upform.dvalue }}</label>
</el-form-item>
- <el-form-item label="澶囨淇℃伅" prop="servePageView">
- <el-input v-model="form.servePageView" placeholder="璇疯緭鍏�" />
+ <el-form-item
+ :label="$t('operatManage.sysLayOutObj.minValue')"
+ :label-width="formLabelWidth"
+ >
+ <label class="boxlabel">{{ upform.minValue }}</label>
</el-form-item>
- <el-form-item label="鐗堟湰淇℃伅" prop="servePageView">
- <el-input v-model="form.servePageView" placeholder="璇疯緭鍏�" />
+ <el-form-item
+ :label="$t('operatManage.sysLayOutObj.maxValue')"
+ :label-width="formLabelWidth"
+ >
+ <label class="boxlabel">{{ upform.maxValue }}</label>
</el-form-item>
- <el-form-item class="flex_box">
- <el-button type="primary">纭</el-button>
- <el-button>閲嶇疆</el-button>
+ <el-form-item
+ :label="$t('operatManage.sysLayOutObj.descr')"
+ :label-width="formLabelWidth"
+ >
+ <label class="boxlabel">{{ upform.descr }}</label>
</el-form-item>
</el-form>
- </div>
+ <div slot="footer" class="dialog-footer">
+ <el-button @click="EditFromDataClose">{{
+ $t('common.close')
+ }}</el-button>
+ <el-button @click="EditFromData" type="primary">{{
+ $t('common.confirm')
+ }}</el-button>
+ </div>
+ </el-dialog>
</div>
</template>
<script>
-import MyBread from "../../components/MyBread.vue";
-
+import MyBread from '../../components/MyBread.vue';
+import { select_Args_ByPageAndCount, update_args } from '../../api/api.js';
export default {
//import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢�
components: {
@@ -39,19 +141,81 @@
data() {
return {
- currentPage4: 4,
- form: {
- date1: "",
- subject: "",
- usePageView: "",
- overtime: "",
- servePageView: "",
- aging: "",
+ formLabelWidth: '100px',
+ upform: {},
+ EditFormdialog: false,
+ tableData: [],
+ count: 0,
+ listData: {
+ name: '',
+ pageIndex: 1,
+ pageSize: 10,
},
};
},
- methods: {},
- created() {},
+ methods: {
+ handleSizeChange(val) {
+ this.listData.pageSize = val;
+ this.getRoleTabelData();
+ },
+ handleCurrentChange(val) {
+ this.listData.pageIndex = val;
+ this.getRoleTabelData();
+ },
+ showDetail(index, row) {
+ this.EditFormdialog = true;
+ this.upform = row;
+ },
+ EditFromDataClose() {
+ this.EditFormdialog = false;
+ this.upform = {};
+ },
+ async EditFromData() {
+ if (
+ parseInt(this.upform.cvalue) < parseInt(this.upform.minValue) ||
+ parseInt(this.upform.cvalue) > parseInt(this.upform.maxValue)
+ ) {
+ this.$message({
+ message: '褰撳墠鍊间笉鑳藉皬浜庢渶灏忓�兼垨澶т簬鏈�澶у��!',
+ type: 'warning',
+ });
+ return;
+ }
+
+ var val_data = await update_args(this.upform);
+ if (val_data.code == 200) {
+ this.uploadFile = val_data.result;
+
+ this.$message({
+ message: '淇敼鎴愬姛锛�',
+ type: 'success',
+ });
+ this.getRoleTabelData();
+ this.EditFormdialog = false;
+ this.upform = {};
+ } else {
+ this.$message({
+ message: '淇敼澶辫触锛�',
+ type: 'warning',
+ });
+ }
+ },
+ async getRoleTabelData() {
+ if (this.listData.tab == '') {
+ delete this.listData.tab;
+ }
+ const data = await select_Args_ByPageAndCount(this.listData);
+ if (data.code != 200) {
+ this.$message.error('鍒楄〃璋冪敤澶辫触');
+ }
+ console.log(data);
+ this.tableData = data.result;
+ this.count = data.count;
+ },
+ },
+ created() {
+ this.getRoleTabelData();
+ },
};
</script>
<style lang="less" scoped>
@@ -63,11 +227,10 @@
padding: 10px;
box-sizing: border-box;
.parameterConfiguration {
- padding-left: 20%;
- padding-right: 20%;
- padding-top: 20px;
- padding-bottom: 20px;
+ padding-top: 10px;
+ padding-bottom: 10px;
background: #fff;
+ height: 86%;
border-radius: 5px;
border: 1px solid rgb(202, 201, 204);
box-sizing: border-box;
@@ -79,5 +242,8 @@
justify-content: center;
}
}
+ .pagination_box {
+ margin-top: 20px;
+ }
}
</style>
--
Gitblit v1.9.3