ltlzx
/
wenhuayun_admin
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

弹框

master
ltlzx 5 years ago
parent
5ad0722311
commit
6e98938040
9 changed files with 201 additions and 86 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 5
      src/api/index.js
  2. 2
      src/components/common/Sidebar.vue
  3. 0
      src/components/common/dialog/content.vue
  4. 73
      src/components/common/dialog/insex.vue
  5. 0
      src/components/common/dialog/sidebar.vue
  6. 105
      src/components/page/AccountManagement/platformSelect.vue
  7. 2
      src/router/index.js
  8. 2
      src/utils/request.js
  9. 22
      vue.config.js

5
src/api/index.js
View File

@ -1,8 +1,9 @@
import request from '../utils/request';
export const fetchData = query => {
export const platformAccountList = query => {
return request({
url: './table.json',
url: 'public/index.php/api/admin.Task/platform_account_list',
method: 'get',
params: query
});

2
src/components/common/Sidebar.vue
View File

@ -68,7 +68,7 @@ export default {
subs:[
{
index: 'platformSelect',
title: '平台账户查询'
title: '交易平台账户查询'
},
{
index: 'buyerReview',

0
src/components/common/dialog/content.vue
View File

73
src/components/common/dialog/insex.vue
View File

@ -0,0 +1,73 @@
<template>
<div>
<el-dialog :title="dialogData.title" :visible.sync="isshow" width="70%" :before-close="MisShow">
<p class="tips">{{dialogData.tips}}</p>
<div class="body">
<el-tabs tab-position="left" >
<el-tab-pane label="用户管理">用户管理</el-tab-pane>
<el-tab-pane label="配置管理">配置管理</el-tab-pane>
<el-tab-pane label="角色管理">角色管理</el-tab-pane>
<el-tab-pane label="定时任务补偿">定时任务补偿</el-tab-pane>
</el-tabs>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="MisShow">取 消</el-button>
<el-button type="primary" @click="saveEdit">确 定</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import {whySidebar} from '../dialog/sidebar.vue'
export default {
name:'whyDialog',
props:{
dialogType:{
type:Number,
require: true
},
dialogID:{
type:Number,
require: true
},
isshow:{
type:Boolean,
default:false,
require: true
}
},
data(){
return {
dialogData:{
title:'',
tips:''
}
}
},
components:{
whySidebar
},
created(){
if (this.dialogType==1) {
this.dialogData.title='账户信息';
this.dialogData.tips='以下为交易平台账户申请账户时提交的相关资料：';
}
},
methods:{
saveEdit(){
},
MisShow(){
this.$emit('MisShow')
}
}
}
</script>
<style scoped>
.tips{
font-size: 16px;
}
.body{
display: flex;
}
</style>

0
src/components/common/dialog/sidebar.vue
View File

105
src/components/page/AccountManagement/platformSelect.vue
View File

@ -5,27 +5,27 @@
<el-breadcrumb-item>
<i class="el-icon-lx-cascades"></i> 账户管理
</el-breadcrumb-item>
<el-breadcrumb-item>平台账户查询</el-breadcrumb-item>
<el-breadcrumb-item>交易平台账户查询</el-breadcrumb-item>
</el-breadcrumb>
</div>
<div class="container">
<div class="handle-box">
<el-input v-model="query.name" placeholder="机构名称" class="handle-input mr10"></el-input>
<el-input placeholder="账户号码" class="handle-input mr10"></el-input>
<el-input placeholder="申请人名称" class="handle-input mr10"></el-input>
<el-select placeholder="买家开户" class="handle-select mr10">
<el-input v-model="query.firm_name" placeholder="机构名称" class="handle-input mr10"></el-input>
<el-input v-model="query.phone" placeholder="账户号码" class="handle-input mr10"></el-input>
<el-input v-model="query.username" placeholder="申请人名称" class="handle-input mr10"></el-input>
<el-select v-model="query.buyer_account_type" placeholder="买家开户" class="handle-select mr10">
<el-option key="1" label="广东省" value="广东省"></el-option>
<el-option key="2" label="湖南省" value="湖南省"></el-option>
</el-select>
<el-select v-model="query.address" placeholder="入驻商家" class="handle-select mr10">
<el-select v-model="query.enter_shop_type" placeholder="入驻商家" class="handle-select mr10">
<el-option key="1" label="广东省" value="广东省"></el-option>
<el-option key="2" label="湖南省" value="湖南省"></el-option>
</el-select>
<el-select v-model="query.address" placeholder="第三方机构" class="handle-select mr10">
<el-select v-model="query.third_party_type" placeholder="第三方机构" class="handle-select mr10">
<el-option key="1" label="广东省" value="广东省"></el-option>
<el-option key="2" label="湖南省" value="湖南省"></el-option>
</el-select>
<el-select v-model="query.address" placeholder="审核人员" class="handle-select mr10">
<el-select v-model="query.auditID" placeholder="审核人员" class="handle-select mr10">
<el-option key="1" label="广东省" value="广东省"></el-option>
<el-option key="2" label="湖南省" value="湖南省"></el-option>
</el-select>
@ -52,14 +52,26 @@
@selection-change="handleSelectionChange"
>
<el-table-column prop="id" label="序号" width="55" align="center"></el-table-column>
<el-table-column prop="name" label="申请时间"></el-table-column>
<el-table-column label="机构名称" prop="name"></el-table-column>
<el-table-column label="账户号码" prop="name"></el-table-column>
<el-table-column prop="address" label="申请人名称"></el-table-column>
<el-table-column prop="address" label="是否买家开户"></el-table-column>
<el-table-column prop="address" label="是否入驻商家"></el-table-column>
<el-table-column prop="address" label="是否第三方机构"></el-table-column>
<el-table-column prop="date" label="审核人员"></el-table-column>
<el-table-column :formatter="formatDate" prop="create_time" label="申请时间"></el-table-column>
<el-table-column label="机构名称" prop="firm_name"></el-table-column>
<el-table-column label="账户号码" prop="phone"></el-table-column>
<el-table-column prop="apply_name" label="申请人名称"></el-table-column>
<el-table-column prop="is_buyer" label="是否买家开户">
<template slot-scope="scope">
<span>{{scope.row.is_buyer==1 ? '是':'否'}}</span>
</template>
</el-table-column>
<el-table-column prop="is_enter_shop" label="是否入驻商家">
<template slot-scope="scope">
<span>{{scope.row.is_enter_shop==1 ? '是':'否'}}</span>
</template>
</el-table-column>
<el-table-column prop="is_third_party" label="是否第三方机构">
<template slot-scope="scope">
<span>{{scope.row.is_third_party==1 ? '是':'否'}}</span>
</template>
</el-table-column>
<el-table-column prop="username" label="审核人员"></el-table-column>
<el-table-column label="操作" width="280" align="center">
<template slot-scope="scope">
<el-button
@ -85,8 +97,8 @@
<el-pagination
background
layout="total, prev, pager, next"
:current-page="query.pageIndex"
:page-size="query.pageSize"
:current-page="query.page"
:page-size="query.limit"
:total="pageTotal"
@current-change="handlePageChange"
></el-pagination>
@ -94,7 +106,7 @@
</div>
<!-- 编辑弹出框 -->
<el-dialog title="编辑" :visible.sync="editVisible" width="30%">
<!-- <el-dialog title="编辑" :visible.sync="editVisible" width="30%">
<el-form ref="form" :model="form" label-width="70px">
<el-form-item label="用户名">
<el-input v-model="form.name"></el-input>
@ -107,22 +119,32 @@
<el-button @click="editVisible = false">取 消</el-button>
<el-button type="primary" @click="saveEdit">确 定</el-button>
</span>
</el-dialog>
</el-dialog> -->
<whyDialog v-if="editVisible" :isshow="editVisible" :dialogID="dialogID" :dialogType="dialogType" @MisShow="MisShow"></whyDialog>
</div>
</template>
<script>
import { fetchData } from '../../../api/index';
import { platformAccountList } from '../../../api/index';
// import {whyDialog} from '../../common/dialog/insex.vue'
export default {
name: 'basetable',
name: 'platformSelect',
data() {
return {
query: {
address: '',
name: '',
pageIndex: 1,
pageSize: 10
firm_name: '',
phone: '',
username: '',
buyer_account_type: '',
enter_shop_type: '',
third_party_type: '',
auditID: '',
time: '',
page: 1,
limit: 10
},
dialogID:1,
dialogType:'',
tableData: [],
multipleSelection: [],
delList: [],
@ -164,16 +186,20 @@ export default {
},
};
},
components:{
// whyDialog
whyDialog: () => import('../../common/dialog/insex.vue')
},
created() {
this.getData();
},
methods: {
// 获取 easy-mock 的模拟数据
getData() {
fetchData(this.query).then(res => {
// console.log(res);
this.tableData = res.list;
this.pageTotal = res.pageTotal || 50;
platformAccountList(this.query).then(res => {
console.log(res);
this.tableData = res.data.list;
this.pageTotal = res.data.count;
});
},
// 触发搜索按钮
@ -199,9 +225,9 @@ export default {
},
// 编辑操作
handleEdit(index, row) {
this.idx = index;
this.form = row;
this.editVisible = true;
this.dialogID=row.id;
this.dialogType=1
},
// 保存编辑
saveEdit() {
@ -213,6 +239,21 @@ export default {
handlePageChange(val) {
this.$set(this.query, 'pageIndex', val);
this.getData();
},
//时间戳转换时间
formatDate(row, column, cellValue, index) {
if (cellValue == null || cellValue == "") return "";
let date = new Date(parseInt(cellValue*1000));//时间戳为10位需*1000，时间戳为13位的话不需乘1000
let Y = date.getFullYear() + '-';
let M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) + '-' : date.getMonth() + 1 + '-';
let D = date.getDate() < 10 ? '0' + date.getDate() + ' ' : date.getDate() + ' ';
let h = date.getHours() < 10 ? '0' + date.getHours() + ':' : date.getHours() + ':';
let m = date.getMinutes() < 10 ? '0' + date.getMinutes() + ':' : date.getMinutes() + ':';
let s = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds();
return Y + M + D + h + m + s;
},
MisShow(){
this.editVisible=false
}
}
};

2
src/router/index.js
View File

@ -106,7 +106,7 @@ export default new Router({
{
path: '/platformSelect',
component: () => import(/* webpackChunkName: "platformSelect" */ '../components/page/AccountManagement/platformSelect.vue'),
meta: { title: '平台账户查询' }
meta: { title: '交易平台账户查询' }
},
{
path: '/buyerReview',

2
src/utils/request.js
View File

@ -3,7 +3,7 @@ import axios from 'axios';
const service = axios.create({
// process.env.NODE_ENV === 'development' 来判断是否开发环境
// easy-mock服务挂了，暂时不使用了
// baseURL: 'https://www.easy-mock.com/mock/592501a391470c0ac1fab128',
baseURL: 'http://wenhua.xingtongworld.com/',
timeout: 5000
});

22
vue.config.js
View File

@ -2,15 +2,15 @@ module.exports = {
baseUrl: './',
assetsDir: 'static',
productionSourceMap: false,
// devServer: {
// proxy: {
// '/api':{
// target:'http://jsonplaceholder.typicode.com',
// changeOrigin:true,
// pathRewrite:{
// '/api':''
// }
// }
// }
// }
devServer: {
proxy: {
'/api':{
target:'http://wenhua.xingtongworld.com/',
changeOrigin:true,
pathRewrite:{
'/api':''
}
}
}
}
}
Write Preview
Loading…
Cancel
Save