朱兆平 / vue_cli · 提交

转到一个项目

作者 朱兆平
提交 0ce6b4b5af39ce0bcebdb305eb1126a8fb1a308d 1 个父辈 371185cc

update: 

1. 电子运单反向适配SSR数据优化
内嵌 并排对比
正在显示 1 个修改的文件 包含 71 行增加 和 42 行删除
... ... @@ -212,7 +212,7 @@
</el-col>
<el-col :span="10" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 25px">
<span style="font-size: 12px">
Financial information content
Accounting information content
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 90%">
... ... @@ -252,7 +252,7 @@
<el-col :span="10" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 25px">
<span style="font-size: 12px">
Financial Information Identification
Accounting Information Identification
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 90%">
... ... @@ -441,9 +441,9 @@
</el-row>
<el-row style="padding-top: 10px">
<el-col :span="3" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;border-left:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
Airport of Destination
</span>
<span style="font-size: 12px">
Airport of Destination
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 95%">
<el-form-item>
... ... @@ -456,7 +456,7 @@
</el-col>
</el-row>
</el-col>
<el-col :span="6" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<el-col :span="5" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
Requested Flight/Date
</span>
... ... @@ -481,6 +481,31 @@
</el-col>
</el-row>
</el-col>
<el-col :span="4" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
Requested Flight/Date
</span>
<el-row>
<el-col style="width: 38%">
<el-form-item>
<el-input v-model="form.flt.flightNumber" auto-complete="off" placeholder="航班号" size="mini"></el-input>
</el-form-item>
</el-col>
<el-col style="width: 58%;margin-left: 5px">
<el-form-item>
<el-date-picker
v-model="form.flt.day"
type="date" style="width: auto"
size="mini"
format="dd"
value-format="dd"
placeholder="选择日期">
</el-date-picker>
<!-- <el-input v-model="form.companyName" auto-complete="off" placeholder="航班日期" size="mini"></el-input>-->
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="3" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 5px">
<span style="font-size: 12px">
Amount of Insurance
... ... @@ -493,10 +518,10 @@
</el-col>
</el-row>
</el-col>
<el-col :span="10" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 2px">
<span style="font-size: 12px">
INSURANCE —— If carrier offers insurance, and such insurance is requested in accordance with the conditions thereof, indicate amount to be insured in figures in box marked "Amount of Insurance".
</span>
<el-col :span="7" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 2px">
<span style="font-size: 12px">
INSURANCE —— If carrier offers insurance, and such insurance is requested in accordance with the conditions thereof, indicate amount to be insured in figures in box marked "Amount of Insurance".
</span>
</el-col>
</el-row>
<!-- 处理信息-->
... ... @@ -1151,7 +1176,7 @@ Handling Information
</el-col>
<el-col :span="10" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 25px">
<span style="font-size: 12px">
Financial information content
Accounting information content
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 90%">
... ... @@ -1190,7 +1215,7 @@ Handling Information
<el-col :span="10" style="border-right: 1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding-left: 25px">
<span style="font-size: 12px">
Financial Information Identification
Accounting Information Identification
</span>
<el-row style="margin-bottom: -5px">
<el-col style="width: 90%">
... ... @@ -2589,6 +2614,10 @@ Handling Information
for (const i of res.data.acc) {
_this.acc_info=i
}
// ssr 适配 使用 join 方法并传入换行符 \n 作为分隔符
_this.ssr_content = _this.form.ssr.ssr_request_content.join("\n");
//获取dmi数组
let dim = _this.form.rtd.dimensions
if (dim){
... ... @@ -2744,42 +2773,42 @@ Handling Information
}
}
},
computed:{
formattedSsrContent: {
get() {
return this.ssr_content;
},
set(value) {
// 过滤掉所有非字母数字和中文字符以及换行符
const filteredValue = value.replace(/[^A-Z1-9\n ]/g, '');
const lines = value.split('\n');
if (lines.length > 3) {
this.$message.error('最多只能输入三行文本！');
return;
}
computed:{
formattedSsrContent: {
get() {
return this.ssr_content;
},
set(value) {
// 过滤掉所有非字母数字和中文字符以及换行符
const filteredValue = value.replace(/[^A-Z1-9\n ]/g, '');
for (let line of lines) {
if (line.length > 65) {
this.$message.error('每行不能超过65个字符！');
const lines = value.split('\n');
if (lines.length > 3) {
this.$message.error('最多只能输入三行文本！');
return;
}
}
// 如果所有校验都通过了，更新 form.ssr.ssr_request_content
this.form.ssr.ssr_request_content = lines;
this.ssr_content = value; // 更新视图中的数据
for (let line of lines) {
if (line.length > 65) {
this.$message.error('每行不能超过65个字符！');
return;
}
}
// 如果所有校验都通过了，更新 form.ssr.ssr_request_content
this.form.ssr.ssr_request_content = lines;
this.ssr_content = value; // 更新视图中的数据
}
}
},
watch:{
ssr_content: {
handler(newVal) {
this.formattedSsrContent = newVal; // 触发计算属性的setter
},
immediate: true // 立即执行监听器
}
}
},
watch:{
ssr_content: {
handler(newVal) {
this.formattedSsrContent = newVal; // 触发计算属性的setter
},
immediate: true // 立即执行监听器
}
}
}
</script>
... ...