Commit a988d8dc by ‘巴博尔’

修改

parent 6c88c6a4
# 页面标题
VUE_APP_TITLE = 百饮社群团购系统
# 开发环境配置
ENV = 'development'
# 百饮社群团购系统/开发环境
VUE_APP_BASE_API = ''
# 网址
#VUE_APP_BASE_URL = 'http://192.168.0.150:8955/'
VUE_APP_BASE_URL = 'http://family.yyinhong.cn/'
# 路由懒加载
VUE_CLI_BABEL_TRANSPILE_MODULES = true
\ No newline at end of file
# 页面标题
VUE_APP_TITLE = 百饮社群团购系统
# 开发环境配置
ENV = 'development'
# 百饮社群团购系统/开发环境
VUE_APP_BASE_API = ''
# 网址
#VUE_APP_BASE_URL = 'http://192.168.0.150:8955/'
VUE_APP_BASE_URL = 'http://family.yyinhong.cn/'
# 路由懒加载
VUE_CLI_BABEL_TRANSPILE_MODULES = true
\ No newline at end of file
...@@ -58,6 +58,7 @@ ...@@ -58,6 +58,7 @@
"vab-icon": "^0.0.1", "vab-icon": "^0.0.1",
"vue": "~2.6.14", "vue": "~2.6.14",
"vue-echarts": "5.0.0-beta.0", "vue-echarts": "5.0.0-beta.0",
"vue-pdf": "^4.3.0",
"vue-router": "^3.5.3", "vue-router": "^3.5.3",
"vue-template-compiler": "~2.6.14", "vue-template-compiler": "~2.6.14",
"vuex": "^3.6.2", "vuex": "^3.6.2",
......
No preview for this file type
<template> <template>
<div id="vue-admin-beautiful"> <div id="vue-admin-beautiful">
<Fixedbtn v-show="$route.path != '/'" />
<router-view /> <router-view />
</div> </div>
</template> </template>
<script> <script>
import Fixedbtn from '@/views/index/components/Fixedbtn.vue'
export default { export default {
name: 'App', name: 'App',
components: { Fixedbtn },
mounted() {}, mounted() {},
} }
</script> </script>
<style>
.side-bar-container {
background: #304156 !important;
}
.el-menu {
background: #304156 !important;
}
.el-loading-spinner .circular {
width: 42px;
height: 42px;
animation: loading-rotate 2s linear infinite;
display: none;
}
.el-loading-spinner {
/* 图片替换为你自定义的即可 */
background: url('https://suppliervip.chinalawson.com.cn/webvip/static/img/timg.12d47b83.gif')
no-repeat;
background-size: 120px 120px;
/* width: 100%; */
width: 70%;
height: 100%;
position: relative;
top: 50%;
left: 50%;
}
.d-flex {
display: flex;
}
.j-center {
justify-content: center;
}
.px-1 {
padding: 0 10px;
}
</style>
import request from '@/utils/request'
//查询返利明细列表
export function orderList(data) {
return request({
url: `orderGain/list?pageNum=${data.pageNum}&pageSize=${
data.pageSize
}&supplierName=${data.supplierName}&dhNumber=${data.dhNumber}&shUnit=${
data.shUnit
}&dlType=${data.dlType}&zdStatus=${data.zdStatus}&dhTimeStart=${
data.deliveryDate && data.deliveryDate[0] ? data.deliveryDate[0] : ''
}&dhTimeEnd=${
data.deliveryDate && data.deliveryDate[1] ? data.deliveryDate[1] : ''
}&jhTimeStart=${
data.orderDate && data.orderDate[0] ? data.orderDate[0] : ''
}&jhTimeEnd=${
data.orderDate && data.orderDate[1] ? data.orderDate[1] : ''
}`,
method: 'GET',
})
}
//详情页接口
const detailPage = (params) => request.get('orderGainDetailed/list', { params })
// 下载返利明细列表
const uploadDetail = (params) =>
request.post('orderGainDetailed/exportExcel', params, {
responseType: 'blob',
})
// 订单进度跟踪列表
const orderProcgress = (params) => request.get('orderTail/list', { params })
//订单进度跟踪导入
const progressExport = (params) =>
request.post('orderTail/exportExcel', params, {
responseType: 'blob',
})
// 订单进度跟踪导入名字
const progressUploadName = () => request.get('orderTail/randomExcelName')
// 订单进度跟踪详情
const progressDetail = (params) =>
request.get('orderTailDetail/list', { params })
//订单进度跟踪详情下载
const proDetailUpload = (params) =>
request.post('orderTailDetail/exportExcel', params, {
responseType: 'blob',
})
// 订单进度跟踪详情下载名字
const proDetailUploadName = (params) =>
request.get('orderTailDetail/randomExcelName', { params })
export {
detailPage,
uploadDetail,
orderProcgress,
progressExport,
progressUploadName,
progressDetail,
proDetailUpload,
proDetailUploadName,
}
import request from '@/utils/request'
//查询返利明细列表
export function rebateList(data) {
return request({
url: `rebateDetail/list?pageNum=${data.pageNum}&pageSize=${
data.pageSize
}&supplierName=${data.supplierName}&rebateType=${
data.rebateType
}&ticketKou=${data.ticketKou}&rebateProject=${
data.rebateProject
}&paymentType=${data.paymentType}&dealStatus=${
data.dealStatus
}&fullTimeStart=${
data.date && data.date[0] ? data.date[0] : ''
}&fullTimeEnd=${data.date && data.date[1] ? data.date[1] : ''}`,
method: 'GET',
})
}
// 下载返利明细列表
export function uploadRebate(data) {
return request({
url: `rebateDetail/exportExcel?supplierName=${
data.supplierName
}&rebateType=${data.rebateType}&ticketKou=${data.ticketKou}&rebateProject=${
data.rebateProject
}&paymentType=${data.paymentType}&dealStatus=${
data.dealStatus
}&fullTimeStart=${
data.date && data.date[0] ? data.date[0] : ''
}&fullTimeEnd=${data.date && data.date[1] ? data.date[1] : ''}`,
method: 'GET',
responseType: 'blob',
})
}
// 下载名字
export function downPDFTitleGet(data) {
return request({
url: `rebateDetail/randomExcelName?fullTimeStart=${
data.date && data.date[0] ? data.date[0] : ''
}&fullTimeEnd=${data.date && data.date[1] ? data.date[1] : ''}`,
method: 'GET',
})
}
//对账单查询列表
export function listRe(data) {
return request({
url: `rebateDetail/listRe?pageNum=${data.pageNum}&pageSize=${
data.pageSize
}&supplierName=${data.supplierName}&receiptsType=${
data.receiptsType
}&closeStatus=${data.closeStatus}&timeType=${data.timeType}&logisticsName=${
data.logisticsName
}&receiptsNumber=${data.receiptsNumber}&fullTimeStart=${
data.date && data.date[0] ? data.date[0] : ''
}&fullTimeEnd=${data.date && data.date[1] ? data.date[1] : ''}`,
method: 'GET',
})
}
//对账单查询列表下载
export function uploadBill(data) {
return request({
url: `rebateDetail/exportExcelRe?supplierName=${
data.supplierName
}&receiptsType=${data.receiptsType}&closeStatus=${
data.closeStatus
}&timeType=${data.timeType}&logisticsName=${
data.logisticsName
}&receiptsNumber=${data.receiptsNumber}&fullTimeStart=${
data.date && data.date[0] ? data.date[0] : ''
}&fullTimeEnd=${data.date && data.date[1] ? data.date[1] : ''}`,
method: 'GET',
responseType: 'blob',
})
}
//对账单查询列表下载名字
export function downPDFBill() {
return request({
url: `rebateDetail/randomExcelNameRe`,
method: 'GET',
})
}
...@@ -60,7 +60,13 @@ ...@@ -60,7 +60,13 @@
imgErrorNum imgErrorNum
}} }}
</div> </div>
<el-button type="primary" @click="handleClose">关闭</el-button> <el-button
type="primary"
style="background: #0187fb; border: none"
@click="handleClose"
>
关闭
</el-button>
<el-button <el-button
:loading="loading" :loading="loading"
size="small" size="small"
......
...@@ -3,10 +3,9 @@ ...@@ -3,10 +3,9 @@
**/ **/
const network = { const network = {
// 默认的接口地址 如果是开发环境和生产环境走vab-mock-server,当然你也可以选择自己配置成需要的接口地址 // 默认的接口地址 如果是开发环境和生产环境走vab-mock-server,当然你也可以选择自己配置成需要的接口地址
baseURL: // baseURL: process.env.NODE_ENV === 'development' ? '' : '',
process.env.NODE_ENV === 'development' // baseURL: '',
? 'vab-mock-server' baseURL: 'api',
: 'vab-mock-server',
//配后端数据的接收方式application/json;charset=UTF-8或者application/x-www-form-urlencoded;charset=UTF-8 //配后端数据的接收方式application/json;charset=UTF-8或者application/x-www-form-urlencoded;charset=UTF-8
contentType: 'application/json;charset=UTF-8', contentType: 'application/json;charset=UTF-8',
//消息框消失时间 //消息框消失时间
......
...@@ -47,9 +47,9 @@ const setting = { ...@@ -47,9 +47,9 @@ const setting = {
//是否显示在页面高亮错误 //是否显示在页面高亮错误
errorLog: ['development', 'production'], errorLog: ['development', 'production'],
//是否开启登录拦截 //是否开启登录拦截
loginInterception: true, loginInterception: false,
//是否开启登录RSA加密 //是否开启登录RSA加密
loginRSA: true, loginRSA: false,
//intelligence和all两种方式,前者后端权限只控制permissions不控制view文件的import(前后端配合,减轻后端工作量),all方式完全交给后端前端只负责加载 //intelligence和all两种方式,前者后端权限只控制permissions不控制view文件的import(前后端配合,减轻后端工作量),all方式完全交给后端前端只负责加载
authentication: 'intelligence', authentication: 'intelligence',
//vertical布局时是否只保持一个子菜单的展开 //vertical布局时是否只保持一个子菜单的展开
......
...@@ -2,10 +2,16 @@ ...@@ -2,10 +2,16 @@
<el-dropdown @command="handleCommand"> <el-dropdown @command="handleCommand">
<span class="avatar-dropdown"> <span class="avatar-dropdown">
<!--<el-avatar class="user-avatar" :src="avatar"></el-avatar>--> <!--<el-avatar class="user-avatar" :src="avatar"></el-avatar>-->
<img class="user-avatar" :src="avatar" alt="" /> <!-- <img class="user-avatar" :src="avatar" alt="" /> -->
<div class="user-name"> <img
{{ username }} class="user-avatar"
<i class="el-icon-arrow-down el-icon--right"></i> src="https://thirdwx.qlogo.cn/mmopen/vi_32/DYAIOgq83epibHqWEX3sxJA42jvt4iaToTf0iaAd5icWxzY1drQsW4hl8bOYH0xHRGnKxZVHMv2uicOtIRibRibFQE6rw/132"
alt=""
/>
<div class="user-name" style="white-space: nowrap">
<!-- {{ username }} -->
沈辉清
<!-- <i class="el-icon-arrow-down el-icon--right"></i> -->
</div> </div>
</span> </span>
......
...@@ -38,6 +38,7 @@ ...@@ -38,6 +38,7 @@
height: $base-top-bar-height; height: $base-top-bar-height;
overflow: hidden; overflow: hidden;
line-height: $base-top-bar-height; line-height: $base-top-bar-height;
// background: $base-menu-background;
background: $base-menu-background; background: $base-menu-background;
} }
......
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
src="@/assets/qr_logo/book.png" src="@/assets/qr_logo/book.png"
alt="" alt=""
/> />
<vab-error-log /> <!-- <vab-error-log /> -->
<!-- <vab-full-screen-bar @refresh="refreshRoute" /> --> <!-- <vab-full-screen-bar @refresh="refreshRoute" /> -->
<!-- <vab-theme-bar class="hidden-xs-only" /> --> <!-- <vab-theme-bar class="hidden-xs-only" /> -->
<!-- <vab-icon title="重载所有路由" :pulse="pulse" :icon="['fas', 'redo']" @click="refreshRoute" /> --> <!-- <vab-icon title="重载所有路由" :pulse="pulse" :icon="['fas', 'redo']" @click="refreshRoute" /> -->
......
...@@ -56,7 +56,13 @@ ...@@ -56,7 +56,13 @@
</el-scrollbar> </el-scrollbar>
<div class="el-drawer__footer"> <div class="el-drawer__footer">
<el-button type="primary" @click="handleSaveTheme">保存</el-button> <el-button
type="primary"
style="background: #0187fb; border: none"
@click="handleSaveTheme"
>
保存
</el-button>
<el-button type="" @click="drawerVisible = false">取消</el-button> <el-button type="" @click="drawerVisible = false">取消</el-button>
</div> </div>
</el-drawer> </el-drawer>
......
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
<vab-nav-bar /> <vab-nav-bar />
<vab-tabs-bar v-if="tabsBar === 'true' || tabsBar === true" /> <vab-tabs-bar v-if="tabsBar === 'true' || tabsBar === true" />
</div> </div>
<vab-ad /> <!-- <vab-ad /> -->
<vab-app-main /> <vab-app-main />
</div> </div>
</div> </div>
...@@ -252,9 +252,9 @@ ...@@ -252,9 +252,9 @@
.app-main-container { .app-main-container {
// width: calc(100% - #{$base-padding} - #{$base-padding}); // width: calc(100% - #{$base-padding} - #{$base-padding});
margin: $base-padding auto; // margin: $base-padding auto;
background: $base-color-white; background: $base-color-white;
border-radius: $base-border-radius; // border-radius: $base-border-radius;
} }
} }
......
/*
* @Author: ‘巴博尔’ 2164119982@qq.com
* @Date: 2023-01-12 20:11:32
* @LastEditors: ‘巴博尔’ 2164119982@qq.com
* @LastEditTime: 2023-01-13 15:47:40
* @FilePath: \vipSupplier\src\router\index.js
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
*/
/** /**
* @author https://vue-admin-beautiful.com (不想保留author可删除) * @author https://vue-admin-beautiful.com (不想保留author可删除)
* @description router全局配置,如有必要可分文件抽离,其中asyncRoutes只有在intelligence模式下才会用到,vip文档中已提供路由的基础图标与小清新图标的配置方案,请仔细阅读 * @description router全局配置,如有必要可分文件抽离,其中asyncRoutes只有在intelligence模式下才会用到,vip文档中已提供路由的基础图标与小清新图标的配置方案,请仔细阅读
...@@ -38,8 +46,12 @@ export const constantRoutes = [ ...@@ -38,8 +46,12 @@ export const constantRoutes = [
export const asyncRoutes = [ export const asyncRoutes = [
{ {
path: '/', path: '/',
component: () => import('@/views/loginCustom/index'),
},
{
path: '/index',
component: Layout, component: Layout,
redirect: '/index', // redirect: '/index',
children: [ children: [
{ {
path: 'index', path: 'index',
...@@ -47,7 +59,7 @@ export const asyncRoutes = [ ...@@ -47,7 +59,7 @@ export const asyncRoutes = [
component: () => import('@/views/index/index'), component: () => import('@/views/index/index'),
meta: { meta: {
title: '首页', title: '首页',
icon: 'home', icon: 'tachometer-alt',
affix: true, affix: true,
}, },
}, },
...@@ -315,6 +327,14 @@ export const asyncRoutes = [ ...@@ -315,6 +327,14 @@ export const asyncRoutes = [
}, },
}, },
{ {
path: 'orderDetail',
component: () => import('@/views/vab/getOrder/detail'),
// meta: {
// title: '订单获取详情',
// icon: 'dot-circle',
// },
},
{
path: 'orderProgress', path: 'orderProgress',
name: 'orderProgress', name: 'orderProgress',
component: () => import('@/views/vab/orderProgress/index'), component: () => import('@/views/vab/orderProgress/index'),
...@@ -324,6 +344,14 @@ export const asyncRoutes = [ ...@@ -324,6 +344,14 @@ export const asyncRoutes = [
}, },
}, },
{ {
path: 'ProgressDetail',
component: () => import('@/views/vab/orderProgress/detail'),
// meta: {
// title: '订单获取详情',
// icon: 'dot-circle',
// },
},
{
path: 'orderDownload', path: 'orderDownload',
name: 'orderDownload', name: 'orderDownload',
component: () => import('@/views/vab/orderDownload/index'), component: () => import('@/views/vab/orderDownload/index'),
...@@ -334,6 +362,91 @@ export const asyncRoutes = [ ...@@ -334,6 +362,91 @@ export const asyncRoutes = [
}, },
], ],
}, },
{
path: '/wu',
component: Layout,
redirect: 'noRedirect',
name: 'personnelManagement',
alwaysShow: true,
meta: {
title: '供应商和生产商管理',
icon: 'box-open',
},
children: [
{
path: 'aa',
name: 'aa',
component: () => import('@/views/vab/kong/aa'),
meta: {
title: '供应商新建和维护',
icon: 'edit',
},
},
{
path: 'bb',
name: 'bb',
component: () => import('@/views/vab/kong/bb'),
meta: {
title: '生产商检索',
icon: 'search',
},
},
{
path: 'cc',
name: '',
component: () => import('@/views/vab/kong/cc'),
meta: {
title: '生产商新建和维护',
icon: 'edit',
},
},
],
},
{
path: '/bbb',
component: Layout,
redirect: 'noRedirect',
name: 'personnelManagement',
alwaysShow: true,
meta: {
title: '商品管理',
icon: 'box-open',
},
children: [
{
path: 'a',
name: '',
component: () => import('@/views/vab/kong/a'),
meta: {
title: '商品查询',
icon: 'search',
},
},
{
path: 'b',
name: '',
component: () => import('@/views/vab/kong/b'),
meta: {
title: '进货资质上传',
icon: 'search',
},
},
{
path: 'c',
name: '',
component: () => import('@/views/vab/kong/c'),
meta: {
title: '进货资质查询',
icon: 'search',
},
},
],
},
{ {
path: '/personnelManagement', path: '/personnelManagement',
component: Layout, component: Layout,
...@@ -359,7 +472,7 @@ export const asyncRoutes = [ ...@@ -359,7 +472,7 @@ export const asyncRoutes = [
name: 'profitDetailsQuery', name: 'profitDetailsQuery',
component: () => import('@/views/vab/profitDetailsQuery/index'), component: () => import('@/views/vab/profitDetailsQuery/index'),
meta: { meta: {
title: '返利明细询', title: '返利明细询',
icon: 'search', icon: 'search',
}, },
}, },
...@@ -368,7 +481,7 @@ export const asyncRoutes = [ ...@@ -368,7 +481,7 @@ export const asyncRoutes = [
name: 'billQuery', name: 'billQuery',
component: () => import('@/views/vab/billQuery/index'), component: () => import('@/views/vab/billQuery/index'),
meta: { meta: {
title: '对账单询', title: '对账单询',
icon: 'search', icon: 'search',
}, },
}, },
...@@ -408,8 +521,18 @@ export const asyncRoutes = [ ...@@ -408,8 +521,18 @@ export const asyncRoutes = [
icon: 'search', icon: 'search',
}, },
}, },
{
path: 'notAccount',
name: 'notAccount',
component: () => import('@/views/vab/notAccount/index'),
meta: {
title: '未对账明细报表',
icon: 'search',
},
},
], ],
}, },
// { // {
// path: '/personnelManagement', // path: '/personnelManagement',
// component: Layout, // component: Layout,
......
...@@ -269,7 +269,8 @@ html { ...@@ -269,7 +269,8 @@ html {
} }
&.is-active { &.is-active {
background: $base-color-default !important; // background: $base-color-default !important;
background:#afa !important;
} }
} }
} }
......
...@@ -5,15 +5,15 @@ ...@@ -5,15 +5,15 @@
/* stylelint-disable */ /* stylelint-disable */
@charset "utf-8"; @charset "utf-8";
//框架默认主题色 //框架默认主题色
$base-color-default: #0187fb; $base-color-default: #304156;
//默认层级 //默认层级
$base-z-index: 999; $base-z-index: 999;
//横向布局纵向布局时菜单背景色 //横向布局纵向布局时菜单背景色
$base-menu-background: #21252b; $base-menu-background: #304156;
//菜单文字颜色 //菜单文字颜色
$base-menu-color: hsla(0, 0%, 100%, 0.95); $base-menu-color: hsla(0, 0%, 100%, 0.95);
//菜单选中文字颜色 //菜单选中文字颜色
$base-menu-color-active: hsla(0, 0%, 100%, 0.95); $base-menu-color-active: #0187fb;
//菜单选中背景色 //菜单选中背景色
$base-menu-background-active: $base-color-default; $base-menu-background-active: $base-color-default;
//标题颜色 //标题颜色
......
...@@ -76,50 +76,50 @@ instance.interceptors.request.use( ...@@ -76,50 +76,50 @@ instance.interceptors.request.use(
} }
) )
instance.interceptors.response.use( // instance.interceptors.response.use(
(response) => { // (response) => {
if (loadingInstance) loadingInstance.close() // if (loadingInstance) loadingInstance.close()
const { data, config } = response // const { data, config } = response
const { code, msg } = data // const { code, msg } = data
// 操作正常Code数组 // // 操作正常Code数组
const codeVerificationArray = isArray(successCode) // const codeVerificationArray = isArray(successCode)
? [...successCode] // ? [...successCode]
: [...[successCode]] // : [...[successCode]]
// 是否操作正常 // // 是否操作正常
if (codeVerificationArray.includes(code)) { // if (codeVerificationArray.includes(code)) {
return data // return data
} else { // } else {
handleCode(code, msg) // handleCode(code, msg)
return Promise.reject( // return Promise.reject(
'vue-admin-beautiful请求异常拦截:' + // 'vue-admin-beautiful请求异常拦截:' +
JSON.stringify({ url: config.url, code, msg }) || 'Error' // JSON.stringify({ url: config.url, code, msg }) || 'Error'
) // )
} // }
}, // },
(error) => { // (error) => {
if (loadingInstance) loadingInstance.close() // if (loadingInstance) loadingInstance.close()
const { response, message } = error // const { response, message } = error
if (error.response && error.response.data) { // if (error.response && error.response.data) {
const { status, data } = response // const { status, data } = response
handleCode(status, data.msg || message) // handleCode(status, data.msg || message)
return Promise.reject(error) // return Promise.reject(error)
} else { // } else {
let { message } = error // let { message } = error
if (message === 'Network Error') { // if (message === 'Network Error') {
message = '后端接口连接异常' // message = '后端接口连接异常'
} // }
if (message.includes('timeout')) { // if (message.includes('timeout')) {
message = '后端接口请求超时' // message = '后端接口请求超时'
} // }
if (message.includes('Request failed with status code')) { // if (message.includes('Request failed with status code')) {
const code = message.substr(message.length - 3) // const code = message.substr(message.length - 3)
message = '后端接口' + code + '异常' // message = '后端接口' + code + '异常'
} // }
Vue.prototype.$baseMessage(message || `后端接口未知异常`, 'error') // Vue.prototype.$baseMessage(message || `后端接口未知异常`, 'error')
return Promise.reject(error) // return Promise.reject(error)
} // }
} // }
) // )
export default instance export default instance
<template>
<div>
<div class="fixed-btn" @click="handleOpen">
<i class="el-icon-s-operation"></i>
</div>
<el-drawer
title="任务中心"
:visible.sync="drawer"
:direction="direction"
:before-close="handleClose"
:show-close="false"
>
<div class="tips-text">点击刷新按钮获取最新处理结果</div>
<div class="d-flex j-center">
<el-button
type="primary"
style="background: #0187fb; border: none"
size="mini"
>
刷新
</el-button>
</div>
<div class="drae-box">
<el-table
key="popper"
class="poper-table-index mt-1"
:data="tableData"
border
style="width: 98%"
:header-cell-style="{
background: '#4091ff',
}"
>
<el-table-column
align="center"
prop="date"
label="任务名称"
></el-table-column>
<el-table-column
align="center"
prop="date"
label="任务状态"
></el-table-column>
<el-table-column
align="center"
prop="date"
label="开始时间"
></el-table-column>
<el-table-column
align="center"
prop="date"
label="结束时间"
></el-table-column>
<el-table-column prop="date" label="任务日志" align="center">
<template slot-scope="scope">
<el-button
type="primary"
style="background: #0187fb; border: none"
size="mini"
>
详情
</el-button>
</template>
</el-table-column>
<el-table-column prop="date" label="资源下载" align="center">
<template slot-scope="scope">
<el-button size="mini" type="success">下载</el-button>
</template>
</el-table-column>
</el-table>
</div>
</el-drawer>
</div>
</template>
<script>
export default {
data() {
return {
drawer: false, //弹出框是否展示
direction: 'rtl',
tableData: [],
}
},
methods: {
//打开弹出层
handleOpen() {
this.drawer = true
},
// 关闭弹出层
handleClose(done) {
done()
},
},
}
</script>
<style>
.fixed-btn {
width: 48px;
height: 48px;
background: rgb(24, 144, 255);
font-size: 24px;
text-align: center;
line-height: 48px;
color: #fff;
position: fixed;
top: 130px;
right: 0;
z-index: 999 !important;
}
.tips-text {
color: red;
text-align: center;
margin-bottom: 10px;
}
.el-drawer__header {
text-align: center;
color: #000;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px !important;
}
</style>
<template>
<div class="container" @click="handleGoIndex">
<div class="login-box">
<div>
<img
class="box-top-img"
src="https://suppliervip.chinalawson.com.cn/webvip/static/img/shop.b7324bf6.jpg"
alt=""
/>
</div>
<div class="login-title mt-1">VIP供应商信息平台</div>
<div class="login-tips-text">微信登录</div>
<div class="code-img">
<img src="../../assets/code.jpg" alt="" />
</div>
<div class="use-text">使用微信扫一扫登录</div>
<div class="use-text">VIP供应商信息平台</div>
<div class="bottom-box-sys use-text">
<div class="must-look-tips">
*推荐使用浏览器(当前最新的2个版本):CHROME、SAFARI、FIREFOX
</div>
<div>推荐使用浏览器(当前最新的2个版本):CHROME、SAFARI、FIREFOX</div>
<div>邮件地址/メール: xiaoqing.zhu@chinalawson.com.cn</div>
<div>
<span>沪公网安备 31010102002337号</span>
<span>|</span>
<span>沪ICP备12047692号</span>
</div>
<!-- <div class="d-flex j-center">
<div>沪公网安备 31010102002337号</div>
<div>|</div>
<div>沪ICP备12047692号</div>
</div> -->
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {}
},
methods: {
handleGoIndex() {
console.log('进')
this.$router.push('/index/index')
},
},
}
</script>
<style lang="scss" scoped>
.mt-1 {
margin: 10px;
}
.d-flex {
display: flex;
}
.j-center {
justify-content: center;
}
.container {
width: 100%;
height: 100vh;
background: #003466;
display: flex;
align-items: center;
justify-content: center;
}
.login-box {
width: 30%;
height: 85vh;
background: #fff;
}
.box-top-img {
width: 100%;
height: 230px;
}
.login-title {
text-align: center;
font-weight: bold;
font-size: 30px;
color: #026;
}
.login-tips-text {
text-align: center;
font-size: 20px;
color: #373737;
}
.code-img {
width: 282px;
height: 282px;
text-align: center;
margin: 10px auto;
}
.code-img img {
width: 100%;
height: 100%;
}
.use-text {
text-align: center;
font-size: 13px;
color: #373737;
}
.bottom-box-sys {
text-align: center;
margin-top: 30px;
}
.bottom-box-sys div:nth-of-type(odd) {
margin: 10px 0;
}
.must-look-tips {
color: red;
}
</style>
...@@ -18,7 +18,13 @@ ...@@ -18,7 +18,13 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="pay-button-group"> <div class="pay-button-group">
<el-button type="primary" @click="handleSubmit">下一步</el-button> <el-button
type="primary"
style="background: #0187fb; border: none"
@click="handleSubmit"
>
下一步
</el-button>
</div> </div>
</div> </div>
</template> </template>
......
...@@ -25,7 +25,12 @@ ...@@ -25,7 +25,12 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="pay-button-group"> <div class="pay-button-group">
<el-button type="primary" :loading="loading" @click="handleSubmit"> <el-button
type="primary"
style="background: #0187fb; border: none"
:loading="loading"
@click="handleSubmit"
>
提交 提交
</el-button> </el-button>
<el-button @click="handlePrev">上一步</el-button> <el-button @click="handlePrev">上一步</el-button>
......
...@@ -27,7 +27,13 @@ ...@@ -27,7 +27,13 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="pay-button-group"> <div class="pay-button-group">
<el-button type="primary" @click="handlePrev">再转一笔</el-button> <el-button
type="primary"
style="background: #0187fb; border: none"
@click="handlePrev"
>
再转一笔
</el-button>
</div> </div>
</div> </div>
</template> </template>
......
...@@ -18,7 +18,13 @@ ...@@ -18,7 +18,13 @@
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button @click="close">取 消</el-button> <el-button @click="close">取 消</el-button>
<el-button type="primary" @click="save">确 定</el-button> <el-button
type="primary"
style="background: #0187fb; border: none"
@click="save"
>
确 定
</el-button>
</div> </div>
</el-dialog> </el-dialog>
</template> </template>
......
...@@ -12,7 +12,13 @@ ...@@ -12,7 +12,13 @@
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button @click="close">取 消</el-button> <el-button @click="close">取 消</el-button>
<el-button type="primary" @click="save">确 定</el-button> <el-button
type="primary"
style="background: #0187fb; border: none"
@click="save"
>
确 定
</el-button>
</div> </div>
</el-dialog> </el-dialog>
</template> </template>
......
...@@ -28,7 +28,13 @@ ...@@ -28,7 +28,13 @@
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button @click="close">取 消</el-button> <el-button @click="close">取 消</el-button>
<el-button type="primary" @click="save">确 定</el-button> <el-button
type="primary"
style="background: #0187fb; border: none"
@click="save"
>
确 定
</el-button>
</div> </div>
</el-dialog> </el-dialog>
</template> </template>
......
...@@ -52,7 +52,11 @@ ...@@ -52,7 +52,11 @@
<el-table-column show-overflow-tooltip label="权限"> <el-table-column show-overflow-tooltip label="权限">
<template #default="{ row }"> <template #default="{ row }">
<el-tag v-for="(item, index) in row.permissions" :key="index"> <el-tag
color="#aff"
v-for="(item, index) in row.permissions"
:key="index"
>
{{ item }} {{ item }}
</el-tag> </el-tag>
</template> </template>
......
<template> <template>
<el-table border :data="tableData" style="width: 100%"> <div class="table-content">
<el-table-column type="expand"> <el-table border :data="tableData" style="width: 100%">
<template slot-scope="props"> <el-table-column type="expand">
<el-form <template slot-scope="props">
label-position="right" <el-form
inline label-position="right"
class="demo-table-expand" inline
label-width="100px" class="demo-table-expand"
> label-width="100px"
<el-form-item label="开户银行"> >
<span>{{ props.row.name }}</span> <el-form-item label="开户银行">
</el-form-item> <span>{{ props.row.name }}</span>
<el-form-item label="银行账号"> </el-form-item>
<span>{{ props.row.shop }}</span> <el-form-item label="银行账号">
</el-form-item> <span>{{ props.row.shop }}</span>
<el-form-item label="账户名称"> </el-form-item>
<span>{{ props.row.id }}</span> <el-form-item label="账户名称">
</el-form-item> <span>{{ props.row.id }}</span>
<el-form-item label="税务登记证号"> </el-form-item>
<span>{{ props.row.shopId }}</span> <el-form-item label="税务登记证号">
</el-form-item> <span>{{ props.row.shopId }}</span>
<el-form-item label="发票地址"> </el-form-item>
<span>{{ props.row.category }}</span> <el-form-item label="发票地址">
</el-form-item> <span>{{ props.row.category }}</span>
<el-form-item label="发票电话"> </el-form-item>
<span>{{ props.row.address }}</span> <el-form-item label="发票电话">
</el-form-item> <span>{{ props.row.address }}</span>
<el-form-item label="发票类型"> </el-form-item>
<span>{{ props.row.desc }}</span> <el-form-item label="发票类型">
</el-form-item> <span>{{ props.row.desc }}</span>
</el-form> </el-form-item>
</template> </el-form>
</el-table-column> </template>
<el-table-column </el-table-column>
type="index" <el-table-column
label="编号" type="index"
width="80px" label="编号"
align="center" width="80px"
></el-table-column> align="center"
<el-table-column ></el-table-column>
label="供应商编号" <el-table-column
prop="id" label="供应商编号"
align="center" prop="id"
></el-table-column> align="center"
<el-table-column ></el-table-column>
label="供应商名称" <el-table-column
prop="name" label="供应商名称"
align="center" prop="name"
></el-table-column> align="center"
<el-table-column ></el-table-column>
label="结算厂编" <el-table-column
prop="desc" label="结算厂编"
align="center" prop="desc"
></el-table-column> align="center"
<el-table-column ></el-table-column>
label="往来状态" <el-table-column
prop="status" label="往来状态"
align="center" prop="status"
></el-table-column> align="center"
<el-table-column ></el-table-column>
label="生效日期" <el-table-column
prop="desc" label="生效日期"
align="center" prop="desc"
></el-table-column> align="center"
<el-table-column ></el-table-column>
label="结算周期" <el-table-column
prop="desc" label="结算周期"
align="center" prop="desc"
></el-table-column> align="center"
<el-table-column ></el-table-column>
label="付款周期" <el-table-column
prop="desc" label="付款周期"
align="center" prop="desc"
></el-table-column> align="center"
</el-table> ></el-table-column>
</el-table>
</div>
</template> </template>
<script> <script>
...@@ -81,53 +83,12 @@ ...@@ -81,53 +83,12 @@
name: 'AccountInfoConfirm', name: 'AccountInfoConfirm',
data() { data() {
return { return {
tableData: [ tableData: [],
{
id: '12987122',
name: '好滋好味鸡蛋仔',
category: '江浙小吃、小吃零食',
desc: '荷兰优质淡奶,奶香浓而不腻',
address: '上海市普陀区真北路',
shop: '王小虎夫妻店',
status: '在线',
shopId: '10333',
},
{
id: '12987123',
name: '好滋好味鸡蛋仔',
category: '江浙小吃、小吃零食',
desc: '荷兰优质淡奶,奶香浓而不腻',
status: '在线',
address: '上海市普陀区真北路',
shop: '王小虎夫妻店',
shopId: '10333',
},
{
id: '12987125',
name: '好滋好味鸡蛋仔',
category: '江浙小吃、小吃零食',
desc: '荷兰优质淡奶,奶香浓而不腻',
address: '上海市普陀区真北路',
shop: '王小虎夫妻店',
shopId: '10333',
status: '在线',
},
{
id: '12987126',
name: '好滋好味鸡蛋仔',
category: '江浙小吃、小吃零食',
desc: '荷兰优质淡奶,奶香浓而不腻',
address: '上海市普陀区真北路',
shop: '王小虎夫妻店',
shopId: '10333',
status: '在线',
},
],
} }
}, },
} }
</script> </script>
<style> <style scope>
.demo-table-expand { .demo-table-expand {
font-size: 0; font-size: 0;
} }
...@@ -143,11 +104,11 @@ ...@@ -143,11 +104,11 @@
width: 50%; width: 50%;
} }
.el-table th.el-table__cell { .table-content .el-table th.el-table__cell {
background: #4091ff; background: #4091ff;
} }
.el-table th .cell { .table-content .el-table th .cell {
color: #fff !important; color: #fff !important;
} }
</style> </style>
...@@ -23,9 +23,24 @@ ...@@ -23,9 +23,24 @@
<el-button type="danger" @click="handleClick(scope.row)"> <el-button type="danger" @click="handleClick(scope.row)">
禁用 禁用
</el-button> </el-button>
<el-button type="primary">付费</el-button> <el-button
<el-button type="primary">修改</el-button> type="primary"
<el-button type="primary">编辑权限</el-button> style="background: #0187fb; border: none"
>
付费
</el-button>
<el-button
type="primary"
style="background: #0187fb; border: none"
>
修改
</el-button>
<el-button
type="primary"
style="background: #0187fb; border: none"
>
编辑权限
</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
......
...@@ -55,8 +55,12 @@ ...@@ -55,8 +55,12 @@
<el-input v-model="form.supplierName" style="width: 15.5vw"></el-input> <el-input v-model="form.supplierName" style="width: 15.5vw"></el-input>
</el-form-item> </el-form-item>
<div class="btn_container"> <div class="btn_container">
<el-button type="primary">查询</el-button> <el-button type="primary" style="background: #0187fb; border: none">
<el-button type="primary">下载</el-button> 查询
</el-button>
<el-button type="primary" style="background: #0187fb; border: none">
下载
</el-button>
</div> </div>
</el-form> </el-form>
<div class="table_container"> <div class="table_container">
...@@ -194,7 +198,7 @@ ...@@ -194,7 +198,7 @@
.table_container { .table_container {
border-top: 4px solid #f1f1f1; border-top: 4px solid #f1f1f1;
padding: 0.5vh 0.5vw; padding: 0.5vh 0;
box-sizing: border-box; box-sizing: border-box;
.el-pagination { .el-pagination {
......
...@@ -32,7 +32,9 @@ ...@@ -32,7 +32,9 @@
</el-form> </el-form>
<div class="btn_container"> <div class="btn_container">
<el-button type="success">汇总下载</el-button> <el-button type="success">汇总下载</el-button>
<el-button type="primary">明细下载</el-button> <el-button type="primary" style="background: #0187fb; border: none">
明细下载
</el-button>
<el-button type="info">明细Excel下载</el-button> <el-button type="info">明细Excel下载</el-button>
<el-button type="info">打印订单批量下载</el-button> <el-button type="info">打印订单批量下载</el-button>
</div> </div>
......
...@@ -18,8 +18,20 @@ ...@@ -18,8 +18,20 @@
></vab-quill> ></vab-quill>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="handleSee">预览效果</el-button> <el-button
<el-button type="primary" @click="handleSave">保存</el-button> type="primary"
style="background: #0187fb; border: none"
@click="handleSee"
>
预览效果
</el-button>
<el-button
type="primary"
style="background: #0187fb; border: none"
@click="handleSave"
>
保存
</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-dialog title="预览效果" :visible.sync="dialogTableVisible"> <el-dialog title="预览效果" :visible.sync="dialogTableVisible">
......
...@@ -2,7 +2,11 @@ ...@@ -2,7 +2,11 @@
<div class="element-container"> <div class="element-container">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :xs="24" :sm="24" :md="18" :lg="18" :xl="16"> <el-col :xs="24" :sm="24" :md="18" :lg="18" :xl="16">
<el-button type="primary" @click="dialogVisible = !dialogVisible"> <el-button
type="primary"
style="background: #0187fb; border: none"
@click="dialogVisible = !dialogVisible"
>
element全部文档点这里 element全部文档点这里
</el-button> </el-button>
<el-dialog <el-dialog
...@@ -100,44 +104,93 @@ ...@@ -100,44 +104,93 @@
</a> </a>
</el-divider> </el-divider>
<el-button>默认按钮</el-button> <el-button>默认按钮</el-button>
<el-button type="primary">主要按钮</el-button> <el-button type="primary" style="background: #0187fb; border: none">
主要按钮
</el-button>
<el-button type="success">成功按钮</el-button> <el-button type="success">成功按钮</el-button>
<el-button type="info">信息按钮</el-button> <el-button type="info">信息按钮</el-button>
<el-button type="warning">警告按钮</el-button> <el-button type="warning">警告按钮</el-button>
<el-button type="danger">危险按钮</el-button> <el-button type="danger">危险按钮</el-button>
<el-button plain>朴素按钮</el-button> <el-button plain>朴素按钮</el-button>
<el-button type="primary" plain>主要按钮</el-button> <el-button
type="primary"
style="background: #0187fb; border: none"
plain
>
主要按钮
</el-button>
<el-button type="success" plain>成功按钮</el-button> <el-button type="success" plain>成功按钮</el-button>
<el-button type="info" plain>信息按钮</el-button> <el-button type="info" plain>信息按钮</el-button>
<el-button type="warning" plain>警告按钮</el-button> <el-button type="warning" plain>警告按钮</el-button>
<el-button type="danger" plain>危险按钮</el-button> <el-button type="danger" plain>危险按钮</el-button>
<el-button round>圆角按钮</el-button> <el-button round>圆角按钮</el-button>
<el-button type="primary" round>主要按钮</el-button> <el-button
type="primary"
style="background: #0187fb; border: none"
round
>
主要按钮
</el-button>
<el-button type="success" round>成功按钮</el-button> <el-button type="success" round>成功按钮</el-button>
<el-button type="info" round>信息按钮</el-button> <el-button type="info" round>信息按钮</el-button>
<el-button type="warning" round>警告按钮</el-button> <el-button type="warning" round>警告按钮</el-button>
<el-button type="danger" round>危险按钮</el-button> <el-button type="danger" round>危险按钮</el-button>
<el-button icon="el-icon-search" circle></el-button> <el-button icon="el-icon-search" circle></el-button>
<el-button type="primary" icon="el-icon-edit" circle></el-button> <el-button
type="primary"
style="background: #0187fb; border: none"
icon="el-icon-edit"
circle
></el-button>
<el-button type="success" icon="el-icon-check" circle></el-button> <el-button type="success" icon="el-icon-check" circle></el-button>
<el-button type="info" icon="el-icon-message" circle></el-button> <el-button type="info" icon="el-icon-message" circle></el-button>
<el-button type="warning" icon="el-icon-star-off" circle></el-button> <el-button type="warning" icon="el-icon-star-off" circle></el-button>
<el-button type="danger" icon="el-icon-delete" circle></el-button> <el-button type="danger" icon="el-icon-delete" circle></el-button>
<el-button disabled>默认按钮</el-button> <el-button disabled>默认按钮</el-button>
<el-button type="primary" disabled>主要按钮</el-button> <el-button
type="primary"
style="background: #0187fb; border: none"
disabled
>
主要按钮
</el-button>
<el-button type="success" disabled>成功按钮</el-button> <el-button type="success" disabled>成功按钮</el-button>
<el-button type="info" disabled>信息按钮</el-button> <el-button type="info" disabled>信息按钮</el-button>
<el-button type="warning" disabled>警告按钮</el-button> <el-button type="warning" disabled>警告按钮</el-button>
<el-button type="danger" disabled>危险按钮</el-button> <el-button type="danger" disabled>危险按钮</el-button>
<el-button type="primary" icon="el-icon-edit"></el-button> <el-button
<el-button type="primary" icon="el-icon-share"></el-button> type="primary"
<el-button type="primary" icon="el-icon-delete"></el-button> style="background: #0187fb; border: none"
<el-button type="primary" icon="el-icon-search">搜索</el-button> icon="el-icon-edit"
<el-button type="primary"> ></el-button>
<el-button
type="primary"
style="background: #0187fb; border: none"
icon="el-icon-share"
></el-button>
<el-button
type="primary"
style="background: #0187fb; border: none"
icon="el-icon-delete"
></el-button>
<el-button
type="primary"
style="background: #0187fb; border: none"
icon="el-icon-search"
>
搜索
</el-button>
<el-button type="primary" style="background: #0187fb; border: none">
上传 上传
<i class="el-icon-upload el-icon--right"></i> <i class="el-icon-upload el-icon--right"></i>
</el-button> </el-button>
<el-button type="primary" :loading="true">加载中</el-button> <el-button
type="primary"
style="background: #0187fb; border: none"
:loading="true"
>
加载中
</el-button>
<el-divider content-position="left"> <el-divider content-position="left">
文字链接 文字链接
......
...@@ -3,7 +3,11 @@ ...@@ -3,7 +3,11 @@
<el-divider content-position="left"> <el-divider content-position="left">
这里会在顶部navbar上模拟一个控制台错误日志 这里会在顶部navbar上模拟一个控制台错误日志
</el-divider> </el-divider>
<el-button type="primary" @click="handleError"> <el-button
type="primary"
style="background: #0187fb; border: none"
@click="handleError"
>
点击模拟一个chuzhixinjiayou的错误 点击模拟一个chuzhixinjiayou的错误
</el-button> </el-button>
<error-test v-if="show" /> <error-test v-if="show" />
......
...@@ -39,7 +39,11 @@ ...@@ -39,7 +39,11 @@
<el-input v-model="ruleForm.desc" type="textarea"></el-input> <el-input v-model="ruleForm.desc" type="textarea"></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="submitForm('ruleForm')"> <el-button
type="primary"
style="background: #0187fb; border: none"
@click="submitForm('ruleForm')"
>
立即创建 立即创建
</el-button> </el-button>
<el-button @click="resetForm('ruleForm')">重置</el-button> <el-button @click="resetForm('ruleForm')">重置</el-button>
......
<template>
<div class="container">
<div class="d-flex">
<div class="span-3">
<div class="d-flex">
<div class="left-title-text">供应商:</div>
<div>{{ detailData.supplierName }}</div>
</div>
<div class="d-flex">
<div class="left-title-text">主单号:</div>
<div>{{ detailData.dhNumber }}</div>
</div>
<div class="d-flex">
<div class="left-title-text">单类:</div>
<div>{{ detailData.dlType }}</div>
</div>
<div class="d-flex">
<div class="left-title-text">订货日期:</div>
<div>{{ detailData.dhTime }}</div>
</div>
<div class="d-flex">
<div class="left-title-text">交货预订日:</div>
<div>{{ detailData.jhTime }}</div>
</div>
</div>
<div class="span-3">
<div class="d-flex">
<div class="left-title-text">收货单位:</div>
<div>{{ detailData.shUnit }}</div>
</div>
<div class="d-flex">
<div class="left-title-text">仓库名称:</div>
<div>{{ detailData.ckName }}</div>
</div>
<div class="d-flex">
<div class="left-title-text">仓库地址:</div>
<div>{{ detailData.ckAddress }}</div>
</div>
<div class="d-flex">
<div class="left-title-text">仓库备注:</div>
<div></div>
</div>
<div class="d-flex">
<div class="left-title-text">供应商电话:</div>
<div></div>
</div>
</div>
</div>
<div class="btn_container">
<el-pagination
:current-page="currentPage"
:page-sizes="[10, 20, 50, 100]"
:page-size="pageSize"
layout="sizes, prev, pager, next, jumper"
:total="total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
></el-pagination>
<el-button
size="mini"
type="primary"
@click="handleExport"
style="background: #0187fb; border: none"
>
报表
</el-button>
<el-button size="mini">刷新</el-button>
</div>
<el-table
:data="table"
:header-cell-style="headerStyle"
:cell-style="rowStyle"
>
<el-table-column type="index" label="序号" width="80"></el-table-column>
<el-table-column prop="spNumber" label="商品编码"></el-table-column>
<el-table-column prop="txNumber" label="条形码"></el-table-column>
<el-table-column prop="goodsName" label="商品名称"></el-table-column>
<el-table-column
prop="dgUnitNum"
label="基本订购单位数"
></el-table-column>
<el-table-column prop="xiangNum" label="箱数"></el-table-column>
<el-table-column prop="hanMoney" label="含税进价"></el-table-column>
<el-table-column prop="hanShouMoney" label="含税售价"></el-table-column>
<el-table-column prop="num" label="数量"></el-table-column>
<el-table-column prop="unit" label="单位"></el-table-column>
<el-table-column
prop="purchasingMoney"
label="进价金额"
></el-table-column>
<el-table-column prop="sellingMoney" label="售价金额"></el-table-column>
</el-table>
</div>
</template>
<script>
import { detailPage, uploadDetail } from '../../../api/purchase'
export default {
name: 'GetOrder',
data() {
return {
form: {
company: '',
supplier: '',
main: '',
receive: '',
type: '',
status: '',
orderDate: '',
deliveryDate: '',
},
table: [],
currentPage: 1,
pageSize: 8,
total: 0,
detailData: {},
}
},
created() {
console.log(this.$route.query)
this.detailData = this.$route.query
this.detailPageAxios()
},
methods: {
detailPageAxios() {
detailPage({
dhNumber: this.detailData.dhNumber,
pageSize: this.pageSize,
pageNum: this.currentPage,
}).then((res) => {
console.log(res, 'Dsanm ')
if (res.data && res.data.list && res.data.list.length) {
this.table = res.data.list
this.total = res.data.totalRecord
}
})
},
handleSizeChange(val) {
this.pageSize = val
this.detailPageAxios()
},
handleCurrentChange(val) {
this.currentPage = val
this.detailPageAxios()
},
headerStyle() {
return 'text-align:center;'
},
rowStyle() {
return 'text-align:right;'
},
//导入按钮事件
handleExport() {
let data = {
supplierName: this.detailData.supplierName,
shUnit: this.detailData.shUnit,
dhNumber: this.detailData.dhNumber,
ckName: this.detailData.ckName,
dlType: this.detailData.dlType,
ckAddress: this.detailData.ckAddress,
dhTime: this.detailData.dhTime,
jhTime: this.detailData.jhTime,
list: this.table,
}
uploadDetail(data).then((res) => {
console.log(res, '下载')
let blob = new Blob([res.data], { type: res.data.type })
let downloadElement = document.createElement('a')
let href = window.URL.createObjectURL(blob)
downloadElement.href = href
document.body.appendChild(downloadElement)
downloadElement.click()
document.body.removeChild(downloadElement) //移除元素;防止连续点击创建多个a标签
window.URL.revokeObjectURL(href)
})
},
},
}
</script>
<style lang="scss" scoped>
.d-flex {
display: flex;
}
.span-3 {
width: 33%;
}
.span-3 .d-flex:nth-child(odd) {
margin: 20px 0;
}
.left-title-text {
width: 100px;
text-align: right;
}
.container::v-deep {
padding: 1.5vh 1vw;
box-sizing: border-box;
.el-form {
width: 89%;
display: flex;
flex-wrap: wrap;
.el-form-item {
width: 50%;
display: flex;
align-items: center;
height: 4vh;
.el-form-item__label {
font-size: calc(100vh * 28 / 1920);
font-weight: bold;
width: 5.5vw;
}
.el-input__inner {
font-size: calc(100vh * 26 / 1920);
height: 3.5vh;
}
.supplier_container {
display: flex;
align-items: center;
width: 25vw;
height: 3.5vh;
border: 1px solid #dcdfe6;
border-radius: 4px;
.left_supplier {
width: 89%;
display: flex;
align-items: center;
justify-content: space-between;
.el-input__inner {
border: none;
}
i {
font-size: calc(100vh * 32 / 1920);
margin-right: 0.8vw;
}
}
.right_supplier {
border-left: 1px solid #dcdfe6;
width: 11%;
height: 100%;
background: #f1f1f1;
display: flex;
justify-content: center;
align-items: center;
i {
font-size: calc(100vh * 32 / 1920);
}
}
}
}
}
.tip_content {
width: 81%;
display: flex;
justify-content: space-between;
.left_tip {
font-size: calc(100vh * 45 / 1920);
}
.right_tip {
font-size: calc(100vh * 30 / 1920);
color: #e60000;
}
}
.btn_container {
display: flex;
align-items: center;
.el-pagination {
text-align: left;
margin-bottom: 1.5vh;
width: 75%;
}
.el-button {
width: 4vw;
height: 3vh;
line-height: 3vh;
padding: 0;
}
}
}
::v-deep .el-table th .cell {
font-size: calc(100vh * 28 / 1920);
}
::v-deep .el-table td .cell {
font-size: calc(100vh * 24 / 1920);
}
</style>
<template>
<div>暂无法访问,请联系管理员</div>
</template>
<script>
export default {}
</script>
<style lang="stylus" scoped></style>
<template>
<div>暂无法访问,请联系管理员</div>
</template>
<script>
export default {}
</script>
<style lang="stylus" scoped></style>
<template>
<div>暂无法访问,请联系管理员</div>
</template>
<script>
export default {}
</script>
<style lang="stylus" scoped></style>
<template>
<div>暂无法访问,请联系管理员</div>
</template>
<script>
export default {}
</script>
<style lang="stylus" scoped></style>
<template>
<div class="">暂无法访问,请联系管理员</div>
</template>
<script>
export default {}
</script>
<style lang="stylus" scoped></style>
<template>
<div>暂无法访问,请联系管理员</div>
</template>
<script>
export default {}
</script>
<style lang="stylus" scoped></style>
<template> <template>
<div class="loading-container"> <div class="loading-container">
<el-divider content-position="left">传统loading</el-divider> <el-divider content-position="left">传统loading</el-divider>
<el-button type="primary" @click="handleLoading()">默认效果</el-button> <el-button
<el-button type="primary" @click="handleLoading(1)">效果1</el-button> type="primary"
<el-button type="primary" @click="handleLoading(2)">效果2</el-button> style="background: #0187fb; border: none"
<el-button type="primary" @click="handleLoading(3)">效果3</el-button> @click="handleLoading()"
<el-button type="primary" @click="handleLoading(4)">效果4</el-button> >
<el-button type="primary" @click="handleLoading(5)">效果5</el-button> 默认效果
<el-button type="primary" @click="handleLoading(6)">效果6</el-button> </el-button>
<el-button type="primary" @click="handleLoading(7)">效果7</el-button> <el-button
<el-button type="primary" @click="handleLoading(8)">效果8</el-button> type="primary"
<el-button type="primary" @click="handleLoading(9)">效果9</el-button> style="background: #0187fb; border: none"
@click="handleLoading(1)"
>
效果1
</el-button>
<el-button
type="primary"
style="background: #0187fb; border: none"
@click="handleLoading(2)"
>
效果2
</el-button>
<el-button
type="primary"
style="background: #0187fb; border: none"
@click="handleLoading(3)"
>
效果3
</el-button>
<el-button
type="primary"
style="background: #0187fb; border: none"
@click="handleLoading(4)"
>
效果4
</el-button>
<el-button
type="primary"
style="background: #0187fb; border: none"
@click="handleLoading(5)"
>
效果5
</el-button>
<el-button
type="primary"
style="background: #0187fb; border: none"
@click="handleLoading(6)"
>
效果6
</el-button>
<el-button
type="primary"
style="background: #0187fb; border: none"
@click="handleLoading(7)"
>
效果7
</el-button>
<el-button
type="primary"
style="background: #0187fb; border: none"
@click="handleLoading(8)"
>
效果8
</el-button>
<el-button
type="primary"
style="background: #0187fb; border: none"
@click="handleLoading(9)"
>
效果9
</el-button>
<br /> <br />
<br /> <br />
<br /> <br />
<el-divider content-position="left">多彩loading</el-divider> <el-divider content-position="left">多彩loading</el-divider>
<el-button type="primary" @click="handleColorfullLoading(1)"> <el-button
type="primary"
style="background: #0187fb; border: none"
@click="handleColorfullLoading(1)"
>
效果1 效果1
</el-button> </el-button>
<el-button type="primary" @click="handleColorfullLoading(2)"> <el-button
type="primary"
style="background: #0187fb; border: none"
@click="handleColorfullLoading(2)"
>
效果2 效果2
</el-button> </el-button>
<el-button type="primary" @click="handleColorfullLoading(3)"> <el-button
type="primary"
style="background: #0187fb; border: none"
@click="handleColorfullLoading(3)"
>
效果3 效果3
</el-button> </el-button>
<el-button type="primary" @click="handleColorfullLoading(4)"> <el-button
type="primary"
style="background: #0187fb; border: none"
@click="handleColorfullLoading(4)"
>
效果4 效果4
</el-button> </el-button>
</div> </div>
......
<template>
<div>暂无法访问,请联系管理员</div>
</template>
<script>
export default {}
</script>
<style lang="stylus" scoped></style>
<template>
<div class="container">
<div class="d-flex">
<div class="span-3">
<div class="d-flex">
<div class="left-title-text">供应商:</div>
<div>{{ detailData.supplierName }}</div>
</div>
<div class="d-flex">
<div class="left-title-text">门店:</div>
<div></div>
</div>
</div>
<div class="span-3">
<div class="d-flex">
<div class="left-title-text">物流中心:</div>
<div></div>
</div>
<div class="d-flex">
<div class="left-title-text">单据编号:</div>
<div>{{ detailData.djNumber }}</div>
</div>
</div>
</div>
<div class="btn_container">
<el-pagination
:current-page="currentPage"
:page-sizes="[10, 20, 50, 100]"
:page-size="pageSize"
layout="sizes, prev, pager, next, jumper"
:total="total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
></el-pagination>
<el-button
size="mini"
type="primary"
style="background: #0187fb; border: none"
@click="handleExport"
>
下载
</el-button>
</div>
<div class="d-flex j-sb my-2">
<div>
进货金额(未税)合计:{{
table && table[0] ? table[0].jhMoneyCount : '0.00'
}}
</div>
<div>
税额合计:{{ table && table[0] ? table[0].shuieCount : '0.00' }}
</div>
<div>
进货金额(含税)合计:{{
table && table[0] ? table[0].jhHanMoneyCount : '0.00'
}}
</div>
</div>
<el-table
:data="table"
:header-cell-style="headerStyle"
:cell-style="rowStyle"
>
<el-table-column type="index" label="序号" width="80"></el-table-column>
<el-table-column prop="huohao" label="货号"></el-table-column>
<el-table-column prop="pinming" label="品名"></el-table-column>
<el-table-column prop="dgNum" label="订购数"></el-table-column>
<el-table-column prop="ysNum" label="验收数"></el-table-column>
<el-table-column prop="cyNum" label="差异数"></el-table-column>
<el-table-column prop="jinjia" label="进价"></el-table-column>
<el-table-column prop="jhMoney" label="进货金额(未税)"></el-table-column>
<el-table-column prop="shuie" label="税额"></el-table-column>
<el-table-column
prop="jhHanMoney"
label="进货金额(含税)"
></el-table-column>
<el-table-column prop="guige" label="规格"></el-table-column>
<el-table-column prop="dgUnit" label="订购单位"></el-table-column>
</el-table>
</div>
</template>
<script>
import {
progressDetail,
proDetailUpload,
proDetailUploadName,
} from '../../../api/purchase'
export default {
name: 'GetOrder',
data() {
return {
form: {
company: '',
supplier: '',
main: '',
receive: '',
type: '',
status: '',
orderDate: '',
deliveryDate: '',
},
table: [],
currentPage: 1,
pageSize: 8,
total: 0,
detailData: {},
}
},
created() {
console.log(this.$route.query, '大数据可能的卡萨')
this.detailData = this.$route.query
this.detailPageAxios()
},
methods: {
detailPageAxios() {
progressDetail({
djNumber: this.detailData.djNumber,
pageSize: this.pageSize,
pageNum: this.currentPage,
}).then((res) => {
console.log(res, '的时间啊看大家啊看 ')
if (res.data && res.data.list && res.data.list.length) {
this.table = res.data.list
this.total = res.data.totalRecord
}
})
},
handleSizeChange(val) {
this.pageSize = val
this.detailPageAxios()
},
handleCurrentChange(val) {
this.currentPage = val
this.detailPageAxios()
},
headerStyle() {
return 'text-align:center;'
},
rowStyle() {
return 'text-align:right;'
},
//导入按钮事件
// handleExport() {
// console.log('大家啊三年级')
// proDetailUpload({ list: this.table }).then((res) => {
// console.log(res, '下载')
// let blob = new Blob([res.data], { type: res.data.type })
// let downloadElement = document.createElement('a')
// let href = window.URL.createObjectURL(blob)
// downloadElement.href = href
// document.body.appendChild(downloadElement)
// downloadElement.click()
// document.body.removeChild(downloadElement) //移除元素;防止连续点击创建多个a标签
// window.URL.revokeObjectURL(href)
// })
// },
handleExport() {
let self = this
proDetailUploadName({ djNumber: this.detailData.djNumber }).then(
(res) => {
// console.log('=========downPDFTitleGet', res)
if (res.data.code === 200) {
self.uploadRebateAxios(res.data.msg)
}
}
)
},
uploadRebateAxios(title) {
proDetailUpload({ list: this.table }).then((res) => {
console.log(res, '但')
let blob = new Blob([res.data], {
type: res.data.type,
})
let downloadElement = document.createElement('a')
let href = window.URL.createObjectURL(blob)
downloadElement.href = href
downloadElement.download = title
document.body.appendChild(downloadElement)
downloadElement.click()
document.body.removeChild(downloadElement) //移除元素;防止连续点击创建多个a标签
window.URL.revokeObjectURL(href)
})
},
},
}
</script>
<style lang="scss" scoped>
.d-flex {
display: flex;
}
.j-sb {
justify-content: space-between;
}
.my-2 {
margin: 10px 0;
}
.span-3 {
width: 33%;
}
.span-3 .d-flex:nth-child(odd) {
margin: 20px 0;
}
.left-title-text {
width: 100px;
text-align: right;
}
.container::v-deep {
padding: 1.5vh 1vw;
box-sizing: border-box;
.el-form {
width: 89%;
display: flex;
flex-wrap: wrap;
.el-form-item {
width: 50%;
display: flex;
align-items: center;
height: 4vh;
.el-form-item__label {
font-size: calc(100vh * 28 / 1920);
font-weight: bold;
width: 5.5vw;
}
.el-input__inner {
font-size: calc(100vh * 26 / 1920);
height: 3.5vh;
}
.supplier_container {
display: flex;
align-items: center;
width: 25vw;
height: 3.5vh;
border: 1px solid #dcdfe6;
border-radius: 4px;
.left_supplier {
width: 89%;
display: flex;
align-items: center;
justify-content: space-between;
.el-input__inner {
border: none;
}
i {
font-size: calc(100vh * 32 / 1920);
margin-right: 0.8vw;
}
}
.right_supplier {
border-left: 1px solid #dcdfe6;
width: 11%;
height: 100%;
background: #f1f1f1;
display: flex;
justify-content: center;
align-items: center;
i {
font-size: calc(100vh * 32 / 1920);
}
}
}
}
}
.tip_content {
width: 81%;
display: flex;
justify-content: space-between;
.left_tip {
font-size: calc(100vh * 45 / 1920);
}
.right_tip {
font-size: calc(100vh * 30 / 1920);
color: #e60000;
}
}
.btn_container {
display: flex;
align-items: center;
.el-pagination {
text-align: left;
margin-bottom: 1.5vh;
width: 75%;
}
.el-button {
width: 4vw;
height: 3vh;
line-height: 3vh;
padding: 0;
}
}
}
::v-deep .el-table th .cell {
font-size: calc(100vh * 28 / 1920);
}
::v-deep .el-table td .cell {
font-size: calc(100vh * 24 / 1920);
}
</style>
...@@ -14,7 +14,11 @@ ...@@ -14,7 +14,11 @@
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="handleChangePermission"> <el-button
type="primary"
style="background: #0187fb; border: none"
@click="handleChangePermission"
>
切换权限 切换权限
</el-button> </el-button>
</el-form-item> </el-form-item>
......
...@@ -32,8 +32,12 @@ ...@@ -32,8 +32,12 @@
></el-date-picker> ></el-date-picker>
</el-form-item> </el-form-item>
<div class="btn_container"> <div class="btn_container">
<el-button type="primary">查询</el-button> <el-button type="primary" style="background: #0187fb; border: none">
<el-button type="primary">下载</el-button> 查询
</el-button>
<el-button type="primary" style="background: #0187fb; border: none">
下载
</el-button>
</div> </div>
</el-form> </el-form>
<div class="table_container"> <div class="table_container">
...@@ -93,11 +97,29 @@ ...@@ -93,11 +97,29 @@
}, },
table: [], table: [],
currentPage: 1, currentPage: 1,
total: 100, total: 0,
pageSize: 8, pageSize: 8,
} }
}, },
mounted() {
this.getTest()
},
methods: { methods: {
getTest() {
let a = [2, 56, 5, 3, 15, 16, 29, 3, 15],
b = [4, 0, 17, 35, 15],
c = [9, 0, 5, 8, 3, 56, 100, 34]
// let total = a.concat(b, c)
console.log(total, '合并')
let sort = total.sort((a, b) => {
return a - b
})
console.log(sort, '排序')
var setNew = new Set(sort)
var newArr = [...setNew]
console.log('最终', newArr)
},
headerStyle() { headerStyle() {
return 'background:#409eff;text-align:center;color:#fff;' return 'background:#409eff;text-align:center;color:#fff;'
}, },
...@@ -170,7 +192,7 @@ ...@@ -170,7 +192,7 @@
} }
.table_container { .table_container {
border-top: 4px solid #f1f1f1; border-top: 4px solid #f1f1f1;
padding: 0.5vh 0.5vw; padding: 0.5vh 0;
box-sizing: border-box; box-sizing: border-box;
.el-pagination { .el-pagination {
text-align: left; text-align: left;
......
...@@ -2,10 +2,20 @@ ...@@ -2,10 +2,20 @@
<div> <div>
<div class="top_container"> <div class="top_container">
<div class="left_btn"> <div class="left_btn">
<el-button type="primary">①查询</el-button> <el-button type="primary" style="background: #0187fb; border: none">
①查询
</el-button>
<el-button type="success" plain>④保存</el-button> <el-button type="success" plain>④保存</el-button>
<el-button type="primary">对账明细下载</el-button> <el-button type="primary" style="background: #0187fb; border: none">
<el-button type="primary" plain>发票录入</el-button> 对账明细下载
</el-button>
<el-button
type="primary"
style="background: #0187fb; border: none"
plain
>
发票录入
</el-button>
<el-button type="danger" plain>取消</el-button> <el-button type="danger" plain>取消</el-button>
</div> </div>
<div class="right_text"> <div class="right_text">
...@@ -305,7 +315,7 @@ ...@@ -305,7 +315,7 @@
} }
.table_container { .table_container {
padding: 0.5vh 0.5vw; padding: 0.5vh 0;
box-sizing: border-box; box-sizing: border-box;
.el-pagination { .el-pagination {
......
<template> <template>
<div> <div>
<el-button type="primary">下载</el-button> <el-button type="primary" style="background: #0187fb; border: none">
下载
</el-button>
<el-form :model="form"> <el-form :model="form">
<el-form-item label="供应商:"> <el-form-item label="供应商:">
<div class="supplier_container"> <div class="supplier_container">
...@@ -48,7 +50,9 @@ ...@@ -48,7 +50,9 @@
placeholder="请输入结算单号" placeholder="请输入结算单号"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-button type="primary">查询</el-button> <el-button type="primary" style="background: #0187fb; border: none">
查询
</el-button>
</el-form> </el-form>
<div class="table_container"> <div class="table_container">
<div class="money_container"> <div class="money_container">
...@@ -211,7 +215,7 @@ ...@@ -211,7 +215,7 @@
} }
.table_container { .table_container {
border-top: 4px solid #f1f1f1; border-top: 4px solid #f1f1f1;
padding: 0.5vh 0.5vw; padding: 0.5vh 0;
box-sizing: border-box; box-sizing: border-box;
.el-pagination { .el-pagination {
......
...@@ -15,7 +15,13 @@ ...@@ -15,7 +15,13 @@
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button @click="close">取 消</el-button> <el-button @click="close">取 消</el-button>
<el-button type="primary" @click="save">确 定</el-button> <el-button
type="primary"
style="background: #0187fb; border: none"
@click="save"
>
确 定
</el-button>
</div> </div>
</el-dialog> </el-dialog>
</template> </template>
......
...@@ -8,10 +8,34 @@ ...@@ -8,10 +8,34 @@
<el-button icon="el-icon-delete" type="danger" @click="handleDelete"> <el-button icon="el-icon-delete" type="danger" @click="handleDelete">
删除 删除
</el-button> </el-button>
<el-button type="primary" @click="testMessage">baseMessage</el-button> <el-button
<el-button type="primary" @click="testALert">baseAlert</el-button> type="primary"
<el-button type="primary" @click="testConfirm">baseConfirm</el-button> style="background: #0187fb; border: none"
<el-button type="primary" @click="testNotify">baseNotify</el-button> @click="testMessage"
>
baseMessage
</el-button>
<el-button
type="primary"
style="background: #0187fb; border: none"
@click="testALert"
>
baseAlert
</el-button>
<el-button
type="primary"
style="background: #0187fb; border: none"
@click="testConfirm"
>
baseConfirm
</el-button>
<el-button
type="primary"
style="background: #0187fb; border: none"
@click="testNotify"
>
baseNotify
</el-button>
</vab-query-form-left-panel> </vab-query-form-left-panel>
<vab-query-form-right-panel> <vab-query-form-right-panel>
<el-form <el-form
......
...@@ -213,7 +213,13 @@ ...@@ -213,7 +213,13 @@
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button @click="treeDialogVisible = false">取 消</el-button> <el-button @click="treeDialogVisible = false">取 消</el-button>
<el-button type="primary" @click="saveTree">确 定</el-button> <el-button
type="primary"
style="background: #0187fb; border: none"
@click="saveTree"
>
确 定
</el-button>
</div> </div>
</el-dialog> </el-dialog>
<!--添加/编辑节点弹框-------------------end--> <!--添加/编辑节点弹框-------------------end-->
......
...@@ -8,7 +8,11 @@ ...@@ -8,7 +8,11 @@
:limit="50" :limit="50"
:size="2" :size="2"
></vab-upload> ></vab-upload>
<el-button type="primary" @click="handleShow({ key: 'value' })"> <el-button
type="primary"
style="background: #0187fb; border: none"
@click="handleShow({ key: 'value' })"
>
模拟上传 模拟上传
</el-button> </el-button>
</div> </div>
......
...@@ -14,7 +14,13 @@ ...@@ -14,7 +14,13 @@
<el-input v-model="form.message"></el-input> <el-input v-model="form.message"></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="submit">发送消息</el-button> <el-button
type="primary"
style="background: #0187fb; border: none"
@click="submit"
>
发送消息
</el-button>
</el-form-item> </el-form-item>
<el-form-item label="返回信息汇总"> <el-form-item label="返回信息汇总">
{{ data }} {{ data }}
......
...@@ -46,15 +46,20 @@ module.exports = { ...@@ -46,15 +46,20 @@ module.exports = {
transpileDependencies, transpileDependencies,
devServer: { devServer: {
hot: true, host: '0.0.0.0',
port: devPort, port: 8955,
open: true, open: true,
noInfo: false, proxy: {
overlay: { [process.env.VUE_APP_BASE_API]: {
warnings: true, target: process.env.VUE_APP_BASE_URL, //测试服
errors: true, changeOrigin: true,
secure: true, // 如果是https接口,需要配置这个参数
pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: '',
},
},
}, },
after: mockServer(), disableHostCheck: true,
}, },
configureWebpack() { configureWebpack() {
return { return {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment