myTest383
5 months ago
34 changed files with 3580 additions and 2902 deletions
@ -1,76 +1,77 @@ |
|||
{ |
|||
"name": "yxt-yyth-ui-admin", |
|||
"version": "1.1.0", |
|||
"description": "", |
|||
"author": "", |
|||
"scripts": { |
|||
"dev": "vue-cli-service serve", |
|||
"build:prod": "vue-cli-service build", |
|||
"build:stage": "vue-cli-service build --mode staging", |
|||
"preview": "node build/index.js --preview", |
|||
"svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml", |
|||
"lint": "eslint --ext .js,.vue src", |
|||
"test:unit": "jest --clearCache && vue-cli-service test:unit", |
|||
"test:ci": "npm run lint && npm run test:unit" |
|||
}, |
|||
"dependencies": { |
|||
"axios": "^0.24.0", |
|||
"bpmn-js": "^9.2.2", |
|||
"core-js": "^3.8.3", |
|||
"echarts": "^5.4.3", |
|||
"ejs": "^2.7.4", |
|||
"element-ui": "^2.15.14", |
|||
"js-cookie": "2.2.0", |
|||
"moment": "^2.29.1", |
|||
"normalize.css": "7.0.0", |
|||
"nprogress": "0.2.0", |
|||
"path-to-regexp": "2.4.0", |
|||
"portfinder": "^1.0.21", |
|||
"print-template": "^1.2.8", |
|||
"qs": "^6.9.4", |
|||
"quill": "^1.3.7", |
|||
"sass-resources-loader": "^2.1.1", |
|||
"viewerjs": "^1.9.0", |
|||
"vue": "^2.6.14", |
|||
"vue-amap": "^0.5.10", |
|||
"vue-router": "^3.5.1", |
|||
"vuex": "3.6.0", |
|||
"vuex-persistedstate": "^4.0.0", |
|||
"xcrud": "^0.4.19" |
|||
}, |
|||
"devDependencies": { |
|||
"@vue/cli-plugin-babel": "4.4.4", |
|||
"@vue/cli-plugin-eslint": "4.4.4", |
|||
"@vue/cli-plugin-unit-jest": "4.4.4", |
|||
"@vue/cli-service": "4.4.4", |
|||
"@vue/test-utils": "1.0.0-beta.29", |
|||
"autoprefixer": "9.5.1", |
|||
"babel-eslint": "10.1.0", |
|||
"babel-jest": "23.6.0", |
|||
"babel-plugin-dynamic-import-node": "2.3.3", |
|||
"babel-polyfill": "^6.26.0", |
|||
"chalk": "2.4.2", |
|||
"connect": "3.6.6", |
|||
"eslint": "6.7.2", |
|||
"eslint-plugin-vue": "6.2.2", |
|||
"html-webpack-plugin": "3.2.0", |
|||
"mockjs": "1.0.1-beta3", |
|||
"runjs": "4.3.2", |
|||
"sass": "1.26.8", |
|||
"sass-loader": "8.0.2", |
|||
"script-ext-html-webpack-plugin": "2.1.3", |
|||
"serve-static": "1.13.2", |
|||
"svg-sprite-loader": "4.1.3", |
|||
"svgo": "1.2.2", |
|||
"vue-template-compiler": "2.6.10" |
|||
}, |
|||
"browserslist": [ |
|||
"> 1%", |
|||
"last 2 versions" |
|||
], |
|||
"engines": { |
|||
"node": ">=8.9", |
|||
"npm": ">= 3.0.0" |
|||
}, |
|||
"license": "MIT" |
|||
"name": "yxt-yyth-ui-admin", |
|||
"version": "1.1.0", |
|||
"description": "", |
|||
"author": "", |
|||
"scripts": { |
|||
"dev": "vue-cli-service serve", |
|||
"build:prod": "vue-cli-service build", |
|||
"build:stage": "vue-cli-service build --mode staging", |
|||
"preview": "node build/index.js --preview", |
|||
"svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml", |
|||
"lint": "eslint --ext .js,.vue src", |
|||
"test:unit": "jest --clearCache && vue-cli-service test:unit", |
|||
"test:ci": "npm run lint && npm run test:unit" |
|||
}, |
|||
"dependencies": { |
|||
"axios": "^0.24.0", |
|||
"bpmn-js": "^9.2.2", |
|||
"core-js": "^3.8.3", |
|||
"echarts": "^5.4.3", |
|||
"ejs": "^2.7.4", |
|||
"element-china-area-data": "^6.1.0", |
|||
"element-ui": "^2.15.14", |
|||
"js-cookie": "2.2.0", |
|||
"moment": "^2.29.1", |
|||
"normalize.css": "7.0.0", |
|||
"nprogress": "0.2.0", |
|||
"path-to-regexp": "2.4.0", |
|||
"portfinder": "^1.0.21", |
|||
"print-template": "^1.2.8", |
|||
"qs": "^6.9.4", |
|||
"quill": "^1.3.7", |
|||
"sass-resources-loader": "^2.1.1", |
|||
"viewerjs": "^1.9.0", |
|||
"vue": "^2.6.14", |
|||
"vue-amap": "^0.5.10", |
|||
"vue-router": "^3.5.1", |
|||
"vuex": "3.6.0", |
|||
"vuex-persistedstate": "^4.0.0", |
|||
"xcrud": "^0.4.19" |
|||
}, |
|||
"devDependencies": { |
|||
"@vue/cli-plugin-babel": "4.4.4", |
|||
"@vue/cli-plugin-eslint": "4.4.4", |
|||
"@vue/cli-plugin-unit-jest": "4.4.4", |
|||
"@vue/cli-service": "4.4.4", |
|||
"@vue/test-utils": "1.0.0-beta.29", |
|||
"autoprefixer": "9.5.1", |
|||
"babel-eslint": "10.1.0", |
|||
"babel-jest": "23.6.0", |
|||
"babel-plugin-dynamic-import-node": "2.3.3", |
|||
"babel-polyfill": "^6.26.0", |
|||
"chalk": "2.4.2", |
|||
"connect": "3.6.6", |
|||
"eslint": "6.7.2", |
|||
"eslint-plugin-vue": "6.2.2", |
|||
"html-webpack-plugin": "3.2.0", |
|||
"mockjs": "1.0.1-beta3", |
|||
"runjs": "4.3.2", |
|||
"sass": "1.26.8", |
|||
"sass-loader": "8.0.2", |
|||
"script-ext-html-webpack-plugin": "2.1.3", |
|||
"serve-static": "1.13.2", |
|||
"svg-sprite-loader": "4.1.3", |
|||
"svgo": "1.2.2", |
|||
"vue-template-compiler": "2.6.10" |
|||
}, |
|||
"browserslist": [ |
|||
"> 1%", |
|||
"last 2 versions" |
|||
], |
|||
"engines": { |
|||
"node": ">=8.9", |
|||
"npm": ">= 3.0.0" |
|||
}, |
|||
"license": "MIT" |
|||
} |
|||
|
|||
@ -1,18 +1,18 @@ |
|||
import request from '@/utils/request' |
|||
|
|||
export default { |
|||
// 品牌列表
|
|||
listAllBrand: function(params) { |
|||
return request({ |
|||
url: '/adminapi/mall/listAllBrand', |
|||
method: 'get' |
|||
}) |
|||
}, |
|||
// 品牌列表
|
|||
listAllCategory: function(params) { |
|||
return request({ |
|||
url: '/adminapi/mall/listAllCategory', |
|||
method: 'get' |
|||
}) |
|||
} |
|||
// 品牌列表
|
|||
listAllBrand: function(params) { |
|||
return request({ |
|||
url: '/mall/adminapi/mall/listAllBrand', |
|||
method: 'get' |
|||
}) |
|||
}, |
|||
// 品牌列表
|
|||
listAllCategory: function(params) { |
|||
return request({ |
|||
url: '/mall/adminapi/mall/listAllCategory', |
|||
method: 'get' |
|||
}) |
|||
} |
|||
} |
|||
@ -1,37 +1,37 @@ |
|||
import request from '@/utils/request' |
|||
export function fetchList(params) { |
|||
return request({ |
|||
url:'/pms/PmsProductAttributeCategory/list', |
|||
method:'get', |
|||
params:params |
|||
}) |
|||
return request({ |
|||
url: '/mall/pms/PmsProductAttributeCategory/list', |
|||
method: 'get', |
|||
params: params |
|||
}) |
|||
} |
|||
|
|||
export function createProductAttrCate(data) { |
|||
return request({ |
|||
url:'/pms/PmsProductAttributeCategory/create', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
return request({ |
|||
url: '/mall/pms/PmsProductAttributeCategory/create', |
|||
method: 'post', |
|||
data: data |
|||
}) |
|||
} |
|||
|
|||
export function deleteProductAttrCate(id) { |
|||
return request({ |
|||
url:'/pms/PmsProductAttributeCategory/delete/'+id, |
|||
method:'get' |
|||
}) |
|||
return request({ |
|||
url: '/mall/pms/PmsProductAttributeCategory/delete/' + id, |
|||
method: 'get' |
|||
}) |
|||
} |
|||
|
|||
export function updateProductAttrCate(id,data) { |
|||
return request({ |
|||
url:'/pms/PmsProductAttributeCategory/update/'+id, |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
export function updateProductAttrCate(id, data) { |
|||
return request({ |
|||
url: '/mall/pms/PmsProductAttributeCategory/update/' + id, |
|||
method: 'post', |
|||
data: data |
|||
}) |
|||
} |
|||
export function fetchListWithAttr() { |
|||
return request({ |
|||
url:'/pms/PmsProductAttributeCategory/list/withAttr', |
|||
method:'get' |
|||
}) |
|||
return request({ |
|||
url: '/mall/pms/PmsProductAttributeCategory/list/withAttr', |
|||
method: 'get' |
|||
}) |
|||
} |
|||
@ -1,76 +1,76 @@ |
|||
import request from '@/utils/request' |
|||
|
|||
export function fetchListAll(params) { |
|||
return request({ |
|||
url:'/pms/PmsProductCategory/list', |
|||
method:'get', |
|||
params:params |
|||
}) |
|||
return request({ |
|||
url: '/mall/pms/PmsProductCategory/list', |
|||
method: 'get', |
|||
params: params |
|||
}) |
|||
} |
|||
export function fetchList(parentId,params) { |
|||
return request({ |
|||
url:'/pms/PmsProductCategory/list/'+parentId, |
|||
method:'get', |
|||
params:params |
|||
}) |
|||
export function fetchList(parentId, params) { |
|||
return request({ |
|||
url: '/mall/pms/PmsProductCategory/list/' + parentId, |
|||
method: 'get', |
|||
params: params |
|||
}) |
|||
} |
|||
export function deleteProductCate(id) { |
|||
return request({ |
|||
url:'/pms/PmsProductCategory/delete/'+id, |
|||
method:'get' |
|||
}) |
|||
return request({ |
|||
url: '/mall/pms/PmsProductCategory/delete/' + id, |
|||
method: 'get' |
|||
}) |
|||
} |
|||
|
|||
export function createProductCate(data) { |
|||
return request({ |
|||
url:'/pms/PmsProductCategory/create', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
return request({ |
|||
url: '/mall/pms/PmsProductCategory/create', |
|||
method: 'post', |
|||
data: data |
|||
}) |
|||
} |
|||
|
|||
export function updateProductCate(id,data) { |
|||
return request({ |
|||
url:'/pms/PmsProductCategory/update/'+id, |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
export function updateProductCate(id, data) { |
|||
return request({ |
|||
url: '/mall/pms/PmsProductCategory/update/' + id, |
|||
method: 'post', |
|||
data: data |
|||
}) |
|||
} |
|||
|
|||
export function getProductCate(id) { |
|||
return request({ |
|||
url:'/pms/PmsProductCategory/'+id, |
|||
method:'get', |
|||
}) |
|||
return request({ |
|||
url: '/mall/pms/PmsProductCategory/' + id, |
|||
method: 'get', |
|||
}) |
|||
} |
|||
|
|||
export function updateShowStatus(data) { |
|||
return request({ |
|||
url:'/pms/PmsProductCategory/update/showStatus', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
return request({ |
|||
url: '/mall/pms/PmsProductCategory/update/showStatus', |
|||
method: 'post', |
|||
data: data |
|||
}) |
|||
} |
|||
|
|||
export function updateIndexStatus(data) { |
|||
return request({ |
|||
url:'/pms/PmsProductCategory/update/indexStatus', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
return request({ |
|||
url: '/mall/pms/PmsProductCategory/update/indexStatus', |
|||
method: 'post', |
|||
data: data |
|||
}) |
|||
} |
|||
|
|||
export function updateNavStatus(data) { |
|||
return request({ |
|||
url:'/pms/PmsProductCategory/update/navStatus', |
|||
method:'post', |
|||
data:data |
|||
}) |
|||
return request({ |
|||
url: '/mall/pms/PmsProductCategory/update/navStatus', |
|||
method: 'post', |
|||
data: data |
|||
}) |
|||
} |
|||
|
|||
export function fetchListWithChildren() { |
|||
return request({ |
|||
url:'/pms/PmsProductCategory/list/withChildren', |
|||
method:'get' |
|||
}) |
|||
return request({ |
|||
url: '/mall/pms/PmsProductCategory/list/withChildren', |
|||
method: 'get' |
|||
}) |
|||
} |
|||
|
Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 2.3 MiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 2.5 MiB |
|
After Width: | Height: | Size: 39 KiB |
@ -1,168 +1,179 @@ |
|||
<template> |
|||
<div> |
|||
<div class="navbar"> |
|||
<p class="breadcrumb-container"><img src="@/assets/loginImg/logo.png" style="width: 45px;height: 45px;margin-right: 10px;"/>惠享管理平台</p> |
|||
<!-- <h3 class="breadcrumb-container">银行供应链贷后监管平台</h3> --> |
|||
<div class="right-menu"> |
|||
<!-- <p>{{Orgname}} {{departmentName}} 欢迎, {{name}}</p>--> |
|||
<!-- <p>欢迎您，{{name}}</p> |
|||
<p class="dy" @click="logout()"><img src="@/assets/images/dy.png"></p> --> |
|||
</div> |
|||
<div> |
|||
<div class="navbar"> |
|||
<p class="breadcrumb-container"><img src="@/assets/loginImg/logo.png" |
|||
style="width: 45px;height: 45px;margin-right: 10px;" />预订商城管理平台</p> |
|||
<!-- <h3 class="breadcrumb-container">银行供应链贷后监管平台</h3> --> |
|||
<div class="right-menu"> |
|||
<!-- <p>{{Orgname}} {{departmentName}} 欢迎, {{name}}</p>--> |
|||
<p>欢迎您：{{pNameAndDepartmentNameAndPostName}}- {{name}}</p> |
|||
<!-- <img src="@/assets/images/info.png"> --> |
|||
<!-- <img src="@/assets/images/dy.png" @click="logout"> --> |
|||
<span class="backToHome" @click="logout"><i class="el-icon-back"></i>退出登录</span> |
|||
</div> |
|||
</div> |
|||
<el-footer class="footer" height="40px">Copyright © {{ year }} 预订商城管理平台 All Rights Reserved</el-footer> |
|||
</div> |
|||
<el-footer class="footer" height="40px">Copyright © {{ year }} 惠享管理平台 All Rights Reserved</el-footer> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
name: '', |
|||
year:'', |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.name = window.sessionStorage.getItem('userName') |
|||
var nowDate = new Date() |
|||
this.year = nowDate.getFullYear() |
|||
}, |
|||
methods: { |
|||
logout() { |
|||
this.$confirm('确定要退出吗, 是否继续?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
// this.$store.commit('user/SET_UESRINFO', '') |
|||
this.$router.push({ |
|||
path: '/login' |
|||
}) |
|||
}) |
|||
}, |
|||
export default { |
|||
data() { |
|||
return { |
|||
Orgname: '', |
|||
departmentName: '', |
|||
name: '', |
|||
defaultRoleName: '', |
|||
year: '', |
|||
pNameAndDepartmentNameAndPostName: '' |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.Orgname = window.sessionStorage.getItem('orgName') |
|||
this.departmentName = window.sessionStorage.getItem('departmentName') |
|||
this.name = window.sessionStorage.getItem('name') |
|||
this.defaultRoleName = window.sessionStorage.getItem('defaultRoleName') |
|||
this.pNameAndDepartmentNameAndPostName = window.sessionStorage.getItem('pNameAndDepartmentNameAndPostName') |
|||
var nowDate = new Date() |
|||
this.year = nowDate.getFullYear() |
|||
}, |
|||
methods: { |
|||
logout() { |
|||
this.$confirm('确定要退出吗, 是否继续?', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
// this.$store.commit('user/SET_UESRINFO', '') |
|||
this.$router.push({ |
|||
path: '/login' |
|||
}) |
|||
}) |
|||
}, |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
@import "~@/styles/variables.scss"; |
|||
|
|||
.navbar { |
|||
height: 60px; |
|||
overflow: hidden; |
|||
position: relative; |
|||
background: $header-bg; |
|||
padding: 0 30px; |
|||
box-shadow: 0 1px 4px rgba(0, 21, 41, .08); |
|||
|
|||
.hamburger-container { |
|||
line-height: 46px; |
|||
height: 100%; |
|||
float: left; |
|||
cursor: pointer; |
|||
transition: background .3s; |
|||
-webkit-tap-highlight-color: transparent; |
|||
|
|||
&:hover { |
|||
background: rgba(0, 0, 0, .025) |
|||
} |
|||
} |
|||
@import "~@/styles/variables.scss"; |
|||
|
|||
.navbar { |
|||
height: 60px; |
|||
overflow: hidden; |
|||
position: relative; |
|||
background: $header-bg; |
|||
padding: 0 30px; |
|||
box-shadow: 0 1px 4px rgba(0, 21, 41, .08); |
|||
|
|||
.hamburger-container { |
|||
line-height: 46px; |
|||
height: 100%; |
|||
float: left; |
|||
cursor: pointer; |
|||
transition: background .3s; |
|||
-webkit-tap-highlight-color: transparent; |
|||
|
|||
.breadcrumb-container { |
|||
display: flex; |
|||
align-items: center; |
|||
color: #fff; |
|||
font-size: 26px; |
|||
line-height: 60px; |
|||
margin: 0; |
|||
float: left; |
|||
} |
|||
|
|||
.right-menu { |
|||
float: right; |
|||
height: 100%; |
|||
line-height: 60px; |
|||
color: #fff; |
|||
|
|||
&:focus { |
|||
outline: none; |
|||
} |
|||
|
|||
p { |
|||
display: inline-block; |
|||
margin: 0; |
|||
padding: 0; |
|||
padding: 0 15px; |
|||
} |
|||
|
|||
img { |
|||
vertical-align: middle; |
|||
margin: 0 10px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.backToHome { |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
padding: 0 15px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.backToHome:hover { |
|||
background: #087dba; |
|||
} |
|||
|
|||
.right-menu-item { |
|||
display: inline-block; |
|||
padding: 0 8px; |
|||
height: 100%; |
|||
font-size: 18px; |
|||
color: #5a5e66; |
|||
vertical-align: text-bottom; |
|||
|
|||
&.hover-effect { |
|||
cursor: pointer; |
|||
transition: background .3s; |
|||
|
|||
&:hover { |
|||
background: rgba(0, 0, 0, .025) |
|||
} |
|||
&:hover { |
|||
background: rgba(0, 0, 0, .025) |
|||
} |
|||
} |
|||
} |
|||
|
|||
.avatar-container { |
|||
margin-right: 30px; |
|||
|
|||
.avatar-wrapper { |
|||
margin-top: 5px; |
|||
position: relative; |
|||
|
|||
.user-avatar { |
|||
cursor: pointer; |
|||
width: 40px; |
|||
height: 40px; |
|||
border-radius: 10px; |
|||
} |
|||
.breadcrumb-container { |
|||
display: flex; |
|||
align-items: center; |
|||
color: #fff; |
|||
font-size: 26px; |
|||
line-height: 60px; |
|||
margin: 0; |
|||
float: left; |
|||
} |
|||
|
|||
.el-icon-caret-bottom { |
|||
cursor: pointer; |
|||
position: absolute; |
|||
right: -20px; |
|||
top: 25px; |
|||
font-size: 12px; |
|||
} |
|||
.right-menu { |
|||
float: right; |
|||
height: 100%; |
|||
line-height: 60px; |
|||
color: #fff; |
|||
|
|||
&:focus { |
|||
outline: none; |
|||
} |
|||
|
|||
p { |
|||
display: inline-block; |
|||
margin: 0; |
|||
padding: 0; |
|||
padding: 0 15px; |
|||
} |
|||
|
|||
img { |
|||
vertical-align: middle; |
|||
margin: 0 10px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.backToHome { |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
padding: 0 15px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.backToHome:hover { |
|||
background: #087dba; |
|||
} |
|||
|
|||
.right-menu-item { |
|||
display: inline-block; |
|||
padding: 0 8px; |
|||
height: 100%; |
|||
font-size: 18px; |
|||
color: #5a5e66; |
|||
vertical-align: text-bottom; |
|||
|
|||
&.hover-effect { |
|||
cursor: pointer; |
|||
transition: background .3s; |
|||
|
|||
&:hover { |
|||
background: rgba(0, 0, 0, .025) |
|||
} |
|||
} |
|||
} |
|||
|
|||
.avatar-container { |
|||
margin-right: 30px; |
|||
|
|||
.avatar-wrapper { |
|||
margin-top: 5px; |
|||
position: relative; |
|||
|
|||
.user-avatar { |
|||
cursor: pointer; |
|||
width: 40px; |
|||
height: 40px; |
|||
border-radius: 10px; |
|||
} |
|||
|
|||
.el-icon-caret-bottom { |
|||
cursor: pointer; |
|||
position: absolute; |
|||
right: -20px; |
|||
top: 25px; |
|||
font-size: 12px; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.footer { |
|||
position: fixed; |
|||
bottom: 0; |
|||
width: 100%; |
|||
line-height: 40px; |
|||
background: #E9F1F7; |
|||
text-align: center; |
|||
font-size: 14px; |
|||
color: #666; |
|||
} |
|||
|
|||
.footer { |
|||
position: fixed; |
|||
bottom: 0; |
|||
width: 100%; |
|||
line-height: 40px; |
|||
background: #E9F1F7; |
|||
text-align: center; |
|||
font-size: 14px; |
|||
color: #666; |
|||
} |
|||
</style> |
|||
File diff suppressed because it is too large
@ -1,16 +1,16 @@ |
|||
module.exports = { |
|||
|
|||
title: '惠享', |
|||
title: '预订商城', |
|||
|
|||
/** |
|||
* @type {boolean} true | false |
|||
* @description Whether fix the header |
|||
*/ |
|||
fixedHeader: false, |
|||
/** |
|||
* @type {boolean} true | false |
|||
* @description Whether fix the header |
|||
*/ |
|||
fixedHeader: false, |
|||
|
|||
/** |
|||
* @type {boolean} true | false |
|||
* @description Whether show the logo in sidebar |
|||
*/ |
|||
sidebarLogo: false |
|||
/** |
|||
* @type {boolean} true | false |
|||
* @description Whether show the logo in sidebar |
|||
*/ |
|||
sidebarLogo: false |
|||
} |
|||
@ -0,0 +1,34 @@ |
|||
// 封装Cookie
|
|||
// 封装三个函数
|
|||
// setCookie() -- 创建 Cookie
|
|||
// getCookie() -- 获取 Cookie
|
|||
// removeCookie() -- 删除 Cookie
|
|||
export function setCookie(name, value, iDay) { //分别代表cookie名称、cookie值、存储时间
|
|||
//首先将cookie的格式拼出来
|
|||
//document.cookie="name=value;expires=date";
|
|||
//然后name就换为name,vlaue就换为value，至于date就要算出这个日期对象
|
|||
var oDate = new Date(); |
|||
oDate.setDate(oDate.getDate() + iDay); |
|||
document.cookie = name + "=" + value + "; expires=" + oDate; |
|||
} |
|||
//a=12; b=5; c=8; d=99
|
|||
export function getCookie(name) { |
|||
//1、先给cookie做一下字符串分割，
|
|||
var arr = document.cookie.split("; "); //分割后变为数组，a=12 b=5 c=8 d=99
|
|||
//2、循环数组
|
|||
for (var i = 0; i < arr.length; i++) { |
|||
var arr2 = arr[i].split("="); //根据“=”再次分割
|
|||
//arr2[0]——》存储的名称 abcd
|
|||
//arr2[1]——》存储的值 12 5 8 99
|
|||
if (arr2[0] == name) { //代表找到我想要的东西了
|
|||
return arr2[1]; |
|||
} |
|||
} |
|||
//另一种可能，用户第一次来网站，还没有cookie，所以肯定什么也找不到。所以在循环一次后就直接return 一个字符串，告诉用户什么也没找到。
|
|||
return ""; |
|||
} |
|||
|
|||
export function removeCookie(name) { |
|||
//name名称，再随便来个值1，后面的才是重点-1，时间过期了，所以就成为了负值
|
|||
setCookie(name, 1, -1); |
|||
} |
|||
File diff suppressed because it is too large
@ -1,342 +1,341 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState == 1"> |
|||
<button-bar ref="btnbar" view-title="订单列表" :btndisabled="btndisabled" @btnhandle="btnHandle" /> |
|||
<div class="main-content"> |
|||
<div class="searchcon"> |
|||
<el-button size="small" class="searchbtn" @click="clicksearchShow"> |
|||
{{ searchxianshitit }} |
|||
</el-button> |
|||
<div v-show="isSearchShow" class="search"> |
|||
<el-form :inline="true" class="tab-header"> |
|||
<el-form-item label="预约开始日期"> |
|||
<el-date-picker v-model="page.params.startDate" @change="selectTime1" type="date" |
|||
placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" |
|||
style="width: 200px;"> |
|||
</el-date-picker> |
|||
<div class="app-container"> |
|||
<div v-show="viewState == 1"> |
|||
<button-bar ref="btnbar" view-title="订单列表" :btndisabled="btndisabled" @btnhandle="btnHandle" /> |
|||
<div class="main-content"> |
|||
<div class="searchcon"> |
|||
<el-button size="small" class="searchbtn" @click="clicksearchShow"> |
|||
{{ searchxianshitit }} |
|||
</el-button> |
|||
<div v-show="isSearchShow" class="search"> |
|||
<el-form :inline="true" class="tab-header"> |
|||
<el-form-item label="预约开始日期"> |
|||
<el-date-picker v-model="page.params.startDate" @change="selectTime1" type="date" |
|||
placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" |
|||
style="width: 200px;"> |
|||
</el-date-picker> |
|||
|
|||
</el-form-item> |
|||
<el-form-item label="预约结束日期"> |
|||
<el-date-picker v-model="page.params.endDate" @change="selectTime2" type="date" |
|||
placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" |
|||
style="width: 200px;"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label="预约结束日期"> |
|||
<el-date-picker v-model="page.params.endDate" @change="selectTime2" type="date" |
|||
placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" |
|||
style="width: 200px;"> |
|||
</el-date-picker> |
|||
|
|||
</el-form-item> |
|||
<el-form-item label="所属支行"> |
|||
</el-form-item> |
|||
<!-- <el-form-item label="所属支行"> |
|||
<el-select v-model="page.params.bankSid" filterable class="item_input" clearable |
|||
placeholder="请选择" style="width:100%" @change="bankSelect"> |
|||
<el-option v-for="item in bankList" :key="item.name" :label="item.name" |
|||
:value="item.sid"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="提货门店"> |
|||
<el-select v-model="page.params.store" filterable class="item_input" clearable |
|||
placeholder="请选择" style="width:100%" @change="giftPackSelect"> |
|||
<el-option v-for="item in giftPackList" :key="item.text" :label="item.text" |
|||
:value="item.text"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-form-item> --> |
|||
|
|||
<!-- <el-form-item label="提货门店"> |
|||
<el-select v-model="page.params.store" filterable class="item_input" clearable |
|||
placeholder="请选择" style="width:100%" @change="giftPackSelect"> |
|||
<el-option v-for="item in giftPackList" :key="item.text" :label="item.text" |
|||
:value="item.text"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> --> |
|||
|
|||
<el-form-item label="卡券类型"> |
|||
<el-select v-model="page.params.cardType" filterable class="item_input" clearable |
|||
placeholder="请选择" style="width:100%" @change="cardTypeSelect"> |
|||
<el-option v-for="item in cardTypeList" :key="item.text" :label="item.text" |
|||
:value="item.sid"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<!-- |
|||
<el-form-item label="卡券类型"> |
|||
<el-select v-model="page.params.cardType" filterable class="item_input" clearable |
|||
placeholder="请选择" style="width:100%" @change="cardTypeSelect"> |
|||
<el-option v-for="item in cardTypeList" :key="item.text" :label="item.text" |
|||
:value="item.sid"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> --> |
|||
|
|||
|
|||
</el-form> |
|||
<div class="btn" style="text-align: center;"> |
|||
<el-button type="primary" size="small" icon="el-icon-search" |
|||
@click="dosearch">查询</el-button> |
|||
<el-button type="primary" size="small" icon="el-icon-refresh" |
|||
@click="resetQuery">重置</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- Start 项目列表头部 --> |
|||
<div class="listtop"> |
|||
<div class="tit">订单列表</div> |
|||
</div> |
|||
<!-- End 项目列表头部 --> |
|||
<!-- Start 项目列表 --> |
|||
<div class=""> |
|||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"> |
|||
<!-- <el-table-column fixed width="50" type="selection" align="center" /> --> |
|||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" /> |
|||
<el-table-column label="操作" align="center" width="120"> |
|||
<template slot-scope="scope"> |
|||
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">明细</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="cardType" label="卡券类型" align="center" /> |
|||
<el-table-column prop="reserveDate" label="预约日期" align="center" /> |
|||
<el-table-column prop="bankName" label="所属支行" align="center" /> |
|||
<el-table-column prop="store" label="提货地点" align="center" /> |
|||
<el-table-column prop="serialNumber" label="卡券序列号" align="center" /> |
|||
<el-table-column prop="bagName" label="礼包类型" align="center" /> |
|||
<el-table-column prop="userName" label="用户名称" align="center" /> |
|||
<el-table-column prop="userPhone" label="联系电话" align="center" /> |
|||
</el-table> |
|||
</div> |
|||
<!-- End 项目列表 --> |
|||
<div class="pages"> |
|||
<div class="tit" /> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="dataList.length > 0" :total="page.total" :page.sync="page.current" |
|||
:limit.sync="page.size" class="pagination" @pagination="loadList" /> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- End 查询和其列表部分 --> |
|||
<!-- 新增修改部分组件 --> |
|||
<divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" /> |
|||
</div> |
|||
</el-form> |
|||
<div class="btn" style="text-align: center;"> |
|||
<el-button type="primary" size="small" icon="el-icon-search" |
|||
@click="dosearch">查询</el-button> |
|||
<el-button type="primary" size="small" icon="el-icon-refresh" |
|||
@click="resetQuery">重置</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- Start 项目列表头部 --> |
|||
<div class="listtop"> |
|||
<div class="tit">订单列表</div> |
|||
</div> |
|||
<!-- End 项目列表头部 --> |
|||
<!-- Start 项目列表 --> |
|||
<div class=""> |
|||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"> |
|||
<!-- <el-table-column fixed width="50" type="selection" align="center" /> --> |
|||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" /> |
|||
<el-table-column label="操作" align="center" width="120"> |
|||
<template slot-scope="scope"> |
|||
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">明细</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="cardType" label="卡券类型" align="center" /> |
|||
<el-table-column prop="reserveDate" label="预约日期" align="center" /> |
|||
<el-table-column prop="bankName" label="所属支行" align="center" /> |
|||
<el-table-column prop="store" label="提货地点" align="center" /> |
|||
<el-table-column prop="serialNumber" label="卡券序列号" align="center" /> |
|||
<el-table-column prop="bagName" label="礼包类型" align="center" /> |
|||
<el-table-column prop="userName" label="用户名称" align="center" /> |
|||
<el-table-column prop="userPhone" label="联系电话" align="center" /> |
|||
</el-table> |
|||
</div> |
|||
<!-- End 项目列表 --> |
|||
<div class="pages"> |
|||
<div class="tit" /> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="dataList.length > 0" :total="page.total" :page.sync="page.current" |
|||
:limit.sync="page.size" class="pagination" @pagination="loadList" /> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- End 查询和其列表部分 --> |
|||
<!-- 新增修改部分组件 --> |
|||
<divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/order/order.js' |
|||
import req2 from '@/api/pickupPoint/pickupPoint.js' |
|||
import ButtonBar from '@/components/ButtonBar' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import divAdd from './indexInfo.vue' |
|||
import { |
|||
getBeforeDate |
|||
} from '@/utils/index' |
|||
export default { |
|||
name: 'SupplierBankInfoIndex', |
|||
components: { |
|||
ButtonBar, |
|||
Pagination, |
|||
pageye, |
|||
divAdd, |
|||
}, |
|||
data() { |
|||
return { |
|||
btndisabled: false, |
|||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看 |
|||
isSearchShow: false, |
|||
searchxianshitit: '显示查询条件', |
|||
tableLoading: false, |
|||
dataList: [], |
|||
btnList: [{ |
|||
type: 'success', |
|||
size: 'small', |
|||
icon: 'export', |
|||
btnKey: 'build', |
|||
btnLabel: '导出' |
|||
}, |
|||
{ |
|||
type: 'info', |
|||
size: 'small', |
|||
icon: 'cross', |
|||
btnKey: 'doClose', |
|||
btnLabel: '关闭' |
|||
} |
|||
], |
|||
page: { |
|||
total: 0, // 默认数据总数 |
|||
current: 1, // 默认开始页面 |
|||
size: 10, // 每页的数据条数 |
|||
params: { |
|||
startDate: "", |
|||
endDate: "", |
|||
store: "", |
|||
bankSid:"", |
|||
cardType:"" |
|||
}, |
|||
}, |
|||
giftPackList: [], |
|||
bankList: [], |
|||
cardTypeList:[ |
|||
{ |
|||
text :"全部", |
|||
sid:"" |
|||
}, |
|||
{ |
|||
text :"家庭卡", |
|||
sid:"1" |
|||
}, |
|||
{ |
|||
text :"亲情卡", |
|||
sid:"2" |
|||
}, |
|||
{ |
|||
text :"企业卡", |
|||
sid:"3" |
|||
}, |
|||
import req from '@/api/order/order.js' |
|||
import req2 from '@/api/pickupPoint/pickupPoint.js' |
|||
import ButtonBar from '@/components/ButtonBar' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import divAdd from './indexInfo.vue' |
|||
import { |
|||
getBeforeDate |
|||
} from '@/utils/index' |
|||
export default { |
|||
name: 'SupplierBankInfoIndex', |
|||
components: { |
|||
ButtonBar, |
|||
Pagination, |
|||
pageye, |
|||
divAdd, |
|||
}, |
|||
data() { |
|||
return { |
|||
btndisabled: false, |
|||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看 |
|||
isSearchShow: false, |
|||
searchxianshitit: '显示查询条件', |
|||
tableLoading: false, |
|||
dataList: [], |
|||
btnList: [{ |
|||
type: 'success', |
|||
size: 'small', |
|||
icon: 'export', |
|||
btnKey: 'build', |
|||
btnLabel: '导出' |
|||
}, |
|||
{ |
|||
type: 'info', |
|||
size: 'small', |
|||
icon: 'cross', |
|||
btnKey: 'doClose', |
|||
btnLabel: '关闭' |
|||
} |
|||
], |
|||
page: { |
|||
total: 0, // 默认数据总数 |
|||
current: 1, // 默认开始页面 |
|||
size: 10, // 每页的数据条数 |
|||
params: { |
|||
startDate: "", |
|||
endDate: "", |
|||
store: "", |
|||
bankSid: "", |
|||
cardType: "" |
|||
}, |
|||
}, |
|||
giftPackList: [], |
|||
bankList: [], |
|||
cardTypeList: [{ |
|||
text: "全部", |
|||
sid: "" |
|||
}, |
|||
{ |
|||
text: "家庭卡", |
|||
sid: "1" |
|||
}, |
|||
{ |
|||
text: "亲情卡", |
|||
sid: "2" |
|||
}, |
|||
{ |
|||
text: "企业卡", |
|||
sid: "3" |
|||
}, |
|||
|
|||
] |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.$refs['btnbar'].setButtonList(this.btnList) |
|||
}, |
|||
created() { |
|||
this.getAllStore() |
|||
// this.loadList() |
|||
this.getBankList() |
|||
}, |
|||
methods: { |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
btnHandle(btnKey) { |
|||
switch (btnKey) { |
|||
case 'build': // 导出 |
|||
this.doBuild() |
|||
break |
|||
case 'doClose': |
|||
this.doClose() |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
}, |
|||
selectTime1(val) { |
|||
] |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.$refs['btnbar'].setButtonList(this.btnList) |
|||
}, |
|||
created() { |
|||
this.getAllStore() |
|||
// this.loadList() |
|||
this.getBankList() |
|||
}, |
|||
methods: { |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
btnHandle(btnKey) { |
|||
switch (btnKey) { |
|||
case 'build': // 导出 |
|||
this.doBuild() |
|||
break |
|||
case 'doClose': |
|||
this.doClose() |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
}, |
|||
selectTime1(val) { |
|||
|
|||
console.log('selectTime1:', val) |
|||
this.page.params.startDate = val |
|||
console.log('selectTime1:', val) |
|||
this.page.params.startDate = val |
|||
|
|||
}, |
|||
selectTime2(val) { |
|||
}, |
|||
selectTime2(val) { |
|||
|
|||
console.log('selectTime2:', val) |
|||
this.page.params.endDate = val |
|||
console.log('selectTime2:', val) |
|||
this.page.params.endDate = val |
|||
|
|||
}, |
|||
}, |
|||
|
|||
giftPackSelect(val) { |
|||
console.log('>>>>>>>>>giftPackSelect', val) |
|||
this.page.params.store = val |
|||
}, |
|||
getBankList() { |
|||
req2.bankSelect() |
|||
.then(resp => { |
|||
console.log('>>>>>>>>>getBankList', resp.data) |
|||
this.bankList = resp.data |
|||
giftPackSelect(val) { |
|||
console.log('>>>>>>>>>giftPackSelect', val) |
|||
this.page.params.store = val |
|||
}, |
|||
getBankList() { |
|||
req2.bankSelect() |
|||
.then(resp => { |
|||
console.log('>>>>>>>>>getBankList', resp.data) |
|||
this.bankList = resp.data |
|||
|
|||
}) |
|||
.catch(() => {}) |
|||
}, |
|||
bankSelect(val) { |
|||
console.log('>>>>>>>>>bankSelect', val) |
|||
this.page.params.bankSid = val |
|||
}, |
|||
cardTypeSelect(val){ |
|||
console.log('>>>>>>>>>cardTypeSelect', val) |
|||
this.page.params.cardType = val |
|||
}, |
|||
getAllStore() { |
|||
req.getAllStore().then((resp) => { |
|||
if (resp.success) { |
|||
this.giftPackList = resp.data |
|||
} |
|||
}).catch(() => {}) |
|||
}, |
|||
}) |
|||
.catch(() => {}) |
|||
}, |
|||
bankSelect(val) { |
|||
console.log('>>>>>>>>>bankSelect', val) |
|||
this.page.params.bankSid = val |
|||
}, |
|||
cardTypeSelect(val) { |
|||
console.log('>>>>>>>>>cardTypeSelect', val) |
|||
this.page.params.cardType = val |
|||
}, |
|||
getAllStore() { |
|||
req.getAllStore().then((resp) => { |
|||
if (resp.success) { |
|||
this.giftPackList = resp.data |
|||
} |
|||
}).catch(() => {}) |
|||
}, |
|||
|
|||
loadList() { |
|||
this.tableLoading = true |
|||
req.orderList(this.page).then((resp) => { |
|||
this.tableLoading = false |
|||
if (resp.success) { |
|||
const data = resp.data |
|||
this.page.total = data.total |
|||
this.dataList = data.records |
|||
} else { |
|||
// 根据resp.code进行异常情况处理 |
|||
this.dataList = [] |
|||
this.page.total = 0 |
|||
} |
|||
}).catch(() => { |
|||
this.tableLoading = false |
|||
}) |
|||
}, |
|||
loadList() { |
|||
this.tableLoading = true |
|||
req.orderList(this.page).then((resp) => { |
|||
this.tableLoading = false |
|||
if (resp.success) { |
|||
const data = resp.data |
|||
this.page.total = data.total |
|||
this.dataList = data.records |
|||
} else { |
|||
// 根据resp.code进行异常情况处理 |
|||
this.dataList = [] |
|||
this.page.total = 0 |
|||
} |
|||
}).catch(() => { |
|||
this.tableLoading = false |
|||
}) |
|||
}, |
|||
|
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.page.current - 1) * this.page.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
dosearch() { |
|||
this.page.current = 1 |
|||
this.loadList() |
|||
}, |
|||
resetQuery() { |
|||
this.page = { |
|||
current: 1, |
|||
size: 10, |
|||
total: 0, |
|||
params: { |
|||
startDate: "", |
|||
endDate: "", |
|||
store: "", |
|||
bankSid:"", |
|||
cardType:"" |
|||
}, |
|||
} |
|||
this.loadList() |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.page.current - 1) * this.page.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
dosearch() { |
|||
this.page.current = 1 |
|||
this.loadList() |
|||
}, |
|||
resetQuery() { |
|||
this.page = { |
|||
current: 1, |
|||
size: 10, |
|||
total: 0, |
|||
params: { |
|||
startDate: "", |
|||
endDate: "", |
|||
store: "", |
|||
bankSid: "", |
|||
cardType: "" |
|||
}, |
|||
} |
|||
this.loadList() |
|||
}, |
|||
|
|||
toRelevancy(row) { |
|||
this.viewState = 3 |
|||
this.$refs['divadd'].showEdit(row) |
|||
}, |
|||
resetState() { |
|||
this.viewState = 1 |
|||
}, |
|||
doClose() { |
|||
this.$store.dispatch('tagsView/delView', this.$route) |
|||
this.$router.go(-1) |
|||
}, |
|||
toRelevancy(row) { |
|||
this.viewState = 3 |
|||
this.$refs['divadd'].showEdit(row) |
|||
}, |
|||
resetState() { |
|||
this.viewState = 1 |
|||
}, |
|||
doClose() { |
|||
this.$store.dispatch('tagsView/delView', this.$route) |
|||
this.$router.go(-1) |
|||
}, |
|||
|
|||
// 导出 |
|||
doBuild() { |
|||
const loading = this.$loading({ |
|||
lock: true, |
|||
text: 'Loading', |
|||
spinner: 'el-icon-loading', |
|||
background: 'rgba(0, 0, 0, 0.7)' |
|||
}) |
|||
// 导出 |
|||
doBuild() { |
|||
const loading = this.$loading({ |
|||
lock: true, |
|||
text: 'Loading', |
|||
spinner: 'el-icon-loading', |
|||
background: 'rgba(0, 0, 0, 0.7)' |
|||
}) |
|||
|
|||
|
|||
req.exportExcel(this.page.params).then((resp) => { |
|||
loading.close() |
|||
const blob = new Blob([resp], { |
|||
type: 'application/vnd.ms-excel' |
|||
}) |
|||
const fileName = '订单明细_' + this.page.params.startDate + '.xls' |
|||
const elink = document.createElement('a') |
|||
elink.download = fileName |
|||
elink.style.display = 'nonde' |
|||
elink.href = URL.createObjectURL(blob) |
|||
document.body.appendChild(elink) |
|||
elink.click() |
|||
URL.revokeObjectURL(elink.href) |
|||
document.body.removeChild(elink) |
|||
}).catch(() => { |
|||
loading.close() |
|||
}) |
|||
}, |
|||
req.exportExcel(this.page.params).then((resp) => { |
|||
loading.close() |
|||
const blob = new Blob([resp], { |
|||
type: 'application/vnd.ms-excel' |
|||
}) |
|||
const fileName = '订单明细_' + this.page.params.startDate + '.xls' |
|||
const elink = document.createElement('a') |
|||
elink.download = fileName |
|||
elink.style.display = 'nonde' |
|||
elink.href = URL.createObjectURL(blob) |
|||
document.body.appendChild(elink) |
|||
elink.click() |
|||
URL.revokeObjectURL(elink.href) |
|||
document.body.removeChild(elink) |
|||
}).catch(() => { |
|||
loading.close() |
|||
}) |
|||
}, |
|||
|
|||
|
|||
} |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
</style> |
|||
@ -1,239 +1,245 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState == 1"> |
|||
<button-bar ref="btnbar" view-title="总配货统计" :btndisabled="btndisabled" @btnhandle="btnHandle" /> |
|||
<div class="main-content"> |
|||
<div class="searchcon"> |
|||
<el-button size="small" class="searchbtn" @click="clicksearchShow"> |
|||
{{ searchxianshitit }} |
|||
</el-button> |
|||
<div v-show="isSearchShow" class="search"> |
|||
<el-form :inline="true" class="tab-header"> |
|||
<el-form-item label="预约开始日期"> |
|||
<el-date-picker v-model="page.params.startDate" type="date" placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;" clearable /> |
|||
</el-form-item> |
|||
<el-form-item label="预约结束日期"> |
|||
<el-date-picker v-model="page.params.endDate" type="date" placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;" clearable /> |
|||
</el-form-item> |
|||
<el-form-item label="菜窖分类"> |
|||
<div class="app-container"> |
|||
<div v-show="viewState == 1"> |
|||
<button-bar ref="btnbar" view-title="总配货统计" :btndisabled="btndisabled" @btnhandle="btnHandle" /> |
|||
<div class="main-content"> |
|||
<div class="searchcon"> |
|||
<el-button size="small" class="searchbtn" @click="clicksearchShow"> |
|||
{{ searchxianshitit }} |
|||
</el-button> |
|||
<div v-show="isSearchShow" class="search"> |
|||
<el-form :inline="true" class="tab-header"> |
|||
<el-form-item label="预约开始日期"> |
|||
<el-date-picker v-model="page.params.startDate" type="date" placeholder="选择日期" |
|||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;" clearable /> |
|||
</el-form-item> |
|||
<el-form-item label="预约结束日期"> |
|||
<el-date-picker v-model="page.params.endDate" type="date" placeholder="选择日期" |
|||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;" clearable /> |
|||
</el-form-item> |
|||
<!-- <el-form-item label="菜窖分类"> |
|||
<el-select v-model="page.params.cardType" filterable class="item_input" clearable placeholder="请选择" style="width:100%"> |
|||
<el-option v-for="item in brandList" :key="item.id" :label="item.name" :value="item.id" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div class="btn" style="text-align: center;"> |
|||
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button> |
|||
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- Start 项目列表头部 --> |
|||
<div class="listtop"> |
|||
<div class="tit">配货列表</div> |
|||
</div> |
|||
<!-- End 项目列表头部 --> |
|||
<!-- Start 项目列表 --> |
|||
<div class=""> |
|||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" :cell-style="cell"> |
|||
<!-- <el-table-column fixed width="50" type="selection" align="center" /> --> |
|||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" /> |
|||
<!-- <el-table-column label="操作" align="center" width="120"> |
|||
</el-form-item> --> |
|||
</el-form> |
|||
<div class="btn" style="text-align: center;"> |
|||
<el-button type="primary" size="small" icon="el-icon-search" |
|||
@click="dosearch">查询</el-button> |
|||
<el-button type="primary" size="small" icon="el-icon-refresh" |
|||
@click="resetQuery">重置</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- Start 项目列表头部 --> |
|||
<div class="listtop"> |
|||
<div class="tit">配货列表</div> |
|||
</div> |
|||
<!-- End 项目列表头部 --> |
|||
<!-- Start 项目列表 --> |
|||
<div class=""> |
|||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" :cell-style="cell"> |
|||
<!-- <el-table-column fixed width="50" type="selection" align="center" /> --> |
|||
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" /> |
|||
<!-- <el-table-column label="操作" align="center" width="120"> |
|||
<template slot-scope="scope"> |
|||
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">明细</el-button> |
|||
</template> |
|||
</el-table-column> --> |
|||
<el-table-column prop="reserveDate" label="预约日期" align="center" /> |
|||
<el-table-column prop="brandName" label="菜窖分类" align="center" /> |
|||
<el-table-column prop="goodsName" label="商品名称" align="center" /> |
|||
<el-table-column prop="goodsNumber" label="数量(份)" align="center" /> |
|||
<el-table-column prop="reserveDate" label="预约日期" align="center" /> |
|||
<el-table-column prop="brandName" label="菜窖分类" align="center" /> |
|||
<el-table-column prop="goodsName" label="商品名称" align="center" /> |
|||
<el-table-column prop="goodsNumber" label="数量(份)" align="center" /> |
|||
|
|||
</el-table> |
|||
</div> |
|||
<!-- End 项目列表 --> |
|||
<div class="pages"> |
|||
<div class="tit" /> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="dataList.length > 0" :total="page.total" :page.sync="page.current" :limit.sync="page.size" class="pagination" @pagination="loadList" /> |
|||
</el-table> |
|||
</div> |
|||
<!-- End 项目列表 --> |
|||
<div class="pages"> |
|||
<div class="tit" /> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="dataList.length > 0" :total="page.total" :page.sync="page.current" |
|||
:limit.sync="page.size" class="pagination" @pagination="loadList" /> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- End 查询和其列表部分 --> |
|||
<!-- 新增修改部分组件 --> |
|||
<divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" /> |
|||
</div> |
|||
<!-- End 查询和其列表部分 --> |
|||
<!-- 新增修改部分组件 --> |
|||
<divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/lpk/reserveorder.js' |
|||
import reqMall from '@/api/adminmallapi.js' |
|||
import ButtonBar from '@/components/ButtonBar' |
|||
import Pagination from '@/components/pagination' |
|||
import divAdd from './indexInfo.vue' |
|||
export default { |
|||
name: 'OrderreserveAllDistributionCount', |
|||
components: { |
|||
ButtonBar, |
|||
Pagination, |
|||
divAdd |
|||
}, |
|||
data() { |
|||
return { |
|||
btndisabled: false, |
|||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看 |
|||
isSearchShow: false, |
|||
searchxianshitit: '显示查询条件', |
|||
tableLoading: false, |
|||
dataList: [], |
|||
btnList: [{ |
|||
type: 'success', |
|||
size: 'small', |
|||
icon: 'export', |
|||
btnKey: 'build', |
|||
btnLabel: '导出' |
|||
}, |
|||
{ |
|||
type: 'info', |
|||
size: 'small', |
|||
icon: 'cross', |
|||
btnKey: 'doClose', |
|||
btnLabel: '关闭' |
|||
} |
|||
], |
|||
page: { |
|||
total: 0, // 默认数据总数 |
|||
current: 1, // 默认开始页面 |
|||
size: 10, // 每页的数据条数 |
|||
params: { |
|||
startDate: '', |
|||
endDate: '', |
|||
store: '', |
|||
cardType: '' |
|||
} |
|||
import req from '@/api/lpk/reserveorder.js' |
|||
import reqMall from '@/api/adminmallapi.js' |
|||
import ButtonBar from '@/components/ButtonBar' |
|||
import Pagination from '@/components/pagination' |
|||
import divAdd from './indexInfo.vue' |
|||
export default { |
|||
name: 'OrderreserveAllDistributionCount', |
|||
components: { |
|||
ButtonBar, |
|||
Pagination, |
|||
divAdd |
|||
}, |
|||
brandList: [] |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.$refs['btnbar'].setButtonList(this.btnList) |
|||
}, |
|||
created() { |
|||
this.initBrand() |
|||
}, |
|||
methods: { |
|||
initBrand() { |
|||
reqMall.listAllBrand().then(resp => { |
|||
this.brandList = resp.data |
|||
}) |
|||
}, |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
btnHandle(btnKey) { |
|||
switch (btnKey) { |
|||
case 'build': // 导出 |
|||
this.doBuild() |
|||
break |
|||
case 'doClose': |
|||
this.doClose() |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
}, |
|||
loadList() { |
|||
this.tableLoading = true |
|||
req.pageOfAll(this.page).then((resp) => { |
|||
this.tableLoading = false |
|||
if (resp.success) { |
|||
const data = resp.data |
|||
this.page.total = data.total |
|||
this.dataList = data.records |
|||
} else { |
|||
// 根据resp.code进行异常情况处理 |
|||
this.dataList = [] |
|||
this.page.total = 0 |
|||
} |
|||
}).catch(() => { |
|||
this.tableLoading = false |
|||
}) |
|||
}, |
|||
data() { |
|||
return { |
|||
btndisabled: false, |
|||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看 |
|||
isSearchShow: false, |
|||
searchxianshitit: '显示查询条件', |
|||
tableLoading: false, |
|||
dataList: [], |
|||
btnList: [{ |
|||
type: 'success', |
|||
size: 'small', |
|||
icon: 'export', |
|||
btnKey: 'build', |
|||
btnLabel: '导出' |
|||
}, |
|||
{ |
|||
type: 'info', |
|||
size: 'small', |
|||
icon: 'cross', |
|||
btnKey: 'doClose', |
|||
btnLabel: '关闭' |
|||
} |
|||
], |
|||
page: { |
|||
total: 0, // 默认数据总数 |
|||
current: 1, // 默认开始页面 |
|||
size: 10, // 每页的数据条数 |
|||
params: { |
|||
startDate: '', |
|||
endDate: '', |
|||
store: '', |
|||
cardType: '' |
|||
} |
|||
}, |
|||
brandList: [] |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.$refs['btnbar'].setButtonList(this.btnList) |
|||
}, |
|||
created() { |
|||
// this.initBrand() |
|||
this.loadList() |
|||
}, |
|||
methods: { |
|||
initBrand() { |
|||
reqMall.listAllBrand().then(resp => { |
|||
this.brandList = resp.data |
|||
}) |
|||
}, |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
btnHandle(btnKey) { |
|||
switch (btnKey) { |
|||
case 'build': // 导出 |
|||
this.doBuild() |
|||
break |
|||
case 'doClose': |
|||
this.doClose() |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
}, |
|||
loadList() { |
|||
this.tableLoading = true |
|||
req.pageOfAll(this.page).then((resp) => { |
|||
this.tableLoading = false |
|||
if (resp.success) { |
|||
const data = resp.data |
|||
this.page.total = data.total |
|||
this.dataList = data.records |
|||
} else { |
|||
// 根据resp.code进行异常情况处理 |
|||
this.dataList = [] |
|||
this.page.total = 0 |
|||
} |
|||
}).catch(() => { |
|||
this.tableLoading = false |
|||
}) |
|||
}, |
|||
|
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.page.current - 1) * this.page.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
dosearch() { |
|||
this.page.current = 1 |
|||
this.loadList() |
|||
}, |
|||
resetQuery() { |
|||
this.page = { |
|||
current: 1, |
|||
size: 10, |
|||
total: 0, |
|||
params: { |
|||
startDate: '', |
|||
endDate: '', |
|||
store: '', |
|||
cardType: '' |
|||
} |
|||
} |
|||
this.loadList() |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.page.current - 1) * this.page.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
dosearch() { |
|||
this.page.current = 1 |
|||
this.loadList() |
|||
}, |
|||
resetQuery() { |
|||
this.page = { |
|||
current: 1, |
|||
size: 10, |
|||
total: 0, |
|||
params: { |
|||
startDate: '', |
|||
endDate: '', |
|||
store: '', |
|||
cardType: '' |
|||
} |
|||
} |
|||
this.loadList() |
|||
}, |
|||
|
|||
toRelevancy(row) { |
|||
this.viewState = 3 |
|||
this.$refs['divadd'].showEdit(row) |
|||
}, |
|||
resetState() { |
|||
this.viewState = 1 |
|||
}, |
|||
doClose() { |
|||
this.$store.dispatch('tagsView/delView', this.$route) |
|||
this.$router.go(-1) |
|||
}, |
|||
toRelevancy(row) { |
|||
this.viewState = 3 |
|||
this.$refs['divadd'].showEdit(row) |
|||
}, |
|||
resetState() { |
|||
this.viewState = 1 |
|||
}, |
|||
doClose() { |
|||
this.$store.dispatch('tagsView/delView', this.$route) |
|||
this.$router.go(-1) |
|||
}, |
|||
|
|||
// 导出 |
|||
doBuild() { |
|||
const loading = this.$loading({ |
|||
lock: true, |
|||
text: 'Loading', |
|||
spinner: 'el-icon-loading', |
|||
background: 'rgba(0, 0, 0, 0.7)' |
|||
}) |
|||
// 导出 |
|||
doBuild() { |
|||
const loading = this.$loading({ |
|||
lock: true, |
|||
text: 'Loading', |
|||
spinner: 'el-icon-loading', |
|||
background: 'rgba(0, 0, 0, 0.7)' |
|||
}) |
|||
|
|||
req.expExcelOfAll(this.page.params).then((resp) => { |
|||
loading.close() |
|||
const blob = new Blob([resp], { |
|||
type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' |
|||
}) |
|||
const fileName = '总配货明细_' + this.page.params.startDate + '.xlsx' |
|||
const elink = document.createElement('a') |
|||
elink.download = fileName |
|||
elink.style.display = 'nonde' |
|||
elink.href = URL.createObjectURL(blob) |
|||
document.body.appendChild(elink) |
|||
elink.click() |
|||
URL.revokeObjectURL(elink.href) |
|||
document.body.removeChild(elink) |
|||
}).catch(() => { |
|||
loading.close() |
|||
}) |
|||
} |
|||
req.expExcelOfAll(this.page.params).then((resp) => { |
|||
loading.close() |
|||
const blob = new Blob([resp], { |
|||
type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' |
|||
}) |
|||
const fileName = '总配货明细_' + this.page.params.startDate + '.xlsx' |
|||
const elink = document.createElement('a') |
|||
elink.download = fileName |
|||
elink.style.display = 'nonde' |
|||
elink.href = URL.createObjectURL(blob) |
|||
document.body.appendChild(elink) |
|||
elink.click() |
|||
URL.revokeObjectURL(elink.href) |
|||
document.body.removeChild(elink) |
|||
}).catch(() => { |
|||
loading.close() |
|||
}) |
|||
} |
|||
|
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
::v-deep .el-table .cell { |
|||
padding: 0px; |
|||
} |
|||
::v-deep .el-table .cell { |
|||
padding: 0px; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue