1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<template>
<div class="eibs-tab">
<c-row>
<c-col :span="12">
<c-row>
<c-col :span="24">
<el-form-item label="不符点" prop="bddgrp.blk.docdis">
<c-input type="textarea" :disabled="model.bddgrp.blk.docdisflg ? false : true" :rows="6"
v-model="model.bddgrp.blk.docdis" maxlength="65" show-word-limit placeholder="请输入不符点"></c-input>
</el-form-item>
</c-col>
</c-row>
<el-form-item label="快递单号" v-if="model.bddgrp.rec.advdocflg == 'X'" prop="expmno">
<c-input type="textarea" :rows="2" v-model="model.expmno" maxlength="120" show-word-limit placeholder="请输入单号">
</c-input>
</el-form-item>
<c-docpre
:model="model"
:argadr="{
path: 'bddgrp.blk.prsdoc',
grp: 'bdtp',
code: 'bdtdck',
}"></c-docpre>
</c-col>
<c-col :span="12">
<c-row>
<c-col :span="24">
<el-form-item label="" prop="bddgrp.blk.docdisflg">
<c-checkbox v-model="docdisflg" @change="changed" disabled>录入不符点</c-checkbox>
</el-form-item>
</c-col>
</c-row>
</c-col>
</c-row>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Utils from "~/utils";
import Event from "~/model/Bdtdcr/Event";
import Docpre from "~/views/Public/Docpre";
export default {
components: {
"c-docpre": Docpre,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
TableValue: [
{
id: 0,
cmail1: "",
cmail2: "",
docnam: "",
description: "",
serialNum: "",
tableName: "",
},
],
newValue: {
id: 0,
cmail1: "",
cmail2: "",
docnam: "",
description: "",
serialNum: "",
tableName: "",
},
codeTable: [
{ label: "增值税发票", value: "1" },
{ label: "发票", value: "2" },
{ label: "装箱单", value: "3" },
{ label: "空运单", value: "4" },
{ label: "海运提单", value: "5" },
{ label: "铁路运单", value: "6" },
{ label: "货物收据", value: "7" },
{ label: "邮政收据", value: "8" },
],
};
},
methods: {
...Event,
addTableValue(index) {
var newTableValue = Object.assign({}, this.newValue);
const serial = Utils.generateUUID();
newTableValue.serialNum = serial;
this.model.bdtp.docgrdm.docgrd.splice(index - 1, 0, newTableValue);
},
deleteTable(index) {
this.model.bdtp.docgrdm.docgrd.splice(index, 1);
},
changed(e) {
if (!e) {
this.model.bddgrp.blk.docdis = "";
}
},
},
created: function () { },
computed: {
docdisflg: {
get() {
return this.model.advdisflg === "X" || this.model.advrefflg ==="X" ? true : false;
},
set(val) {
this.model.bddgrp.blk.docdisflg = val ? "X" : "";
},
}
}
};
</script>
<style>
.c-checkbox {
text-align: center;
margin: 10px;
font-size: 16px;
}
.messageLabel>>>.el-form-item__label {
text-align: left;
font-weight: bold;
font-size: 12px;
}
</style>