qzyReal
/
market-admin-ui


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406
							<!DOCTYPE html>
<html>
	<head>
		<title>边民订单表-列表</title>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!-- 所有的 css & js 资源 -->
		<link rel="stylesheet" href="../../static/kj/element-ui/theme-chalk/index.css">
		<link rel="stylesheet" href="../../static/sa.css">
		<script src="../../static/kj/vue.min.js"></script>
		<script src="../../static/kj/element-ui/index.js"></script>
		<script src="../../static/kj/httpVueLoader.js"></script>
		<script src="../../static/kj/jquery.min.js"></script>
		<script src="../../static/kj/layer/layer.js"></script>
		<script src="../../static/sa.js"></script>
		<style type="text/css">
			hr {
				border: none;
				/* 移除默认边框 */
				height: 1px;
				/* 设置高度 */
				background-color: gainsboro;
				/* 设置颜色 */
				margin: 5px 0;
				/* 设置上下外边距 */
			}

			.c-panel .el-form .c-label {
				width: 7em !important;
			}

			.c-panel .el-form .el-input,
			.c-panel .el-form .el-textarea__inner {
				width: 150px;
			}
		</style>
	</head>
	<body>
		<div class="vue-box" style="display: none;" :style="'display: block;'">
			<div class="c-panel">
				<el-form v-if="bigData">
					<el-row style="margin-left: 200px;">
						<el-col span="12">
							<sa-info name="商铺" br>{{bigData.shopName}}</sa-info>
							<sa-info name="商品名称" br>{{bigData.goodsNames}}</sa-info>
							<sa-info name="总金额" br>{{bigData.sumAmt}}</sa-info>
						</el-col>
						<el-col span="12">
							<sa-info name="车牌号" br>{{bigData.veNo}}</sa-info>
							<sa-info name="互市区" br>{{bigData.fieldName}}</sa-info>
							<sa-info name="创建时间" br>{{bigData.createTime}}</sa-info>
						</el-col>
					</el-row>
				</el-form>
				<el-divider content-position="left">边民订单-列表</el-divider>
				<el-form ref="form" :model='p' @submit.native.prevent>
					<div>
						<sa-item name="上架状态">
							<el-select v-model="p.upStatus" style="width: 120px;">
								<el-option label="全部" value=""></el-option>
								<el-option label="未上架" value="1"></el-option>
								<el-option label="已上架" value="2"></el-option>
							</el-select>
						</sa-item>
						<sa-item name="转售状态">
							<el-select v-model="p.resaleStatus" style="width: 120px;">
								<el-option label="全部" value=""></el-option>
								<el-option label="未转售" value="0"></el-option>
								<el-option label="已转售" value="1"></el-option>
							</el-select>
						</sa-item>
					</div>
					<div>
						<sa-item name="销售状态">
							<el-select v-model="p.beingOrder" style="width: 120px;">
								<el-option label="全部" value=""></el-option>
								<el-option label="未销售" value="0"></el-option>
								<el-option label="已销售" value="1"></el-option>
							</el-select>
						</sa-item>
						<sa-item type="text" name="边民" v-model="p.buyUserName" width="11em"></sa-item>
						<el-button type="primary" icon="el-icon-search" @click="p.pageNo = 1; f5()">查询</el-button>
						<el-button type="info" icon="el-icon-refresh" @click="sa.f5()">重置</el-button>
						<el-button v-if="sa.isAuth('tb-order-edit-price')" type="primary" style="margin-bottom:10px;"
							@click="editPriceByIds()">批量修改总价</el-button>
						<el-button v-if="sa.isAuth('tb-order-edit-price')" type="primary" style="margin-bottom:10px;"
							@click="saleBatch()">批量转售</el-button>
						<el-button v-if="sa.isAuth('tb-order-edit-price')" type="warning" style="margin-bottom:10px;"
							@click="callBackSleBatch()">批量撤销转售</el-button>
						
					</div>
				</el-form>
				<div style="display: flex;padding: 10px;font-size: 16px;">
					<div>订单总数：{{dataCount}};</div>
					<div style="margin-left: 10px;">已上架:{{statics.upSize}};</div>
					<div style="margin-left: 10px;">未上架:<span style="color:red">{{statics.notUpSize}}</span>;</div>
					<div style="margin-left: 10px;">上架总金额:<span
							style="color:red;font-weight: bold;">{{statics.upTotalPrice}}元</span>;</div>
					<div style="margin-left: 10px;">已转售:{{statics.saleSize}};</div>
					<div style="margin-left: 10px;">未转售:<span style="color:red">{{statics.notSaleSize}}</span></div>
				</div>
				<!-- ------------- 数据列表 ------------- -->
				<el-table class="data-table" ref="data-table" :data="dataList">
					<sa-td type="selection"></sa-td>
					<sa-td name="车牌号" prop="veNo"></sa-td>
					<sa-td name="边民" prop="buyUserName"></sa-td>
					<sa-td name="商品名称" prop="goodsNames" width="200px"></sa-td>
					<sa-td name="净重(kg)" prop="netWt"></sa-td>
					<sa-td name="总金额" prop="totalPrice"></sa-td>
					<sa-td name="上架金额(元)" prop="upPrice" width="180"></sa-td>
					<sa-td name="边民确认" prop="peopleConfirmStatus">
						<template slot-scope="s">
							<div v-if="s.row.peopleConfirmStatus==1">已确认</div>
							<div v-else>未确认</div>
						</template>
					</sa-td>
					<sa-td name="是否上架" prop="upStatus">
						<template slot-scope="s">
							<div v-if="s.row.upStatus==2">已上架</div>
							<div v-else>未上架</div>
						</template>
					</sa-td>
					<sa-td name="是否转售" prop="resaleStatus">
						<template slot-scope="s">
							<div v-if="s.row.resaleStatus==1">已转售</div>
							<div v-else>未转售</div>
						</template>
					</sa-td>
					<sa-td name="销售状态" prop="beingOrder"><!--订单转售后是否在二级市场被下单-->
						<template slot-scope="s">
							<div v-if="s.row.beingOrder==1">已销售</div>
							<div v-else>未销售</div>
						</template>
					</sa-td>
					<el-table-column label="操作" fixed="right" width="150px">
						<template slot-scope="s">
							<div>
								<el-button
									v-if="s.row.upStatus==2&&s.row.resaleStatus==0&&sa.isAuth('tb-order-edit-price')"
									class="c-btn" type="success" @click="editPrice(s.row)">修改总价</el-button>
								<el-button
									v-if="s.row.peopleConfirmStatus==1&&s.row.upStatus==2&&s.row.resaleStatus==0&&sa.isAuth('tb-order-edit-price')"
									class="c-btn" type="primary" @click="sel(s.row)">转售二级</el-button>
								<el-button
									v-if="s.row.beingOrder==0&&s.row.peopleConfirmStatus==1&&s.row.upStatus==2&&s.row.resaleStatus==1&&sa.isAuth('tb-order-edit-price')"
									class="c-btn" type="warning" @click="callBackSel(s.row)">撤销转售</el-button>
							</div>
						</template>
					</el-table-column>
				</el-table>
				<!-- ------------- 分页 ------------- -->
				<sa-item type="page" :curr.sync="p.pageNo" :size.sync="p.pageSize" :total="dataCount"
					@change="f5()"></sa-item>
			</div>
			<el-dialog :title="model.title" :visible.sync="model.visible" width="500px">
				<div>
					当前价格(元)：{{model.form.upPrice}}
				</div>
				<sa-item type="num" name="金额" v-model="model.form.selPrice" placeholder="确认金额" br></sa-item>
				<span slot="footer" class="dialog-footer">
					<el-button @click="model.visible = false">取 消</el-button>
					<el-button type="primary" @click="save">保存</el-button>
					<!--<el-button type="primary" @click="sel">转售二级</el-button>-->
				</span>
			</el-dialog>
			<el-dialog :title="model1.title" :visible.sync="model1.visible" width="500px">
				<sa-item type="num" name="金额" v-model="model1.selPrice" placeholder="确认金额" br></sa-item>
				<span slot="footer" class="dialog-footer">
					<el-button @click="model1.visible = false">取 消</el-button>
					<el-button type="primary" @click="savePriceByIds">保存</el-button>
					<!--<el-button type="primary" @click="sel">转售二级</el-button>-->
				</span>
			</el-dialog>
		</div>
		<script>
			var app = new Vue({
				components: {
					"sa-item": httpVueLoader('../../sa-frame/com/sa-item.vue'),
					"sa-td": httpVueLoader('../../sa-frame/com/sa-td.vue'),
					"sa-info": httpVueLoader('../../sa-frame/com/sa-info.vue')
				},
				el: '.vue-box',
				data: {
					id: sa.p('id', 0),
					bigData: [],
					model: {
						title: '修改价格',
						visible: false,
						form: {
							id: '',
							upPrice: '',
							selPrice: 0
						}
					},
					statics: {
						notSaleSize: '',
						notUpSize: '',
						saleSize: '',
						upSize: '',
						upTotalPrice: ''
					},
					model1: {
						title: '批量修改订单价格',
						visible: false,
						ids: '',
						selPrice: 0
					},
					p: { // 查询参数
						tradeNo: '', // 订单号
						upStatus: '', // 买家
						resaleStatus: '', // 商家名称
						saleMainId: sa.p('mainId', 0),
						pageNo: 1, // 当前页
						pageSize: 20, // 页大小
						sortType: 0 // 排序方式
					},
					dataCount: 0,
					dataList: [], // 数据集合
				},
				methods: {
					callBackSleBatch(){
						let selection = this.$refs['data-table'].selection;
						let ids = sa.getArrayField(selection, 'id');
						if (selection.length == 0) {
							return sa.msg('请至少选择一条数据')
						}
						let selectList = [];
						selectList = this.dataList.filter(item => ids.includes(item.id));
						for (let i = 0; i < selectList.length; i++) {
							if (selectList[i].resaleStatus == 0) {
								return sa.msg('当前选中数据包含未转售订单，请重新选择！');
							}
							if (selectList[i].upStatus != 2) {
								return sa.msg('当前选中数据包含未上架订单，请重新选择！');
							}
							if (selectList[i].peopleConfirmStatus == 0) {
								return sa.msg('当前选中数据包含未确认订单，请重新选择！');
							}
							if (selectList[i].beingOrder == 1) {
								return sa.msg('当前选中数据包含已销售订单，请重新选择！')
							}
						}
						sa.confirm('批量撤销转售总数【' + selectList.length + '】单?', function() {
							sa.ajax('/level-one-server/TbOrder/cancelSaleBatch', {
								ids: ids.join(',')
							}, function(res) {
								this.f5();
							}.bind(this));
						}.bind(this));
					},
					callBackSel(data) {
						sa.confirm('是否撤销转售订单【' + data.buyUserName + '】订单到二级市场?', function() {
							sa.ajax('/level-one-server/TbOrder/cancelSale', {
								id: data.id
							}, function(res) {
								this.f5();
							}.bind(this));
						}.bind(this));
					},

					getStatic() {
						sa.ajax('/level-one-server/TbOrder/staticsStatus', {
							saleMainId: this.p.saleMainId
						}, function(res) {
							this.statics = res.data;
						}.bind(this));
					},
					// 批量修改总价
					editPriceByIds: function() {
						// 获取选中元素的id列表
						let selection = this.$refs['data-table'].selection;
						let ids = sa.getArrayField(selection, 'id');
						if (selection.length == 0) {
							return sa.msg('请至少选择一条数据')
						}
						let selectList = [];
						selectList = this.dataList.filter(item => ids.includes(item.id));
						for (let i = 0; i < selectList.length; i++) {
							if (selectList[i].upStatus != 2) {
								return sa.msg('当前选中数据包含未上架订单，不可修改总价，请重新选择！');
							}
							if (selectList[i].resaleStatus != 0) {
								return sa.msg('当前选中数据包含已转售订单，不可修改总价，请重新选择！')
							}
						}
						this.model1 = {
							title: '批量修改订单价格',
							visible: true,
							ids: ids,
						}
					},
					// 修改总价
					editPrice(item) {
						this.model = {
							title: '修改订单【' + item.tradeNo + '】价格',
							visible: true,
							form: item
						}
					},
					savePriceByIds() {
						let ids = this.model1.ids;
						if (!ids) {
							sa.error('当前没有选择数据，请至少选择一条数据')
							return;
						}
						let price = this.model1.selPrice;
						if (!price) {
							sa.error('请输入金额')
							return;
						}
						sa.ajax('/level-one-server/TbOrder/editUpPriceByIds', {
							ids: ids.toString(),
							price: price
						}, function(res) {
							this.f5();
							this.model1.visible = false;
						}.bind(this));
					},
					save() {
						let price = this.model.form.selPrice;
						if (!price) {
							sa.error('请输入金额')
							return;
						}
						sa.ajax('/level-one-server/TbOrder/editUpPrice', {
							id: this.model.form.id,
							price: price
						}, function(res) {
							this.f5();
							this.model.visible = false;
						}.bind(this));
					},

					// 转售二级
					sel(item) {
						if (!item.upPrice) {
							sa.error('转售价格不能为空')
							return;
						}
						sa.confirm('是否转售到二级市场?', function() {
							sa.ajax('/level-two-server/TbOrders/addOrderByResale', {
								id: item.id,
								resalePrice: item.upPrice
							}, function(res) {
								this.f5();
							}.bind(this));
						}.bind(this));
					},
					saleBatch() {
						// 获取选中元素的id列表
						let selection = this.$refs['data-table'].selection;
						for (let i in selection) {
							let item = selection[i];
							if (!item.upPrice) {
								sa.error(item.tradeNo + '转售价格不能为空')
								return;
							}

							if (item.resaleStatus == 1) {
								sa.error(item.tradeNo + '已转售')
								return;
							}

						}
						let ids = sa.getArrayField(selection, 'id');
						if (selection.length == 0) {
							return sa.msg('请至少选择一条数据')
						}
						sa.confirm('是否转售到二级市场?', function() {
							sa.ajax('/level-two-server/TbOrders/addOrderByResaleBatch', {
								ids: ids.join(',')
							}, function(res) {
								this.f5();
							}.bind(this));
						}.bind(this));

					},
					// 刷新
					f5: function() {
						this.getStatic();
						sa.ajax('/level-one-server/TbOrder/getList', sa.removeNull(this.p), function(res) {
							this.dataList = res.data; // 数据
							this.dataCount = res.dataCount; // 数据总数
							sa.f5TableHeight(); // 刷新表格高度
						}.bind(this));
					},
					// 查看银行回执
					getBank: function(data) {
						sa.showIframe('银行回执', 'tb-order-bank-list.html?tradeNo=' + bigData.tradeNo, '1300px', '90%');
					}
				},
				created: function() {
					this.f5();
					sa.ajax('/level-one-server/HtTradeSettlement/getById', {
						id: this.id
					}, function(res) {
						this.bigData = res.data; // 数据
						sa.f5TableHeight(); // 刷新表格高度
					}.bind(this));
					sa.onInputEnter();
				}
			})
		</script>
	</body>
</html>