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
Unified 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. 181
      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'; import request from '../utils/request';
export const fetchData = query => {
export const platformAccountList = query => {
return request({ return request({
url: './table.json', url: 'public/index.php/api/admin.Task/platform_account_list',
method: 'get', method: 'get',
params: query params: query
}); });

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

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

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

@ -5,40 +5,40 @@
<el-breadcrumb-item> <el-breadcrumb-item>
<i class="el-icon-lx-cascades"></i> 账户管理 <i class="el-icon-lx-cascades"></i> 账户管理
</el-breadcrumb-item> </el-breadcrumb-item>
<el-breadcrumb-item>平台账户查询</el-breadcrumb-item> <el-breadcrumb-item>交易平台账户查询</el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
</div> </div>
<div class="container"> <div class="container">
<div class="handle-box"> <div class="handle-box">
<el-input v-model="query.name" placeholder="机构名称" class="handle-input mr10"></el-input> <el-input v-model="query.firm_name" placeholder="机构名称" class="handle-input mr10"></el-input>
<el-input placeholder="账户号码" class="handle-input mr10"></el-input> <el-input v-model="query.phone" placeholder="账户号码" class="handle-input mr10"></el-input>
<el-input placeholder="申请人名称" class="handle-input mr10"></el-input> <el-input v-model="query.username" placeholder="申请人名称" class="handle-input mr10"></el-input>
<el-select placeholder="买家开户" class="handle-select mr10"> <el-select v-model="query.buyer_account_type" placeholder="买家开户" class="handle-select mr10">
<el-option key="1" label="广东省" value="广东省"></el-option> <el-option key="1" label="广东省" value="广东省"></el-option>
<el-option key="2" label="湖南省" value="湖南省"></el-option> <el-option key="2" label="湖南省" value="湖南省"></el-option>
</el-select> </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="1" label="广东省" value="广东省"></el-option>
<el-option key="2" label="湖南省" value="湖南省"></el-option> <el-option key="2" label="湖南省" value="湖南省"></el-option>
</el-select> </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="1" label="广东省" value="广东省"></el-option>
<el-option key="2" label="湖南省" value="湖南省"></el-option> <el-option key="2" label="湖南省" value="湖南省"></el-option>
</el-select> </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="1" label="广东省" value="广东省"></el-option>
<el-option key="2" label="湖南省" value="湖南省"></el-option> <el-option key="2" label="湖南省" value="湖南省"></el-option>
</el-select> </el-select>
<el-date-picker <el-date-picker
class="mr10" class="mr10"
v-model="query.time" v-model="query.time"
type="datetimerange" type="datetimerange"
:picker-options="pickerOptions" :picker-options="pickerOptions"
range-separator="至" range-separator="至"
value-format="yyyy-MM-dd h:m:s" value-format="yyyy-MM-dd h:m:s"
start-placeholder="开始日期" start-placeholder="开始日期"
end-placeholder="结束日期" end-placeholder="结束日期"
align="right" align="right"
> >
</el-date-picker> </el-date-picker>
<el-button type="primary" icon="el-icon-search" @click="handleSearch">搜索</el-button> <el-button type="primary" icon="el-icon-search" @click="handleSearch">搜索</el-button>
@ -52,14 +52,26 @@
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
> >
<el-table-column prop="id" label="序号" width="55" align="center"></el-table-column> <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 :formatter="formatDate" prop="create_time" label="申请时间"></el-table-column>
<el-table-column label="机构名称" prop="name"></el-table-column> <el-table-column label="机构名称" prop="firm_name"></el-table-column>
<el-table-column label="账户号码" prop="name"></el-table-column> <el-table-column label="账户号码" prop="phone"></el-table-column>
<el-table-column prop="address" label="申请人名称"></el-table-column> <el-table-column prop="apply_name" label="申请人名称"></el-table-column>
<el-table-column prop="address" label="是否买家开户"></el-table-column> <el-table-column prop="is_buyer" label="是否买家开户">
<el-table-column prop="address" label="是否入驻商家"></el-table-column> <template slot-scope="scope">
<el-table-column prop="address" label="是否第三方机构"></el-table-column> <span>{{scope.row.is_buyer==1 ? '是':'否'}}</span>
<el-table-column prop="date" label="审核人员"></el-table-column> </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"> <el-table-column label="操作" width="280" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
@ -85,8 +97,8 @@
<el-pagination <el-pagination
background background
layout="total, prev, pager, next" layout="total, prev, pager, next"
:current-page="query.pageIndex" :current-page="query.page"
:page-size="query.pageSize" :page-size="query.limit"
:total="pageTotal" :total="pageTotal"
@current-change="handlePageChange" @current-change="handlePageChange"
></el-pagination> ></el-pagination>
@ -94,7 +106,7 @@
</div> </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 ref="form" :model="form" label-width="70px">
<el-form-item label="用户名"> <el-form-item label="用户名">
<el-input v-model="form.name"></el-input> <el-input v-model="form.name"></el-input>
@ -107,22 +119,32 @@
<el-button @click="editVisible = false">取 消</el-button> <el-button @click="editVisible = false">取 消</el-button>
<el-button type="primary" @click="saveEdit">确 定</el-button> <el-button type="primary" @click="saveEdit">确 定</el-button>
</span> </span>
</el-dialog> </el-dialog> -->
<whyDialog v-if="editVisible" :isshow="editVisible" :dialogID="dialogID" :dialogType="dialogType" @MisShow="MisShow"></whyDialog>
</div> </div>
</template> </template>
<script> <script>
import { fetchData } from '../../../api/index'; import { platformAccountList } from '../../../api/index';
// import {whyDialog} from '../../common/dialog/insex.vue'
export default { export default {
name: 'basetable', name: 'platformSelect',
data() { data() {
return { return {
query: { query: {
address: '', firm_name: '',
name: '', phone: '',
pageIndex: 1, username: '',
pageSize: 10 buyer_account_type: '',
enter_shop_type: '',
third_party_type: '',
auditID: '',
time: '',
page: 1,
limit: 10
}, },
dialogID:1,
dialogType:'',
tableData: [], tableData: [],
multipleSelection: [], multipleSelection: [],
delList: [], delList: [],
@ -132,48 +154,52 @@ export default {
idx: -1, idx: -1,
id: -1, id: -1,
pickerOptions: { pickerOptions: {
shortcuts: [ shortcuts: [
{ {
text: "最近一周", text: "最近一周",
onClick(picker) { onClick(picker) {
const end = new Date(); const end = new Date();
const start = new Date(); const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7); start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
picker.$emit("pick", [start, end]); picker.$emit("pick", [start, end]);
}, },
}, },
{ {
text: "最近一个月", text: "最近一个月",
onClick(picker) { onClick(picker) {
const end = new Date(); const end = new Date();
const start = new Date(); const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
picker.$emit("pick", [start, end]); picker.$emit("pick", [start, end]);
}, },
}, },
{ {
text: "最近三个月", text: "最近三个月",
onClick(picker) { onClick(picker) {
const end = new Date(); const end = new Date();
const start = new Date(); const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90); start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
picker.$emit("pick", [start, end]); picker.$emit("pick", [start, end]);
}, },
}, },
], ],
}, },
}; };
}, },
components:{
// whyDialog
whyDialog: () => import('../../common/dialog/insex.vue')
},
created() { created() {
this.getData(); this.getData();
}, },
methods: { methods: {
// 获取 easy-mock 的模拟数据 // 获取 easy-mock 的模拟数据
getData() { getData() {
fetchData(this.query).then(res => { platformAccountList(this.query).then(res => {
// console.log(res); console.log(res);
this.tableData = res.list; this.tableData = res.data.list;
this.pageTotal = res.pageTotal || 50; this.pageTotal = res.data.count;
}); });
}, },
// 触发搜索按钮 // 触发搜索按钮
@ -199,9 +225,9 @@ export default {
}, },
// 编辑操作 // 编辑操作
handleEdit(index, row) { handleEdit(index, row) {
this.idx = index;
this.form = row;
this.editVisible = true; this.editVisible = true;
this.dialogID=row.id;
this.dialogType=1
}, },
// 保存编辑 // 保存编辑
saveEdit() { saveEdit() {
@ -213,6 +239,21 @@ export default {
handlePageChange(val) { handlePageChange(val) {
this.$set(this.query, 'pageIndex', val); this.$set(this.query, 'pageIndex', val);
this.getData(); 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', path: '/platformSelect',
component: () => import(/* webpackChunkName: "platformSelect" */ '../components/page/AccountManagement/platformSelect.vue'), component: () => import(/* webpackChunkName: "platformSelect" */ '../components/page/AccountManagement/platformSelect.vue'),
meta: { title: '平台账户查询' } meta: { title: '交易平台账户查询' }
}, },
{ {
path: '/buyerReview', path: '/buyerReview',

2
src/utils/request.js
View File

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

22
vue.config.js
View File

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