ZhangBin
/
datang-admin
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

添加菜单栏

master
song 3 years ago
parent
e635927ce7
commit
b5ba692e38
27 changed files with 2032 additions and 94 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. 7
      src/api/login.js
  2. 3
      src/config.js
  3. 62
      src/router/index.js
  4. 60
      src/router/menus/approval.js
  5. 53
      src/router/menus/building.js
  6. 123
      src/router/menus/department.js
  7. 17
      src/router/menus/index.js
  8. 46
      src/router/menus/information.js
  9. 81
      src/router/menus/news.js
  10. 46
      src/router/menus/notice.js
  11. 46
      src/router/menus/production.js
  12. 46
      src/router/menus/profile.js
  13. 67
      src/router/menus/system.js
  14. 118
      src/views/index/detailsOfDistribution.vue
  15. 60
      src/views/index/form.vue
  16. 269
      src/views/index/index.vue
  17. 1
      src/views/layout/components/AppMain.vue
  18. 1
      src/views/layout/components/Navbar.vue
  19. 10
      src/views/layout/components/Sidebar/SidebarItem.vue
  20. 118
      src/views/lists/detailsOfDistribution.vue
  21. 60
      src/views/lists/form.vue
  22. 269
      src/views/lists/index.vue
  23. 2
      src/views/login/index.vue
  24. 118
      src/views/richText/detailsOfDistribution.vue
  25. 60
      src/views/richText/form.vue
  26. 269
      src/views/richText/index.vue

7
src/api/login.js
View File

@ -8,10 +8,10 @@ export function loginByUsername(username, password) {
const data = { const data = {
username, username,
password, password,
"grant_type": 'merchant_password' // "grant_type": 'merchant_password'
} }
return axios({ return axios({
url: BASE_API + '/oauth/token', url: BASE_API + '/back/home/login',
method: 'POST', method: 'POST',
data: qs.stringify(data), data: qs.stringify(data),
headers: { headers: {
@ -23,7 +23,7 @@ export function loginByUsername(username, password) {
export function logout() { export function logout() {
return axios({ return axios({
url: '/login/logout', url: '/back/home/logout',
method: 'post' method: 'post'
}) })
} }
@ -35,4 +35,3 @@ export function getUserInfo(token) {
params: { token } params: { token }
}) })
} }

3
src/config.js
View File

@ -3,7 +3,8 @@ export const DEVICE_TYPE_SMALL = "quxia"
export const DEVICE_TYPE_BIG = "quxia-vm" export const DEVICE_TYPE_BIG = "quxia-vm"
export const client_id = 'test' export const client_id = 'test'
export const client_secret = "test" export const client_secret = "test"
export const BASE_API = "https://rapapi.renqilai.com/app/mock/39"; // export const BASE_API = "https://rapapi.renqilai.com/app/mock/39";
export const BASE_API = "https://test.tall.wiki/datang/v1.0";
export const pageSize = 20 export const pageSize = 20
export const SHELF_MAX_ROW=7 export const SHELF_MAX_ROW=7

62
src/router/index.js
View File

@ -22,36 +22,44 @@ export const constantRoutes = [
}, },
{ {
path: '/', path: '/',
redirect: '/dashboard/index' redirect: '/privilegeManagement/account'
}, },
{
path: '/dashboard',
component: Layout,
children: [
{
path: '/dashboard/index',
component: () => import('@/views/dashboard/index'),
name: '首页',
/* affix: true 一直固定不关闭 */
meta: { title: '首页', icon: 'yemian-copy', noCache: true, affix: true }
},
]
},
/* inject new router */
require("./modules/orgManage.js").default,
require("./modules/device.js").default,
require("./modules/shelfs.js").default,
require("./modules/location.js").default,
require("./modules/inventory.js").default,
require("./modules/advertisingManagement.js").default,
require("./modules/commodityManagement.js").default,
require("./modules/privilegeManagement.js").default, require("./modules/privilegeManagement.js").default,
require("./modules/distribution.js").default, require("./menus/index.js").default,
require("./modules/marketingCenter.js").default, require("./menus/profile.js").default,
require("./modules/valueAddedManagement.js").default, require("./menus/news.js").default,
require("./modules/order.js").default, require("./menus/building.js").default,
require("./menus/production.js").default,
require("./menus/notice.js").default,
require("./menus/information.js").default,
require("./menus/approval.js").default,
require("./menus/system.js").default,
require("./menus/department.js").default,
{ path: '*', redirect: '/404', hidden: true } { path: '*', redirect: '/404', hidden: true }
// {
// path: '/dashboard',
// component: Layout,
// children: [
// {
// path: '/dashboard/index',
// component: () => import('@/views/dashboard/index'),
// name: '首页',
// // /* affix: true 一直固定不关闭 */
// meta: { title: '首页', icon: 'yemian-copy', noCache: true, affix: true }
// },
// ]
// },
/* inject new router */
// require("./modules/orgManage.js").default,
// require("./modules/device.js").default,
// require("./modules/shelfs.js").default,
// require("./modules/location.js").default,
// require("./modules/inventory.js").default,
// require("./modules/advertisingManagement.js").default,
// require("./modules/commodityManagement.js").default,
// require("./modules/distribution.js").default,
// require("./modules/marketingCenter.js").default,
// require("./modules/order.js").default,
]; ];

60
src/router/menus/approval.js
View File

@ -0,0 +1,60 @@
import Layout from '@/views/layout/Layout'
const commodityManagement = {
path: '/approval',
component: Layout,
meta: {title: '审批事项', icon: 'dingdan', noCache: true, affix: false},
children: [
{
path: '/approval1',
code: '0701',
component: () => import('@/views/richText/index'),
name: '公务用车',
meta: {title: '公务用车', noCache: false, affix: false}
},
{
path: '/approval2',
code: '0702',
component: () => import('@/views/richText/index'),
name: '领导干部外出报备',
meta: {title: '领导干部外出报备', noCache: false, affix: false},
},
{
path: '/approval3',
code: '0703',
component: () => import('@/views/richText/index'),
name: '疫情防控',
meta: {title: '疫情防控', noCache: false, affix: false},
},
{
path: '/approval4',
code: '0704',
component: () => import('@/views/richText/index'),
name: '用印申请',
meta: {title: '用印申请', noCache: false, affix: false},
},
{
path: '/approval5',
code: '0705',
component: () => import('@/views/richText/index'),
name: '业务招待事项',
meta: {title: '业务招待事项', noCache: false, affix: false},
},
{
path: '/approval6',
code: '0706',
component: () => import('@/views/richText/index'),
name: '会议室使用',
meta: {title: '会议室使用', noCache: false, affix: false},
},
{
path: '/approval7',
code: '0707',
component: () => import('@/views/richText/index'),
name: '办公用品领用',
meta: {title: '办公用品领用', noCache: false, affix: false},
}
]
};
export default commodityManagement

53
src/router/menus/building.js
View File

@ -0,0 +1,53 @@
import Layout from '@/views/layout/Layout'
const commodityManagement = {
path: '/building',
component: Layout,
meta: {title: '党的建设', icon: 'dingdan', noCache: true, affix: false},
children: [
{
path: '/building1',
code: '0301',
component: () => import('@/views/lists/index'),
name: '中心组学习',
meta: {title: '中心组学习', noCache: false, affix: false}
},
{
path: '/building2',
code: '0302',
component: () => import('@/views/lists/index'),
name: '示范党委',
meta: {title: '示范党委', noCache: false, affix: false},
},
{
path: '/building3',
code: '0303',
component: () => import('@/views/lists/index'),
name: '党支部达标',
meta: {title: '党支部达标', noCache: false, affix: false},
},
{
path: '/building4',
code: '0304',
component: () => import('@/views/lists/index'),
name: '群团工作',
meta: {title: '群团工作', noCache: false, affix: false},
},
{
path: '/building5',
code: '0305',
component: () => import('@/views/lists/index'),
name: '党建动态',
meta: {title: '党建动态', noCache: false, affix: false},
},
{
path: '/building6',
code: '0306',
component: () => import('@/views/lists/index'),
name: '党风廉政',
meta: {title: '党风廉政', noCache: false, affix: false},
},
]
};
export default commodityManagement

123
src/router/menus/department.js
View File

@ -0,0 +1,123 @@
import Layout from '@/views/layout/Layout'
const commodityManagement = {
path: '/profile',
component: Layout,
meta: {title: '部门首页', icon: 'dingdan', noCache: true, affix: false},
children: [
{
path: '/profile1',
code: '0901',
component: () => import('@/views/richText/index'),
name: '总经理工作部',
meta: {title: '总经理工作部', noCache: false, affix: false}
},
{
path: '/profile2',
code: '0902',
component: () => import('@/views/richText/index'),
name: '计划营销部',
meta: {title: '计划营销部', noCache: false, affix: false},
},
{
path: '/profile3',
code: '0903',
component: () => import('@/views/richText/index'),
name: '财务管理部',
meta: {title: '财务管理部', noCache: false, affix: false},
},
{
path: '/profile4',
code: '0904',
component: () => import('@/views/richText/index'),
name: '人力资源部',
meta: {title: '人力资源部', noCache: false, affix: false},
},
{
path: '/profile5',
code: '0905',
component: () => import('@/views/richText/index'),
name: '党群工作部',
meta: {title: '党群工作部', noCache: false, affix: false},
},
{
path: '/profile6',
code: '0906',
component: () => import('@/views/richText/index'),
name: '纪委办公室（审计部）',
meta: {title: '纪委办公室（审计部）', noCache: false, affix: false},
},
{
path: '/profile7',
code: '0907',
component: () => import('@/views/richText/index'),
name: '燃料采购部',
meta: {title: '燃料采购部', noCache: false, affix: false},
},
{
path: '/profile8',
code: '0908',
component: () => import('@/views/richText/index'),
name: '物资管理部',
meta: {title: '物资管理部', noCache: false, affix: false},
},
{
path: '/profile9',
code: '0909',
component: () => import('@/views/richText/index'),
name: '项目开发部',
meta: {title: '项目开发部', noCache: false, affix: false},
},
{
path: '/profile10',
code: '0910',
component: () => import('@/views/richText/index'),
name: '燃料质量验收部',
meta: {title: '燃料质量验收部', noCache: false, affix: false},
},
{
path: '/profile11',
code: '0911',
component: () => import('@/views/richText/index'),
name: '安全监督部',
meta: {title: '安全监督部', noCache: false, affix: false},
},
{
path: '/profile12',
code: '0912',
component: () => import('@/views/richText/index'),
name: '设备部',
meta: {title: '设备部', noCache: false, affix: false},
},
{
path: '/profile13',
code: '0913',
component: () => import('@/views/richText/index'),
name: '发电部',
meta: {title: '发电部', noCache: false, affix: false},
},
{
path: '/profile14',
code: '0914',
component: () => import('@/views/richText/index'),
name: '维护部',
meta: {title: '维护部', noCache: false, affix: false},
},
{
path: '/profile15',
code: '0915',
component: () => import('@/views/richText/index'),
name: '热工专业',
meta: {title: '热工专业', noCache: false, affix: false},
},
{
path: '/profile16',
code: '0916',
component: () => import('@/views/richText/index'),
name: '电气专业',
meta: {title: '电气专业', noCache: false, affix: false},
}
]
};
export default commodityManagement

17
src/router/menus/index.js
View File

@ -0,0 +1,17 @@
import Layout from '@/views/layout/Layout'
const commodityManagement = {
path: '/index',
component: Layout,
meta: {title: '首页', icon: 'yemian-copy', noCache: true, affix: false},
children: [
{
path: '/index/index',
component: () => import('@/views/index/index'),
name: '首页',
meta: {title: '首页', noCache: false, affix: false}
},
]
};
export default commodityManagement

46
src/router/menus/information.js
View File

@ -0,0 +1,46 @@
import Layout from '@/views/layout/Layout'
const commodityManagement = {
path: '/information',
component: Layout,
meta: {title: '信息公开', icon: 'dingdan', noCache: true, affix: false},
children: [
{
path: '/information1',
code: '0601',
component: () => import('@/views/richText/index'),
name: '基本信息',
meta: {title: '基本信息', noCache: false, affix: false}
},
{
path: '/information2',
code: '0602',
component: () => import('@/views/richText/index'),
name: '经营管理',
meta: {title: '经营管理', noCache: false, affix: false},
},
{
path: '/information3',
code: '0603',
component: () => import('@/views/richText/index'),
name: '公司公告',
meta: {title: '公司公告', noCache: false, affix: false},
},
{
path: '/information4',
code: '0604',
component: () => import('@/views/richText/index'),
name: '社会责任',
meta: {title: '社会责任', noCache: false, affix: false},
},
{
path: '/information5',
code: '0605',
component: () => import('@/views/richText/index'),
name: '关于信息公开',
meta: {title: '关于信息公开', noCache: false, affix: false},
}
]
};
export default commodityManagement

