bibi 3 years ago
parent ae4b8fa2b5
commit d03b032036

@ -1,3 +1,3 @@
NODE_ENV = 'production' NODE_ENV = 'production'
VUE_APP_URL = 'https://saas.kaidalai.cn/api/admin/' VUE_APP_URL = 'https://saas.kaidalai.cn/api/admin'
VUE_APP_STATIC = 'https://saas.kaidalai.cn/api/admin/' VUE_APP_STATIC = 'https://saas.kaidalai.cn/api/admin'

@ -0,0 +1,24 @@
module.exports = {
"env": {
"browser": true,
"es6": true
},
"extends": [
"plugin:vue/essential",
],
"globals": {
"Atomics": "readonly",
"SharedArrayBuffer": "readonly"
},
"parserOptions": {
"ecmaVersion": 2018,
"sourceType": "module"
},
"plugins": [
"vue"
],
"rules": {
indent: ['error', 'tab'],
'no-console': 'off',
}
};

@ -1,5 +1,5 @@
module.exports = { module.exports = {
presets: [ presets: [
'@vue/cli-plugin-babel/preset' '@vue/cli-plugin-babel/preset'
] ]
} }

@ -17,12 +17,12 @@
<script> <script>
import zhCN from "ant-design-vue/lib/locale-provider/zh_CN"; import zhCN from "ant-design-vue/lib/locale-provider/zh_CN";
export default { export default {
name: 'App', name: 'App',
data() { data() {
return { return {
locale: zhCN locale: zhCN
}; };
}, },
} }
</script> </script>

@ -2,9 +2,9 @@ import httpService from "@/request"
// 获取预报列表 // 获取预报列表
export function functionName(params) { export function functionName(params) {
return httpService({ return httpService({
url: `url`, url: `url`,
method: 'post', method: 'post',
data: params, data: params,
}) })
} }

@ -1,10 +0,0 @@
import httpService from "@/request"
// 登录
export function loginTel(params) {
return httpService({
url: `/manage/loginTelCode`,
method: 'post',
data: params,
})
}

@ -0,0 +1,34 @@
import httpService from "@/request"
// 注册
export function register(params) {
return httpService({
url: `/register`,
method: 'post',
data: params,
})
}
// 登录
export function loginPWD(params) {
return httpService({
url: `/loginPWD`,
method: 'post',
data: params,
})
}
// 登录
export function loginTelCode(params) {
return httpService({
url: `/loginTelCode`,
method: 'post',
data: params,
})
}
// 验证码
export function sendTelCode(params) {
return httpService({
url: `/sendTelCode`,
method: 'post',
data: params,
})
}

@ -19,18 +19,18 @@
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
visible: false, visible: false,
}; };
}, },
methods: { methods: {
showDrawer() { showDrawer() {
this.visible = true; this.visible = true;
}, },
onClose() { onClose() {
this.visible = false; this.visible = false;
}, },
}, },
}; };
</script> </script>

@ -56,16 +56,16 @@
<script> <script>
export default { export default {
data() { data() {
return { return {
// //
pagination: { pagination: {
showTotal: (total) => `${total}`, showTotal: (total) => `${total}`,
showSizeChanger: true, showSizeChanger: true,
showQuickJumper: true, showQuickJumper: true,
}, },
activeAction:undefined, activeAction:undefined,
/** /**
* *
* *
* customRender: function (gender) { * customRender: function (gender) {
@ -76,43 +76,43 @@ export default {
} }
}, },
*/ */
loading: false, loading: false,
// index // index
selectedRowKeys: [], selectedRowKeys: [],
}; };
}, },
computed: { computed: {
// selection // selection
hasSelected() { hasSelected() {
return this.selectedRowKeys.length > 0; return this.selectedRowKeys.length > 0;
}, },
}, },
// //
props: { props: {
columns: Array, columns: Array,
tableData: Array, tableData: Array,
ActionsList: Array, ActionsList: Array,
// activeAction:Number // activeAction:Number
}, },
methods: { methods: {
// selection // selection
selectionChoosed(selectedRowKeys, data) { selectionChoosed(selectedRowKeys, data) {
this.selectedRowKeys = selectedRowKeys; this.selectedRowKeys = selectedRowKeys;
this.$emit("selectionChoosed", data); this.$emit("selectionChoosed", data);
}, },
// //
handleTableChange(val) { handleTableChange(val) {
this.$emit("handleTableChange", val); this.$emit("handleTableChange", val);
}, },
// //
Actions(val) { Actions(val) {
this.$emit("Actions", val); this.$emit("Actions", val);
this.activeAction = undefined this.activeAction = undefined
}, },
formatter(val){ formatter(val){
this.$emit("formatter", val); this.$emit("formatter", val);
} }
}, },
}; };
</script> </script>

@ -11,9 +11,12 @@ import App from './App.vue'
import './styles/index.less'; import './styles/index.less';
import mixins from "@/mixins" import mixins from "@/mixins"
import Antd from 'ant-design-vue'; import Antd from 'ant-design-vue';
import util from '@/utils/util.js'
import 'ant-design-vue/dist/antd.css'; import 'ant-design-vue/dist/antd.css';
Vue.use(Antd); Vue.use(Antd);
Vue.use(mixins); Vue.use(mixins);
Vue.use(util);
import store from "@/store"; import store from "@/store";
import router from "@/permission"; import router from "@/permission";
Vue.config.productionTip = false Vue.config.productionTip = false
@ -23,13 +26,13 @@ import commonTable from './components/table'
Vue.component('commonTable', commonTable) Vue.component('commonTable', commonTable)
router.beforeEach((to, from, next) => { router.beforeEach((to, from, next) => {
// 让页面回到顶部 // 让页面回到顶部
document.documentElement.scrollTop = 0 document.documentElement.scrollTop = 0
next() next()
}) })
new Vue({ new Vue({
render: h => h(App), render: h => h(App),
router, router,
store store
}).$mount('#app') }).$mount('#app')

