index.vue
4.97 KB
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
<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">
<div style="margin-top: 10px;">
<el-image style="width: 200px;" :src="$baseURL+info.idCardFrontImage" fit="contain"></el-image>
</div>
</el-form-item>
<el-form-item label="身份证照片（反）" prop="idCardBackImage">
<div style="margin-top: 10px;">
<el-image style="width: 200px;" :src="$baseURL+info.idCardBackImage" fit="contain"></el-image>
</div>
</el-form-item>
</el-form>
</div>
<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">
<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>
<el-col :span="9" v-if="info.checkState != '1' && info.checkOpinion">
<el-form-item label="审核意见" prop="phone">
<div class="duiqi">{{info.checkOpinion}}</div>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- <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>
<div>
<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>
import TitleWithCircle from '@/components/top/index';
export default {
components: {
TitleWithCircle
},
props: {
info: {
type: Object,
default: function() {
return {}; // 返回一个空数组作为默认值
},
},
},
data() {
return {
xiangTab: 'first',
list: [],
}
},
created() {
},
computed: {
},
methods: {
changetype(){
this.xiangTab= 'first'
this.$emit('removeonaction', '1')
},
}
}
</script>
<style>
.el-form-item__label {
color: #a2a2a2;
}
.greens {
color: #3F9B6A;
}
</style>