From 7a52011bb22079286c09fb20760173ac1c304bfc Mon Sep 17 00:00:00 2001
From: wangting <675591594@qq.com>
Date: 星期四, 21 十一月 2024 15:06:41 +0800
Subject: [PATCH] 修改组件
---
Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/Aciton/index.vue | 178 +++++++++++++++++++++++++++++++++++------------------------
1 files changed, 106 insertions(+), 72 deletions(-)
diff --git a/Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/Aciton/index.vue b/Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/Aciton/index.vue
index 9c6c63e..c044f35 100644
--- a/Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/Aciton/index.vue
+++ b/Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/Aciton/index.vue
@@ -46,8 +46,8 @@
v-model="form"
:data="data"
:option="option"
- :page.sync="page"
:table-loading="tableLoading"
+ :before-open="beforeOpen"
@row-del="rowDelHandler"
@row-save="rowSaveHandler"
@row-update="rowUpdateHandler"
@@ -74,6 +74,7 @@
<div style="margin-top: 10px">
<avue-crud
ref="BottomCrud"
+ v-model="bottomForm"
:data="bottomData"
:option="bottomOption"
:table-loading="bottomTableLoading"
@@ -85,7 +86,18 @@
<el-button icon="el-icon-plus" plain size="small" type="primary" @click="bottomAddClickHandler">澧炲姞
</el-button>
</template>
-
+ <template slot="menuForm" slot-scope="scope">
+ <el-button type="primary"
+ size="small"
+ icon="el-icon-check"
+ v-if="scope.type === 'add'"
+ @click="handleSaveNext()">淇濆瓨鍚庣户缁坊鍔�</el-button>
+ <el-button type="primary"
+ size="small"
+ icon="el-icon-circle-plus-outline"
+ v-if="scope.type === 'add'"
+ @click="$refs.BottomCrud.rowSave()">淇濆瓨</el-button>
+ </template>
</avue-crud>
</div>
</basic-container>
@@ -138,6 +150,7 @@
rightRoleData: [],
form: {},
bottomTableLoading: false,
+ bottomForm:{},
bottomData: [],
bottomOption: {
...basicOption,
@@ -145,6 +158,8 @@
calcHeight: -30,
selection: false,
refreshBtn: false,
+ dialogWidth:'700',
+ saveBtn:false,
// height:'auto',
column: [
{
@@ -180,10 +195,15 @@
addBtn: false,
height: 350,
highlightCurrentRow: true,
+ menuWidth:160,
+ span:24,
+ labelWidth:100,
+ dialogWidth:'700',
column: [
{
label: '缂栧彿',
prop: 'plCode',
+ overHidden: true,
search: true,
rules: [
{
@@ -196,6 +216,7 @@
{
label: '鍚嶇О',
prop: 'plName',
+ overHidden: true,
search: true,
rules: [
{
@@ -204,12 +225,6 @@
trigger: 'blur'
}
]
- },
- {
- label: '绫昏矾寰�',
- prop: 'plCSClass',
- search: true,
- overHidden: true,
},
{
label: '鍒嗙被',
@@ -231,15 +246,25 @@
dicData: []
},
{
- label: '閾炬帴鍦板潃',
+ label: 'C/S绫昏矾寰�',
+ prop: 'plCSClass',
+ search: true,
+ searchLabelWidth:120,
+ overHidden: true,
+ },
+ {
+ label: 'B/S閾炬帴鍦板潃',
prop: 'plBSUrl',
search: true,
+ searchLabelWidth:120,
+ overHidden: true,
},
{
label: '绫诲瀷',
prop: 'plTypeType',
search: true,
- type: 'select',
+ type: 'radio',
+ width:100,
dicData: [{
label: '涓氬姟绫诲瀷',
value: 'business'
@@ -260,6 +285,7 @@
prop: 'plDesc',
search: true,
overHidden: true,
+ type: 'textarea'
},
]
},
@@ -273,7 +299,10 @@
value: 'id',
children: 'childs'
},
+ dialogWidth:'800',
+ dialogMenuPosition: 'right',
formOption: {
+ dialogMenuPosition: 'right',
column: [
{
label: '鍒嗙被鍚嶇О',
@@ -300,21 +329,24 @@
{
label: '鍒涘缓鑰�',
prop: 'creator',
- readonly: true,
+ disabled: true,
},
{
label: '鍒涘缓鏃堕棿',
prop: 'createTime',
- readonly: true,
+ disabled: true,
},
{
label: '鐖朵富绫�',
prop: 'pidName',
- readonly: true,
+ disabled: true,
+ span:24
},
{
label: '澶囨敞',
- prop: 'description'
+ prop: 'description',
+ type:'textarea',
+ span:24
},
],
}
@@ -335,7 +367,9 @@
const data = res.data.obj;
this.treeData = [data];
const selectTreeData = this.option.column.find(item => item.prop === 'plActionCls'); // 鎵惧埌action娣诲姞鍒嗙被鏍�
- selectTreeData.dicData = [data];
+ const dicData=[data];
+ dicData[0].disabled=true;//鏍硅妭鐐逛笉鑳介��
+ selectTreeData.dicData = dicData;
})
},
@@ -356,9 +390,10 @@
// 鍙充晶琛ㄦ牸淇℃伅
getRightTableList(row) {
+ console.log(row);
this.tableLoading = true;
const params = {
- plactioncls: row.id
+ plactioncls: row.id ? row.id : ''
}
getActionTableData(params).then(res => {
const data = res.data.data;
@@ -399,7 +434,7 @@
}
this.tableLoading = true;
const apiParams = {
- plactioncls: this.treeNodeRow.id === 'root' ? '' : this.treeNodeRow.id,
+ plactioncls: this.treeNodeRow.id === 'root' ? '' : this.treeNodeRow.id ? this.treeNodeRow.id : '',
...params
}
@@ -420,6 +455,17 @@
this.getRightTableList(this.treeNodeRow);
},
+ beforeOpen(done, type, loading) {
+ if ([ 'edit'].includes(type)) {
+ // 缂栬緫閫昏緫
+ this.$set(this.option.column[2],'disabled',false);
+ } else {
+ // 鏂板閫昏緫
+ this.$set(this.option.column[2],'disabled',true);
+ }
+ done();
+ console.log(this.option.column)
+ },
// action鍒楄〃澧炲姞
addClickHandler() {
if (func.isEmptyObject(this.treeNodeRow)) {
@@ -464,29 +510,24 @@
this.leftRoleData = [{
name: '缂栧彿',
oid: '缂栧彿'
- },
- {
- name: '绫昏矾寰�',
- oid: '绫昏矾寰�'
- },
- {
- name: '閾炬帴鍦板潃',
- oid: '閾炬帴鍦板潃'
- },
- {
- name: '绫诲瀷',
- oid: '绫诲瀷'
- },
- {
- name: '鎻忚堪',
- oid: '鎻忚堪'
- },]
+ }, {
+ name: '绫昏矾寰�',
+ oid: '绫昏矾寰�'
+ }, {
+ name: '閾炬帴鍦板潃',
+ oid: '閾炬帴鍦板潃'
+ }, {
+ name: '绫诲瀷',
+ oid: '绫诲瀷'
+ }, {
+ name: '鎻忚堪',
+ oid: '鎻忚堪'
+ },]
this.$refs.transfer.visible = true;
},
// 绌挎妗嗕繚瀛� index涓�0鏄�夋嫨 1鏄叏閮�
exportSendHandler(row, index) {
- console.log(row, index);
const params = {
dataType: index,
chooseDataOid: index === 0 ? this.selectList.map(item => item.plOId) : [],
@@ -544,6 +585,7 @@
// 鍙傛暟鍒楄〃鏂板淇濆瓨
BottomRowSaveHandler(form, done, loading) {
+ form.actionOid=this.currenRow.plOId;
savePLActionParam(form).then(res => {
if (res.data.code === 200) {
this.$message.success('娣诲姞鎴愬姛');
@@ -553,7 +595,24 @@
})
loading();
},
+ handleSaveNext(){
+ this.$refs.BottomCrud.$refs.dialogForm.$refs.tableForm.$refs.form.validate((valid) => {
+ if (valid) {
+ this.bottomForm.actionOid=this.currenRow.plOId;
+ savePLActionParam(this.bottomForm).then(res => {
+ if (res.data.code === 200) {
+ this.$message.success('娣诲姞鎴愬姛');
+ this.bottomForm={};
+ this.getBottomList();
+ this.$refs.BottomCrud.$refs.dialogForm.$refs.tableForm.$refs.form.resetFields()
+ }
+ })
+ } else {
+ return false;
+ }
+ });
+ },
// 鍙傛暟鍒楄〃淇敼淇濆瓨
BottomRowUpdateHandler(row, index, done, loading) {
updatePLActionParam(row).then(res => {
@@ -593,7 +652,10 @@
this.$message.error('璇烽�夋嫨涓�鏉″垎绫昏繘琛屾坊鍔�');
return;
}
-
+ if (!this.treeNodeRow.id && this.treeNodeRow.name=='鏈垎绫�') {
+ this.$message.error('鏈垎绫讳笅涓嶈兘鍒涘缓瀛愬垎绫�');
+ return;
+ }
const {createTime, creator, name, id, description} = this.treeNodeRow;
this.$set(this.treeForm, 'createTime', func.formattedDate(createTime));
this.$set(this.treeForm, 'creator', creator);
@@ -610,8 +672,8 @@
this.$message.success('鍒嗙被鍒涘缓鎴愬姛');
this.getTreeList();
}
- done();
})
+ done();
loading();
},
@@ -624,6 +686,10 @@
if (this.treeNodeRow.id === 'root') {
this.$message.error('鏍硅妭鐐逛笉鑳戒慨鏀�');
+ return;
+ }
+ if (!this.treeNodeRow.id && this.treeNodeRow.name=='鏈垎绫�') {
+ this.$message.error('鏈垎绫讳笉鑳戒慨鏀�');
return;
}
const {name, serialno, creator, createTime, pid, description, id} = this.treeNodeRow;
@@ -645,7 +711,7 @@
updateActionCls(data).then(res => {
if (res.data.code === 200) {
this.$message.success('淇敼鎴愬姛');
- this.getBottomList();
+ //this.getBottomList();
}
done();
})
@@ -718,40 +784,8 @@
.el-scrollbar__wrap {
overflow: auto !important;
}
-
- .headerCon {
- .el-button {
- width: 82px;
- }
+ .avue-dialog .el-dialog__body .avue-form{
+ margin: 0 auto;
}
}
-
-.headerCon {
- display: flex;
- flex-wrap: wrap;
- margin-bottom: 5px;
-
- .el-button + .el-button {
- margin-left: 5px;
- }
-
- .el-button {
- margin-top: 5px;
- }
-}
-
-.headerCon > .el-button:nth-child(4) {
- margin-left: 0;
-}
-
-.headerCon > .el-button:nth-child(7) {
- margin-left: 0;
-}
-
-.smallBtn {
- width: 82px;
- text-align: center;
- padding-left: 4.5px;
-}
-
</style>
--
Gitblit v1.9.3