81
src/router/menus/news.js
View File

@ -0,0 +1,81 @@
import Layout from '@/views/layout/Layout'
const commodityManagement = {
path: '/news',
component: Layout,
meta: {title: '新闻中心', icon: 'dingdan', noCache: true, affix: false},
children: [
{
path: '/news1',
code: '0201',
component: () => import('@/views/lists/index'),
name: '集团新闻',
meta: {title: '集团新闻', noCache: false, affix: false}
},
{
path: '/news2',
code: '0202',
component: () => import('@/views/lists/index'),
name: '省公司新闻',
meta: {title: '省公司新闻', noCache: false, affix: false},
},
{
path: '/news3',
code: '0203',
component: () => import('@/views/lists/index'),
name: '公司新闻',
meta: {title: '公司新闻', noCache: false, affix: false},
},
{
path: '/news4',
code: '0204',
component: () => import('@/views/lists/index'),
name: '图片新闻',
meta: {title: '图片新闻', noCache: false, affix: false},
},
{
path: '/news5',
code: '0205',
component: () => import('@/views/lists/index'),
name: '热点专题',
meta: {title: '热点专题', noCache: false, affix: false},
},
{
path: '/news6',
code: '0206',
component: () => import('@/views/lists/index'),
name: '媒体关注',
meta: {title: '媒体关注', noCache: false, affix: false},
},
{
path: '/news7',
code: '0207',
component: () => import('@/views/lists/index'),
name: '视频新闻',
meta: {title: '视频新闻', noCache: false, affix: false},
},
{
path: '/news8',
code: '0208',
component: () => import('@/views/lists/index'),
name: '专题片',
meta: {title: '专题片', noCache: false, affix: false},
},
{
path: '/news9',
code: '0209',
component: () => import('@/views/lists/index'),
name: '企业画册',
meta: {title: '企业画册', noCache: false, affix: false},
},
{
path: '/news10',
code: '0210',
component: () => import('@/views/lists/index'),
name: '现场采风',
meta: {title: '现场风采', noCache: false, affix: false},
}
]
};
export default commodityManagement

46
src/router/menus/notice.js
View File

@ -0,0 +1,46 @@
import Layout from '@/views/layout/Layout'
const commodityManagement = {
path: '/notice',
component: Layout,
meta: {title: '通知公告', icon: 'dingdan', noCache: true, affix: false},
children: [
{
path: '/notice1',
code: '0501',
component: () => import('@/views/lists/index'),
name: '通知',
meta: {title: '通知', noCache: false, affix: false}
},
{
path: '/notice2',
code: '0502',
component: () => import('@/views/lists/index'),
name: '通报',
meta: {title: '通报', noCache: false, affix: false},
},
{
path: '/notice3',
code: '0503',
component: () => import('@/views/lists/index'),
name: '公告',
meta: {title: '公告', noCache: false, affix: false},
},
{
path: '/notice4',
code: '0504',
component: () => import('@/views/lists/index'),
name: '值班安排',
meta: {title: '值班安排', noCache: false, affix: false},
},
{
path: '/notice5',
code: '0505',
component: () => import('@/views/lists/index'),
name: '浮窗',
meta: {title: '浮窗', noCache: false, affix: false},
}
]
};
export default commodityManagement

46
src/router/menus/production.js
View File

@ -0,0 +1,46 @@
import Layout from '@/views/layout/Layout'
const commodityManagement = {
path: '/production',
component: Layout,
meta: {title: '安全生产', icon: 'dingdan', noCache: true, affix: false},
children: [
{
path: '/production1',
code: '0401',
component: () => import('@/views/lists/index'),
name: '安全会议',
meta: {title: '安全会议', noCache: false, affix: false}
},
{
path: '/production2',
code: '0402',
component: () => import('@/views/lists/index'),
name: '安全生产记录',
meta: {title: '安全生产记录', noCache: false, affix: false},
},
{
path: '/production3',
code: '0403',
component: () => import('@/views/lists/index'),
name: '应急管理',
meta: {title: '应急管理', noCache: false, affix: false},
},
{
path: '/production4',
code: '0404',
component: () => import('@/views/lists/index'),
name: '三讲一落实',
meta: {title: '三讲一落实', noCache: false, affix: false},
},
{
path: '/production5',
code: '0405',
component: () => import('@/views/lists/index'),
name: '曝光台',
meta: {title: '曝光台', noCache: false, affix: false},
}
]
};
export default commodityManagement

46
src/router/menus/profile.js
View File

@ -0,0 +1,46 @@
import Layout from '@/views/layout/Layout'
const commodityManagement = {
path: '/profile',
component: Layout,
meta: {title: '公司概况', icon: 'dingdan', noCache: true, affix: false},
children: [
{
path: '/profile1',
code: '0101',
component: () => import('@/views/richText/index'),
name: '公司简介',
meta: {title: '公司简介', noCache: false, affix: false}
},
{
path: '/profile2',
code: '0102',
component: () => import('@/views/richText/index'),
name: '公司领导',
meta: {title: '公司领导', noCache: false, affix: false},
},
{
path: '/profile3',
code: '0103',
component: () => import('@/views/richText/index'),
name: '组织架构',
meta: {title: '组织架构', noCache: false, affix: false},
},
{
path: '/profile4',
code: '0104',
component: () => import('@/views/richText/index'),
name: '企业VI',
meta: {title: '企业VI', noCache: false, affix: false},
},
{
path: '/profile5',
code: '0105',
component: () => import('@/views/richText/index'),
name: '联系方式',
meta: {title: '联系方式', noCache: false, affix: false},
}
]
};
export default commodityManagement

67
src/router/menus/system.js
View File

@ -0,0 +1,67 @@
import Layout from '@/views/layout/Layout'
const commodityManagement = {
path: '/profile',
component: Layout,
meta: {title: '制度资料', icon: 'dingdan', noCache: true, affix: false},
children: [
{
path: '/profile1',
code: '0801',
component: () => import('@/views/richText/index'),
name: '集团公司制度',
meta: {title: '集团公司制度', noCache: false, affix: false}
},
{
path: '/profile2',
code: '0802',
component: () => import('@/views/richText/index'),
name: '山西公司制度',
meta: {title: '山西公司制度', noCache: false, affix: false},
},
{
path: '/profile3',
code: '0803',
component: () => import('@/views/richText/index'),
name: '行业标准与制度',
meta: {title: '行业标准与制度', noCache: false, affix: false},
},
{
path: '/profile4',
code: '0804',
component: () => import('@/views/richText/index'),
name: '公司制度',
meta: {title: '公司制度', noCache: false, affix: false},
},
{
path: '/profile5',
code: '0805',
component: () => import('@/views/richText/index'),
name: '地方规章',
meta: {title: '地方规章', noCache: false, affix: false},
},
{
path: '/profile6',
code: '0806',
component: () => import('@/views/richText/index'),
name: '培训课件',
meta: {title: '培训课件', noCache: false, affix: false},
},
{
path: '/profile7',
code: '0807',
component: () => import('@/views/richText/index'),
name: '培训影像',
meta: {title: '培训影像', noCache: false, affix: false},
},
{
path: '/profile8',
code: '0808',
component: () => import('@/views/richText/index'),
name: '科技创新',
meta: {title: '科技创新', noCache: false, affix: false},
}
]
};
export default commodityManagement

118
src/views/index/detailsOfDistribution.vue
View File

@ -0,0 +1,118 @@
<template>
<el-row>
<el-col :span="24" style="margin-bottom: 10px;">
<div class="grid-content bg-purple-dark">
<el-col :span="12">
<div class="grid-content bg-purple">分润对象:</div>
</el-col>
<el-col :span="12">
<div class="grid-content bg-purple-light">分润比例:</div>
</el-col>
</div>
</el-col>
<el-col :span="24" v-for="(item,index) in lists" style="margin-bottom: 10px;">
<el-form :inline="true" class="demo-form-inline">
<div class="grid-content bg-purple-dark">
<el-row :gutter="15">
<el-col :span="10">
<div class="grid-content bg-purple">
<el-select v-model="item.userId" :value="item.userId" placeholder="选择分润对象">
<el-option v-for="opi in accounts" :label="opi.name" :value="opi.id"></el-option>
</el-select>
</div>
</el-col>
<el-col :span="10">
<div class="grid-content bg-purple-light">
<el-input placeholder="" @input="limitMax(item.rate,index)" v-model="item.rate" max="100" min="1"></el-input>
</div>
</el-col>
<el-col :span="4">
<div class="grid-content bg-purple-light">
<el-button type="danger" @click="deleteObj(index)" icon="el-icon-delete"></el-button>
</div>
</el-col>
</el-row>
</div>
</el-form>
</el-col>
<el-button @click="addObj">添加分润对象</el-button>
</el-row>
</template>
<script>
import {GET_ACCOUNT_LIST} from '@/api/privilegeManagement'
import {DETAIL_FIELD_LIST} from '@/api/distribution'
import Alert from "@/utils/alert";
export default {
name: "detailsOfDistribution",
props: ['currId'],
data() {
return {
lists: [],
accounts: []
}
},
watch: {
currId() {
}
},
mounted() {
this.getAccounts();
this.getDetail();
},
methods: {
getDetail() {
let params = {
id: this.currId
};
DETAIL_FIELD_LIST(params).then(res => {
this.lists = res
})
},
/**
* 添加分润对象
*/
addObj() {
let obj = {
userId: '',
rate: ''
};
this.lists.push(obj)
},
/**
* 删除分润对象
*/
deleteObj(idx) {
let lists = [];
this.lists.map((item, index) => {
if (idx != index) {
lists.push(item)
}
return item;
});
this.lists = lists
},
getAccounts() {
GET_ACCOUNT_LIST().then(res => {
this.accounts = res;
})
},
limitMax(val, idx) {
if (val >= 100 || val <= 0) {
Alert.fail('值不能大于100,小于0');
val = ''
}
this.lists[idx].rate = val;
}
}
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
</style>

60
src/views/index/form.vue
View File

@ -0,0 +1,60 @@
<template>
<div class="form-container">
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="场地">
<el-select v-model="formInline.locationId" value="" placeholder="场地">
<el-option label="全部" value=""></el-option>
<el-option v-for="item in locationId" :label="item.name" :value="item.id"></el-option>
</el-select>
</el-form-item>
<el-form-item style="padding-left:30px">
<el-button type="default" @click="resetForm1('formInline')">重置</el-button>
<el-button type="primary" @click="onSubmit">查询</el-button>
</el-form-item>
</el-form>
</div>
</template>
<script>
import {GET_LOCATIONS} from '@/api/common'
export default {
name: 'form-container',
props: ['label'],
data() {
return {
formInline: {
locationId: ''
},
locationId: ''
}
},
mounted() {
this.getLocationId();
},
methods: {
getLocationId() {
GET_LOCATIONS().then(res => {
this.locationId = res
})
},
onSubmit() {
this.$emit('submit', this.formInline)
},
resetForm1() {
this.formInline = {
name: ''
};
this.$emit('resetForm');
}
}
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
.form-container {
padding: 20px;
background: #fff;
}
</style>

269
src/views/index/index.vue
View File

@ -0,0 +1,269 @@
<template>
<div>
<form-container @submit="submitForm" @resetForm="resetForm"></form-container>
<div class="table">
<el-table
:data="lists"
style="width: 100%">
<el-table-column
prop="name"
label="场地图片">
<template slot-scope="lists">
<img :src="lists.row.image" width="70" height="70" alt="">
</template>
</el-table-column>
<el-table-column
prop="name"
label="名称">
</el-table-column>
<el-table-column
prop="locationName"
label="场地地址">
</el-table-column>
<el-table-column
prop="users"
label="分润人数">
</el-table-column>
<el-table-column
prop="stateText"
label="状态">
</el-table-column>
<el-table-column
fixed="right"
label="操作"
>
<template slot-scope="lists">
<span
type="text"
size="small"
class="option-span"
@click="suspensionOfRelease(lists.row.id,lists.row.enabled)"
>
<span>{{lists.row.enabled==true?"暂停":"发布"}}</span>
</span>
<span
type="text"
size="small"
style="margin: 0 5px;"
class="option-span"
@click="editModal(lists.row.id)"
>
<span>编辑</span>
</span>
</template>
</el-table-column>
</el-table>
<div class="pagination">
<el-pagination
background
:page-size="params.size"
layout="prev, pager, next"
:total="count"
@current-change="currentChange"
>
</el-pagination>
</div>
</div>
<el-dialog
width="400px"
:show-close="false"
:visible.sync="isEdit">
<details-of-distribution ref="distribution" :currId="id" v-if="isEdit"></details-of-distribution>
<div slot="footer" class="dialog-footer">
<el-button @click="isEdit = false">取消</el-button>
<el-button type="primary" @click="determine('ruleForm')">确定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
const FormContainer = () => import('./form.vue');
const DetailsOfDistribution = () => import('./detailsOfDistribution.vue');
import {
GET_FIELD_LIST,
POST_FIELD_LIST,
ENABLE_FIELD_LIST,
DISABLE_FIELD_LIST,
COUNT_FIELD_LIST
} from '@/api/distribution'
import Alert from "@/utils/alert";
import {pageSize} from '../../config';
export default {
name: "index",
data() {
return {
count: 0,
id: '',
isEdit: false,
lists: [],
params: {
from: 0,
size: pageSize,
locationId: ''
}
}
},
mounted() {
this.getList()
},
components: {
FormContainer,
DetailsOfDistribution
},
methods: {
submitForm(res) {
this.params = {
...this.params,
locationId: res.locationId,
};
this.getList()
},
resetForm() {
this.params = {
from: 0,
size: pageSize,
locationId: ''
};
this.getList()
},
getList() {
GET_FIELD_LIST(this.params).then(res => {
res.map((item) => {
item.stateText = item.enabled ? '生效中' : '失效中';
item.locationName = item.province + item.city + item.district + item.name;
return item
});
this.lists = res
});
COUNT_FIELD_LIST(this.params).then(res => {
this.count = res
})
},
/**
* 分页
*/
currentChange(res) {
this.params = {
...this.params,
from: parseInt(res - 1) * this.params.size,
size: pageSize,
};
this.getList()
},
editModal(id) {
this.isEdit = true;
this.id = id;
},
/**
* 状态操作
*/
suspensionOfRelease(id, enabled) {
if (enabled) {
this.PUBLISHED(id)
} else {
this.PAUSEDANDPENDING(id)
}
},
/**
* 已发布
* @constructor
*/
PUBLISHED(id) {
let params = {
id
};
DISABLE_FIELD_LIST(params).then((res) => {
let lists = [];
this.lists.map((item) => {
if (item.id == id) {
item.stateText = '失效中';
item.enabled = false;
}
lists.push(item);
return item;
});
this.lists = lists;
Alert.success("已失效");
});
},
/**
* 已暂停或者待发布
* @constructor
*/
PAUSEDANDPENDING(id) {
let params = {
id
};
ENABLE_FIELD_LIST(params).then((res) => {
let lists = [];
this.lists.map((item) => {
if (item.id == id) {
item.stateText = '生效中';
item.enabled = true;
}
lists.push(item);
return item;
});
this.lists = lists;
Alert.success("已生效");
});
},
determine() {
let that = this;
let child = this.$refs.distribution.lists;
let params = {
id: this.id,
items: child
};
for (let index in child) {
if (!child[index].rate || !child[index].userId) {
Alert.fail("值不能为空");
return false;
}
}
for (let i = 0; i < child.length; i++) {
for (let j = i + 1; j < child.length; j++) {
if (child[i].userId == child[j].userId) {
Alert.fail("分润对象不能一样");
return false;
}
}
}
POST_FIELD_LIST(params).then(res => {
Alert.success("添加成功");
that.isEdit = false;
that.getList();
});
}
}
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
.table {
margin-top: 20px;
padding: 30px;
background: #fff;
.option-span {
color: #409EFF;
cursor: pointer;
}
}
.pagination {
margin-top: 20px;
}
</style>

1
src/views/layout/components/AppMain.vue
View File

@ -33,4 +33,3 @@ export default {
background: $pageBg; background: $pageBg;
} }
</style> </style>

1
src/views/layout/components/Navbar.vue
View File

@ -5,7 +5,6 @@
:is-active="sidebar.opened" :is-active="sidebar.opened"
class="hamburger-container" class="hamburger-container"
/> />
<breadcrumb class="breadcrumb-container" /> <breadcrumb class="breadcrumb-container" />
<right-menu></right-menu> <right-menu></right-menu>

10
src/views/layout/components/Sidebar/SidebarItem.vue
View File

@ -1,17 +1,21 @@
<template> <template>
<div v-if="!item.hidden" class="menu-wrapper"> <div v-if="!item.hidden" class="menu-wrapper">
<template v-if="hasOneShowingChild(item.children,item) && (!onlyOneChild.children||onlyOneChild.noShowingChildren)&&!item.alwaysShow"> <template v-if="hasOneShowingChild(item.children,item) && (!onlyOneChild.children||onlyOneChild.noShowingChildren)&&!item.alwaysShow">
<!-- v-if="item.code && item.code === '0001'" -->
<div @click="storageCode(item.code ? item.code : '')">
<app-link v-if="onlyOneChild.meta" :to="resolvePath(onlyOneChild.path)"> <app-link v-if="onlyOneChild.meta" :to="resolvePath(onlyOneChild.path)">
<el-menu-item :index="resolvePath(onlyOneChild.path)" :class="{'submenu-title-noDropdown':!isNest}"> <el-menu-item :index="resolvePath(onlyOneChild.path)" :class="{'submenu-title-noDropdown':!isNest}">
<item :icon="onlyOneChild.meta.icon||(item.meta&&item.meta.icon)" :title="onlyOneChild.meta.title" /> <item :icon="onlyOneChild.meta.icon||(item.meta&&item.meta.icon)" :title="onlyOneChild.meta.title" />
</el-menu-item> </el-menu-item>
</app-link> </app-link>
</div>
</template> </template>
<el-submenu v-else ref="subMenu" :index="resolvePath(item.path)" popper-append-to-body> <el-submenu v-else ref="subMenu" :index="resolvePath(item.path)" popper-append-to-body>
<template slot="title"> <template slot="title">
<div @click="storageCode(item.code ? item.code : '')">
<item v-if="item.meta" :icon="item.meta && item.meta.icon" :title="item.meta.title" /> <item v-if="item.meta" :icon="item.meta && item.meta.icon" :title="item.meta.title" />
</div>
</template> </template>
<sidebar-item <sidebar-item
v-for="child in item.children" v-for="child in item.children"
@ -90,7 +94,9 @@ export default {
} }
return path.resolve(this.basePath, routePath) return path.resolve(this.basePath, routePath)
}, },
storageCode(code){
localStorage.setItem('code', code)
}
// generateTitle // generateTitle
} }
} }

118
src/views/lists/detailsOfDistribution.vue
View File

@ -0,0 +1,118 @@
<template>
<el-row>
<el-col :span="24" style="margin-bottom: 10px;">
<div class="grid-content bg-purple-dark">
<el-col :span="12">
<div class="grid-content bg-purple">分润对象:</div>
</el-col>
<el-col :span="12">
<div class="grid-content bg-purple-light">分润比例:</div>
</el-col>
</div>
</el-col>
<el-col :span="24" v-for="(item,index) in lists" style="margin-bottom: 10px;">
<el-form :inline="true" class="demo-form-inline">
<div class="grid-content bg-purple-dark">
<el-row :gutter="15">
<el-col :span="10">
<div class="grid-content bg-purple">
<el-select v-model="item.userId" :value="item.userId" placeholder="选择分润对象">
<el-option v-for="opi in accounts" :label="opi.name" :value="opi.id"></el-option>
</el-select>
</div>
</el-col>
<el-col :span="10">
<div class="grid-content bg-purple-light">
<el-input placeholder="" @input="limitMax(item.rate,index)" v-model="item.rate" max="100" min="1"></el-input>
</div>
</el-col>
<el-col :span="4">
<div class="grid-content bg-purple-light">
<el-button type="danger" @click="deleteObj(index)" icon="el-icon-delete"></el-button>
</div>
</el-col>
</el-row>
</div>
</el-form>
</el-col>
<el-button @click="addObj">添加分润对象</el-button>
</el-row>
</template>
<script>
import {GET_ACCOUNT_LIST} from '@/api/privilegeManagement'
import {DETAIL_FIELD_LIST} from '@/api/distribution'
import Alert from "@/utils/alert";
export default {
name: "detailsOfDistribution",
props: ['currId'],
data() {
return {
lists: [],
accounts: []
}
},
watch: {
currId() {
}
},
mounted() {
this.getAccounts();
this.getDetail();
},
methods: {
getDetail() {
let params = {
id: this.currId
};
DETAIL_FIELD_LIST(params).then(res => {
this.lists = res
})
},
/**
* 添加分润对象
*/
addObj() {
let obj = {
userId: '',
rate: ''
};
this.lists.push(obj)
},
/**
* 删除分润对象
*/
deleteObj(idx) {
let lists = [];
this.lists.map((item, index) => {
if (idx != index) {
lists.push(item)
}
return item;
});
this.lists = lists
},
getAccounts() {
GET_ACCOUNT_LIST().then(res => {
this.accounts = res;
})
},
limitMax(val, idx) {
if (val >= 100 || val <= 0) {
Alert.fail('值不能大于100,小于0');
val = ''
}
this.lists[idx].rate = val;
}
}
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
</style>

60
src/views/lists/form.vue
View File

@ -0,0 +1,60 @@
<template>
<div class="form-container">
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="场地">
<el-select v-model="formInline.locationId" value="" placeholder="场地">
<el-option label="全部" value=""></el-option>
<el-option v-for="item in locationId" :label="item.name" :value="item.id"></el-option>
</el-select>
</el-form-item>
<el-form-item style="padding-left:30px">
<el-button type="default" @click="resetForm1('formInline')">重置</el-button>
<el-button type="primary" @click="onSubmit">查询</el-button>
</el-form-item>
</el-form>
</div>
</template>
<script>
import {GET_LOCATIONS} from '@/api/common'
export default {
name: 'form-container',
props: ['label'],
data() {
return {
formInline: {
locationId: ''
},
locationId: ''
}
},
mounted() {
this.getLocationId();
},
methods: {
getLocationId() {
GET_LOCATIONS().then(res => {
this.locationId = res
})
},
onSubmit() {
this.$emit('submit', this.formInline)
},
resetForm1() {
this.formInline = {
name: ''
};
this.$emit('resetForm');
}
}
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
.form-container {
padding: 20px;
background: #fff;
}
</style>

269
src/views/lists/index.vue
View File

@ -0,0 +1,269 @@
<template>
<div>
<form-container @submit="submitForm" @resetForm="resetForm"></form-container>
<div class="table">
<el-table
:data="lists"
style="width: 100%">
<el-table-column
prop="name"
label="场地图片">
<template slot-scope="lists">
<img :src="lists.row.image" width="70" height="70" alt="">
</template>
</el-table-column>
<el-table-column
prop="name"
label="名称">
</el-table-column>
<el-table-column
prop="locationName"
label="场地地址">
</el-table-column>
<el-table-column
prop="users"
label="分润人数">
</el-table-column>
<el-table-column
prop="stateText"
label="状态">
</el-table-column>
<el-table-column
fixed="right"
label="操作"
>
<template slot-scope="lists">
<span
type="text"
size="small"
class="option-span"
@click="suspensionOfRelease(lists.row.id,lists.row.enabled)"
>
<span>{{lists.row.enabled==true?"暂停":"发布"}}</span>
</span>
<span
type="text"
size="small"
style="margin: 0 5px;"
class="option-span"
@click="editModal(lists.row.id)"
>
<span>编辑</span>
</span>
</template>
</el-table-column>
</el-table>
<div class="pagination">
<el-pagination
background
:page-size="params.size"
layout="prev, pager, next"
:total="count"
@current-change="currentChange"
>
</el-pagination>
</div>
</div>
<el-dialog
width="400px"
:show-close="false"
:visible.sync="isEdit">
<details-of-distribution ref="distribution" :currId="id" v-if="isEdit"></details-of-distribution>
<div slot="footer" class="dialog-footer">
<el-button @click="isEdit = false">取消</el-button>
<el-button type="primary" @click="determine('ruleForm')">确定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
const FormContainer = () => import('./form.vue');
const DetailsOfDistribution = () => import('./detailsOfDistribution.vue');
import {
GET_FIELD_LIST,
POST_FIELD_LIST,
ENABLE_FIELD_LIST,
DISABLE_FIELD_LIST,
COUNT_FIELD_LIST
} from '@/api/distribution'
import Alert from "@/utils/alert";
import {pageSize} from '../../config';
export default {
name: "index",
data() {
return {
count: 0,
id: '',
isEdit: false,
lists: [],
params: {
from: 0,
size: pageSize,
locationId: ''
}
}
},
mounted() {
this.getList()
},
components: {
FormContainer,
DetailsOfDistribution
},
methods: {
submitForm(res) {
this.params = {
...this.params,
locationId: res.locationId,
};
this.getList()
},
resetForm() {
this.params = {
from: 0,
size: pageSize,
locationId: ''
};
this.getList()
},
getList() {
GET_FIELD_LIST(this.params).then(res => {
res.map((item) => {
item.stateText = item.enabled ? '生效中' : '失效中';
item.locationName = item.province + item.city + item.district + item.name;
return item
});
this.lists = res
});
COUNT_FIELD_LIST(this.params).then(res => {
this.count = res
})
},
/**
* 分页
*/
currentChange(res) {
this.params = {
...this.params,
from: parseInt(res - 1) * this.params.size,
size: pageSize,
};
this.getList()
},
editModal(id) {
this.isEdit = true;
this.id = id;
},
/**
* 状态操作
*/
suspensionOfRelease(id, enabled) {
if (enabled) {
this.PUBLISHED(id)
} else {
this.PAUSEDANDPENDING(id)
}
},
/**
* 已发布
* @constructor
*/
PUBLISHED(id) {
let params = {
id
};
DISABLE_FIELD_LIST(params).then((res) => {
let lists = [];
this.lists.map((item) => {
if (item.id == id) {
item.stateText = '失效中';
item.enabled = false;
}
lists.push(item);
return item;
});
this.lists = lists;
Alert.success("已失效");
});
},
/**
* 已暂停或者待发布
* @constructor
*/
PAUSEDANDPENDING(id) {
let params = {
id
};
ENABLE_FIELD_LIST(params).then((res) => {
let lists = [];
this.lists.map((item) => {
if (item.id == id) {
item.stateText = '生效中';
item.enabled = true;
}
lists.push(item);
return item;
});
this.lists = lists;
Alert.success("已生效");
});
},
determine() {
let that = this;
let child = this.$refs.distribution.lists;
let params = {
id: this.id,
items: child
};
for (let index in child) {
if (!child[index].rate || !child[index].userId) {
Alert.fail("值不能为空");
return false;
}
}
for (let i = 0; i < child.length; i++) {
for (let j = i + 1; j < child.length; j++) {
if (child[i].userId == child[j].userId) {
Alert.fail("分润对象不能一样");
return false;
}
}
}
POST_FIELD_LIST(params).then(res => {
Alert.success("添加成功");
that.isEdit = false;
that.getList();
});
}
}
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
.table {
margin-top: 20px;
padding: 30px;
background: #fff;
.option-span {
color: #409EFF;
cursor: pointer;
}
}
.pagination {
margin-top: 20px;
}
</style>

2
src/views/login/index.vue
View File

@ -130,7 +130,7 @@ export default {
this.$store.state.user.user = this.loginForm.username; this.$store.state.user.user = this.loginForm.username;
setCookie("LoginByUsername", JSON.stringify(this.loginForm)); setCookie("LoginByUsername", JSON.stringify(this.loginForm));
this.$router.push({ this.$router.push({
path: this.redirect || "/dashboard/index" path: this.redirect || "/"
}); });
} else { } else {
myalert.fail("账号或密码不正确!"); myalert.fail("账号或密码不正确!");

118
src/views/richText/detailsOfDistribution.vue
View File

@ -0,0 +1,118 @@
<template>
<el-row>
<el-col :span="24" style="margin-bottom: 10px;">
<div class="grid-content bg-purple-dark">
<el-col :span="12">
<div class="grid-content bg-purple">分润对象:</div>
</el-col>
<el-col :span="12">
<div class="grid-content bg-purple-light">分润比例:</div>
</el-col>
</div>
</el-col>
<el-col :span="24" v-for="(item,index) in lists" style="margin-bottom: 10px;">
<el-form :inline="true" class="demo-form-inline">
<div class="grid-content bg-purple-dark">
<el-row :gutter="15">
<el-col :span="10">
<div class="grid-content bg-purple">
<el-select v-model="item.userId" :value="item.userId" placeholder="选择分润对象">
<el-option v-for="opi in accounts" :label="opi.name" :value="opi.id"></el-option>
</el-select>
</div>
</el-col>
<el-col :span="10">
<div class="grid-content bg-purple-light">
<el-input placeholder="" @input="limitMax(item.rate,index)" v-model="item.rate" max="100" min="1"></el-input>
</div>
</el-col>
<el-col :span="4">
<div class="grid-content bg-purple-light">
<el-button type="danger" @click="deleteObj(index)" icon="el-icon-delete"></el-button>
</div>
</el-col>
</el-row>
</div>
</el-form>
</el-col>
<el-button @click="addObj">添加分润对象</el-button>
</el-row>
</template>
<script>
import {GET_ACCOUNT_LIST} from '@/api/privilegeManagement'
import {DETAIL_FIELD_LIST} from '@/api/distribution'
import Alert from "@/utils/alert";
export default {
name: "detailsOfDistribution",
props: ['currId'],
data() {
return {
lists: [],
accounts: []
}
},
watch: {
currId() {
}
},
mounted() {
this.getAccounts();
this.getDetail();
},
methods: {
getDetail() {
let params = {
id: this.currId
};
DETAIL_FIELD_LIST(params).then(res => {
this.lists = res
})
},
/**
* 添加分润对象
*/
addObj() {
let obj = {
userId: '',
rate: ''
};
this.lists.push(obj)
},
/**
* 删除分润对象
*/
deleteObj(idx) {
let lists = [];
this.lists.map((item, index) => {
if (idx != index) {
lists.push(item)
}
return item;
});
this.lists = lists
},
getAccounts() {
GET_ACCOUNT_LIST().then(res => {
this.accounts = res;
})
},
limitMax(val, idx) {
if (val >= 100 || val <= 0) {
Alert.fail('值不能大于100,小于0');
val = ''
}
this.lists[idx].rate = val;
}
}
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
</style>

60
src/views/richText/form.vue
View File

@ -0,0 +1,60 @@
<template>
<div class="form-container">
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="场地">
<el-select v-model="formInline.locationId" value="" placeholder="场地">
<el-option label="全部" value=""></el-option>
<el-option v-for="item in locationId" :label="item.name" :value="item.id"></el-option>
</el-select>
</el-form-item>
<el-form-item style="padding-left:30px">
<el-button type="default" @click="resetForm1('formInline')">重置</el-button>
<el-button type="primary" @click="onSubmit">查询</el-button>
</el-form-item>
</el-form>
</div>
</template>
<script>
import {GET_LOCATIONS} from '@/api/common'
export default {
name: 'form-container',
props: ['label'],
data() {
return {
formInline: {
locationId: ''
},
locationId: ''
}
},
mounted() {
this.getLocationId();
},
methods: {
getLocationId() {
GET_LOCATIONS().then(res => {
this.locationId = res
})
},
onSubmit() {
this.$emit('submit', this.formInline)
},
resetForm1() {
this.formInline = {
name: ''
};
this.$emit('resetForm');
}
}
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
.form-container {
padding: 20px;
background: #fff;
}
</style>

269
src/views/richText/index.vue
View File

@ -0,0 +1,269 @@
<template>
<div>
<form-container @submit="submitForm" @resetForm="resetForm"></form-container>
<div class="table">
<el-table
:data="lists"
style="width: 100%">
<el-table-column
prop="name"
label="场地图片">
<template slot-scope="lists">
<img :src="lists.row.image" width="70" height="70" alt="">
</template>
</el-table-column>
<el-table-column
prop="name"
label="名称">
</el-table-column>
<el-table-column
prop="locationName"
label="场地地址">
</el-table-column>
<el-table-column
prop="users"
label="分润人数">
</el-table-column>
<el-table-column
prop="stateText"
label="状态">
</el-table-column>
<el-table-column
fixed="right"
label="操作"
>
<template slot-scope="lists">
<span
type="text"
size="small"
class="option-span"
@click="suspensionOfRelease(lists.row.id,lists.row.enabled)"
>
<span>{{lists.row.enabled==true?"暂停":"发布"}}</span>
</span>
<span
type="text"
size="small"
style="margin: 0 5px;"
class="option-span"
@click="editModal(lists.row.id)"
>
<span>编辑</span>
</span>
</template>
</el-table-column>
</el-table>
<div class="pagination">
<el-pagination
background
:page-size="params.size"
layout="prev, pager, next"
:total="count"
@current-change="currentChange"
>
</el-pagination>
</div>
</div>
<el-dialog
width="400px"
:show-close="false"
:visible.sync="isEdit">
<details-of-distribution ref="distribution" :currId="id" v-if="isEdit"></details-of-distribution>
<div slot="footer" class="dialog-footer">
<el-button @click="isEdit = false">取消</el-button>
<el-button type="primary" @click="determine('ruleForm')">确定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
const FormContainer = () => import('./form.vue');
const DetailsOfDistribution = () => import('./detailsOfDistribution.vue');
import {
GET_FIELD_LIST,
POST_FIELD_LIST,
ENABLE_FIELD_LIST,
DISABLE_FIELD_LIST,
COUNT_FIELD_LIST
} from '@/api/distribution'
import Alert from "@/utils/alert";
import {pageSize} from '../../config';
export default {
name: "index",
data() {
return {
count: 0,
id: '',
isEdit: false,
lists: [],
params: {
from: 0,
size: pageSize,
locationId: ''
}
}
},
mounted() {
this.getList()
},
components: {
FormContainer,
DetailsOfDistribution
},
methods: {
submitForm(res) {
this.params = {
...this.params,
locationId: res.locationId,
};
this.getList()
},
resetForm() {
this.params = {
from: 0,
size: pageSize,
locationId: ''
};
this.getList()
},
getList() {
GET_FIELD_LIST(this.params).then(res => {
res.map((item) => {
item.stateText = item.enabled ? '生效中' : '失效中';
item.locationName = item.province + item.city + item.district + item.name;
return item
});
this.lists = res
});
COUNT_FIELD_LIST(this.params).then(res => {
this.count = res
})
},
/**
* 分页
*/
currentChange(res) {
this.params = {
...this.params,
from: parseInt(res - 1) * this.params.size,
size: pageSize,
};
this.getList()
},
editModal(id) {
this.isEdit = true;
this.id = id;
},
/**
* 状态操作
*/
suspensionOfRelease(id, enabled) {
if (enabled) {
this.PUBLISHED(id)
} else {
this.PAUSEDANDPENDING(id)
}
},
/**
* 已发布
* @constructor
*/
PUBLISHED(id) {
let params = {
id
};
DISABLE_FIELD_LIST(params).then((res) => {
let lists = [];
this.lists.map((item) => {
if (item.id == id) {
item.stateText = '失效中';
item.enabled = false;
}
lists.push(item);
return item;
});
this.lists = lists;
Alert.success("已失效");
});
},
/**
* 已暂停或者待发布
* @constructor
*/
PAUSEDANDPENDING(id) {
let params = {
id
};
ENABLE_FIELD_LIST(params).then((res) => {
let lists = [];
this.lists.map((item) => {
if (item.id == id) {
item.stateText = '生效中';
item.enabled = true;
}
lists.push(item);
return item;
});
this.lists = lists;
Alert.success("已生效");
});
},
determine() {
let that = this;
let child = this.$refs.distribution.lists;
let params = {
id: this.id,
items: child
};
for (let index in child) {
if (!child[index].rate || !child[index].userId) {
Alert.fail("值不能为空");
return false;
}
}
for (let i = 0; i < child.length; i++) {
for (let j = i + 1; j < child.length; j++) {
if (child[i].userId == child[j].userId) {
Alert.fail("分润对象不能一样");
return false;
}
}
}
POST_FIELD_LIST(params).then(res => {
Alert.success("添加成功");
that.isEdit = false;
that.getList();
});
}
}
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
.table {
margin-top: 20px;
padding: 30px;
background: #fff;
.option-span {
color: #409EFF;
cursor: pointer;
}
}
.pagination {
margin-top: 20px;
}
</style>
Write Preview
Loading…
Cancel
Save