|
@@ -6,7 +6,11 @@
|
|
<c-search :is_search="true" :fields="fields" @search="btSearch"> </c-search>
|
|
<c-search :is_search="true" :fields="fields" @search="btSearch"> </c-search>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="24" class="thr">
|
|
<el-col :span="24" class="thr">
|
|
- <data-table :fields="fields" :opera="opera" @query="search" :data="list" :total="total"> </data-table>
|
|
|
|
|
|
+ <data-table :fields="fields" :opera="opera" @query="search" :data="list" :total="total">
|
|
|
|
+ <template #pay_url="{ row, item }">
|
|
|
|
+ <el-image class="image" :src="row[item.model].length > 0 ? row[item.model][0].url : ''" @click="imgView(row[item.model])"></el-image>
|
|
|
|
+ </template>
|
|
|
|
+ </data-table>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
@@ -26,11 +30,13 @@ export default {
|
|
searchInfo: {},
|
|
searchInfo: {},
|
|
fields: [
|
|
fields: [
|
|
{ label: '序号', options: { type: 'index' } },
|
|
{ label: '序号', options: { type: 'index' } },
|
|
- { label: '订单号', model: 'money_no' },
|
|
|
|
|
|
+ { label: '订单号', model: 'money_no', isSearch: true },
|
|
|
|
+ { label: '转账单号/订单号', model: 'pay_no', isSearch: true },
|
|
{ label: '用户名称', model: 'user_name', isSearch: true },
|
|
{ label: '用户名称', model: 'user_name', isSearch: true },
|
|
- { label: '交易类型', model: 'type', isSearch: true },
|
|
|
|
- { label: '交易金额', model: 'money', isSearch: true },
|
|
|
|
|
|
+ { label: '交易类型', model: 'type' },
|
|
|
|
+ { label: '交易金额', model: 'money' },
|
|
{ label: '交易时间', model: 'create_time' },
|
|
{ label: '交易时间', model: 'create_time' },
|
|
|
|
+ // { label: '支付账单明细截图', model: 'pay_url', custom: true },
|
|
],
|
|
],
|
|
opera: [],
|
|
opera: [],
|
|
list: [],
|
|
list: [],
|
|
@@ -53,6 +59,15 @@ export default {
|
|
this.$set(this, `searchInfo`, query);
|
|
this.$set(this, `searchInfo`, query);
|
|
this.search();
|
|
this.search();
|
|
},
|
|
},
|
|
|
|
+ // 图片预览
|
|
|
|
+ imgView(e) {
|
|
|
|
+ if (e.length > 0) {
|
|
|
|
+ let data = e[0];
|
|
|
|
+ window.open(data.url);
|
|
|
|
+ } else {
|
|
|
|
+ this.$message({ message: '暂无图片信息,无法查看', type: 'warning' });
|
|
|
|
+ }
|
|
|
|
+ },
|
|
},
|
|
},
|
|
computed: {
|
|
computed: {
|
|
...mapState(['user']),
|
|
...mapState(['user']),
|
|
@@ -70,4 +85,13 @@ export default {
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
|
|
|
|
-<style lang="less" scoped></style>
|
|
|
|
|
|
+<style lang="less" scoped>
|
|
|
|
+.main {
|
|
|
|
+ .thr {
|
|
|
|
+ .image {
|
|
|
|
+ width: 66px;
|
|
|
|
+ height: 66px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+</style>
|