@ -12,10 +12,10 @@ export default {
install(Vue) { install(Vue) {
Vue.mixin({ Vue.mixin({
computed: { computed: {
...mapGetters(['getToken','getCommunityCode','getSelectedKeys', 'getOpenKeys']) ...mapGetters(['getToken','getSelectedKeys', 'getOpenKeys'])
}, },
methods: { methods: {
...mapActions(['setToken','setCommunityCode','setSelectedKeys', 'setOpenKeys']) ...mapActions(['setToken','setSelectedKeys', 'setOpenKeys'])
} }
}) })
} }

@ -35,7 +35,7 @@ httpService.interceptors.request.use(config => {
const rqData = filterRequestData(config.data); const rqData = filterRequestData(config.data);
// post 'Content-Type' === 'application/x-www-form-urlencoded' // post 'Content-Type' === 'application/x-www-form-urlencoded'
config.headers['Content-Type'] = "application/json"; config.headers['Content-Type'] = "application/json";
config.headers['manage-login-token'] = store.getters.getToken; config.headers['admin-login-token'] = store.getters.getToken;
// config.headers['device-type'] = "web"; // config.headers['device-type'] = "web";
if(config.method === 'post') { if(config.method === 'post') {
config.data = rqData; config.data = rqData;

@ -7,41 +7,41 @@
* @FilePath: /LittleBeeSaas/src/router/basic.js * @FilePath: /LittleBeeSaas/src/router/basic.js
*/ */
export default [ export default [
{ {
path: '/Basic/home', path: '/Basic/home',
name: "home", name: "home",
title: "首页", title: "首页",
hide: false, hide: false,
icon: 'container', icon: 'container',
component: resolve => require(['@/views/Basic/home'], resolve), component: resolve => require(['@/views/Basic/home'], resolve),
meta: {title: '首页'}, meta: {title: '首页'},
}, },
{ {
path: '/Basic/home/settled', path: '/Basic/home/settled',
name: "settled", name: "settled",
title: "首页-入驻企业申请", title: "首页-入驻企业申请",
icon: 'container', icon: 'container',
hide: true, hide: true,
component: resolve => require(['@/views/Basic/home/settled.vue'], resolve), component: resolve => require(['@/views/Basic/home/settled.vue'], resolve),
meta: {title: '入驻企业申请'}, meta: {title: '入驻企业申请'},
}, },
{ {
path: '/Basic/home/newOrder', path: '/Basic/home/newOrder',
name: "newOrder", name: "newOrder",
title: "首页-购买功能", title: "首页-购买功能",
icon: 'container', icon: 'container',
hide: true, hide: true,
component: resolve => require(['@/views/Basic/home/newOrder.vue'], resolve), component: resolve => require(['@/views/Basic/home/newOrder.vue'], resolve),
meta: {title: '购买功能'}, meta: {title: '购买功能'},
}, },
{ {
path: '/Basic/adminSet', path: '/Basic/adminSet',
name: "adminSet", name: "adminSet",
title: "管理员设置", title: "管理员设置",
hide: false, hide: false,
icon: 'team', icon: 'team',
component: resolve => require(['@/views/Basic/adminSet'], resolve), component: resolve => require(['@/views/Basic/adminSet'], resolve),
meta: {title: '管理员设置'}, meta: {title: '管理员设置'},
}, },
] ]

@ -11,7 +11,7 @@ import Router from "vue-router"
const originalPush = Router.prototype.push const originalPush = Router.prototype.push
Router.prototype.push = function push(location) { Router.prototype.push = function push(location) {
return originalPush.call(this, location).catch(err => err) return originalPush.call(this, location).catch(err => err)
} }
Vue.use(Router); Vue.use(Router);
@ -19,40 +19,40 @@ import Layout from "@/views/Layout"
import basic from "./basic" // 基础功能 import basic from "./basic" // 基础功能
import manage from "./manage" // 管理平台 import manage from "./manage" // 管理平台
const router = [ const router = [
{ {
path: "/", path: "/",
name: "Layout", name: "Layout",
title: "外框", title: "外框",
component: Layout, component: Layout,
redirect: '/Basic/home', redirect: '/Basic/home',
meta: {title: '首页'}, meta: {title: '首页'},
children: [ children: [
...basic, ...basic,
...manage ...manage
] ]
}, },
{ {
path: "/login", path: "/login",
name: "Login", name: "Login",
title: "登录", title: "登录",
component: resolve => require(['@/views/Login'], resolve) component: resolve => require(['@/views/Login'], resolve)
} }
] ]
export default new Router({ export default new Router({
mode: 'history', mode: 'history',
routes: router, routes: router,
scrollBehavior(to, from, savedPosition) { scrollBehavior(to, from, savedPosition) {
// console.log(savedPosition); // console.log(savedPosition);
if (savedPosition) { if (savedPosition) {
return new Promise((resolve) => { return new Promise((resolve) => {
setTimeout(() => { setTimeout(() => {
console.log('savedPosition', savedPosition) console.log('savedPosition', savedPosition)
resolve(savedPosition) resolve(savedPosition)
}, 500); }, 500);
}) })
} else { } else {
return { x: 0, y: 0 } return { x: 0, y: 0 }
} }
} }
}) })

@ -1,80 +1,80 @@
export default [ export default [
{ {
path: '/Manage/SettleRequestManage', path: '/Manage/SettleRequestManage',
name: "SettleRequestManage", name: "SettleRequestManage",
title: "入驻申请管理", title: "入驻申请管理",
hide: false, hide: false,
icon: 'contacts', icon: 'contacts',
component: resolve => require(['@/views/Manage/SettleRequestManage'], resolve), component: resolve => require(['@/views/Manage/SettleRequestManage'], resolve),
meta: {title: '入驻申请管理'}, meta: {title: '入驻申请管理'},
}, },
{ {
path: '/Manage/SettleRequestManage/settle_detail', path: '/Manage/SettleRequestManage/settle_detail',
name: "settle_detail", name: "settle_detail",
title: "查看详情", title: "查看详情",
hide: true, hide: true,
icon: 'container', icon: 'container',
component: resolve => require(['@/views/Manage/SettleRequestManage/_detail'], resolve), component: resolve => require(['@/views/Manage/SettleRequestManage/_detail'], resolve),
meta: {title: '查看详情'}, meta: {title: '查看详情'},
}, },
{ {
path: '/Manage/CustomerList', path: '/Manage/CustomerList',
name: "CustomerList", name: "CustomerList",
title: "客户列表", title: "客户列表",
hide: false, hide: false,
icon: 'user', icon: 'user',
component: resolve => require(['@/views/Manage/CustomerList'], resolve), component: resolve => require(['@/views/Manage/CustomerList'], resolve),
meta: {title: '客户列表'}, meta: {title: '客户列表'},
}, },
{ {
path: '/Manage/SettleRequestManage/customer_detail', path: '/Manage/SettleRequestManage/customer_detail',
name: "customer_detail", name: "customer_detail",
title: "查看详情", title: "查看详情",
hide: true, hide: true,
icon: 'container', icon: 'container',
component: resolve => require(['@/views/Manage/CustomerList/_detail'], resolve), component: resolve => require(['@/views/Manage/CustomerList/_detail'], resolve),
meta: {title: '查看详情'}, meta: {title: '查看详情'},
}, },
{ {
path: '/Manage/VillageManage', path: '/Manage/VillageManage',
name: "VillageManage", name: "VillageManage",
title: "小区管理", title: "小区管理",
hide: false, hide: false,
icon: 'home', icon: 'home',
component: resolve => require(['@/views/Manage/VillageManage'], resolve), component: resolve => require(['@/views/Manage/VillageManage'], resolve),
meta: {title: '小区管理'}, meta: {title: '小区管理'},
}, },
{ {
path: '/Manage/OrderManage', path: '/Manage/OrderManage',
name: "OrderManage", name: "OrderManage",
title: "订单管理", title: "订单管理",
hide: false, hide: false,
icon: 'exception', icon: 'exception',
component: resolve => require(['@/views/Manage/OrderManage'], resolve), component: resolve => require(['@/views/Manage/OrderManage'], resolve),
meta: {title: '订单管理'}, meta: {title: '订单管理'},
}, },
{ {
path: '/Manage/ChargingManage', path: '/Manage/ChargingManage',
name: "ChargingManage", name: "ChargingManage",
title: "收费管理", title: "收费管理",
icon: 'pay-circle', icon: 'pay-circle',
redirect: '/ChargingManage/ChargingStandard', redirect: '/ChargingManage/ChargingStandard',
meta: {title: '收费管理'}, meta: {title: '收费管理'},
children: [ children: [
{ {
path: '/ChargingManage/ChargingStandard', path: '/ChargingManage/ChargingStandard',
name: "ChargingStandard", name: "ChargingStandard",
title: "收费标准", title: "收费标准",
component: resolve => require(['@/views/Manage/ChargingManage/ChargingStandard'], resolve), component: resolve => require(['@/views/Manage/ChargingManage/ChargingStandard'], resolve),
meta: { title: '收费标准' }, meta: { title: '收费标准' },
}, },
{ {
path: '/ChargingManage/FinancialBill', path: '/ChargingManage/FinancialBill',
name: "FinancialBill", name: "FinancialBill",
title: "财务账单", title: "财务账单",
component: resolve => require(['@/views/Manage/ChargingManage/FinancialBill'], resolve), component: resolve => require(['@/views/Manage/ChargingManage/FinancialBill'], resolve),
meta: { title: '财务账单' }, meta: { title: '财务账单' },
} }
] ]
}, },
] ]

@ -10,9 +10,6 @@ const actions = {
setToken: ({commit}, log) => { setToken: ({commit}, log) => {
commit('setToken', log) commit('setToken', log)
}, },
setCommunityCode: ({commit}, log) => {
commit('setCommunityCode', log)
},
setSelectedKeys: ({commit}, log) => { setSelectedKeys: ({commit}, log) => {
commit('setSelectedKeys', log) commit('setSelectedKeys', log)
}, },

@ -16,9 +16,6 @@ const getters = {
getToken(state) { getToken(state) {
return state.token return state.token
}, },
getCommunityCode(state) {
return state.communityCode
},
} }
export default getters export default getters

@ -14,10 +14,10 @@ import actions from "./actions";
import mutations from "./mutations"; import mutations from "./mutations";
import getters from "./getters"; import getters from "./getters";
import state from "./state"; import state from "./state";
const store = new Vuex.Store({ const store = new Vuex.Store({
state, state,
actions, actions,
mutations, mutations,
getters getters
}) })
export default store export default store

@ -21,10 +21,6 @@ const mutations = {
state.token = log; state.token = log;
sessionStorage.setItem('token', log); sessionStorage.setItem('token', log);
}, },
setCommunityCode: (state, log) => {
state.communityCode = log;
sessionStorage.setItem('communityCode', log);
},
} }
export default mutations export default mutations

@ -10,6 +10,5 @@ const state = {
selectedKeys: JSON.parse(sessionStorage.getItem('selectedKeys')) || ['/'], selectedKeys: JSON.parse(sessionStorage.getItem('selectedKeys')) || ['/'],
openKeys: JSON.parse(sessionStorage.getItem('openKeys')) || [], openKeys: JSON.parse(sessionStorage.getItem('openKeys')) || [],
token: sessionStorage.getItem('token') || "", token: sessionStorage.getItem('token') || "",
communityCode: sessionStorage.getItem('communityCode') || "",
} }
export default state export default state

@ -20,7 +20,13 @@
margin-left : 10px; margin-left : 10px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.back-btn{
font-size: 16px;
line-height: 22px;
color: #000000D9;
font-weight: 500;
cursor: pointer;
}
// 表格 // 表格
#commonTable { #commonTable {
margin: 24px; margin: 24px;

@ -0,0 +1,40 @@
import axios from 'axios'
import qs from 'qs'
export default {
install: function (Vue) {
//axios
Vue.prototype.$axios = axios
Vue.prototype.qs = qs
// 上传
Vue.prototype.$upload = process.env.VUE_APP_URL + 'admin/user/upload/uploadImg'
// 静态地址
Vue.prototype.$ImgUrl = (src) => {
return process.env.VUE_APP_STATIC + '/' + src
}
// 时间格式化
Vue.prototype.formatDate = (time, fmt) => {
if (time > 0) {
let date = new Date(time * 1000)
if (/(y+)/.test(fmt)) {
fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
}
let o = {
'M+': date.getMonth() + 1,
'd+': date.getDate(),
'h+': date.getHours(),
'm+': date.getMinutes(),
's+': date.getSeconds()
}
for (let k in o) {
if (new RegExp(`(${k})`).test(fmt)) {
let str = o[k] + ''
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : ('00' + str).substr(str.length))
}
}
return fmt
} else {
return ''
}
}
}
}

@ -281,7 +281,7 @@ export default {
cascVal:[], cascVal:[],
telephoneNum:"", telephoneNum:"",
uploadHeaders: { uploadHeaders: {
"manage-login-token": store.getters.getToken, "admin-login-token": store.getters.getToken,
}, },
sexOption: [ sexOption: [
{ {

@ -124,79 +124,79 @@
<script> <script>
export default { export default {
name: "Console", name: "Console",
data(){ data(){
return{ return{
orderList:[ orderList:[
{ {
code:'N20212121212', code:'N20212121212',
status:'付款成功', status:'付款成功',
time:'2023/3/3', time:'2023/3/3',
amount:'25000', amount:'25000',
functionList:['基础功能','缴费管理','智慧商城','运营管理','设置'] functionList:['基础功能','缴费管理','智慧商城','运营管理','设置']
},{ },{
code:'N20212121212', code:'N20212121212',
status:'付款成功', status:'付款成功',
time:'2023/3/3', time:'2023/3/3',
functionList:['基础功能','缴费管理','智慧商城','运营管理','设置'] functionList:['基础功能','缴费管理','智慧商城','运营管理','设置']
},{ },{
code:'N20212121212', code:'N20212121212',
status:'付款成功', status:'付款成功',
time:'2023/3/3', time:'2023/3/3',
functionList:['基础功能','缴费管理','智慧商城','运营管理','设置'] functionList:['基础功能','缴费管理','智慧商城','运营管理','设置']
}, },
], ],
estateList:[ estateList:[
{ {
name:'万科·滨江花园', name:'万科·滨江花园',
address:'江苏省盐城市建湖县沿河镇 11 单元 250 室', address:'江苏省盐城市建湖县沿河镇 11 单元 250 室',
status:'生效中' status:'生效中'
},{ },{
name:'万科·滨江花园', name:'万科·滨江花园',
address:'江苏省盐城市建湖县沿河镇 11 单元 250 室', address:'江苏省盐城市建湖县沿河镇 11 单元 250 室',
status:'生效中' status:'生效中'
},{ },{
name:'万科·滨江花园', name:'万科·滨江花园',
address:'江苏省盐城市建湖县沿河镇 11 单元 250 室', address:'江苏省盐城市建湖县沿河镇 11 单元 250 室',
status:'生效中' status:'生效中'
},{ },{
name:'万科·滨江花园', name:'万科·滨江花园',
address:'江苏省盐城市建湖县沿河镇 11 单元 250 室', address:'江苏省盐城市建湖县沿河镇 11 单元 250 室',
status:'生效中' status:'生效中'
},{ },{
name:'万科·滨江花园', name:'万科·滨江花园',
address:'江苏省盐城市建湖县沿河镇 11 单元 250 室', address:'江苏省盐城市建湖县沿河镇 11 单元 250 室',
status:'生效中' status:'生效中'
}, },
{ {
name:'万科·滨江花园', name:'万科·滨江花园',
address:'江苏省盐城市建湖县沿河镇 11 单元 250 室 11 单元 250 室 11 单元 250 室 11 单元 250 室 11 单元苏省盐城市建湖县沿河镇 11 单元 250 室 11 单元 250 室 11 单元 250 室苏省盐城市建湖县沿河镇 11 单元 250 室 11 单元 250 室 11 单元 250 室 11 单元 250 室 11 单元 11 单元 250 室 11 单元 250 室', address:'江苏省盐城市建湖县沿河镇 11 单元 250 室 11 单元 250 室 11 单元 250 室 11 单元 250 室 11 单元苏省盐城市建湖县沿河镇 11 单元 250 室 11 单元 250 室 11 单元 250 室苏省盐城市建湖县沿河镇 11 单元 250 室 11 单元 250 室 11 单元 250 室 11 单元 250 室 11 单元 11 单元 250 室 11 单元 250 室',
status:'生效中' status:'生效中'
},{ },{
name:'万科·滨江花园', name:'万科·滨江花园',
address:'江苏省盐城市建湖县沿河镇 11 建湖县沿河镇 11 单元 250建湖县沿河镇 11 建湖县沿河镇 11 单元 250建湖县沿河镇 11 单元 250建湖县沿河镇 11 单元 250建湖县沿河镇 11 单元 250建湖县沿河镇 11 单元 250建湖县沿河镇 11 单元 250建湖县沿河镇 11 单元 250建湖县沿河镇 11 单元 250单元 250建湖县沿河镇 11 单元 250建湖县沿河镇 11 单元 250单元 250 室', address:'江苏省盐城市建湖县沿河镇 11 建湖县沿河镇 11 单元 250建湖县沿河镇 11 建湖县沿河镇 11 单元 250建湖县沿河镇 11 单元 250建湖县沿河镇 11 单元 250建湖县沿河镇 11 单元 250建湖县沿河镇 11 单元 250建湖县沿河镇 11 单元 250建湖县沿河镇 11 单元 250建湖县沿河镇 11 单元 250单元 250建湖县沿河镇 11 单元 250建湖县沿河镇 11 单元 250单元 250 室',
status:'生效中' status:'生效中'
} }
], ],
visible: false, visible: false,
confirmLoading: false, confirmLoading: false,
} }
}, },
methods:{ methods:{
settled(){ settled(){
this.$router.push({name:'settled'}) this.$router.push({name:'settled'})
}, },
addVillage(){ addVillage(){
this.visible=true this.visible=true
}, },
handleOk(){}, handleOk(){},
handleCancel(){ handleCancel(){
this.visible = false this.visible = false
}, },
newOrder(){ newOrder(){
this.$router.push({name:'newOrder'}) this.$router.push({name:'newOrder'})
} }
} }
}; };
</script> </script>

@ -92,65 +92,65 @@
<script> <script>
export default { export default {
data() { data() {
return { return {
// //
labelCol: { span: 4 }, labelCol: { span: 4 },
wrapperCol: { span: 10 }, wrapperCol: { span: 10 },
other: "", other: "",
form: { form: {
tel: "", tel: "",
name: "", name: "",
address:"" address:""
}, },
rules: { rules: {
tel: [ tel: [
{ {
required: true, required: true,
message: "请输入手机号", message: "请输入手机号",
trigger: "blur", trigger: "blur",
}, },
{ {
min: 11, min: 11,
max: 11, max: 11,
message: "姓名长度必须为 11 位", message: "姓名长度必须为 11 位",
trigger: "blur", trigger: "blur",
}, },
], ],
name: [ name: [
{ {
required: true, required: true,
message: "请输入姓名", message: "请输入姓名",
trigger: "blur", trigger: "blur",
}, },
{ {
min: 3, min: 3,
max: 5, max: 5,
message: "姓名长度必须为 3 至 5位", message: "姓名长度必须为 3 至 5位",
trigger: "blur", trigger: "blur",
}, },
], ],
}, },
}; };
}, },
methods: { methods: {
// //
getCode(){}, getCode(){},
onSubmit() { onSubmit() {
this.$refs.ruleForm.validate((valid) => { this.$refs.ruleForm.validate((valid) => {
if (valid) { if (valid) {
alert("submit!"); alert("submit!");
} else { } else {
console.log("error submit!!"); console.log("error submit!!");
return false; return false;
} }
}); });
}, },
// //
resetForm() { resetForm() {
this.$refs.ruleForm.resetFields(); this.$refs.ruleForm.resetFields();
}, },
}, },
}; };
</script> </script>

@ -144,65 +144,65 @@
<script> <script>
export default { export default {
data() { data() {
return { return {
// //
labelCol: { span: 4 }, labelCol: { span: 4 },
wrapperCol: { span: 10 }, wrapperCol: { span: 10 },
other: "", other: "",
form: { form: {
tel: "", tel: "",
name: "", name: "",
address:"" address:""
}, },
rules: { rules: {
tel: [ tel: [
{ {
required: true, required: true,
message: "请输入手机号", message: "请输入手机号",
trigger: "blur", trigger: "blur",
}, },
{ {
min: 11, min: 11,
max: 11, max: 11,
message: "姓名长度必须为 11 位", message: "姓名长度必须为 11 位",
trigger: "blur", trigger: "blur",
}, },
], ],
name: [ name: [
{ {
required: true, required: true,
message: "请输入姓名", message: "请输入姓名",
trigger: "blur", trigger: "blur",
}, },
{ {
min: 3, min: 3,
max: 5, max: 5,
message: "姓名长度必须为 3 至 5位", message: "姓名长度必须为 3 至 5位",
trigger: "blur", trigger: "blur",
}, },
], ],
}, },
}; };
}, },
methods: { methods: {
// //
getCode(){}, getCode(){},
onSubmit() { onSubmit() {
this.$refs.ruleForm.validate((valid) => { this.$refs.ruleForm.validate((valid) => {
if (valid) { if (valid) {
alert("submit!"); alert("submit!");
} else { } else {
console.log("error submit!!"); console.log("error submit!!");
return false; return false;
} }
}); });
}, },
// //
resetForm() { resetForm() {
this.$refs.ruleForm.resetFields(); this.$refs.ruleForm.resetFields();
}, },
}, },
}; };
</script> </script>

@ -37,15 +37,15 @@
<script> <script>
import yMenu from "./yMenu"; import yMenu from "./yMenu";
export default { export default {
components: { components: {
yMenu, yMenu,
}, },
mounted(){ mounted(){
this.$router.push({ name: sessionStorage.getItem('routerName') }); this.$router.push({ name: sessionStorage.getItem('routerName') });
// this.tagActive = Number(sessionStorage.getItem('index')) // this.tagActive = Number(sessionStorage.getItem('index'))
}, },
watch: { watch: {
$route: { $route: {
handler(val) { handler(val) {
this.tags = val.matched; this.tags = val.matched;
sessionStorage.setItem('routerName',val.name) sessionStorage.setItem('routerName',val.name)
@ -59,44 +59,44 @@ export default {
}, },
immediate: true, immediate: true,
} }
}, },
data() { data() {
return { return {
collapsed: false, collapsed: false,
tagActive: 0, tagActive: 0,
menuTags: [ menuTags: [
{ {
label: "基础功能", label: "基础功能",
value: "a", value: "a",
}, },
{ {
label: "缴费管理", label: "缴费管理",
value: "b", value: "b",
}, },
{ {
label: "智慧商城", label: "智慧商城",
value: "c", value: "c",
}, },
{ {
label: "运营管理", label: "运营管理",
value: "d", value: "d",
}, },
{ {
label: "设置", label: "设置",
value: "e", value: "e",
}, },
], ],
}; };
}, },
methods: { methods: {
handlerBread(row) { handlerBread(row) {
let path = row.path || "/"; let path = row.path || "/";
this.$router.push(path); this.$router.push(path);
}, },
handlerTags(n) { handlerTags(n) {
this.tagActive = n; this.tagActive = n;
}, },
}, },
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>

@ -8,40 +8,40 @@
*/ */
export default [ export default [
{ {
key: '1', key: '1',
title: '信息管理', title: '信息管理',
path: '/info', path: '/info',
}, },
{ {
key: '2', key: '2',
title: '用户管理', title: '用户管理',
path: '/user', path: '/user',
children: [ children: [
{ {
key: '2.1', key: '2.1',
title: '后台用户', title: '后台用户',
path: '/adminUser', path: '/adminUser',
children: [ children: [
{ {
key: '2.1.1', key: '2.1.1',
title: '新增用户', title: '新增用户',
path: '/addAdminUser', path: '/addAdminUser',
children: [ children: [
{ {
key: '2.1.1。1', key: '2.1.1。1',
title: '用户xx', title: '用户xx',
path: '/addAdminUserXX', path: '/addAdminUserXX',
} }
] ]
} }
] ]
}, },
{ {
key: '2.2', key: '2.2',
title: '前台用户', title: '前台用户',
path: '/frontUser', path: '/frontUser',
} }
] ]
}, },
] ]

@ -22,7 +22,7 @@
import ost from "../ost"; import ost from "../ost";
import { Menu } from 'ant-design-vue'; import { Menu } from 'ant-design-vue';
const SubMenu = { const SubMenu = {
template: ` template: `
<a-sub-menu :key="menuInfo.key" v-bind="$props" v-on="$listeners"> <a-sub-menu :key="menuInfo.key" v-bind="$props" v-on="$listeners">
<span slot="title"> <span slot="title">
<a-icon v-if="menuInfo.icon" :type="menuInfo.icon" /><span>{{ menuInfo.title }}</span> <a-icon v-if="menuInfo.icon" :type="menuInfo.icon" /><span>{{ menuInfo.title }}</span>
@ -36,116 +36,116 @@ const SubMenu = {
</template> </template>
</a-sub-menu> </a-sub-menu>
`, `,
name: 'SubMenu', name: 'SubMenu',
// must add isSubMenu: true // must add isSubMenu: true
isSubMenu: true, isSubMenu: true,
props: { props: {
// a-sub-menu使 // a-sub-menu使
...Menu.SubMenu.props, ...Menu.SubMenu.props,
// Cannot overlap with properties within Menu.SubMenu.props // Cannot overlap with properties within Menu.SubMenu.props
menuInfo: { menuInfo: {
type: Object, type: Object,
default: () => ({}), default: () => ({}),
}, },
}, },
}; };
export default { export default {
name: "yMenu", name: "yMenu",
props: { props: {
csd: { csd: {
type: Boolean, type: Boolean,
default: false, default: false,
indexPath: 0 indexPath: 0
} }
}, },
watch: { watch: {
csd: { csd: {
handler(val) { handler(val) {
this.collapsed = val this.collapsed = val
}, },
immediate: true immediate: true
}, },
$route: { $route: {
handler(val) { handler(val) {
let secPath = [val.path]; let secPath = [val.path];
this.selectedKeys = secPath; this.selectedKeys = secPath;
this.setSelectedKeys(secPath); this.setSelectedKeys(secPath);
}, },
immediate: true, immediate: true,
}, },
}, },
components: { components: {
'sub-menu': SubMenu, 'sub-menu': SubMenu,
}, },
data() { data() {
return { return {
list: ost, list: ost,
collapsed: false, collapsed: false,
openKeys: [], openKeys: [],
selectedKeys: [], selectedKeys: [],
defaultSelectedKeys: [] defaultSelectedKeys: []
}; };
}, },
created() { created() {
this.openKeys = this.getOpenKeys; this.openKeys = this.getOpenKeys;
this.defaultSelectedKeys = this.getSelectedKeys; this.defaultSelectedKeys = this.getSelectedKeys;
this.initMenu(); this.initMenu();
}, },
methods: { methods: {
handlerSelect({selectedKeys}) { handlerSelect({selectedKeys}) {
this.selectedKeys = selectedKeys; this.selectedKeys = selectedKeys;
this.setSelectedKeys(selectedKeys); this.setSelectedKeys(selectedKeys);
}, },
handlerOpen(val) { handlerOpen(val) {
this.setOpenKeys(val); this.setOpenKeys(val);
}, },
menuClick({key}) { menuClick({key}) {
console.log(key) console.log(key)
this.$router.push(key) this.$router.push(key)
}, },
initMenu() { initMenu() {
let routes = this.$router.options.routes || []; let routes = this.$router.options.routes || [];
let farr = routes.filter(ele => { let farr = routes.filter(ele => {
return ele.name === 'Layout' return ele.name === 'Layout'
}); });
let arr = farr[0].children || []; let arr = farr[0].children || [];
let menus = []; let menus = [];
this.routerToMenu(arr, menus); this.routerToMenu(arr, menus);
this.list = menus; this.list = menus;
}, },
// //
routerToMenu(arr = [], menus) { routerToMenu(arr = [], menus) {
for(let i = 0; i < arr.length; i++) { for(let i = 0; i < arr.length; i++) {
this.indexPath++ this.indexPath++
if(!arr[i].children && !arr[i].hide) { if(!arr[i].children && !arr[i].hide) {
let obj = { let obj = {
key: this.indexPath, key: this.indexPath,
title: arr[i].title, title: arr[i].title,
path: arr[i].path, path: arr[i].path,
hide: arr[i].hide, hide: arr[i].hide,
icon: arr[i].icon || '' icon: arr[i].icon || ''
} }
menus.push(obj) menus.push(obj)
} }
if(arr[i].children) { if(arr[i].children) {
let obj = { let obj = {
key: this.indexPath, key: this.indexPath,
title: arr[i].title, title: arr[i].title,
path: arr[i].path, path: arr[i].path,
hide: arr[i].hide || false, hide: arr[i].hide || false,
icon: arr[i].icon || '', icon: arr[i].icon || '',
children: [] children: []
} }
menus.push(obj); menus.push(obj);
this.routerToMenu(arr[i].children, obj.children) this.routerToMenu(arr[i].children, obj.children)
} }
} }
} }
} }
}; };
</script> </script>

@ -13,8 +13,8 @@
<!-- 登录 --> <!-- 登录 -->
<a-col class="box-b" v-if="status === 1"> <a-col class="box-b" v-if="status === 1">
<a-tabs v-model="activeName" @change="tabsSwitch"> <a-tabs v-model="activeName" @change="tabsSwitch">
<!-- <a-tab-pane key="1" tab="密码登录"> <a-tab-pane key="1" tab="密码登录">
</a-tab-pane> --> </a-tab-pane>
<a-tab-pane key="2" tab="验证码登录"> </a-tab-pane> <a-tab-pane key="2" tab="验证码登录"> </a-tab-pane>
</a-tabs> </a-tabs>
<div class="login-input" v-if="activeName === '1'"> <div class="login-input" v-if="activeName === '1'">
@ -187,13 +187,13 @@
</template> </template>
<script> <script>
// import { loginTel, sendTelCode } from "../../api/public/login"; import { register, sendTelCode, loginPWD, loginTelCode } from "@/api/public/login";
export default { export default {
name: "Login", name: "Login",
data() { data() {
return { return {
status: 1, status: 1,
activeName: "2", activeName: "1",
form: { form: {
tel: "", tel: "",
code: "", code: "",
@ -230,7 +230,6 @@ export default {
}, },
created() { created() {
this.keyupEnter(); this.keyupEnter();
this.setCommunityCode(123456);
}, },
methods: { methods: {
// enter // enter
@ -242,27 +241,43 @@ export default {
} }
}; };
}, },
// login() { login() {
// loginTel(this.form).then(res=>{ loginTelCode(this.form).then(res=>{
// if (res.code === 200) { if (res.code === 200) {
// this.$message.success(res.msg); this.$message.success(res.msg);
// // token // token
// this.setToken(res.data); this.setToken(res.data);
// this.$router.push("/"); this.$router.push("/");
// } else { } else {
// this.$message.error(res.msg); this.$message.error(res.msg);
// } }
// }) })
// }, },
loginPWD() {
loginPWD(this.pswform).then(res=>{
if (res.code === 200) {
this.$message.success(res.msg);
// token
this.setToken(res.data);
this.$router.push("/");
} else {
this.$message.error(res.msg);
}
})
},
// //
// getCode() { getCode() {
// sendTelCode(this.form).then((res) => { console.log(1);
// if (res) { sendTelCode({tel:this.form.tel}).then((res) => {
// // this.$message.success(""); if (res) {
// this.$message.success(res.msg +' ' +res.data); // this.$message.success("");
// } this.$message.success(res.msg +' ' +res.data);
// }); }
// }, });
},
register(){
register
},
onSubmit() { onSubmit() {
this.$refs.ruleForm.validate((valid) => { this.$refs.ruleForm.validate((valid) => {
if (valid) { if (valid) {

@ -91,29 +91,29 @@
<script> <script>
export default { export default {
data() { data() {
return { return {
form:{ form:{
type:'1', type:'1',
remark:'' remark:''
}, },
auditShow: false, auditShow: false,
detailData: {}, detailData: {},
img: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimgcdn.scol.com.cn%2FNEWS_1F3371B8BC0CD062D6AF69E363F8E32A.JPG&refer=http%3A%2F%2Fimgcdn.scol.com.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1643355029&t=835fe0ff21af86e6996eb308794df217", img: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimgcdn.scol.com.cn%2FNEWS_1F3371B8BC0CD062D6AF69E363F8E32A.JPG&refer=http%3A%2F%2Fimgcdn.scol.com.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1643355029&t=835fe0ff21af86e6996eb308794df217",
}; };
}, },
methods: { methods: {
download() {}, download() {},
cancel() { cancel() {
this.$router.go(-1); this.$router.go(-1);
}, },
auditSubmit(){ auditSubmit(){
this.auditShow=false this.auditShow=false
}, },
auditCancel(){ auditCancel(){
this.auditShow=false this.auditShow=false
} }
}, },
}; };
</script> </script>

@ -53,123 +53,123 @@
<script> <script>
export default { export default {
data() { data() {
return { return {
// //
searchForm: { searchForm: {
name: "", name: "",
code: "", code: "",
}, },
// //
columns: [ columns: [
{ {
title: "Name", title: "Name",
dataIndex: "name", dataIndex: "name",
width: "200", width: "200",
}, },
{ {
title: "Gender", title: "Gender",
dataIndex: "gender", dataIndex: "gender",
width: "200", width: "200",
}, },
{ {
title: "Gender1", title: "Gender1",
dataIndex: "gender1", dataIndex: "gender1",
width: "200", width: "200",
}, },
{ {
title: "Gender2", title: "Gender2",
dataIndex: "gender2", dataIndex: "gender2",
width: "200", width: "200",
}, },
{ {
title: "Gender3", title: "Gender3",
dataIndex: "gender3", dataIndex: "gender3",
width: "200", width: "200",
}, },
{ {
title: "Gender4", title: "Gender4",
dataIndex: "gender4", dataIndex: "gender4",
width: "200", width: "200",
}, },
{ {
title: "Gender5", title: "Gender5",
dataIndex: "gender5", dataIndex: "gender5",
width: "200", width: "200",
}, },
{ {
title: "Gender6", title: "Gender6",
dataIndex: "gender6", dataIndex: "gender6",
width: "200", width: "200",
}, },
{ {
title: "status", title: "status",
dataIndex: "status", dataIndex: "status",
scopedSlots: { customRender: "formatter" }, scopedSlots: { customRender: "formatter" },
width: "200", width: "200",
}, },
{ {
title: "操作", title: "操作",
dataIndex: "action", dataIndex: "action",
key: "action", key: "action",
width: "120", width: "120",
fixed: "right", fixed: "right",
scopedSlots: { customRender: "action" }, scopedSlots: { customRender: "action" },
}, },
], ],
// //
tableData: [ tableData: [
{ {
name: "11", name: "11",
id: 1, id: 1,
status: 1, status: 1,
}, },
{}, {},
{}, {},
{}, {},
{}, {},
{}, {},
{}, {},
{}, {},
{}, {},
{}, {},
{}, {},
], ],
// //
pagination: { pagination: {
current: 1, current: 1,
total: 0, total: 0,
pageSize: 10, pageSize: 10,
showTotal: (total) => `${total}`, showTotal: (total) => `${total}`,
showSizeChanger: true, showSizeChanger: true,
showQuickJumper: true, showQuickJumper: true,
}, },
loading: false, loading: false,
selectedRowKeys: [], selectedRowKeys: [],
}; };
}, },
mounted(){}, mounted(){},
computed: { computed: {
hasSelected() { hasSelected() {
return this.selectedRowKeys.length > 0; return this.selectedRowKeys.length > 0;
}, },
}, },
methods: { methods: {
detail(){ detail(){
this.$router.push({name:'customer_detail'}) this.$router.push({name:'customer_detail'})
}, },
onSelectChange(selectedRowKeys) { onSelectChange(selectedRowKeys) {
console.log("selectedRowKeys changed: ", selectedRowKeys); console.log("selectedRowKeys changed: ", selectedRowKeys);
this.selectedRowKeys = selectedRowKeys; this.selectedRowKeys = selectedRowKeys;
}, },
handleTableChange(pagination) { handleTableChange(pagination) {
console.log(pagination); console.log(pagination);
const pager = { ...this.pagination }; const pager = { ...this.pagination };
pager.current = pagination.current; pager.current = pagination.current;
pager.pageSize = pagination.pageSize; pager.pageSize = pagination.pageSize;
this.pagination = pager; this.pagination = pager;
}, },
}, },
}; };
</script> </script>

@ -91,29 +91,29 @@
<script> <script>
export default { export default {
data() { data() {
return { return {
form:{ form:{
type:'1', type:'1',
remark:'' remark:''
}, },
auditShow: false, auditShow: false,
detailData: {}, detailData: {},
img: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimgcdn.scol.com.cn%2FNEWS_1F3371B8BC0CD062D6AF69E363F8E32A.JPG&refer=http%3A%2F%2Fimgcdn.scol.com.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1643355029&t=835fe0ff21af86e6996eb308794df217", img: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimgcdn.scol.com.cn%2FNEWS_1F3371B8BC0CD062D6AF69E363F8E32A.JPG&refer=http%3A%2F%2Fimgcdn.scol.com.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1643355029&t=835fe0ff21af86e6996eb308794df217",
}; };
}, },
methods: { methods: {
download() {}, download() {},
cancel() { cancel() {
this.$router.go(-1); this.$router.go(-1);
}, },
auditSubmit(){ auditSubmit(){
this.auditShow=false this.auditShow=false
}, },
auditCancel(){ auditCancel(){
this.auditShow=false this.auditShow=false
} }
}, },
}; };
</script> </script>

@ -53,124 +53,124 @@
<script> <script>
export default { export default {
data() { data() {
return { return {
// //
searchForm: { searchForm: {
name: "", name: "",
code: "", code: "",
}, },
// //
columns: [ columns: [
{ {
title: "Name", title: "Name",
dataIndex: "name", dataIndex: "name",
width: "200", width: "200",
}, },
{ {
title: "Gender", title: "Gender",
dataIndex: "gender", dataIndex: "gender",
width: "200", width: "200",
}, },
{ {
title: "Gender1", title: "Gender1",
dataIndex: "gender1", dataIndex: "gender1",
width: "200", width: "200",
}, },
{ {
title: "Gender2", title: "Gender2",
dataIndex: "gender2", dataIndex: "gender2",
width: "200", width: "200",
}, },
{ {
title: "Gender3", title: "Gender3",
dataIndex: "gender3", dataIndex: "gender3",
width: "200", width: "200",
}, },
{ {
title: "Gender4", title: "Gender4",
dataIndex: "gender4", dataIndex: "gender4",
width: "200", width: "200",
}, },
{ {
title: "Gender5", title: "Gender5",
dataIndex: "gender5", dataIndex: "gender5",
width: "200", width: "200",
}, },
{ {
title: "Gender6", title: "Gender6",
dataIndex: "gender6", dataIndex: "gender6",
width: "200", width: "200",
}, },
{ {
title: "status", title: "status",
dataIndex: "status", dataIndex: "status",
scopedSlots: { customRender: "formatter" }, scopedSlots: { customRender: "formatter" },
width: "200", width: "200",
}, },
{ {
title: "操作", title: "操作",
dataIndex: "action", dataIndex: "action",
key: "action", key: "action",
width: "80", width: "80",
fixed: "right", fixed: "right",
scopedSlots: { customRender: "action" }, scopedSlots: { customRender: "action" },
}, },
], ],
// //
tableData: [ tableData: [
{ {
name: "11", name: "11",
id: 1, id: 1,
status: 1, status: 1,
}, },
{}, {},
{}, {},
{}, {},
{}, {},
{}, {},
{}, {},
{}, {},
{}, {},
{}, {},
{}, {},
], ],
// //
pagination: { pagination: {
current: 1, current: 1,
total: 0, total: 0,
pageSize: 10, pageSize: 10,
showTotal: (total) => `${total}`, showTotal: (total) => `${total}`,
showSizeChanger: true, showSizeChanger: true,
showQuickJumper: true, showQuickJumper: true,
}, },
loading: false, loading: false,
selectedRowKeys: [], selectedRowKeys: [],
}; };
}, },
mounted(){}, mounted(){},
computed: { computed: {
hasSelected() { hasSelected() {
return this.selectedRowKeys.length > 0; return this.selectedRowKeys.length > 0;
}, },
}, },
methods: { methods: {
detail(data){ detail(data){
console.log(data); console.log(data);
this.$router.push({name:'settle_detail'}) this.$router.push({name:'settle_detail'})
}, },
onSelectChange(selectedRowKeys) { onSelectChange(selectedRowKeys) {
console.log("selectedRowKeys changed: ", selectedRowKeys); console.log("selectedRowKeys changed: ", selectedRowKeys);
this.selectedRowKeys = selectedRowKeys; this.selectedRowKeys = selectedRowKeys;
}, },
handleTableChange(pagination) { handleTableChange(pagination) {
console.log(pagination); console.log(pagination);
const pager = { ...this.pagination }; const pager = { ...this.pagination };
pager.current = pagination.current; pager.current = pagination.current;
pager.pageSize = pagination.pageSize; pager.pageSize = pagination.pageSize;
this.pagination = pager; this.pagination = pager;
}, },
}, },
}; };
</script> </script>

@ -19,135 +19,135 @@
<script> <script>
export default { export default {
data() { data() {
return { return {
tableChoosed: [], tableChoosed: [],
// //
pagination: { pagination: {
current: 1, current: 1,
total: 0, total: 0,
pageSize: 10, pageSize: 10,
}, },
// //
columns: [ columns: [
{ {
title: "Name", title: "Name",
dataIndex: "name", dataIndex: "name",
width: "200", width: "200",
}, },
{ {
title: "Gender", title: "Gender",
dataIndex: "gender", dataIndex: "gender",
width: "200", width: "200",
customRender: function (gender) { customRender: function (gender) {
if (gender === 1) { if (gender === 1) {
return "是"; return "是";
} else { } else {
return "否"; return "否";
} }
}, },
}, },
{ {
title: "Gender1", title: "Gender1",
dataIndex: "gender1", dataIndex: "gender1",
width: "200", width: "200",
}, },
{ {
title: "Gender2", title: "Gender2",
dataIndex: "gender2", dataIndex: "gender2",
width: "200", width: "200",
}, },
{ {
title: "Gender3", title: "Gender3",
dataIndex: "gender3", dataIndex: "gender3",
width: "200", width: "200",
}, },
{ {
title: "Gender4", title: "Gender4",
dataIndex: "gender4", dataIndex: "gender4",
width: "200", width: "200",
}, },
{ {
title: "Gender5", title: "Gender5",
dataIndex: "gender5", dataIndex: "gender5",
width: "200", width: "200",
}, },
{ {
title: "Gender6", title: "Gender6",
dataIndex: "gender6", dataIndex: "gender6",
width: "200", width: "200",
}, },
{ {
title: "status", title: "status",
dataIndex: "status", dataIndex: "status",
width: "200", width: "200",
}, },
{ {
title: "操作", title: "操作",
dataIndex: "action", dataIndex: "action",
key: "action", key: "action",
width: "180", width: "180",
fixed: "right", fixed: "right",
scopedSlots: { customRender: "action" }, scopedSlots: { customRender: "action" },
}, },
], ],
// //
tableData: [ tableData: [
{ name: 1, gender: 1 }, { name: 1, gender: 1 },
{}, {},
{}, {},
{}, {},
{}, {},
{}, {},
{}, {},
{}, {},
{}, {},
{}, {},
{}, {},
{}, {},
{}, {},
{}, {},
{}, {},
{}, {},
{}, {},
{}, {},
{}, {},
{}, {},
{}, {},
{}, {},
], ],
ActionsList: [ ActionsList: [
{ {
label: "批量删除", label: "批量删除",
value: 1, value: 1,
}, },
{ {
label: "批量导出", label: "批量导出",
value: 2, value: 2,
}, },
], ],
}; };
}, },
methods: { methods: {
handleTableChange(pagination) { handleTableChange(pagination) {
console.log(pagination); console.log(pagination);
const pager = { ...this.pagination }; const pager = { ...this.pagination };
pager.current = pagination.current; pager.current = pagination.current;
pager.pageSize = pagination.pageSize; pager.pageSize = pagination.pageSize;
this.pagination = pager; this.pagination = pager;
}, },
del(data) { del(data) {
console.log(data); console.log(data);
}, },
Actions(data) { Actions(data) {
console.log(data); console.log(data);
}, },
selectionChoosed(data) { selectionChoosed(data) {
console.log(data); console.log(data);
this.tableChoosed = data this.tableChoosed = data
}, },
}, },
}; };
</script> </script>

@ -7,9 +7,9 @@
* @FilePath: /ansu-business/vue.config.js * @FilePath: /ansu-business/vue.config.js
*/ */
module.exports = { module.exports = {
// ... // ...
runtimeCompiler: true, runtimeCompiler: true,
// ... // ...
}; };
Loading…
Cancel
Save