4373acf5
 wesley88
1
|
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
|
<template>
<div>
<div >
<el-tabs v-model="xiangTab">
<el-tab-pane label="商家信息" name="first">
<div style="margin-top: 30px;" class="editcss">
<TitleWithCircle title="基础信息" />
<div style="padding: 20px;margin-top: 10px;">
<el-form :model="info" ref="ruleForm" label-width="140px" class="demo-ruleForm">
<el-row :gutter="20">
<el-col :span="9">
<el-form-item label="姓名" prop="name">
<div class="duiqi">{{info.name}}</div>
</el-form-item>
</el-col>
<el-col :span="9">
<el-form-item label="手机号" prop="phone">
<div class="duiqi">{{info.phone}}</div>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="9">
<el-form-item label="证件类型" prop="idCardType">
<div class="duiqi">{{info.idCardType}}</div>
</el-form-item>
</el-col>
<el-col :span="9">
<el-form-item label="身份证号码" prop="idCardNumber">
<div class="duiqi">{{info.idCardNumber}}</div>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="身份证照片（正）" prop="idCardFrontImage">
|
|
1dbc0b2d
wesley88
1
|
35
|
<!-- <div style="margin-top: 10px;">
|
|
9d8bcb26
wesley88
2
|
36
|
<el-image style="width: 200px;" :src="$baseURL+info.idCardFrontImage" fit="contain"></el-image>
|
|
1dbc0b2d
wesley88
1
|
37
38
39
|
</div> -->
<div style="display: flex;">
<allimg v-if="item" :src="item" fit="contain" v-for="item in info.idCardFrontImage.split(',')" style="width: 112px;height: 112px;border: 1px dotted #dcdfe6;border-radius: 2px;overflow: hidden;margin: 0 10px 10px 0;"/>
|
|
4373acf5
wesley88
1
|
40
41
42
|
</div>
</el-form-item>
<el-form-item label="身份证照片（反）" prop="idCardBackImage">
|
|
1dbc0b2d
wesley88
1
|
43
|
<!-- <div style="margin-top: 10px;">
|
|
9d8bcb26
wesley88
2
|
44
|
<el-image style="width: 200px;" :src="$baseURL+info.idCardBackImage" fit="contain"></el-image>
|
|
1dbc0b2d
wesley88
1
|
45
46
47
|
</div> -->
<div style="display: flex;">
<allimg v-if="item" :src="item" fit="contain" v-for="item in info.idCardBackImage.split(',')" style="width: 112px;height: 112px;border: 1px dotted #dcdfe6;border-radius: 2px;overflow: hidden;margin: 0 10px 10px 0;"/>
|
|
4373acf5
wesley88
1
|
48
49
50
51
|
</div>
</el-form-item>
</el-form>
</div>
|
|
3b97e418
wesley88
1
|
52
|
<!-- <TitleWithCircle title="审核信息" />
|
|
4373acf5
wesley88
1
|
53
54
55
56
57
58
59
60
61
62
63
64
|
<div style="padding: 20px;margin-top: 10px;">
<el-form :model="info" ref="ruleForm" label-width="140px" class="demo-ruleForm">
<el-row :gutter="20">
<el-col :span="9">
<el-form-item label="审核状态" prop="name">
<div class="duiqi">
<span v-if="info.checkState == '1'">待审核</span>
<span v-else-if="info.checkState == '2'">同意</span>
<span v-else-if="info.checkState == '3'">拒绝</span>
</div>
</el-form-item>
</el-col>
|
|
9d8bcb26
wesley88
2
|
65
|
<el-col :span="9" v-if="info.checkState != '1' && info.checkOpinion">
|
|
4373acf5
wesley88
1
|
66
67
68
69
70
71
|
<el-form-item label="审核意见" prop="phone">
<div class="duiqi">{{info.checkOpinion}}</div>
</el-form-item>
</el-col>
</el-row>
</el-form>
|
|
3b97e418
wesley88
1
|
72
|
</div> -->
|
|
4373acf5
wesley88
1
|
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
|
<!-- <div style="padding: 20px;margin-top: 10px;">
<el-table :data="list"
:header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}">
<el-table-column label="审核时间">
<template slot-scope="scope">
{{scope.row.contractChangeReason}}
</template>
</el-table-column>
<el-table-column label="审核结果">
<template slot-scope="scope">
{{scope.row.updateDate}}
</template>
</el-table-column>
<el-table-column label="驳回意见">
<template slot-scope="scope">
{{scope.row.updateDate}}
</template>
</el-table-column>
</el-table>
</div> -->
</div>
</el-tab-pane>
</el-tabs>
</div>
|
|
3b97e418
wesley88
1
|
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
|
<div v-if="info.checkState == '1' && issp == '2'">
<TitleWithCircle title="审核情况"/>
<div style="padding: 20px;">
<el-form :model="info" label-width="100px" class="demo-ruleForm">
<el-form-item label="状态" style="align-items: center;">
<el-radio v-model="radio" label="2">通过</el-radio>
<el-radio v-model="radio" label="3">不通过</el-radio>
</el-form-item>
<el-form-item label="审核意见">
<el-input maxlength="200" show-word-limit rows="4" v-model="checkOpinion" placeholder="请输入审核意见"
type="textarea" />
</el-form-item>
</el-form>
</div>
</div>
<div v-if="info.checkState == '2' || info.checkState == '3'">
<TitleWithCircle title="审核结果"/>
<div style="padding: 20px;">
<el-form :model="info" label-width="100px" class="demo-ruleForm" >
<el-form-item label="状态">
<div class="duiqi">{{info.checkState=='2'?'已通过':info.checkState=='3'?'不通过':'无'}}</div>
</el-form-item>
<el-form-item label="审核意见">
<div class="duiqi">{{info.checkOpinion || '无'}}</div>
</el-form-item>
</el-form>
</div>
</div>
|
|
4373acf5
wesley88
1
|
130
|
<div>
|
|
3b97e418
wesley88
1
|
131
132
|
<el-button v-if="info.checkState == '1' && issp == '2'" @click="minSev"
style="background-color: #3F9B6A;color: #fff;">确定</el-button>
|
|
4373acf5
wesley88
1
|
133
134
135
136
137
138
139
140
|
<el-button class="buttonHover"
style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;margin-top: 20px;"
@click="changetype">返回</el-button>
</div>
</div>
</template>
<script>
|
|
3b97e418
wesley88
1
|
141
142
143
|
import {
cerePlatformMerchantedit
} from '@/api/newly.js'
|
|
4373acf5
wesley88
1
|
144
|
import TitleWithCircle from '@/components/top/index';
|
|
1dbc0b2d
wesley88
1
|
145
|
import allimg from '@/components/chakan/allimg.vue';
|
|
4373acf5
wesley88
1
|
146
147
|
export default {
components: {
|
|
1dbc0b2d
wesley88
1
|
148
149
|
TitleWithCircle,
allimg
|
|
4373acf5
wesley88
1
|
150
151
152
153
154
155
156
157
|
},
props: {
info: {
type: Object,
default: function() {
return {}; // 返回一个空数组作为默认值
},
},
|
|
3b97e418
wesley88
1
|
158
159
160
161
162
163
|
issp: {
type: String,
default: function() {
return '1';
},
},
|
|
4373acf5
wesley88
1
|
164
165
166
|
},
data() {
return {
|
|
3b97e418
wesley88
1
|
167
168
|
checkOpinion:'',
radio: '2',
|
|
4373acf5
wesley88
1
|
169
170
171
172
173
174
175
176
177
178
|
xiangTab: 'first',
list: [],
}
},
created() {
},
computed: {
},
methods: {
|
|
3b97e418
wesley88
1
|
179
|
minSev() {
|
|
d560e431
wesley88
1
|
180
181
|
let that = this
console.error(this.info)
|
|
3b97e418
wesley88
1
|
182
183
184
185
186
187
188
189
190
191
192
193
|
// return
cerePlatformMerchantedit({
...this.info,
'checkState': this.radio,
checkOpinion: this.checkOpinion?this.checkOpinion:null
}).then(res => {
console.error(res)
if (res.code == 200) {
this.$message({
message: '处理成功',
type: 'success'
})
|
|
d560e431
wesley88
1
|
194
|
that.setmsg()
|
|
3b97e418
wesley88
1
|
195
196
197
198
199
200
201
202
203
204
|
this.info.checkState = this.radio
this.$emit('removeonaction', '1')
} else {
this.$message({
message: '处理失败',
type: 'error'
})
}
})
},
|
|
d560e431
wesley88
1
|
205
206
207
208
209
210
|
async setmsg() {
let info = {
type:'通知消息',
phone:this.info.phone,
content:{
type:'1',
|
|
5149de3a
wesley88
1
|
211
|
title:this.radio=='2'?'商家审核已通过':this.radio=='3'?'商家审核已驳回':'商家',
|
|
d560e431
wesley88
1
|
212
213
214
215
216
|
content:this.checkOpinion
},
}
await this.$setmsg(info);
},
|
|
4373acf5
wesley88
1
|
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
|
changetype(){
this.xiangTab= 'first'
this.$emit('removeonaction', '1')
},
}
}
</script>
<style>
.el-form-item__label {
color: #a2a2a2;
}
.greens {
color: #3F9B6A;
}
</style>
|
