Skip to content

S
shop-new
提交 3380a1ed authored 作者: 王天霸's avatar 王天霸
浏览文件
操作

优化样式

上级 2de8066d
隐藏空白字符变更
内嵌 并排
正在显示 包含 582 行增加 和 273 行删除
src/layout/components/AppMain.vue
浏览文件 @ 3380a1ed
......@@ -25,7 +25,8 @@ export default {
<style lang="scss" scoped>
.app-main {
/* 50= navbar 50 */
min-height: calc(100vh - 50px);
// min-height: calc(100vh - 50px);
height: calc(100vh - 50px);
width: 100%;
position: relative;
overflow: hidden;
......@@ -38,7 +39,8 @@ export default {
.hasTagsView {
.app-main {
/* 84 = navbar + tags-view = 50 + 34 */
min-height: calc(100vh - 84px);
height: calc(100vh - 84px);
// min-height: calc(100vh - 84px);
}
.fixed-header+.app-main {
......
src/views/system/asset/balance/index.vue
浏览文件 @ 3380a1ed
<template>
<div class="app-container">
<el-table v-loading="loading" :data="assetList">
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>结算流水</span>
</div>
<el-table v-loading="loading" :height="tableHeight" :data="assetList">
<el-table-column label="ID" align="center" prop="Id" />
<el-table-column label="流水订单号" align="center" prop="BalanceSn" />
<el-table-column label="变动金额" align="center" :formatter="formatMoney" prop="ChangeMoney" />
......@@ -10,7 +15,7 @@
</el-table>
<pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
@pagination="getList" />
</el-card>
</div>
</template>
<script>
......@@ -29,6 +34,8 @@
name: "asset",
data() {
return {
fullHeight: '',
tableHeight:null,
loading: true, // 遮罩层
ids: [], // 选中数组
total: 0, // 总条数
......@@ -49,7 +56,17 @@
created() {
this.queryParams.sellerId = this.$store.state.user.sellerid
this.getList();
},
this.$nextTick(()=>{
this.fullHeight = document.getElementsByClassName('box-card')[0].clientHeight
})
},
watch:{
fullHeight(val,oldval){
console.log(val)
this.tableHeight = val - 130
}
},
methods: {
//
formatType(row) {
......@@ -100,7 +117,18 @@
};
</script>
<style scoped>
.el-table {
height: calc(100% - 20px);
}
.app-container{
height:100%;
}
.box-card{
height:100% ;
}
.box-card /deep/ .el-card__body{
height:100%;
overflow: hidden;
}
.el-table{
height:calc(100% - 120px);
}
</style>
src/views/system/asset/bankcard/index.vue
浏览文件 @ 3380a1ed
<template>
<div class="app-container">
<el-row :gutter="10" class="mb8">
<el-col :span="1.5" v-if="addbank">
<el-button
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增</el-button>
</el-col>
</el-row>
<el-table v-loading="loading" :data="bankcardList" @selection-change="handleSelectionChange">
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>绑定银行卡</span>
<el-button
style='float:right'
:disabled="!addbank"
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增</el-button>
</div>
<el-table v-loading="loading" :height="tableHeight" :data="bankcardList" @selection-change="handleSelectionChange">
<el-table-column label="商户ID" align="center" prop="Id" />
<el-table-column label="开户名" align="center" prop="BankAccountName" />
<el-table-column label="城市名" align="center" prop="ProvinceCity" />
......@@ -101,7 +105,7 @@
</el-dialog>
</el-card>
</div>
</template>
<script>
......@@ -110,6 +114,8 @@ export default {
name: "bankcard",
data() {
return {
fullHeight: '',
tableHeight:null,
state: [
{label:"支付宝",value:2},
{label:"银行卡",value:1},
......@@ -150,6 +156,7 @@ export default {
form: {
},
// 表单校验
rules:{},
rules2: {
ZfbAccountName: [
{ required: true, message: "支付宝账户名称不能为空", trigger: "blur" }
......@@ -164,10 +171,19 @@ export default {
};
},
created() {
addbank:false;
this.getList();
this.getBankNameList();
this.getBankname();
// this.getBankname();
this.$nextTick(()=>{
this.fullHeight = document.getElementsByClassName('box-card')[0].clientHeight
})
},
watch:{
fullHeight(val,oldval){
console.log(val)
this.tableHeight = val
}
},
methods: {
......@@ -295,3 +311,19 @@ export default {
} //methods结束
};
</script>
<style scoped>
.app-container{
height:100%;
}
.box-card{
height:100% ;
}
.box-card /deep/ .el-card__body{
height:100%;
overflow: hidden;
}
.el-table{
height:calc(100% - 120px);
}
</style>
src/views/system/asset/verifyrecord/index.vue
浏览文件 @ 3380a1ed
<template>
<div class="app-container">
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>结算对账</span>
</div>
<!-- <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="账单状态" prop="status">
......@@ -32,7 +37,7 @@
</el-form-item>
</el-form> -->
<el-table v-loading="loading" :data="verifyrecordList" @selection-change="handleSelectionChange">
<el-table v-loading="loading" :data="verifyrecordList" @selection-change="handleSelectionChange" :height="tableHeight">
<el-table-column label="ID" align="center" prop="Id" />
<el-table-column label="账单生成时间" align="center" :formatter="formatTime" prop="Time" />
<el-table-column label="商户id" align="center" prop="ShopId" />
......@@ -67,7 +72,7 @@
/>
<!-- 添加或修改商户账单对话框 -->
<el-dialog v-loading="loading" :title="title" :visible.sync="open" width="80%" append-to-body>
<el-table v-loading="loading" :data="form" >
<el-table v-loading="loading" :data="form" >
<el-table-column label="ID" align="center" prop="Id" />
<el-table-column label="订单号" align="center" prop="OrderSn" />
<el-table-column label="店铺ID" align="center" prop="ShopId" />
......@@ -94,6 +99,7 @@
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</el-card>
</div>
</template>
<script>
......@@ -103,6 +109,8 @@ export default {
name: "verifyrecord",
data() {
return {
fullHeight: '',
tableHeight:null,
//是否结算
isBlance:true,
billId:0,
......@@ -157,7 +165,17 @@ export default {
},
created() {
this.getList();
},
this.$nextTick(()=>{
this.fullHeight = document.getElementsByClassName('box-card')[0].clientHeight
})
},
watch:{
fullHeight(val,oldval){
console.log(val)
this.tableHeight = val - 130
}
},
methods: {
//状态 0待确认 1 已确认 2已结算
formatStatus(row,s,value,i){
......@@ -284,3 +302,19 @@ export default {
} //methods结束
};
</script>
<style scoped>
.app-container{
height:100%;
}
.box-card{
height:100%;
}
.box-card /deep/ .el-card__body{
height:100%;
overflow: hidden;
}
.el-table{
height:calc(100% - 120px);
}
</style>
src/views/system/asset/withdraw/index.vue
浏览文件 @ 3380a1ed
<template>
<div class="app-container">
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>商户提现</span>
</div>
<el-row>
<el-col :span="24" class="card-box">
<el-card>
<div slot="header">
<span>商户信息</span>
</div>
<div class="el-table el-table--enable-row-hover el-table--medium">
<table cellspacing="0" style="width: 100%;">
<tbody>
<tr>
<td><div class="cell">当前余额</div></td>
<td><div class="cell" >{{sellerinfo.Balance}}元</div></td>
<td><div class="cell">提现中的金额</div></td>
<td><div class="cell" v-if="1">{{sellerinfo.FrozenMoney}}元</div></td>
</tr>
<tr>
<td><div class="cell">可提现金额</div></td>
<td><div class="cell" >{{sellerinfo.Balance}}元</div></td>
<td><div class="cell">手续费</div></td>
<td><div class="cell" v-if="1" >当前手续费为{{newFee}}元</div></td>
</tr>
</tbody>
</table>
</div>
</el-card>
</el-col>
</el-row>
<el-row :gutter="10" class="mb8">
<!-- <el-col :span="1.5">
<el-button
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增</el-button>
</el-col> -->
<!-- <span>商户信息</span> -->
<el-form ref="form" :model="form" :rules="rules" label-width="120px" class="ruleFormshop">
<el-form-item label="当前余额" >
{{sellerinfo.Balance}}元
</el-form-item>
<el-form-item label="提现中的金额" >
{{sellerinfo.FrozenMoney}}元
</el-form-item>
<el-form-item label="可提现金额" >
{{sellerinfo.Balance}}元
</el-form-item>
<el-form-item label="手续费" >
当前手续费为{{newFee}}元
</el-form-item>
<el-form-item label="银行卡" >
<el-select v-model="form.bankId" placeholder="选择到账银行卡" style="width:260px;">
<el-option v-for="item in banklist" :key="item.Id" :label="item.BankAccountName?item.BankAccountName:item.ZfbAccountName" :value="item.Id?item.Id:item.Id"></el-option>
</el-select>
</el-form-item>
<el-form-item label="提现金额" prop="money">
<el-input v-model="form.money" @blur="onInputBlur($event)" placeholder="提现金额大于等于100" style="width:260px;"/>
</el-form-item>
<el-form-item label="短信验证码" prop="verifycode">
<el-input v-model="form.verifycode" placeholder="验证码" style="width:260px;">
<template slot="append">
<span v-show="show" @click="getCheckCode">获取验证码</span>
<span v-show="!show" class="count">{{count}} s</span>
</template>
</el-input>
</el-form-item>
<el-form-item label="支付密码" prop="pwd">
<el-input v-model="form.pwd" type="password" placeholder="请输入提现密码" style="width:260px;"/>
</el-form-item>
<el-form-item label="" >
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</el-form-item>
</el-form>
</el-col>
</el-row>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="银行卡" >
<el-select v-model="form.bankId" placeholder="选择到账银行卡">
<el-option v-for="item in banklist" :key="item.Id" :label="item.BankAccountName?item.BankAccountName:item.ZfbAccountName" :value="item.Id?item.Id:item.Id"></el-option>
</el-select>
</el-form-item>
<el-form-item label="提现金额" prop="money">
<el-input v-model="form.money" @blur="onInputBlur($event)" placeholder="提现金额大于等于100" />
</el-form-item>
<el-form-item label="短信验证码" prop="verifycode">
<el-input v-model="form.verifycode" placeholder="验证码" />
<span v-show="show" @click="getCheckCode">获取验证码</span>
<span v-show="!show" class="count">{{count}} s</span>
</el-form-item>
<el-form-item label="支付密码" prop="pwd">
<el-input v-model="form.pwd" type="password" placeholder="请输入提现密码" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-card>
</div>
</template>
<script>
......@@ -218,3 +204,23 @@ export default {
} //methods结束
};
</script>
<style scoped>
.app-container{
height:100%;
}
.box-card{
height:100% ;
}
.box-card /deep/ .el-card__body{
height:100%;
overflow: hidden;
}
.el-table{
height:calc(100% - 120px);
}
.ruleFormshop{
width:500px;
margin:0 0 0 180px;
}
</style>
src/views/system/asset/withdrawlog/index.vue
浏览文件 @ 3380a1ed
<template>
<div class="app-container">
<el-table v-loading="loading" :data="withdrawlogList">
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>提现记录</span>
</div>
<el-table v-loading="loading" :data="withdrawlogList" :height="tableHeight" >
<el-table-column label="提现流水单号" align="center" prop="ReflectSn" />
<el-table-column label="提现账号" align="center" prop="BankName" />
......@@ -20,7 +25,7 @@
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</el-card>
</div>
</template>
<script>
......@@ -30,6 +35,8 @@ export default {
name: "withdrawlog",
data() {
return {
fullHeight: '',
tableHeight:null,
// 遮罩层
loading: true,
// 选中数组
......@@ -66,6 +73,16 @@ export default {
},
created() {
this.getList();
this.$nextTick(()=>{
this.fullHeight = document.getElementsByClassName('box-card')[0].clientHeight
})
},
watch:{
fullHeight(val,oldval){
console.log(val)
this.tableHeight = val - 130
}
},
methods: {
//格式化状态
......@@ -133,3 +150,19 @@ export default {
} //methods结束
};
</script>
<style scoped>
.app-container{
height:100%;
}
.box-card{
height:100%;
}
.box-card /deep/ .el-card__body{
height:100%;
overflow: hidden;
}
.el-table{
height:calc(100% - 120px);
}
</style>
src/views/system/freight/freight_list/index.vue
浏览文件 @ 3380a1ed
<template>
<div class="app-container">
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>提现记录</span>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
>删除</el-button>
</el-col>
</el-row>
<el-table v-loading="loading" :data="freightList" @selection-change="handleSelectionChange">
<el-button
style="float:right;margin-left: 10px;"
type="danger"
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
>删除</el-button>
<el-button
style="float:right;"
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
>修改</el-button>
<el-button
style="float:right;margin-left: 20px;"
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增</el-button>
</div>
<el-table v-loading="loading" :data="freightList" :height="tableHeight" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="ID" align="center" prop="Id" />
......@@ -69,6 +69,7 @@
<el-dialog :title="title" :visible.sync="open" v-if="open" width="90%" append-to-body>
<IndexBtn :option="form" />
</el-dialog>
</el-card>
</div>
</template>
<script>
......@@ -79,6 +80,8 @@ export default {
name: "freight",
data() {
return {
fullHeight: '',
tableHeight:null,
// 遮罩层
loading: true,
// 选中数组
......@@ -100,7 +103,7 @@ export default {
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
pageSize: 20,
seller_id: null,
name: null,
sort: null,
......@@ -127,7 +130,17 @@ export default {
},
created() {
this.getList();
},
this.$nextTick(()=>{
this.fullHeight = document.getElementsByClassName('box-card')[0].clientHeight
})
},
watch:{
fullHeight(val,oldval){
console.log(val)
this.tableHeight = val - 130
}
},
methods: {
formatType(row){
var typese = row.ChargeType
......@@ -291,3 +304,19 @@ export default {
} //methods结束
};
</script>
<style scoped>
.app-container{
height:100%;
}
.box-card{
height:100%;
}
.box-card /deep/ .el-card__body{
height:100%;
overflow: hidden;
}
.el-table{
height:calc(100% - 120px);
}
</style>
src/views/system/freight/freight_list/indexbtn.vue
浏览文件 @ 3380a1ed
......@@ -287,7 +287,9 @@ export default {
},
handleinfomationclick() {//提交
console.log(this.goodsDate)
this.goodsDate.Disdispatching.forEach(item=>{
item.np = Number(item.np*100).toFixed()
})
addFreight(this.goodsDate).then(response => {
if(response.data.code == 1){
......
src/views/system/goods/add/index.vue
浏览文件 @ 3380a1ed
......@@ -205,10 +205,20 @@ ul,li{
.app-container{
height:100%;
}
.el-card{
.box-card{
height:100% ;
}
.box-card /deep/ .el-card__body{
height:100%;
overflow: hidden;
}
.el-tabs{
height:calc(100% - 35px);
}
.el-tabs /deep/ .el-tabs__content{
height:calc(100% - 39px);
overflow-y: scroll;
}
.eldelbtn{
height:30px;
padding:5px 20px !important;
......
src/views/system/goods/offsale/index.vue
浏览文件 @ 3380a1ed
<template>
<div class="app-container">
<el-card class="box-card">
<div slot="header" class="clearfix">
<span></span>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
icon="el-icon-edit"
size="mini"
@click="handleOnsale"
>申请上架</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
>删除</el-button>
</el-col>
</el-row>
</div>
<!-- <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="商品ID" prop="goods_id">
<el-input
......@@ -17,35 +49,8 @@
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form> -->
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
icon="el-icon-edit"
size="mini"
@click="handleOnsale"
>申请上架</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
>删除</el-button>
</el-col>
</el-row>
<el-table v-loading="loading" :data="goodsList" @selection-change="handleSelectionChange">
<el-table v-loading="loading" :data="goodsList" :height="tableHeight" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="" align="center" width= "100" prop="defaultImage">
<template slot-scope="scope">
......@@ -90,6 +95,7 @@
<el-dialog :title="title" :visible.sync="open" width="90%" append-to-body>
<IndexBtn :option="form" />
</el-dialog>
</el-card>
</div>
</template>
<script>
......@@ -99,7 +105,9 @@ export default {
name: "goods",
data() {
return {
fullHeight: '',
// 遮罩层
tableHeight:500,
loading: true,
// 选中数组
ids: [],
......@@ -136,6 +144,16 @@ export default {
},
created() {
this.getList();
this.$nextTick(()=>{
this.fullHeight = document.getElementsByClassName('box-card')[0].clientHeight
})
},
watch:{
fullHeight(val,oldval){
// console.log(val)
this.tableHeight = val - 150
}
},
methods: {
//格式化价格
......@@ -253,3 +271,19 @@ export default {
} //methods结束
};
</script>
<style scoped>
.app-container{
height:100%;
}
.box-card{
height:100% ;
}
.box-card /deep/ .el-card__body{
height:100%;
overflow: hidden;
}
.el-table{
height:calc(100% - 120px);
}
</style>
src/views/system/goods/onsale/index.vue
浏览文件 @ 3380a1ed
<template>
<div class="app-container">
<el-card class="box-card">
<div slot="header" class="clearfix">
<span></span>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增</el-button>
</el-col>
<!-- <el-col :span="1.5">
<el-button
type="success"
icon="el-icon-edit"
size="mini"
@click="handleOnsale"
>修改</el-button>
</el-col> -->
<el-col :span="1.5">
<el-button
type="danger"
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
>删除</el-button>
</el-col>
</el-row>
</div>
<!-- <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="商品ID" prop="goods_id">
<el-input
......@@ -17,35 +49,8 @@
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form> -->
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>新增</el-button>
</el-col>
<!-- <el-col :span="1.5">
<el-button
type="success"
icon="el-icon-edit"
size="mini"
@click="handleOnsale"
>修改</el-button>
</el-col> -->
<el-col :span="1.5">
<el-button
type="danger"
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
>删除</el-button>
</el-col>
</el-row>
<el-table v-loading="loading" :data="goodsList" @selection-change="handleSelectionChange">
<el-table v-loading="loading" :data="goodsList" :height="tableHeight" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="" align="center" width= "100" prop="defaultImage">
<template slot-scope="scope">
......@@ -80,16 +85,17 @@
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改goods对话框 -->
<el-dialog :title="title" :visible.sync="open" width="90%" append-to-body>
<el-dialog :title="title" :visible.sync="open" :modal-append-to-body ="false" width="90%" style="height:90%;overflow:hidden;" append-to-body>
<IndexBtn :option="form" />
</el-dialog>
</el-card>
</div>
</template>
<script>
......@@ -99,6 +105,8 @@ export default {
name: "goods",
data() {
return {
fullHeight: '',
tableHeight:null,
// 遮罩层
loading: true,
// 选中数组
......@@ -136,6 +144,16 @@ export default {
},
created() {
this.getList();
this.$nextTick(()=>{
this.fullHeight = document.getElementsByClassName('box-card')[0].clientHeight
})
},
watch:{
fullHeight(val,oldval){
console.log(val)
this.tableHeight = val - 150
}
},
methods: {
//格式化价格
......@@ -249,3 +267,19 @@ export default {
} //methods结束
};
</script>
<style scoped>
.app-container{
height:100%;
}
.box-card{
height:100% ;
}
.box-card /deep/ .el-card__body{
height:100%;
overflow: hidden;
}
.el-table{
height:calc(100% - 120px);
}
</style>
src/views/system/order/index.vue
浏览文件 @ 3380a1ed
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true">
<el-form-item label="付款状态">
<el-select v-model="queryParams.payStatus" placeholder="付款状态">
<el-option v-for="item in payOptions" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<!-- 货物状态 0:未发货,1:已发货,2:已收货,3:配货中,4：拒收 -->
<el-form-item label="发货状态" >
<el-select v-model="queryParams.goodsStatus" placeholder="发货状态">
<el-option v-for="item in goodsOptions" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="订单状态">
<el-select v-model="queryParams.status" placeholder="订单状态">
<el-option v-for="item in orderOptions" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="商品名字">
<el-input
v-model="queryParams.GoodsName"
placeholder="请输商品名字"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="订单号">
<el-input
v-model="queryParams.order_sn"
placeholder="请输订单号"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-card class="box-card">
<div slot="header" class="clearfix">
<el-form :model="queryParams" ref="queryForm" :inline="true">
<el-form-item label="付款状态">
<el-select v-model="queryParams.payStatus" placeholder="付款状态">
<el-option v-for="item in payOptions" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<!-- 货物状态 0:未发货,1:已发货,2:已收货,3:配货中,4：拒收 -->
<el-form-item label="发货状态" >
<el-select v-model="queryParams.goodsStatus" placeholder="发货状态">
<el-option v-for="item in goodsOptions" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="订单状态">
<el-select v-model="queryParams.status" placeholder="订单状态">
<el-option v-for="item in orderOptions" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="商品名字">
<el-input
v-model="queryParams.GoodsName"
placeholder="请输商品名字"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="订单号">
<el-input
v-model="queryParams.order_sn"
placeholder="请输订单号"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="收货人名字" prop="shipname">
<el-input
v-model="queryParams.shipname"
placeholder="请输收货人名字"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="手机号" prop="Tel">
<el-input
v-model="queryParams.Tel"
placeholder="请输手机号"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="收货人名字" prop="shipname">
<el-input
v-model="queryParams.shipname"
placeholder="请输收货人名字"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="手机号" prop="Tel">
<el-input
v-model="queryParams.Tel"
placeholder="请输手机号"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
</div>
<el-table v-loading="loading" :data="orderList" @selection-change="handleSelectionChange">
<el-table v-loading="loading" :data="orderList" :height="tableHeight" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="商品图片" align="center" width="100">
<template slot-scope="scope">
......@@ -305,7 +309,7 @@
</el-timeline-item>
</el-timeline>
</el-dialog>
</el-card>
</div>
</template>
<script>
......@@ -315,6 +319,8 @@ export default {
name: "order",
data() {
return {
fullHeight: '',
tableHeight:500,
fullscreenLoading:false,
loading: true,
// 时间线正序
......@@ -422,6 +428,17 @@ export default {
},
created() {
this.getList();
this.$nextTick(()=>{
this.fullHeight = document.getElementsByClassName('box-card')[0].clientHeight
})
},
watch:{
fullHeight(val,oldval){
// console.log(val)
let formHeight = document.getElementsByClassName('clearfix')[0].clientHeight
this.tableHeight = val - formHeight - 110
}
},
methods: {
//物流
......@@ -538,3 +555,19 @@ export default {
} //methods结束
};
</script>
<style scoped>
.app-container{
height:100%;
}
.box-card{
height:100% ;
}
.box-card /deep/ .el-card__body{
height:100%;
overflow: hidden;
}
.el-table{
height:calc(100% - 120px);
}
</style>
src/views/system/retreat/retreat/index.vue
浏览文件 @ 3380a1ed
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="商品id" prop="goods_id">
<el-input
v-model="queryParams.goods_id"
placeholder="请输入商品id"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="商品名称" prop="goods_name">
<el-input
v-model="queryParams.goods_name"
placeholder="请输入商品名称"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-card class="box-card">
<div slot="header" class="clearfix">
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="商品id" prop="goods_id">
<el-input
v-model="queryParams.goods_id"
placeholder="请输入商品id"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="商品名称" prop="goods_name">
<el-input
v-model="queryParams.goods_name"
placeholder="请输入商品名称"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-table v-loading="loading" :data="retreatList">
<el-form-item>
<el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
</div>
<el-table v-loading="loading" :data="retreatList" :height="tableHeight">
<el-table-column label="序号" align="center" prop="Id" />
<el-table-column label="商品名称" align="center" prop="GoodsName" />
<el-table-column label="订单号" align="center" prop="OrderSn" />
......@@ -248,6 +250,7 @@
<el-button ></el-button>
</div>
</el-dialog>
</el-card>
</div>
</template>
<script>
......@@ -256,6 +259,8 @@ export default {
name: "retreat",
data() {
return {
fullHeight: '',
tableHeight:500,
//退货地址
address:[],
//提交信息
......@@ -334,7 +339,18 @@ export default {
},
created() {
this.getList();
},
this.$nextTick(()=>{
this.fullHeight = document.getElementsByClassName('box-card')[0].clientHeight
})
},
watch:{
fullHeight(val,oldval){
// console.log(val)
let formHeight = document.getElementsByClassName('clearfix')[0].clientHeight
this.tableHeight = val - formHeight - 110
}
},
methods: {
//原因 卖家拒绝（1:买家要求退款金额过高2:买家举证无效，商品没问题3:买家未举证，商品没问题4:商品已超售后服务时限5:退回商品后才能退款6:过期未操作,7:其他）
actCauses(actCause){
......@@ -562,3 +578,19 @@ export default {
} //methods结束
};
</script>
<style scoped>
.app-container{
height:100%;
}
.box-card{
height:100% ;
}
.box-card /deep/ .el-card__body{
height:100%;
overflow: hidden;
}
.el-table{
height:calc(100% - 120px);
}
</style>
vue.config.js
浏览文件 @ 3380a1ed
......@@ -8,7 +8,7 @@ function resolve(dir) {
const name = defaultSettings.title || '云仓' // 标题
const port = process.env.port || process.env.npm_config_port || 80 // 端口
const port = process.env.port || process.env.npm_config_port || 8080 // 端口
// vue.config.js 配置说明
//官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论