Skip to content

V
vue-gjjs
Commit 2b47d768 by Wuyuqiu
Options

litame交易ui美化

parent 40e531a6
Showing with 1394 additions and 772 deletions
src/assets/css/common.css
...@@ -521,12 +521,17 @@ ...@@ -521,12 +521,17 @@
} }
} }
/* checkbox右对齐 */
.el-checkbox{ .el-checkbox{
float: right; float: right;
text-align: center; text-align: center;
} }
/* checkbox左对齐 */
.checkbox-left{
float: left;
text-align: center;
}
/* .el-checkbox:last-of-type{ /* .el-checkbox:last-of-type{
margin-right:30px; margin-right:30px;
} */ } */
......
src/views/Business/Litame/Adcpame.vue
<template> <template>
<div class="eibs"> <div class="eibs">
<el-col :span="12" style="padding-right: 20px;"> <el-col :span="12" style="padding-right: 20px">
<c-col :span="24"> <c-col :span="24">
<el-form-item label="附加条款" prop="lidgrp.blk.adlcnd"> <el-form-item label="附加条款" prop="lidgrp.blk.adlcnd">
<c-input <c-input
:autosize="{ minRows: 12, maxRows: 800}" :autosize="{ minRows: 12, maxRows: 800 }"
:disabled="this.flag1" :disabled="this.flag1"
type="textarea" v-model="model.lidgrp.blk.adlcnd" maxlength="52000" show-word-limit placeholder="请输入附加条款" ></c-input> type="textarea"
v-model="model.lidgrp.blk.adlcnd"
maxlength="52000"
show-word-limit
placeholder="请输入附加条款"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="22"> <c-col :span="24">
<el-form-item label="添加/删除当前修订中的文本" prop="litamep.adlcndamep.usrblk"> <el-form-item
label="添加/删除当前修订中的文本"
prop="litamep.adlcndamep.usrblk"
>
<c-fullbox>
<c-input
:disabled="this.flag2"
:autosize="{ minRows: 22, maxRows: 800 }"
type="textarea"
v-model="model.litamep.adlcndamep.usrblk"
maxlength="52000"
show-word-limit
placeholder="请输入添加/删除补充信息"
></c-input>
<template slot="footer">
<c-button
size="small"
type="primary"
icon="el-icon-search"
:disabled="this.flag2"
@click="
showGridPromptDialog(
'litamep.adlcndame.buttxmsel',
null,
null,
{ TXT: 'litamep.adlcndamep.usrblk' },
{ TXT: false },
'doxpDialog'
)
"
>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- <c-col :span="22">
<el-form-item
label="添加/删除当前修订中的文本"
prop="litamep.adlcndamep.usrblk"
>
<c-input <c-input
:disabled="this.flag2" :disabled="this.flag2"
:autosize="{ minRows: 22, maxRows: 800}" :autosize="{ minRows: 22, maxRows: 800 }"
type="textarea" v-model="model.litamep.adlcndamep.usrblk" maxlength="52000" show-word-limit placeholder="请输入添加/删除补充信息" ></c-input> type="textarea"
v-model="model.litamep.adlcndamep.usrblk"
maxlength="52000"
show-word-limit
placeholder="请输入添加/删除补充信息"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="2"> <c-col :span="2">
<c-button size="small" type="primary" icon="el-icon-search" <c-button
size="small"
type="primary"
icon="el-icon-search"
:disabled="this.flag2" :disabled="this.flag2"
@click="showGridPromptDialog('litamep.adlcndame.buttxmsel',null,null,{TXT: 'litamep.adlcndamep.usrblk'}, {TXT: false},'doxpDialog')"> @click="
showGridPromptDialog(
'litamep.adlcndame.buttxmsel',
null,
null,
{ TXT: 'litamep.adlcndamep.usrblk' },
{ TXT: false },
'doxpDialog'
)
"
>
</c-button> </c-button>
</c-col> </c-col> -->
</el-col> </el-col>
<el-col :span="12" style="padding-left: 20px;"> <el-col :span="12" style="padding-left: 20px">
<c-col :span="24"> <c-col :span="24">
<el-form-item label="历史概述" prop="lidgrp.blk.adlcndame"> <el-form-item label="历史概述" prop="lidgrp.blk.adlcndame">
<c-input <c-input
:autosize="{ minRows: 12, maxRows: 999}" :autosize="{ minRows: 12, maxRows: 999 }"
disabled disabled
type="textarea" v-model="model.lidgrp.blk.adlcndame" maxlength="4950" show-word-limit placeholder="请输入Additional Conditions Amendment History" ></c-input> type="textarea"
v-model="model.lidgrp.blk.adlcndame"
maxlength="4950"
show-word-limit
placeholder="请输入Additional Conditions Amendment History"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<c-checkbox <c-checkbox
style=" margin: 0px 0 10px 150px;" class="checkbox-left"
v-model="model.lidgrp.rec.redclsflg">红/绿条款</c-checkbox> style="margin: 0px 0 10px 120px"
v-model="model.lidgrp.rec.redclsflg"
>红/绿条款</c-checkbox
>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<c-checkbox <c-checkbox
style=" margin: 0px 0 10px 100px;" style="margin: 0px 0 10px 100px"
v-model="model.lidgrp.rec.spcbenflg">适用于受益人的特殊付款条款</c-checkbox> v-model="model.lidgrp.rec.spcbenflg"
>适用于受益人的特殊付款条款</c-checkbox
>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<c-checkbox <c-checkbox
@change="open" @change="open"
style=" margin: 0px 0 10px 150px;" class="checkbox-left"
v-model="model.litamep.adlcndamep.modflg">修改要替换的文本</c-checkbox> style="margin: 0px 0 10px 120px"
v-model="model.litamep.adlcndamep.modflg"
>修改要替换的文本</c-checkbox
>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<c-checkbox <c-checkbox
style=" margin: 0px 0 10px 100px;" style="margin: 0px 0 10px 100px"
v-model="model.lidgrp.rec.spcrcbflg">仅适用于银行的特殊付款条款</c-checkbox> v-model="model.lidgrp.rec.spcrcbflg"
>仅适用于银行的特殊付款条款</c-checkbox
>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label=" " prop="litamep.adlcndamep.modmanflg">
<c-checkbox <c-checkbox
@change="open1" @change="open1"
style=" margin: 0px 0 10px 150px;" class="checkbox-left"
v-model="model.litamep.adlcndamep.modmanflg">内部修改文本</c-checkbox> v-model="model.litamep.adlcndamep.modmanflg"
>内部修改文本</c-checkbox
>
</el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-button <c-button
style=" margin: 0px 0 10px 150px;" style="margin: 0px 0 10px 120px"
size="small" type="primary" @click="onAdlcndamepButdif"> size="small"
type="primary"
@click="onAdlcndamepButdif"
>
显示差异 显示差异
</c-button> </c-button>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-button <c-button
style=" margin: 0px 0 10px 150px;" style="margin: 0px 0 10px 120px"
size="small" type="primary" disabled @click="onAdlcndamepButadd"> size="small"
type="primary"
disabled
@click="onAdlcndamepButadd"
>
添加文本 添加文本
</c-button> </c-button>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-button <c-button
style=" margin: 0px 0 10px 150px;" style="margin: 0px 0 10px 120px"
size="small" type="primary" disabled icon="el-icon-delete" @click="onAdlcndamepButdel"> size="small"
type="primary"
disabled
icon="el-icon-delete"
@click="onAdlcndamepButdel"
>
删除文本 删除文本
</c-button> </c-button>
</c-col> </c-col>
</el-col> </el-col>
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess"; import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable" import CodeTable from "~/config/CodeTable";
import Event from "~/model/Litame/Event" import Event from "~/model/Litame/Event";
export default { export default {
inject: ['root'], inject: ["root"],
props:["model","codes"], props: ["model", "codes"],
mixins: [commonProcess], mixins: [commonProcess],
data(){ data() {
return { return {};
}
}, },
watch:{ watch: {
"model.litamep.adlcndamep.modflg":{ "model.litamep.adlcndamep.modflg": {
immediate:true, immediate: true,
handler(val,oldval){ handler(val, oldval) {
if(this.model.litamep.adlcndamep.modflg == 'X' && this.model.litamep.adlcndamep.modmanflg== ''){ if (
this.flag1=false; this.model.litamep.adlcndamep.modflg == "X" &&
this.flag2=true; this.model.litamep.adlcndamep.modmanflg == ""
this.model.litamep.adlcndamep.usrblk=''; ) {
}else if(this.model.litamep.adlcndamep.modflg == 'X' && this.model.litamep.adlcndamep.modmanflg== 'X'){ this.flag1 = false;
this.flag1=false; this.flag2 = true;
this.flag2=true; this.model.litamep.adlcndamep.usrblk = "";
} else if (
}else if(this.model.litamep.adlcndamep.modflg == '' && this.model.litamep.adlcndamep.modmanflg== ''){ this.model.litamep.adlcndamep.modflg == "X" &&
this.flag1=true; this.model.litamep.adlcndamep.modmanflg == "X"
this.flag2=false; ) {
}else if(this.model.litamep.adlcndamep.modflg == '' && this.model.litamep.adlcndamep.modmanflg== 'X'){ this.flag1 = false;
this.flag1=false; this.flag2 = true;
this.flag2=true; } else if (
this.model.litamep.adlcndamep.usrblk=''; this.model.litamep.adlcndamep.modflg == "" &&
} this.model.litamep.adlcndamep.modmanflg == ""
) {
this.flag1 = true;
this.flag2 = false;
} else if (
this.model.litamep.adlcndamep.modflg == "" &&
this.model.litamep.adlcndamep.modmanflg == "X"
) {
this.flag1 = false;
this.flag2 = true;
this.model.litamep.adlcndamep.usrblk = "";
} }
}, },
"model.litamep.adlcndamep.modmanflg":{ },
immediate:true, "model.litamep.adlcndamep.modmanflg": {
handler(val,oldval){ immediate: true,
if(this.model.litamep.adlcndamep.modflg == 'X' && this.model.litamep.adlcndamep.modmanflg== ''){ handler(val, oldval) {
this.flag1=false; if (
this.flag2=true; this.model.litamep.adlcndamep.modflg == "X" &&
this.model.litamep.adlcndamep.usrblk=''; this.model.litamep.adlcndamep.modmanflg == ""
}else if(this.model.litamep.adlcndamep.modflg == 'X' && this.model.litamep.adlcndamep.modmanflg== 'X'){ ) {
this.flag1=false; this.flag1 = false;
this.flag2=true; this.flag2 = true;
this.model.litamep.adlcndamep.usrblk = "";
}else if(this.model.litamep.adlcndamep.modflg == '' && this.model.litamep.adlcndamep.modmanflg== ''){ } else if (
this.flag1=true; this.model.litamep.adlcndamep.modflg == "X" &&
this.flag2=false; this.model.litamep.adlcndamep.modmanflg == "X"
}else if(this.model.litamep.adlcndamep.modflg == '' && this.model.litamep.adlcndamep.modmanflg== 'X'){ ) {
this.flag1=false; this.flag1 = false;
this.flag2=true; this.flag2 = true;
this.model.litamep.adlcndamep.usrblk=''; } else if (
} this.model.litamep.adlcndamep.modflg == "" &&
} this.model.litamep.adlcndamep.modmanflg == ""
) {
this.flag1 = true;
this.flag2 = false;
} else if (
this.model.litamep.adlcndamep.modflg == "" &&
this.model.litamep.adlcndamep.modmanflg == "X"
) {
this.flag1 = false;
this.flag2 = true;
this.model.litamep.adlcndamep.usrblk = "";
} }
}, },
methods:{...Event, },
open(val){ },
if(val === '' && !(this.model.lidgrp.blk.adlcnd == '')){ methods: {
this.$confirm('Do you really want to reset your manual modifications?','提示',{ ...Event,
open(val) {
cancelButtonText: 'Cannel', if (val === "" && !(this.model.lidgrp.blk.adlcnd == "")) {
confirmButtonText: 'Ok', this.$confirm(
type: 'warning', "Do you really want to reset your manual modifications?",
showClose:false "提示",
}).then(() => { {
cancelButtonText: "Cannel",
confirmButtonText: "Ok",
type: "warning",
showClose: false,
}
)
.then(() => {
//yes的执行在这里写 //yes的执行在这里写
this.model.lidgrp.blk.adlcnd=''; this.model.lidgrp.blk.adlcnd = "";
this.$message({ this.$message({
type: 'success', type: "success",
message: '删除成功!' message: "删除成功!",
}); });
})
}).catch(() => { .catch(() => {
//No的功能在这里写 //No的功能在这里写
this.model.litamep.adlcndamep.modflg='X' this.model.litamep.adlcndamep.modflg = "X";
this.$message({ this.$message({
type: 'info', type: "info",
message: '已取消' message: "已取消",
}); });
}); });
}else if(val == 'X' && this.model.litamep.adlcndamep.modmanflg =='X'){ } else if (val == "X" && this.model.litamep.adlcndamep.modmanflg == "X") {
this.$confirm('Please reset internal modification first','提示',{ this.$confirm("Please reset internal modification first", "提示", {
confirmButtonText: 'Ok', confirmButtonText: "Ok",
showCancelButton:false, showCancelButton: false,
type: 'warning', type: "warning",
showClose:false showClose: false,
}).then(() => { }).then(() => {
//yes的执行在这里写 //yes的执行在这里写
this.model.litamep.adlcndamep.modflg=''; this.model.litamep.adlcndamep.modflg = "";
this.flag1=true; this.flag1 = true;
this.flag2=false; this.flag2 = false;
}) });
} }
}, },
open1(val){ open1(val) {
if(val === '' && !(this.model.lidgrp.blk.adlcnd == '')){ if (val === "" && !(this.model.lidgrp.blk.adlcnd == "")) {
this.$confirm('Do you really want to reset your manual modifications?','提示',{ this.$confirm(
"Do you really want to reset your manual modifications?",
cancelButtonText: 'Cannel', "提示",
confirmButtonText: 'Ok', {
type: 'warning', cancelButtonText: "Cannel",
showClose:false confirmButtonText: "Ok",
}).then(() => { type: "warning",
showClose: false,
}
)
.then(() => {
//yes的执行在这里写 //yes的执行在这里写
this.model.lidgrp.blk.adlcnd=''; this.model.lidgrp.blk.adlcnd = "";
this.$message({ this.$message({
type: 'success', type: "success",
message: '删除成功!' message: "删除成功!",
}); });
})
}).catch(() => { .catch(() => {
//No的功能在这里写 //No的功能在这里写
this.model.litamep.adlcndamep.modmanflg = 'X' this.model.litamep.adlcndamep.modmanflg = "X";
this.$message({ this.$message({
type: 'info', type: "info",
message: '已取消' message: "已取消",
}); });
}); });
}else if(this.model.litamep.adlcndamep.modflg == 'X' && this.model.litamep.adlcndamep.modmanflg =='X'){ } else if (
this.$confirm('Please reset modification to replace first','提示',{ this.model.litamep.adlcndamep.modflg == "X" &&
confirmButtonText: 'Ok', this.model.litamep.adlcndamep.modmanflg == "X"
cancelButtonText: '', ) {
showCancelButton:false, this.$confirm("Please reset modification to replace first", "提示", {
type: 'warning', confirmButtonText: "Ok",
showClose:false cancelButtonText: "",
showCancelButton: false,
type: "warning",
showClose: false,
}).then(() => { }).then(() => {
//yes的执行在这里写 //yes的执行在这里写
this.model.litamep.adlcndamep.modmanflg=''; this.model.litamep.adlcndamep.modmanflg = "";
this.flag1=true; this.flag1 = true;
this.flag2=false; this.flag2 = false;
}) });
}
} }
}, },
created:function(){ },
created: function () {},
} };
}
</script> </script>
<style> <style>
</style> </style>
src/views/Business/Litame/Addbcb.vue
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="eibs-tab"> <div class="eibs-tab">
<el-collapse v-model="activeNames"> <el-collapse v-model="activeNames">
<el-collapse-item title="备查表" name="addbcb"> <el-collapse-item title="备查表" name="addbcb">
<el-form-item label="备查表类型"> <el-form-item label="备查表类型" class="checkbox-left">
<c-checkbox v-model="model.bcbtyp1">不在名录</c-checkbox> <c-checkbox v-model="model.bcbtyp1">不在名录</c-checkbox>
<c-checkbox v-model="model.bcbtyp2">异地付汇</c-checkbox> <c-checkbox v-model="model.bcbtyp2">异地付汇</c-checkbox>
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
<c-checkbox v-model="model.bcbtyp5">不需要</c-checkbox> <c-checkbox v-model="model.bcbtyp5">不需要</c-checkbox>
<c-checkbox v-model="model.bcbtyp6">其它</c-checkbox> <c-checkbox v-model="model.bcbtyp6" style="margin-right:30px;">其它</c-checkbox>
</el-form-item> </el-form-item>
<c-col :span="12" v-if="model.bcbtyp6"> <c-col :span="12" v-if="model.bcbtyp6">
...@@ -62,7 +62,9 @@ ...@@ -62,7 +62,9 @@
</c-col> </c-col>
<c-col :span="11" :offset="0"> <c-col :span="11" :offset="0">
<c-checkbox v-model="model.modtyp">修改信用证类型</c-checkbox> <el-form-item label=" " prop="modtyp">
<c-checkbox v-model="model.modtyp" class="checkbox-left">修改信用证类型</c-checkbox>
</el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
...@@ -99,7 +101,9 @@ export default { ...@@ -99,7 +101,9 @@ export default {
props: ["model", "codes"], props: ["model", "codes"],
mixins: [commonProcess], mixins: [commonProcess],
data() { data() {
return {}; return {
activeNames: ['addbcb']
};
}, },
methods: { ...Event }, methods: { ...Event },
created: function () {}, created: function () {},
......
src/views/Business/Litame/Amep.vue
<template> <template>
<div class="eibs"> <div class="eibs">
<!-- ==========左=============== --> <!-- ==========左=============== -->
<el-col :span="12" style="padding-right: 20px;"> <el-col :span="12" style="padding-right: 20px">
<!-- <c-col :span="24">
<el-form-item
label="客户经理"
prop="litp.usr.extkey"
style="width: 100%"
>
<c-fullbox>
<c-input
v-model="model.litp.usr.extkey"
maxlength="8"
disabled
placeholder="请输入客户经理"
></c-input>
<template slot="footer">
<c-button
size="small"
style="margin-left: 10px; padding: 0 12px"
type="primary"
icon="el-icon-search"
@click="onExtkey"
>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col> -->
<c-col :span="24"> <c-col :span="24">
<el-form-item label="信用证编号" prop="lidgrp.rec.ownref"> <el-form-item
label="信用证编号"
prop="lidgrp.rec.ownref"
style="width: 100%"
>
<c-fullbox> <c-fullbox>
<c-input <c-input
v-model="model.lidgrp.rec.ownref" v-model="model.lidgrp.rec.ownref"
maxlength="16" maxlength="8"
placeholder="请输入编号" placeholder="请输入编号"
disabled disabled
></c-input> ></c-input>
<template slot="footer"> <template slot="footer">
<c-button <c-button
style="margin: 0 10px 0 10px; padding: 0 12px" style="margin-left: 10px; padding: 0 12px"
size="small" size="small"
type="primary" type="primary"
icon="el-icon-search"
> >
</c-button> </c-button>
</template> </template>
</c-fullbox> </c-fullbox>
...@@ -26,7 +55,12 @@ ...@@ -26,7 +55,12 @@
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="修改日期" prop="trnmod.swiadd.amedat"> <el-form-item label="修改日期" prop="trnmod.swiadd.amedat">
<c-date-picker type="date" v-model="model.trnmod.swiadd.amedat" style="width:100%" placeholder="请选择修改日期"></c-date-picker> <c-date-picker
type="date"
v-model="model.trnmod.swiadd.amedat"
style="width: 100%"
placeholder="请选择修改日期"
></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
...@@ -73,7 +107,7 @@ ...@@ -73,7 +107,7 @@
<el-form-item label="修改金额" prop="trnmod.swiadd.amecur"> <el-form-item label="修改金额" prop="trnmod.swiadd.amecur">
<c-input <c-input
v-model="model.trnmod.swiadd.amecur" v-model="model.trnmod.swiadd.amecur"
style="width:100%" style="width: 100%"
placeholder="请选择增减金额" placeholder="请选择增减金额"
disabled disabled
> >
...@@ -83,7 +117,9 @@ ...@@ -83,7 +117,9 @@
<c-col :span="12"> <c-col :span="12">
<el-form-item label="" prop="trnmod.swiadd.ameamt"> <el-form-item label="" prop="trnmod.swiadd.ameamt">
<c-input-currency v-model="model.trnmod.swiadd.ameamt" placeholder="请输入增减金额." <c-input-currency
v-model="model.trnmod.swiadd.ameamt"
placeholder="请输入增减金额."
></c-input-currency> ></c-input-currency>
</el-form-item> </el-form-item>
</c-col> </c-col>
...@@ -91,7 +127,7 @@ ...@@ -91,7 +127,7 @@
<el-form-item label="修改后金额" prop="trnmod.swiadd.newcur"> <el-form-item label="修改后金额" prop="trnmod.swiadd.newcur">
<c-input <c-input
v-model="model.trnmod.swiadd.newcur" v-model="model.trnmod.swiadd.newcur"
style="width:100%" style="width: 100%"
placeholder="请选择修改后金额" placeholder="请选择修改后金额"
disabled disabled
> >
...@@ -101,18 +137,27 @@ ...@@ -101,18 +137,27 @@
<c-col :span="12"> <c-col :span="12">
<el-form-item label="" prop="trnmod.swiadd.newamt"> <el-form-item label="" prop="trnmod.swiadd.newamt">
<c-input-currency v-model="model.trnmod.swiadd.newamt" placeholder="请输入修改后金额"></c-input-currency> <c-input-currency
v-model="model.trnmod.swiadd.newamt"
placeholder="请输入修改后金额"
></c-input-currency>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="新的上浮比例" prop="trnmod.swiadd.newnomtop"> <el-form-item label="新的上浮比例" prop="trnmod.swiadd.newnomtop">
<c-input v-model.number="model.trnmod.swiadd.newnomtop" placeholder="请输入New positive tolerance"></c-input> <c-input
v-model.number="model.trnmod.swiadd.newnomtop"
placeholder="请输入New positive tolerance"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="新的下浮比例" prop="trnmod.swiadd.newnomton"> <el-form-item label="新的下浮比例" prop="trnmod.swiadd.newnomton">
<c-input v-model.number="model.trnmod.swiadd.newnomton" placeholder="请输入New negative tolerance"></c-input> <c-input
v-model.number="model.trnmod.swiadd.newnomton"
placeholder="请输入New negative tolerance"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
...@@ -120,7 +165,10 @@ ...@@ -120,7 +165,10 @@
<c-select <c-select
disabled disabled
:code="codes.nomspc" :code="codes.nomspc"
v-model="model.trnmod.swiadd.nomspc" style="width:100%" placeholder="请选择金额说明"> v-model="model.trnmod.swiadd.nomspc"
style="width: 100%"
placeholder="请选择金额说明"
>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
...@@ -129,17 +177,29 @@ ...@@ -129,17 +177,29 @@
<el-form-item label="生效日期" prop="oldlidgrp.rec.expdat"> <el-form-item label="生效日期" prop="oldlidgrp.rec.expdat">
<c-date-picker <c-date-picker
disabled disabled
type="date" v-model="model.oldlidgrp.rec.expdat" style="width:100%" placeholder="请选择到期日"></c-date-picker> type="date"
v-model="model.oldlidgrp.rec.expdat"
style="width: 100%"
placeholder="请选择到期日"
></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="(新)生效日期" prop="trnmod.swiadd.newexpdat"> <el-form-item label="(新)生效日期" prop="trnmod.swiadd.newexpdat">
<c-date-picker type="date" v-model="model.trnmod.swiadd.newexpdat" style="width:100%" placeholder="请选择新到期日"></c-date-picker> <c-date-picker
type="date"
v-model="model.trnmod.swiadd.newexpdat"
style="width: 100%"
placeholder="请选择新到期日"
></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="信息目的" prop="trnmod.swiadd.purpos"> <el-form-item label="信息目的" prop="trnmod.swiadd.purpos">
<c-select v-model="model.trnmod.swiadd.purpos" style="width:100%" placeholder="请选择Purpose of message" <c-select
v-model="model.trnmod.swiadd.purpos"
style="width: 100%"
placeholder="请选择Purpose of message"
:code="codes.purpos5" :code="codes.purpos5"
> >
</c-select> </c-select>
...@@ -169,7 +229,10 @@ ...@@ -169,7 +229,10 @@
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="费用承担人修改" prop="trnmod.swiadd.trnchato"> <el-form-item label="费用承担人修改" prop="trnmod.swiadd.trnchato">
<c-select v-model="model.trnmod.swiadd.trnchato" style="width:100%" placeholder="请选择Amendm. charge by" <c-select
v-model="model.trnmod.swiadd.trnchato"
style="width: 100%"
placeholder="请选择Amendm. charge by"
:code="codes.trnchato1" :code="codes.trnchato1"
> >
</c-select> </c-select>
...@@ -183,7 +246,7 @@ ...@@ -183,7 +246,7 @@
maxlength="210" maxlength="210"
show-word-limit show-word-limit
placeholder="请输入收费详情" placeholder="请输入收费详情"
:disabled="model.trnmod.swiadd.trnchato != 'OTHR' " :disabled="model.trnmod.swiadd.trnchato != 'OTHR'"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
...@@ -196,7 +259,7 @@ ...@@ -196,7 +259,7 @@
</el-col> </el-col>
<!-- ==========右=============== --> <!-- ==========右=============== -->
<el-col :span="12" style="padding-left: 20px;"> <el-col :span="12" style="padding-left: 20px">
<c-col :span="24"> <c-col :span="24">
<el-form-item label="简略信息" prop="lidgrp.rec.nam"> <el-form-item label="简略信息" prop="lidgrp.rec.nam">
<c-input <c-input
...@@ -209,7 +272,10 @@ ...@@ -209,7 +272,10 @@
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="修改次数" prop="trnmod.swiadd.amenbr"> <el-form-item label="修改次数" prop="trnmod.swiadd.amenbr">
<c-input v-model.number="model.trnmod.swiadd.amenbr" placeholder="请输入修改次数"></c-input> <c-input
v-model.number="model.trnmod.swiadd.amenbr"
placeholder="请输入修改次数"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
...@@ -246,7 +312,7 @@ ...@@ -246,7 +312,7 @@
<el-form-item label="修改总金额" prop="litamep.engcur"> <el-form-item label="修改总金额" prop="litamep.engcur">
<c-input <c-input
v-model="model.litamep.engcur" v-model="model.litamep.engcur"
style="width:100%" style="width: 100%"
placeholder="请选择修改总金额" placeholder="请选择修改总金额"
disabled disabled
> >
...@@ -288,7 +354,7 @@ ...@@ -288,7 +354,7 @@
<c-date-picker <c-date-picker
type="date" type="date"
v-model="model.oldlidgrp.rec.shpdat" v-model="model.oldlidgrp.rec.shpdat"
style="width:100%" style="width: 100%"
placeholder="请选择装运日" placeholder="请选择装运日"
disabled disabled
></c-date-picker> ></c-date-picker>
...@@ -296,90 +362,108 @@ ...@@ -296,90 +362,108 @@
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="装运日期(新)" prop="trnmod.swiadd.newshpdat"> <el-form-item label="装运日期(新)" prop="trnmod.swiadd.newshpdat">
<c-date-picker type="date" v-model="model.trnmod.swiadd.newshpdat" style="width:100%" placeholder="请选择新装运日"></c-date-picker> <c-date-picker
type="date"
v-model="model.trnmod.swiadd.newshpdat"
style="width: 100%"
placeholder="请选择新装运日"
></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="交单期限(新)" prop="trnmod.swiadd.prepers18"> <el-form-item label="交单期限(新)" prop="trnmod.swiadd.prepers18">
<c-input v-model.number="model.trnmod.swiadd.prepers18" placeholder="请输入New Presentation Period"></c-input> <c-input
v-model.number="model.trnmod.swiadd.prepers18"
placeholder="请输入New Presentation Period"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="交单期限描述" prop="trnmod.swiadd.prepertxts18"> <el-form-item label="交单期限描述" prop="trnmod.swiadd.prepertxts18">
<c-input v-model="model.trnmod.swiadd.prepertxts18" maxlength="35" placeholder="请输入Presentation period text"></c-input> <c-input
v-model="model.trnmod.swiadd.prepertxts18"
maxlength="35"
placeholder="请输入Presentation period text"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label=" " prop="litp.aamp.aammod.addamtflg">
<c-checkbox <c-checkbox
style="margin-left:150px" class="checkbox-left"
v-model="model.litp.aamp.aammod.addamtflg">附加金额</c-checkbox> v-model="model.litp.aamp.aammod.addamtflg"
>附加金额</c-checkbox
>
</el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="币种" prop="lidgrp.cbs.max2.cur"> <el-form-item label="币种" prop="lidgrp.cbs.max2.cur">
<c-input <c-input
disabled disabled
v-model="model.lidgrp.cbs.max2.cur" maxlength="3" placeholder="请选择币种"></c-input> v-model="model.lidgrp.cbs.max2.cur"
maxlength="3"
placeholder="请选择币种"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="附加金额" prop="trnmod.swiadd.addamt"> <el-form-item label="附加金额" prop="trnmod.swiadd.addamt">
<c-input-currency <c-input-currency
:disabled=" !(this.model.litp.aamp.aammod.addamtflg == 'X') " :disabled="!(this.model.litp.aamp.aammod.addamtflg == 'X')"
v-model="model.trnmod.swiadd.addamt" placeholder="请输入附加金额"></c-input-currency> v-model="model.trnmod.swiadd.addamt"
placeholder="请输入附加金额"
></c-input-currency>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="附加金额覆盖" prop="trnmod.swiadd.addamtcov"> <el-form-item label="附加金额覆盖" prop="trnmod.swiadd.addamtcov">
<c-input type="textarea" <c-input
type="textarea"
v-model="model.trnmod.swiadd.addamtcov" v-model="model.trnmod.swiadd.addamtcov"
maxlength="140" maxlength="140"
show-word-limit show-word-limit
placeholder="请输入附加金额" placeholder="请输入附加金额"
:disabled=" !(this.model.litp.aamp.aammod.addamtflg == 'X') " :disabled="!(this.model.litp.aamp.aammod.addamtflg == 'X')"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label=" " prop="trnmod.swiadd.reqcan">
<c-checkbox <c-checkbox
style="margin-left:150px" class="checkbox-left"
v-model="model.trnmod.swiadd.reqcan">取消请求</c-checkbox> v-model="model.trnmod.swiadd.reqcan"
>取消请求</c-checkbox
>
</el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<c-checkbox <c-checkbox style="margin-left: 130px" v-model="model.litamep.cre707flg"
style="margin-left:130px" >创建修改报文</c-checkbox
v-model="model.litamep.cre707flg">创建修改报文</c-checkbox> >
</c-col> </c-col>
</el-col> </el-col>
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess"; import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable" import CodeTable from "~/config/CodeTable";
import Event from "~/model/Litame/Event" import Event from "~/model/Litame/Event";
export default { export default {
inject: ['root'], inject: ["root"],
props:["model","codes"], props: ["model", "codes"],
mixins: [commonProcess], mixins: [commonProcess],
data(){ data() {
return { return {};
}
}, },
methods:{...Event, methods: { ...Event },
created: function () {},
}, };
created:function(){
}
}
</script> </script>
<style> <style>
</style> </style>
<!-- <c-col :span="12"> <!-- <c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="litamep.recget.sdamod.dadsnd"> <el-form-item label="Drag Drop Sender" prop="litamep.recget.sdamod.dadsnd">
......
src/views/Business/Litame/Dogpame.vue
<template> <template>
<div class="eibs"> <div class="eibs">
<el-col :span="12" style="padding-right: 20px">
<el-col :span="12" style="padding-right: 20px;">
<c-col :span="24"> <c-col :span="24">
<el-form-item label="货物/服务描述" prop="lidgrp.blk.lcrgod"> <el-form-item label="货物/服务描述" prop="lidgrp.blk.lcrgod">
<c-input <c-input
:autosize="{ minRows: 12, maxRows: 800}" :autosize="{ minRows: 12, maxRows: 800 }"
:disabled="this.flag1" :disabled="this.flag1"
type="textarea" v-model="model.lidgrp.blk.lcrgod" maxlength="52000" show-word-limit placeholder="请输入描述信息" ></c-input> type="textarea"
v-model="model.lidgrp.blk.lcrgod"
maxlength="52000"
show-word-limit
placeholder="请输入描述信息"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="22"> <c-col :span="24">
<el-form-item label="在当前修订中添加/删除文本" prop="litamep.lcrgodamep.usrblk"> <el-form-item
label="在当前修订中添加/删除文本"
prop="litamep.lcrgodamep.usrblk"
>
<c-fullbox>
<c-input <c-input
:disabled="this.flag2" :disabled="this.flag2"
:autosize="{ minRows: 22, maxRows: 800}" :autosize="{ minRows: 22, maxRows: 800 }"
type="textarea" v-model="model.litamep.lcrgodamep.usrblk" maxlength="52000" show-word-limit placeholder="请输入添加/删除补充信息" ></c-input> type="textarea"
v-model="model.litamep.lcrgodamep.usrblk"
maxlength="52000"
show-word-limit
placeholder="请输入添加/删除补充信息"
></c-input>
<template slot="footer">
<c-button
size="small"
type="primary"
icon="el-icon-search"
:disabled="this.flag2"
@click="
showGridPromptDialog(
'litamep.lcrgodame.buttxmsel',
null,
null,
{ TXT: 'litamep.lcrgodamep.usrblk' },
{ TXT: false },
'doxpDialog'
)
"
>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- <c-col :span="22">
<el-form-item
label="在当前修订中添加/删除文本"
prop="litamep.lcrgodamep.usrblk"
>
<c-input
:disabled="this.flag2"
:autosize="{ minRows: 22, maxRows: 800 }"
type="textarea"
v-model="model.litamep.lcrgodamep.usrblk"
maxlength="52000"
show-word-limit
placeholder="请输入添加/删除补充信息"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="2"> <c-col :span="2">
<c-button size="small" type="primary" icon="el-icon-search" <c-button
size="small"
type="primary"
icon="el-icon-search"
:disabled="this.flag2" :disabled="this.flag2"
@click="showGridPromptDialog('litamep.lcrgodame.buttxmsel',null,null,{TXT: 'litamep.lcrgodamep.usrblk'}, {TXT: false},'doxpDialog')"> @click="
showGridPromptDialog(
'litamep.lcrgodame.buttxmsel',
null,
null,
{ TXT: 'litamep.lcrgodamep.usrblk' },
{ TXT: false },
'doxpDialog'
)
"
>
</c-button> </c-button>
</c-col> </c-col> -->
</el-col> </el-col>
<el-col :span="12" style="padding-left: 20px;"> <el-col :span="12" style="padding-left: 20px">
<c-col :span="24"> <c-col :span="24">
<el-form-item label="历史概述" prop="lidgrp.blk.lcrgodame"> <el-form-item label="历史概述" prop="lidgrp.blk.lcrgodame">
<c-input <c-input
:autosize="{ minRows: 12, maxRows: 999}" :autosize="{ minRows: 12, maxRows: 999 }"
disabled disabled
type="textarea" v-model="model.lidgrp.blk.lcrgodame" maxlength="4950" show-word-limit placeholder="请输入Description of Goods Amendment History" ></c-input> type="textarea"
v-model="model.lidgrp.blk.lcrgodame"
maxlength="4950"
show-word-limit
placeholder="请输入Description of Goods Amendment History"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="" prop="litamep.lcrgodamep.modflg">
<c-checkbox <c-checkbox
@change="open" @change="open"
style=" margin: 0px 0 10px 150px;" class="checkbox-left"
v-model="model.litamep.lcrgodamep.modflg">修改要替换的文本</c-checkbox> v-model="model.litamep.lcrgodamep.modflg"
>修改要替换的文本</c-checkbox
>
</el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<c-checkbox <c-checkbox
@change="open1" @change="open1"
style=" margin: 0px 0 10px 125px;" style="margin: 0px 0 10px 125px"
v-model="model.litamep.lcrgodamep.modmanflg">内部修改文本</c-checkbox> v-model="model.litamep.lcrgodamep.modmanflg"
>内部修改文本</c-checkbox
>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-button <c-button
style=" margin: 0px 0 10px 150px;" style="margin: 0px 0 10px 120px"
size="small" type="primary" @click="onLcrgodamepButdif"> size="small"
type="primary"
@click="onLcrgodamepButdif"
>
显示差异 显示差异
</c-button> </c-button>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-button <c-button
style=" margin: 0px 0 10px 150px;" style="margin: 0px 0 10px 120px"
disabled disabled
size="small" type="primary" @click="onLcrgodamepButadd"> size="small"
type="primary"
@click="onLcrgodamepButadd"
>
添加文本 添加文本
</c-button> </c-button>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-button <c-button
style=" margin: 0px 0 10px 150px;" style="margin: 0px 0 10px 120px"
disabled disabled
size="small" type="primary" icon="el-icon-delete" @click="onLcrgodamepButdel"> size="small"
type="primary"
icon="el-icon-delete"
@click="onLcrgodamepButdel"
>
删除文本 删除文本
</c-button> </c-button>
</c-col> </c-col>
</el-col> </el-col>
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess"; import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable" import CodeTable from "~/config/CodeTable";
import Event from "~/model/Litame/Event" import Event from "~/model/Litame/Event";
export default { export default {
inject: ['root'], inject: ["root"],
props:["model","codes"], props: ["model", "codes"],
mixins: [commonProcess], mixins: [commonProcess],
data(){ data() {
return { return {
flag1:true, flag1: true,
flag2:false, flag2: false,
} };
}, },
watch:{ watch: {
"model.litamep.lcrgodamep.modflg":{ "model.litamep.lcrgodamep.modflg": {
immediate:true, immediate: true,
handler(val,oldval){ handler(val, oldval) {
if(this.model.litamep.lcrgodamep.modflg == 'X' && this.model.litamep.lcrgodamep.modmanflg== ''){ if (
this.flag1=false; this.model.litamep.lcrgodamep.modflg == "X" &&
this.flag2=true; this.model.litamep.lcrgodamep.modmanflg == ""
this.model.litamep.lcrgodamep.usrblk=''; ) {
}else if(this.model.litamep.lcrgodamep.modflg == 'X' && this.model.litamep.lcrgodamep.modmanflg== 'X'){ this.flag1 = false;
this.flag1=false; this.flag2 = true;
this.flag2=true; this.model.litamep.lcrgodamep.usrblk = "";
} else if (
}else if(this.model.litamep.lcrgodamep.modflg == '' && this.model.litamep.lcrgodamep.modmanflg== ''){ this.model.litamep.lcrgodamep.modflg == "X" &&
this.flag1=true; this.model.litamep.lcrgodamep.modmanflg == "X"
this.flag2=false; ) {
}else if(this.model.litamep.lcrgodamep.modflg == '' && this.model.litamep.lcrgodamep.modmanflg== 'X'){ this.flag1 = false;
this.flag1=false; this.flag2 = true;
this.flag2=true; } else if (
this.model.litamep.lcrgodamep.usrblk=''; this.model.litamep.lcrgodamep.modflg == "" &&
} this.model.litamep.lcrgodamep.modmanflg == ""
) {
this.flag1 = true;
this.flag2 = false;
} else if (
this.model.litamep.lcrgodamep.modflg == "" &&
this.model.litamep.lcrgodamep.modmanflg == "X"
) {
this.flag1 = false;
this.flag2 = true;
this.model.litamep.lcrgodamep.usrblk = "";
} }
}, },
"model.litamep.lcrgodamep.modmanflg":{ },
immediate:true, "model.litamep.lcrgodamep.modmanflg": {
handler(val,oldval){ immediate: true,
if(this.model.litamep.lcrgodamep.modflg == 'X' && this.model.litamep.lcrgodamep.modmanflg== ''){ handler(val, oldval) {
this.flag1=false; if (
this.flag2=true; this.model.litamep.lcrgodamep.modflg == "X" &&
this.model.litamep.lcrgodamep.usrblk=''; this.model.litamep.lcrgodamep.modmanflg == ""
}else if(this.model.litamep.lcrgodamep.modflg == 'X' && this.model.litamep.lcrgodamep.modmanflg== 'X'){ ) {
this.flag1=false; this.flag1 = false;
this.flag2=true; this.flag2 = true;
this.model.litamep.lcrgodamep.usrblk = "";
}else if(this.model.litamep.lcrgodamep.modflg == '' && this.model.litamep.lcrgodamep.modmanflg== ''){ } else if (
this.flag1=true; this.model.litamep.lcrgodamep.modflg == "X" &&
this.flag2=false; this.model.litamep.lcrgodamep.modmanflg == "X"
}else if(this.model.litamep.lcrgodamep.modflg == '' && this.model.litamep.lcrgodamep.modmanflg== 'X'){ ) {
this.flag1=false; this.flag1 = false;
this.flag2=true; this.flag2 = true;
this.model.litamep.lcrgodamep.usrblk=''; } else if (
} this.model.litamep.lcrgodamep.modflg == "" &&
} this.model.litamep.lcrgodamep.modmanflg == ""
) {
this.flag1 = true;
this.flag2 = false;
} else if (
this.model.litamep.lcrgodamep.modflg == "" &&
this.model.litamep.lcrgodamep.modmanflg == "X"
) {
this.flag1 = false;
this.flag2 = true;
this.model.litamep.lcrgodamep.usrblk = "";
} }
}, },
methods:{...Event, },
open(val){ },
if(val === '' && !(this.model.lidgrp.blk.lcrgod == '')){ methods: {
this.$confirm('Do you really want to reset your manual modifications?','提示',{ ...Event,
open(val) {
cancelButtonText: 'Cannel', if (val === "" && !(this.model.lidgrp.blk.lcrgod == "")) {
confirmButtonText: 'Ok', this.$confirm(
type: 'warning', "Do you really want to reset your manual modifications?",
showClose:false "提示",
}).then(() => { {
cancelButtonText: "Cannel",
confirmButtonText: "Ok",
type: "warning",
showClose: false,
}
)
.then(() => {
//yes的执行在这里写 //yes的执行在这里写
this.model.lidgrp.blk.lcrgod=''; this.model.lidgrp.blk.lcrgod = "";
this.$message({ this.$message({
type: 'success', type: "success",
message: '删除成功!' message: "删除成功!",
}); });
})
}).catch(() => { .catch(() => {
//No的功能在这里写 //No的功能在这里写
this.model.litamep.lcrgodamep.modflg='X' this.model.litamep.lcrgodamep.modflg = "X";
this.$message({ this.$message({
type: 'info', type: "info",
message: '已取消' message: "已取消",
}); });
}); });
}else if(val == 'X' && this.model.litamep.lcrgodamep.modmanflg =='X'){ } else if (val == "X" && this.model.litamep.lcrgodamep.modmanflg == "X") {
this.$confirm('Please reset internal modification first','提示',{ this.$confirm("Please reset internal modification first", "提示", {
confirmButtonText: 'Ok', confirmButtonText: "Ok",
showCancelButton:false, showCancelButton: false,
type: 'warning', type: "warning",
showClose:false showClose: false,
}).then(() => { }).then(() => {
//yes的执行在这里写 //yes的执行在这里写
this.model.litamep.lcrgodamep.modflg=''; this.model.litamep.lcrgodamep.modflg = "";
this.flag1=true; this.flag1 = true;
this.flag2=false; this.flag2 = false;
}) });
} }
}, },
open1(val){ open1(val) {
if(val === '' && !(this.model.lidgrp.blk.lcrgod == '')){ if (val === "" && !(this.model.lidgrp.blk.lcrgod == "")) {
this.$confirm('Do you really want to reset your manual modifications?','提示',{ this.$confirm(
"Do you really want to reset your manual modifications?",
cancelButtonText: 'Cannel', "提示",
confirmButtonText: 'Ok', {
type: 'warning', cancelButtonText: "Cannel",
showClose:false confirmButtonText: "Ok",
}).then(() => { type: "warning",
showClose: false,
}
)
.then(() => {
//yes的执行在这里写 //yes的执行在这里写
this.model.lidgrp.blk.lcrgod=''; this.model.lidgrp.blk.lcrgod = "";
this.$message({ this.$message({
type: 'success', type: "success",
message: '删除成功!' message: "删除成功!",
}); });
})
}).catch(() => { .catch(() => {
//No的功能在这里写 //No的功能在这里写
this.model.litamep.lcrgodamep.modmanflg = 'X' this.model.litamep.lcrgodamep.modmanflg = "X";
this.$message({ this.$message({
type: 'info', type: "info",
message: '已取消' message: "已取消",
}); });
}); });
}else if(this.model.litamep.lcrgodamep.modflg == 'X' && this.model.litamep.lcrgodamep.modmanflg =='X'){ } else if (
this.$confirm('Please reset modification to replace first','提示',{ this.model.litamep.lcrgodamep.modflg == "X" &&
confirmButtonText: 'Ok', this.model.litamep.lcrgodamep.modmanflg == "X"
cancelButtonText: '', ) {
showCancelButton:false, this.$confirm("Please reset modification to replace first", "提示", {
type: 'warning', confirmButtonText: "Ok",
showClose:false cancelButtonText: "",
showCancelButton: false,
type: "warning",
showClose: false,
}).then(() => { }).then(() => {
//yes的执行在这里写 //yes的执行在这里写
this.model.litamep.lcrgodamep.modmanflg=''; this.model.litamep.lcrgodamep.modmanflg = "";
this.flag1=true; this.flag1 = true;
this.flag2=false; this.flag2 = false;
}) });
}
} }
}, },
created:function(){ },
created: function () {},
} };
}
</script> </script>
<style> <style>
</style> </style>
src/views/Business/Litame/Dorpame.vue
<template> <template>
<div class="eibs"> <div class="eibs">
<c-col :span="12" style="padding-right: 20px;"> <c-col :span="12" style="padding-right: 20px">
<c-col :span="24"> <c-col :span="24">
<el-form-item label="单据要求" prop="lidgrp.blk.lcrdoc"> <el-form-item label="单据要求" prop="lidgrp.blk.lcrdoc">
<c-input <c-input
:autosize="{ minRows: 12, maxRows: 800}" :autosize="{ minRows: 12, maxRows: 800 }"
:disabled="this.flag1" :disabled="this.flag1"
type="textarea" v-model="model.lidgrp.blk.lcrdoc" maxlength="52000" show-word-limit placeholder="请输入单据要求" ></c-input> type="textarea"
v-model="model.lidgrp.blk.lcrdoc"
maxlength="52000"
show-word-limit
placeholder="请输入单据要求"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="22"> <c-col :span="24">
<el-form-item label="添加/删除当前修订中的文本" prop="litamep.lcrdocamep.usrblk"> <el-form-item
<c-input type="textarea" label="添加/删除当前修订中的文本"
prop="litamep.lcrdocamep.usrblk"
>
<c-fullbox>
<c-input
type="textarea"
:disabled="this.flag2"
v-model="model.litamep.lcrdocamep.usrblk"
maxlength="52000"
show-word-limit
placeholder="请输入添加/删除补充信息"
:autosize="{ minRows: 22, maxRows: 800 }"
></c-input>
<template slot="footer">
<c-button
size="small"
type="primary"
icon="el-icon-search"
:disabled="this.flag2"
@click="
showGridPromptDialog(
'litamep.lcrdocame.buttxmsel',
null,
null,
{ TXT: 'litamep.lcrdocamep.usrblk' },
{ TXT: false },
'doxpDialog'
)
"
>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- <c-col :span="22">
<el-form-item
label="添加/删除当前修订中的文本"
prop="litamep.lcrdocamep.usrblk"
>
<c-input
type="textarea"
:disabled="this.flag2" :disabled="this.flag2"
v-model="model.litamep.lcrdocamep.usrblk" v-model="model.litamep.lcrdocamep.usrblk"
maxlength="52000" maxlength="52000"
show-word-limit placeholder="请输入添加/删除补充信息" show-word-limit
:autosize="{ minRows: 22, maxRows: 800}" placeholder="请输入添加/删除补充信息"
:autosize="{ minRows: 22, maxRows: 800 }"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="2"> <c-col :span="2">
<c-button size="small" type="primary" icon="el-icon-search" <c-button
size="small"
type="primary"
icon="el-icon-search"
:disabled="this.flag2" :disabled="this.flag2"
@click="showGridPromptDialog('litamep.lcrdocame.buttxmsel',null,null,{TXT: 'litamep.lcrdocamep.usrblk'}, {TXT: false},'doxpDialog')"> @click="
showGridPromptDialog(
'litamep.lcrdocame.buttxmsel',
null,
null,
{ TXT: 'litamep.lcrdocamep.usrblk' },
{ TXT: false },
'doxpDialog'
)
"
>
</c-button> </c-button>
</c-col> </c-col> -->
</c-col> </c-col>
<c-col :span="12" style="padding-left: 20px;"> <c-col :span="12" style="padding-left: 20px">
<c-col :span="24"> <c-col :span="24">
<el-form-item label="历史概述" prop="lidgrp.blk.lcrdocame"> <el-form-item label="历史概述" prop="lidgrp.blk.lcrdocame">
<c-input <c-input
:autosize="{ minRows: 12, maxRows: 999}" :autosize="{ minRows: 12, maxRows: 999 }"
disabled disabled
type="textarea" v-model="model.lidgrp.blk.lcrdocame" maxlength="4950" show-word-limit placeholder="请输入单据要求 Amendment History" ></c-input> type="textarea"
v-model="model.lidgrp.blk.lcrdocame"
maxlength="4950"
show-word-limit
placeholder="请输入单据要求 Amendment History"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label=" " prop="litamep.lcrdocamep.modflg">
<c-checkbox <c-checkbox
@change="open" @change="open"
style=" margin: 0px 0 10px 150px;" class="checkbox-left"
v-model="model.litamep.lcrdocamep.modflg">修改要替换的文本</c-checkbox> v-model="model.litamep.lcrdocamep.modflg"
>修改要替换的文本</c-checkbox
>
</el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<c-checkbox <c-checkbox
@change="open1" @change="open1"
style=" margin: 0px 0 10px 125px;" style="margin: 0px 0 10px 125px"
v-model="model.litamep.lcrdocamep.modmanflg">内部修改文本</c-checkbox> v-model="model.litamep.lcrdocamep.modmanflg"
>内部修改文本</c-checkbox
>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="24">
<c-button <c-button
style=" margin: 0px 0 10px 150px;" style="margin: 0px 0 10px 120px"
size="small" type="primary" @click="onLcrdocamepButdif"> size="small"
type="primary"
@click="onLcrdocamepButdif"
>
显示差异 显示差异
</c-button> </c-button>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-button <c-button
style=" margin: 0px 0 10px 150px;" style="margin: 0px 0 10px 120px"
disabled disabled
size="small" type="primary" @click="onLcrdocamepButadd"> size="small"
type="primary"
@click="onLcrdocamepButadd"
>
添加文本 添加文本
</c-button> </c-button>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-button <c-button
style=" margin: 0px 0 10px 150px;" style="margin: 0px 0 10px 120px"
disabled disabled
size="small" type="primary" icon="el-icon-delete" @click="onLcrdocamepButdel"> size="small"
type="primary"
icon="el-icon-delete"
@click="onLcrdocamepButdel"
>
删除文本 删除文本
</c-button> </c-button>
</c-col> </c-col>
...@@ -87,151 +163,180 @@ ...@@ -87,151 +163,180 @@
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess"; import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable" import CodeTable from "~/config/CodeTable";
import Event from "~/model/Litame/Event" import Event from "~/model/Litame/Event";
export default { export default {
inject: ['root'], inject: ["root"],
props:["model","codes"], props: ["model", "codes"],
mixins: [commonProcess], mixins: [commonProcess],
data(){ data() {
return { return {
flag1:true, flag1: true,
flag2:false, flag2: false,
} };
}, },
watch:{ watch: {
"model.litamep.lcrdocamep.modflg":{ "model.litamep.lcrdocamep.modflg": {
immediate:true, immediate: true,
handler(val,oldval){ handler(val, oldval) {
if(this.model.litamep.lcrdocamep.modflg == 'X' && this.model.litamep.lcrdocamep.modmanflg== ''){ if (
this.flag1=false; this.model.litamep.lcrdocamep.modflg == "X" &&
this.flag2=true; this.model.litamep.lcrdocamep.modmanflg == ""
this.model.litamep.lcrdocamep.usrblk=''; ) {
}else if(this.model.litamep.lcrdocamep.modflg == 'X' && this.model.litamep.lcrdocamep.modmanflg== 'X'){ this.flag1 = false;
this.flag1=false; this.flag2 = true;
this.flag2=true; this.model.litamep.lcrdocamep.usrblk = "";
} else if (
}else if(this.model.litamep.lcrdocamep.modflg == '' && this.model.litamep.lcrdocamep.modmanflg== ''){ this.model.litamep.lcrdocamep.modflg == "X" &&
this.flag1=true; this.model.litamep.lcrdocamep.modmanflg == "X"
this.flag2=false; ) {
}else if(this.model.litamep.lcrdocamep.modflg == '' && this.model.litamep.lcrdocamep.modmanflg== 'X'){ this.flag1 = false;
this.flag1=false; this.flag2 = true;
this.flag2=true; } else if (
this.model.litamep.lcrdocamep.usrblk=''; this.model.litamep.lcrdocamep.modflg == "" &&
} this.model.litamep.lcrdocamep.modmanflg == ""
) {
this.flag1 = true;
this.flag2 = false;
} else if (
this.model.litamep.lcrdocamep.modflg == "" &&
this.model.litamep.lcrdocamep.modmanflg == "X"
) {
this.flag1 = false;
this.flag2 = true;
this.model.litamep.lcrdocamep.usrblk = "";
} }
}, },
"model.litamep.lcrdocamep.modmanflg":{ },
immediate:true, "model.litamep.lcrdocamep.modmanflg": {
handler(val,oldval){ immediate: true,
if(this.model.litamep.lcrdocamep.modflg == 'X' && this.model.litamep.lcrdocamep.modmanflg== ''){ handler(val, oldval) {
this.flag1=false; if (
this.flag2=true; this.model.litamep.lcrdocamep.modflg == "X" &&
this.model.litamep.lcrdocamep.usrblk=''; this.model.litamep.lcrdocamep.modmanflg == ""
}else if(this.model.litamep.lcrdocamep.modflg == 'X' && this.model.litamep.lcrdocamep.modmanflg== 'X'){ ) {
this.flag1=false; this.flag1 = false;
this.flag2=true; this.flag2 = true;
this.model.litamep.lcrdocamep.usrblk = "";
}else if(this.model.litamep.lcrdocamep.modflg == '' && this.model.litamep.lcrdocamep.modmanflg== ''){ } else if (
this.flag1=true; this.model.litamep.lcrdocamep.modflg == "X" &&
this.flag2=false; this.model.litamep.lcrdocamep.modmanflg == "X"
}else if(this.model.litamep.lcrdocamep.modflg == '' && this.model.litamep.lcrdocamep.modmanflg== 'X'){ ) {
this.flag1=false; this.flag1 = false;
this.flag2=true; this.flag2 = true;
this.model.litamep.lcrdocamep.usrblk=''; } else if (
} this.model.litamep.lcrdocamep.modflg == "" &&
} this.model.litamep.lcrdocamep.modmanflg == ""
) {
this.flag1 = true;
this.flag2 = false;
} else if (
this.model.litamep.lcrdocamep.modflg == "" &&
this.model.litamep.lcrdocamep.modmanflg == "X"
) {
this.flag1 = false;
this.flag2 = true;
this.model.litamep.lcrdocamep.usrblk = "";
} }
}, },
methods:{...Event, },
open(val){ },
if(val === '' && !(this.model.lidgrp.blk.lcrdoc == '')){ methods: {
this.$confirm('Do you really want to reset your manual modifications?','提示',{ ...Event,
open(val) {
cancelButtonText: 'Cannel', if (val === "" && !(this.model.lidgrp.blk.lcrdoc == "")) {
confirmButtonText: 'Ok', this.$confirm(
type: 'warning', "Do you really want to reset your manual modifications?",
showClose:false "提示",
}).then(() => { {
cancelButtonText: "Cannel",
confirmButtonText: "Ok",
type: "warning",
showClose: false,
}
)
.then(() => {
//yes的执行在这里写 //yes的执行在这里写
this.model.lidgrp.blk.lcrdoc=''; this.model.lidgrp.blk.lcrdoc = "";
this.$message({ this.$message({
type: 'success', type: "success",
message: '删除成功!' message: "删除成功!",
}); });
})
}).catch(() => { .catch(() => {
//No的功能在这里写 //No的功能在这里写
this.model.litamep.lcrdocamep.modflg='X' this.model.litamep.lcrdocamep.modflg = "X";
this.$message({ this.$message({
type: 'info', type: "info",
message: '已取消' message: "已取消",
}); });
}); });
}else if(val == 'X' && this.model.litamep.lcrdocamep.modmanflg =='X'){ } else if (val == "X" && this.model.litamep.lcrdocamep.modmanflg == "X") {
this.$confirm('Please reset internal modification first','提示',{ this.$confirm("Please reset internal modification first", "提示", {
confirmButtonText: 'Ok', confirmButtonText: "Ok",
showCancelButton:false, showCancelButton: false,
type: 'warning', type: "warning",
showClose:false showClose: false,
}).then(() => { }).then(() => {
//yes的执行在这里写 //yes的执行在这里写
this.model.litamep.lcrdocamep.modflg=''; this.model.litamep.lcrdocamep.modflg = "";
this.flag1=true; this.flag1 = true;
this.flag2=false; this.flag2 = false;
}) });
} }
}, },
open1(val){ open1(val) {
if(val === '' && !(this.model.lidgrp.blk.lcrdoc == '')){ if (val === "" && !(this.model.lidgrp.blk.lcrdoc == "")) {
this.$confirm('Do you really want to reset your manual modifications?','提示',{ this.$confirm(
"Do you really want to reset your manual modifications?",
cancelButtonText: 'Cannel', "提示",
confirmButtonText: 'Ok', {
type: 'warning', cancelButtonText: "Cannel",
showClose:false confirmButtonText: "Ok",
}).then(() => { type: "warning",
showClose: false,
}
)
.then(() => {
//yes的执行在这里写 //yes的执行在这里写
this.model.lidgrp.blk.lcrdoc=''; this.model.lidgrp.blk.lcrdoc = "";
this.$message({ this.$message({
type: 'success', type: "success",
message: '删除成功!' message: "删除成功!",
}); });
})
}).catch(() => { .catch(() => {
//No的功能在这里写 //No的功能在这里写
this.model.litamep.lcrdocamep.modmanflg = 'X' this.model.litamep.lcrdocamep.modmanflg = "X";
this.$message({ this.$message({
type: 'info', type: "info",
message: '已取消' message: "已取消",
}); });
}); });
}else if(this.model.litamep.lcrdocamep.modflg == 'X' && this.model.litamep.lcrdocamep.modmanflg =='X'){ } else if (
this.$confirm('Please reset modification to replace first','提示',{ this.model.litamep.lcrdocamep.modflg == "X" &&
confirmButtonText: 'Ok', this.model.litamep.lcrdocamep.modmanflg == "X"
cancelButtonText: '', ) {
showCancelButton:false, this.$confirm("Please reset modification to replace first", "提示", {
type: 'warning', confirmButtonText: "Ok",
showClose:false cancelButtonText: "",
showCancelButton: false,
type: "warning",
showClose: false,
}).then(() => { }).then(() => {
//yes的执行在这里写 //yes的执行在这里写
this.model.litamep.lcrdocamep.modmanflg=''; this.model.litamep.lcrdocamep.modmanflg = "";
this.flag1=true; this.flag1 = true;
this.flag2=false; this.flag2 = false;
}) });
}
} }
}, },
created:function(){ },
created: function () {},
} };
}
</script> </script>
<style> <style>
</style> </style>
src/views/Business/Litame/Inspame.vue
<template> <template>
<div class="eibs"> <div class="eibs">
<c-col :span="20"> <c-col :span="24">
<el-form-item label="指示信息" prop="lidgrp.blk.insbnk"> <el-form-item label="指示信息" prop="lidgrp.blk.insbnk">
<c-input <c-input
type="textarea" type="textarea"
......
src/views/Business/Litame/Ovwp1.vue
...@@ -120,7 +120,7 @@ ...@@ -120,7 +120,7 @@
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<c-checkbox disabled v-model="model.lidgrp.rec.dkflg" style="margin-left:20px;padding: 0 10px;">是否代开信用证</c-checkbox> <c-checkbox disabled v-model="model.lidgrp.rec.dkflg">是否代开信用证</c-checkbox>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
...@@ -322,7 +322,9 @@ ...@@ -322,7 +322,9 @@
<c-col :span="12"> <c-col :span="12">
<c-checkbox disabled v-model="model.lidgrp.rec.rmbflg">偿付行信息</c-checkbox> <el-form-item label=" " prop="lidgrp.rec.rmbflg">
<c-checkbox disabled v-model="model.lidgrp.rec.rmbflg" class="checkbox-left">偿付行信息</c-checkbox>
</el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<c-checkbox disabled v-model="model.lidgrp.rec.revflg">循环信用证</c-checkbox> <c-checkbox disabled v-model="model.lidgrp.rec.revflg">循环信用证</c-checkbox>
......
src/views/Business/Litame/Ptyp.vue
...@@ -285,7 +285,7 @@ ...@@ -285,7 +285,7 @@
sortable sortable
width="300"> width="300">
</c-table-column> </c-table-column>
<el-table-column label="" prop="det" width="80px" fixed="right"> <el-table-column label="" prop="det" width="100px" fixed="right">
<template slot-scope="scope" slot="header"> <template slot-scope="scope" slot="header">
<el-button <el-button
circle circle
......
src/views/Business/Litame/Spbpame.vue
<template> <template>
<div class="eibs"> <div class="eibs">
<c-col :span="12" style="padding-right: 20px;"> <c-col :span="12" style="padding-right: 20px">
<c-col :span="24"> <c-col :span="24">
<el-form-item label="Special Payment Conditions for Beneficiary" prop="lidgrp.blk.spcben"> <el-form-item
label="Special Payment Conditions for Beneficiary"
prop="lidgrp.blk.spcben"
>
<c-input <c-input
:rows="12" :rows="12"
:disabled="this.flag1" :disabled="this.flag1"
type="textarea" v-model="model.lidgrp.blk.spcben" maxlength="65" show-word-limit placeholder="请输入单据要求" ></c-input> type="textarea"
v-model="model.lidgrp.blk.spcben"
maxlength="65"
show-word-limit
placeholder="请输入单据要求"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24">
<c-col :span="22"> <el-form-item
<el-form-item label="添加/删除当前修订中的文本" prop="litamep.spcbenamep.usrblk"> label="添加/删除当前修订中的文本"
<c-input type="textarea" prop="litamep.spcbenamep.usrblk"
>
<c-fullbox>
<c-input
type="textarea"
:disabled="this.flag2" :disabled="this.flag2"
v-model="model.litamep.spcbenamep.usrblk" v-model="model.litamep.spcbenamep.usrblk"
maxlength="1650" maxlength="1650"
show-word-limit placeholder="请输入添加/删除补充信息" show-word-limit
placeholder="请输入添加/删除补充信息"
:rows="22"
></c-input>
<template slot="footer">
<c-button
size="small"
type="primary"
icon="el-icon-search"
:disabled="this.flag2"
@click="
showGridPromptDialog(
'litamep.spcbenamep.buttxmsel',
null,
null,
{ TXT: 'litamep.spcbenamep.usrblk' },
{ TXT: false },
'doxpDialog'
)
"
>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- <c-col :span="22">
<el-form-item
label="添加/删除当前修订中的文本"
prop="litamep.spcbenamep.usrblk"
>
<c-input
type="textarea"
:disabled="this.flag2"
v-model="model.litamep.spcbenamep.usrblk"
maxlength="1650"
show-word-limit
placeholder="请输入添加/删除补充信息"
:rows="22" :rows="22"
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="2"> <c-col :span="2">
<c-button size="small" type="primary" icon="el-icon-search" <c-button
size="small"
type="primary"
icon="el-icon-search"
:disabled="this.flag2" :disabled="this.flag2"
@click="showGridPromptDialog('litamep.spcbenamep.buttxmsel',null,null,{TXT: 'litamep.spcbenamep.usrblk'}, {TXT: false},'doxpDialog')" @click="
showGridPromptDialog(
'litamep.spcbenamep.buttxmsel',
null,
null,
{ TXT: 'litamep.spcbenamep.usrblk' },
{ TXT: false },
'doxpDialog'
)
"
> >
</c-button> </c-button>
</c-col> </c-col> -->
</c-col> </c-col>
<c-col :span="12" style="padding-left: 20px;"> <c-col :span="12" style="padding-left: 20px">
<c-col :span="24"> <c-col :span="24">
<el-form-item label="历史概述" prop="lidgrp.blk.spcbename"> <el-form-item label="历史概述" prop="lidgrp.blk.spcbename">
<c-input <c-input
:rows="12" :rows="12"
disabled disabled
type="textarea" v-model="model.lidgrp.blk.spcbename" maxlength="50" show-word-limit placeholder="请输入单据要求 Amendment History" ></c-input> type="textarea"
v-model="model.lidgrp.blk.spcbename"
maxlength="50"
show-word-limit
placeholder="请输入单据要求 Amendment History"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="" prop="litamep.spcbenamep.modflg">
<c-checkbox <c-checkbox
style=" margin: 0px 0 10px 150px;" class="checkbox-left"
@change="open" @change="open"
v-model="model.litamep.spcbenamep.modflg">修改要替换的文本</c-checkbox> v-model="model.litamep.spcbenamep.modflg"
>修改要替换的文本</c-checkbox
>
</el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<c-checkbox <c-checkbox
@change="open1" @change="open1"
style=" margin: 0px 0 10px 125px;" style="margin: 0px 0 10px 125px"
v-model="model.litamep.spcbenamep.modmanflg">内部修改文本</c-checkbox> v-model="model.litamep.spcbenamep.modmanflg"
>内部修改文本</c-checkbox
>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="24">
<c-button <c-button
style=" margin: 0px 0 10px 150px;" style="margin: 0px 0 10px 120px"
size="small" type="primary" @click="onLcrdocamepButdif"> size="small"
type="primary"
@click="onLcrdocamepButdif"
>
显示差异 显示差异
</c-button> </c-button>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-button <c-button
style=" margin: 0px 0 10px 150px;" style="margin: 0px 0 10px 120px"
disabled disabled
size="small" type="primary" @click="onLcrdocamepButadd"> size="small"
type="primary"
@click="onLcrdocamepButadd"
>
添加文本 添加文本
</c-button> </c-button>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-button <c-button
style=" margin: 0px 0 10px 150px;" style="margin: 0px 0 10px 120px"
disabled disabled
size="small" type="primary" icon="el-icon-delete" @click="onLcrdocamepButdel"> size="small"
type="primary"
icon="el-icon-delete"
@click="onLcrdocamepButdel"
>
删除文本 删除文本
</c-button> </c-button>
</c-col> </c-col>
...@@ -133,151 +210,180 @@ ...@@ -133,151 +210,180 @@
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess"; import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable" import CodeTable from "~/config/CodeTable";
import Event from "~/model/Litame/Event" import Event from "~/model/Litame/Event";
export default { export default {
inject: ['root'], inject: ["root"],
props:["model","codes"], props: ["model", "codes"],
mixins: [commonProcess], mixins: [commonProcess],
data(){ data() {
return { return {
flag1:true, flag1: true,
flag2:false, flag2: false,
} };
}, },
watch:{ watch: {
"model.litamep.spcbenamep.modflg":{ "model.litamep.spcbenamep.modflg": {
immediate:true, immediate: true,
handler(val,oldval){ handler(val, oldval) {
if(this.model.litamep.spcbenamep.modflg == 'X' && this.model.litamep.spcbenamep.modmanflg== ''){ if (
this.flag1=false; this.model.litamep.spcbenamep.modflg == "X" &&
this.flag2=true; this.model.litamep.spcbenamep.modmanflg == ""
this.model.litamep.spcbenamep.usrblk=''; ) {
}else if(this.model.litamep.spcbenamep.modflg == 'X' && this.model.litamep.spcbenamep.modmanflg== 'X'){ this.flag1 = false;
this.flag1=false; this.flag2 = true;
this.flag2=true; this.model.litamep.spcbenamep.usrblk = "";
} else if (
}else if(this.model.litamep.spcbenamep.modflg == '' && this.model.litamep.spcbenamep.modmanflg== ''){ this.model.litamep.spcbenamep.modflg == "X" &&
this.flag1=true; this.model.litamep.spcbenamep.modmanflg == "X"
this.flag2=false; ) {
}else if(this.model.litamep.spcbenamep.modflg == '' && this.model.litamep.spcbenamep.modmanflg== 'X'){ this.flag1 = false;
this.flag1=false; this.flag2 = true;
this.flag2=true; } else if (
this.model.litamep.spcbenamep.usrblk=''; this.model.litamep.spcbenamep.modflg == "" &&
} this.model.litamep.spcbenamep.modmanflg == ""
) {
this.flag1 = true;
this.flag2 = false;
} else if (
this.model.litamep.spcbenamep.modflg == "" &&
this.model.litamep.spcbenamep.modmanflg == "X"
) {
this.flag1 = false;
this.flag2 = true;
this.model.litamep.spcbenamep.usrblk = "";
} }
}, },
"model.litamep.spcbenamep.modmanflg":{ },
immediate:true, "model.litamep.spcbenamep.modmanflg": {
handler(val,oldval){ immediate: true,
if(this.model.litamep.spcbenamep.modflg == 'X' && this.model.litamep.spcbenamep.modmanflg== ''){ handler(val, oldval) {
this.flag1=false; if (
this.flag2=true; this.model.litamep.spcbenamep.modflg == "X" &&
this.model.litamep.spcbenamep.usrblk=''; this.model.litamep.spcbenamep.modmanflg == ""
}else if(this.model.litamep.spcbenamep.modflg == 'X' && this.model.litamep.spcbenamep.modmanflg== 'X'){ ) {
this.flag1=false; this.flag1 = false;
this.flag2=true; this.flag2 = true;
this.model.litamep.spcbenamep.usrblk = "";
}else if(this.model.litamep.spcbenamep.modflg == '' && this.model.litamep.spcbenamep.modmanflg== ''){ } else if (
this.flag1=true; this.model.litamep.spcbenamep.modflg == "X" &&
this.flag2=false; this.model.litamep.spcbenamep.modmanflg == "X"
}else if(this.model.litamep.spcbenamep.modflg == '' && this.model.litamep.spcbenamep.modmanflg== 'X'){ ) {
this.flag1=false; this.flag1 = false;
this.flag2=true; this.flag2 = true;
this.model.litamep.spcbenamep.usrblk=''; } else if (
} this.model.litamep.spcbenamep.modflg == "" &&
} this.model.litamep.spcbenamep.modmanflg == ""
) {
this.flag1 = true;
this.flag2 = false;
} else if (
this.model.litamep.spcbenamep.modflg == "" &&
this.model.litamep.spcbenamep.modmanflg == "X"
) {
this.flag1 = false;
this.flag2 = true;
this.model.litamep.spcbenamep.usrblk = "";
} }
}, },
methods:{...Event, },
open(val){ },
if(val === '' && !(this.model.lidgrp.blk.spcben == '')){ methods: {
this.$confirm('Do you really want to reset your manual modifications?','提示',{ ...Event,
open(val) {
cancelButtonText: 'Cannel', if (val === "" && !(this.model.lidgrp.blk.spcben == "")) {
confirmButtonText: 'Ok', this.$confirm(
type: 'warning', "Do you really want to reset your manual modifications?",
showClose:false "提示",
}).then(() => { {
cancelButtonText: "Cannel",
confirmButtonText: "Ok",
type: "warning",
showClose: false,
}
)
.then(() => {
//yes的执行在这里写 //yes的执行在这里写
this.model.lidgrp.blk.spcben=''; this.model.lidgrp.blk.spcben = "";
this.$message({ this.$message({
type: 'success', type: "success",
message: '删除成功!' message: "删除成功!",
}); });
})
}).catch(() => { .catch(() => {
//No的功能在这里写 //No的功能在这里写
this.model.litamep.spcbenamep.modflg='X' this.model.litamep.spcbenamep.modflg = "X";
this.$message({ this.$message({
type: 'info', type: "info",
message: '已取消' message: "已取消",
}); });
}); });
}else if(val == 'X' && this.model.litamep.spcbenamep.modmanflg =='X'){ } else if (val == "X" && this.model.litamep.spcbenamep.modmanflg == "X") {
this.$confirm('Please reset internal modification first','提示',{ this.$confirm("Please reset internal modification first", "提示", {
confirmButtonText: 'Ok', confirmButtonText: "Ok",
showCancelButton:false, showCancelButton: false,
type: 'warning', type: "warning",
showClose:false showClose: false,
}).then(() => { }).then(() => {
//yes的执行在这里写 //yes的执行在这里写
this.model.litamep.spcbenamep.modflg=''; this.model.litamep.spcbenamep.modflg = "";
this.flag1=true; this.flag1 = true;
this.flag2=false; this.flag2 = false;
}) });
} }
}, },
open1(val){ open1(val) {
if(val === '' && !(this.model.lidgrp.blk.spcben == '')){ if (val === "" && !(this.model.lidgrp.blk.spcben == "")) {
this.$confirm('Do you really want to reset your manual modifications?','提示',{ this.$confirm(
"Do you really want to reset your manual modifications?",
cancelButtonText: 'Cannel', "提示",
confirmButtonText: 'Ok', {
type: 'warning', cancelButtonText: "Cannel",
showClose:false confirmButtonText: "Ok",
}).then(() => { type: "warning",
showClose: false,
}
)
.then(() => {
//yes的执行在这里写 //yes的执行在这里写
this.model.lidgrp.blk.spcben=''; this.model.lidgrp.blk.spcben = "";
this.$message({ this.$message({
type: 'success', type: "success",
message: '删除成功!' message: "删除成功!",
}); });
})
}).catch(() => { .catch(() => {
//No的功能在这里写 //No的功能在这里写
this.model.litamep.spcbenamep.modmanflg = 'X' this.model.litamep.spcbenamep.modmanflg = "X";
this.$message({ this.$message({
type: 'info', type: "info",
message: '已取消' message: "已取消",
}); });
}); });
}else if(this.model.litamep.spcbenamep.modflg == 'X' && this.model.litamep.spcbenamep.modmanflg =='X'){ } else if (
this.$confirm('Please reset modification to replace first','提示',{ this.model.litamep.spcbenamep.modflg == "X" &&
confirmButtonText: 'Ok', this.model.litamep.spcbenamep.modmanflg == "X"
cancelButtonText: '', ) {
showCancelButton:false, this.$confirm("Please reset modification to replace first", "提示", {
type: 'warning', confirmButtonText: "Ok",
showClose:false cancelButtonText: "",
showCancelButton: false,
type: "warning",
showClose: false,
}).then(() => { }).then(() => {
//yes的执行在这里写 //yes的执行在这里写
this.model.litamep.spcbenamep.modmanflg=''; this.model.litamep.spcbenamep.modmanflg = "";
this.flag1=true; this.flag1 = true;
this.flag2=false; this.flag2 = false;
}) });
}
} }
}, },
created:function(){ },
created: function () {},
} };
}
</script> </script>
<style> <style>
</style> </style>
src/views/Business/Litame/Sprpame.vue
<template> <template>
<div class="eibs"> <div class="eibs">
<c-col :span="12" style="padding-right: 20px">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24"> <c-col :span="24">
<el-form-item label="仅适用于银行的特殊付款条款" prop="lidgrp.blk.spcrcb"> <el-form-item
label="仅适用于银行的特殊付款条款"
prop="lidgrp.blk.spcrcb"
>
<c-input <c-input
:rows="12" :rows="12"
:disabled="this.flag1" :disabled="this.flag1"
type="textarea" v-model="model.lidgrp.blk.spcrcb" maxlength="65" show-word-limit placeholder="请输入单据要求" ></c-input> type="textarea"
v-model="model.lidgrp.blk.spcrcb"
maxlength="65"
show-word-limit
placeholder="请输入单据要求"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="24">
<c-col :span="22"> <el-form-item
label="添加/删除当前修订中的文本"
prop="litamep.spcrcbamep.usrblk"
>
<c-fullbox>
<c-input
type="textarea"
:disabled="this.flag2"
v-model="model.litamep.spcrcbamep.usrblk"
maxlength="1650"
show-word-limit
placeholder="请输入添加/删除补充信息"
:rows="22"
></c-input>
<template slot="footer">
<c-button
size="small"
type="primary"
icon="el-icon-search"
:disabled="this.flag2"
@click="
showGridPromptDialog(
'litamep.spcrcbamep.buttxmsel',
null,
null,
{ TXT: 'litamep.spcrcbamep.usrblk' },
{ TXT: false },
'doxpDialog'
)
"
>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- <c-col :span="22">
<el-form-item label="添加/删除当前修订中的文本" prop="litamep.spcrcbamep.usrblk"> <el-form-item label="添加/删除当前修订中的文本" prop="litamep.spcrcbamep.usrblk">
<c-input type="textarea" <c-input type="textarea"
:disabled="this.flag2" :disabled="this.flag2"
...@@ -28,60 +71,76 @@ ...@@ -28,60 +71,76 @@
@click="showGridPromptDialog('litamep.spcrcbamep.buttxmsel',null,null,{TXT: 'litamep.spcrcbamep.usrblk'}, {TXT: false},'doxpDialog')" @click="showGridPromptDialog('litamep.spcrcbamep.buttxmsel',null,null,{TXT: 'litamep.spcrcbamep.usrblk'}, {TXT: false},'doxpDialog')"
> >
</c-button> </c-button>
</c-col> </c-col> -->
</c-col> </c-col>
<c-col :span="12" style="padding-left: 20px;"> <c-col :span="12" style="padding-left: 20px">
<c-col :span="24"> <c-col :span="24">
<el-form-item label="历史概述" prop="lidgrp.blk.spcrcbame"> <el-form-item label="历史概述" prop="lidgrp.blk.spcrcbame">
<c-input <c-input
:rows="12" :rows="12"
disabled disabled
type="textarea" v-model="model.lidgrp.blk.spcrcbame" maxlength="50" show-word-limit placeholder="请输入单据要求 Amendment History" ></c-input> type="textarea"
v-model="model.lidgrp.blk.spcrcbame"
maxlength="50"
show-word-limit
placeholder="请输入单据要求 Amendment History"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="" prop="litamep.spcrcbamep.modflg">
<c-checkbox <c-checkbox
style=" margin: 0px 0 10px 150px;" class="checkbox-left"
@change="open" @change="open"
v-model="model.litamep.spcrcbamep.modflg">修改要替换的文本</c-checkbox> v-model="model.litamep.spcrcbamep.modflg"
>修改要替换的文本</c-checkbox
>
</el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<c-checkbox <c-checkbox
@change="open1" @change="open1"
style=" margin: 0px 0 10px 125px;" style="margin: 0px 0 10px 125px"
v-model="model.litamep.spcrcbamep.modmanflg">内部修改文本</c-checkbox> v-model="model.litamep.spcrcbamep.modmanflg"
>内部修改文本</c-checkbox
>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="24">
<c-button <c-button
style=" margin: 0px 0 10px 150px;" style="margin: 0px 0 10px 120px"
size="small" type="primary" @click="onLcrdocamepButdif"> size="small"
type="primary"
@click="onLcrdocamepButdif"
>
显示差异 显示差异
</c-button> </c-button>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-button <c-button
style=" margin: 0px 0 10px 150px;" style="margin: 0px 0 10px 120px"
disabled disabled
size="small" type="primary" @click="onLcrdocamepButadd"> size="small"
type="primary"
@click="onLcrdocamepButadd"
>
添加文本 添加文本
</c-button> </c-button>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-button <c-button
style=" margin: 0px 0 10px 150px;" style="margin: 0px 0 10px 120px"
disabled disabled
size="small" type="primary" icon="el-icon-delete" @click="onLcrdocamepButdel"> size="small"
type="primary"
icon="el-icon-delete"
@click="onLcrdocamepButdel"
>
删除文本 删除文本
</c-button> </c-button>
</c-col> </c-col>
...@@ -133,151 +192,180 @@ ...@@ -133,151 +192,180 @@
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess"; import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable" import CodeTable from "~/config/CodeTable";
import Event from "~/model/Litame/Event" import Event from "~/model/Litame/Event";
export default { export default {
inject: ['root'], inject: ["root"],
props:["model","codes"], props: ["model", "codes"],
mixins: [commonProcess], mixins: [commonProcess],
data(){ data() {
return { return {
flag1:true, flag1: true,
flag2:false, flag2: false,
} };
}, },
watch:{ watch: {
"model.litamep.spcrcbamep.modflg":{ "model.litamep.spcrcbamep.modflg": {
immediate:true, immediate: true,
handler(val,oldval){ handler(val, oldval) {
if(this.model.litamep.spcrcbamep.modflg == 'X' && this.model.litamep.spcrcbamep.modmanflg== ''){ if (
this.flag1=false; this.model.litamep.spcrcbamep.modflg == "X" &&
this.flag2=true; this.model.litamep.spcrcbamep.modmanflg == ""
this.model.litamep.spcrcbamep.usrblk=''; ) {
}else if(this.model.litamep.spcrcbamep.modflg == 'X' && this.model.litamep.spcrcbamep.modmanflg== 'X'){ this.flag1 = false;
this.flag1=false; this.flag2 = true;
this.flag2=true; this.model.litamep.spcrcbamep.usrblk = "";
} else if (
}else if(this.model.litamep.spcrcbamep.modflg == '' && this.model.litamep.spcrcbamep.modmanflg== ''){ this.model.litamep.spcrcbamep.modflg == "X" &&
this.flag1=true; this.model.litamep.spcrcbamep.modmanflg == "X"
this.flag2=false; ) {
}else if(this.model.litamep.spcrcbamep.modflg == '' && this.model.litamep.spcrcbamep.modmanflg== 'X'){ this.flag1 = false;
this.flag1=false; this.flag2 = true;
this.flag2=true; } else if (
this.model.litamep.spcrcbamep.usrblk=''; this.model.litamep.spcrcbamep.modflg == "" &&
} this.model.litamep.spcrcbamep.modmanflg == ""
) {
this.flag1 = true;
this.flag2 = false;
} else if (
this.model.litamep.spcrcbamep.modflg == "" &&
this.model.litamep.spcrcbamep.modmanflg == "X"
) {
this.flag1 = false;
this.flag2 = true;
this.model.litamep.spcrcbamep.usrblk = "";
} }
}, },
"model.litamep.spcrcbamep.modmanflg":{ },
immediate:true, "model.litamep.spcrcbamep.modmanflg": {
handler(val,oldval){ immediate: true,
if(this.model.litamep.spcrcbamep.modflg == 'X' && this.model.litamep.spcrcbamep.modmanflg== ''){ handler(val, oldval) {
this.flag1=false; if (
this.flag2=true; this.model.litamep.spcrcbamep.modflg == "X" &&
this.model.litamep.spcrcbamep.usrblk=''; this.model.litamep.spcrcbamep.modmanflg == ""
}else if(this.model.litamep.spcrcbamep.modflg == 'X' && this.model.litamep.spcrcbamep.modmanflg== 'X'){ ) {
this.flag1=false; this.flag1 = false;
this.flag2=true; this.flag2 = true;
this.model.litamep.spcrcbamep.usrblk = "";
}else if(this.model.litamep.spcrcbamep.modflg == '' && this.model.litamep.spcrcbamep.modmanflg== ''){ } else if (
this.flag1=true; this.model.litamep.spcrcbamep.modflg == "X" &&
this.flag2=false; this.model.litamep.spcrcbamep.modmanflg == "X"
}else if(this.model.litamep.spcrcbamep.modflg == '' && this.model.litamep.spcrcbamep.modmanflg== 'X'){ ) {
this.flag1=false; this.flag1 = false;
this.flag2=true; this.flag2 = true;
this.model.litamep.spcrcbamep.usrblk=''; } else if (
} this.model.litamep.spcrcbamep.modflg == "" &&
} this.model.litamep.spcrcbamep.modmanflg == ""
) {
this.flag1 = true;
this.flag2 = false;
} else if (
this.model.litamep.spcrcbamep.modflg == "" &&
this.model.litamep.spcrcbamep.modmanflg == "X"
) {
this.flag1 = false;
this.flag2 = true;
this.model.litamep.spcrcbamep.usrblk = "";
} }
}, },
methods:{...Event, },
open(val){ },
if(val === '' && !(this.model.lidgrp.blk.spcrcb == '')){ methods: {
this.$confirm('Do you really want to reset your manual modifications?','提示',{ ...Event,
open(val) {
cancelButtonText: 'Cannel', if (val === "" && !(this.model.lidgrp.blk.spcrcb == "")) {
confirmButtonText: 'Ok', this.$confirm(
type: 'warning', "Do you really want to reset your manual modifications?",
showClose:false "提示",
}).then(() => { {
cancelButtonText: "Cannel",
confirmButtonText: "Ok",
type: "warning",
showClose: false,
}
)
.then(() => {
//yes的执行在这里写 //yes的执行在这里写
this.model.lidgrp.blk.spcrcb=''; this.model.lidgrp.blk.spcrcb = "";
this.$message({ this.$message({
type: 'success', type: "success",
message: '删除成功!' message: "删除成功!",
}); });
})
}).catch(() => { .catch(() => {
//No的功能在这里写 //No的功能在这里写
this.model.litamep.spcrcbamep.modflg='X' this.model.litamep.spcrcbamep.modflg = "X";
this.$message({ this.$message({
type: 'info', type: "info",
message: '已取消' message: "已取消",
}); });
}); });
}else if(val == 'X' && this.model.litamep.spcrcbamep.modmanflg =='X'){ } else if (val == "X" && this.model.litamep.spcrcbamep.modmanflg == "X") {
this.$confirm('Please reset internal modification first','提示',{ this.$confirm("Please reset internal modification first", "提示", {
confirmButtonText: 'Ok', confirmButtonText: "Ok",
showCancelButton:false, showCancelButton: false,
type: 'warning', type: "warning",
showClose:false showClose: false,
}).then(() => { }).then(() => {
//yes的执行在这里写 //yes的执行在这里写
this.model.litamep.spcrcbamep.modflg=''; this.model.litamep.spcrcbamep.modflg = "";
this.flag1=true; this.flag1 = true;
this.flag2=false; this.flag2 = false;
}) });
} }
}, },
open1(val){ open1(val) {
if(val === '' && !(this.model.lidgrp.blk.spcrcb == '')){ if (val === "" && !(this.model.lidgrp.blk.spcrcb == "")) {
this.$confirm('Do you really want to reset your manual modifications?','提示',{ this.$confirm(
"Do you really want to reset your manual modifications?",
cancelButtonText: 'Cannel', "提示",
confirmButtonText: 'Ok', {
type: 'warning', cancelButtonText: "Cannel",
showClose:false confirmButtonText: "Ok",
}).then(() => { type: "warning",
showClose: false,
}
)
.then(() => {
//yes的执行在这里写 //yes的执行在这里写
this.model.lidgrp.blk.spcrcb=''; this.model.lidgrp.blk.spcrcb = "";
this.$message({ this.$message({
type: 'success', type: "success",
message: '删除成功!' message: "删除成功!",
}); });
})
}).catch(() => { .catch(() => {
//No的功能在这里写 //No的功能在这里写
this.model.litamep.spcrcbamep.modmanflg = 'X' this.model.litamep.spcrcbamep.modmanflg = "X";
this.$message({ this.$message({
type: 'info', type: "info",
message: '已取消' message: "已取消",
}); });
}); });
}else if(this.model.litamep.spcrcbamep.modflg == 'X' && this.model.litamep.spcrcbamep.modmanflg =='X'){ } else if (
this.$confirm('Please reset modification to replace first','提示',{ this.model.litamep.spcrcbamep.modflg == "X" &&
confirmButtonText: 'Ok', this.model.litamep.spcrcbamep.modmanflg == "X"
cancelButtonText: '', ) {
showCancelButton:false, this.$confirm("Please reset modification to replace first", "提示", {
type: 'warning', confirmButtonText: "Ok",
showClose:false cancelButtonText: "",
showCancelButton: false,
type: "warning",
showClose: false,
}).then(() => { }).then(() => {
//yes的执行在这里写 //yes的执行在这里写
this.model.litamep.spcrcbamep.modmanflg=''; this.model.litamep.spcrcbamep.modmanflg = "";
this.flag1=true; this.flag1 = true;
this.flag2=false; this.flag2 = false;
}) });
}
} }
}, },
created:function(){ },
created: function () {},
} };
}
</script> </script>
<style> <style>
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment