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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<template>
<div>
<el-dialog
v-dialogDrag
:visible="visible"
:modal-append-to-body="false"
:close-on-click-modal="false"
:before-close="beforeClose"
title="详情"
width="80%"
center
v-if="visible"
>
<c-col>
<el-form :model="ForeignDialog" label-width="100px" style="height: 400px;overflow-y: auto;overflow-x: hidden;">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="付款人">
<c-select v-model="ForeignDialog.ptydbt" disabled placeholder="请选择付款人">
<el-option v-for="item in this.roleSet" :key="item.value" :label="item.value + '-' + item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="收款人">
<c-select v-model="ForeignDialog.ptypay" disabled placeholder="请选择收款人">
<el-option v-for="item in this.roleSet" :key="item.value" :label="item.value + '-' + item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="费用来源">
<c-select v-model="ForeignDialog.src" disabled :code="srcList"/>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="处理方式">
<c-select v-model="ForeignDialog.dsp" dbCode="dspcod" uil="CN" disabled placeholder="请选择处理方式">
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="24">
<el-form-item label="付款人摘要">
<c-input v-model="ForeignDialog.txtdbt" show-word-limit maxlength="40" style="width: 100%">
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="收款人摘要">
<c-input v-model="ForeignDialog.txtpay" show-word-limit maxlength="40" style="width: 100%" />
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="18">
<el-form-item label="币种">
<c-select v-model="ForeignDialog.cur" dbCode="curtxt1" style="width: 100%" disabled placeholder="请选择币种"></c-select>
</el-form-item>
</c-col>
<c-col :span="6">
<el-form-item label="金额" label-width="20px">
<c-input-currency v-model="ForeignDialog.amt" :currency="ForeignDialog.cur" style="width: 100%" disabled/>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item>
<el-checkbox class="checkbox-left" v-model="ForeignDialog.forflg" >买入行费用</el-checkbox>
</el-form-item>
</c-col>
</c-col>
</el-form>
</c-col>
<span slot="footer" class="dialog-footer">
<el-button v-if="!isDispaly" type="primary" @click="submitForm()">确 定</el-button>
<el-button @click="resetForm()">取 消</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import commonDepend from "~/mixin/commonDepend.js";
export default {
mixins: [commonDepend],
props: {
visible: {
type: Boolean,
default: false
},
initData: {
type: Object,
default: () => {}
}
},
computed: {
isDispaly() {
return this.$store.state.Status.mode === 'display'
}
},
data() {
return {
ForeignDialog: {
ptydbt: "",
ptypay: "",
src: "",
dsp: "",
txtdbt: "",
txtpay: "",
cur: "",
amt: "",
forflg: ""
},
roleSet: [],
srcList:[
{label: "当前交易", value: "T"},
{label: "当前交易", value: "E"},
{label: "前手交易", value: "P"},
{label: "手工添加", value: "U"},
],
};
},
watch: {
visible(show) {
if (show) {
this.ForeignDialog = this.initData;
this.roleSet = this.initData.roleSet;
}
}
},
mounted() {},
methods: {
// 确定操作
submitForm() {
this.$emit("onSubmit", this.ForeignDialog);
},
// 取消操作
resetForm() {
this.$emit("onSubmit", this.initData);
},
beforeClose() {
this.$emit("closeForeignDialog");
}
}
};
</script>
<style scoped lang="less">
</style>