Startsida Utforska Hjälp
Registrera dig Logga in
qzyReal
/
market-admin-ui
1
0
Fork 0
Filer Ärenden 0 Pull-förfrågningar 0 Wiki
Träd: 7634edeeb2
Grenar Taggar
market-admin-ui
/
sa-view
/
listing-management
/
listing-management-order.html

listing-management-order.html 10 KB
Historik Rå

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. 	<head>
    4. 

  4. 		<title>边民订单表-列表</title>
    5. 

  5. 		<meta charset="utf-8">
    6. 

  6. 		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    7. 

  7. 		<!-- 所有的 css & js 资源 -->
    8. 

  8. 		<link rel="stylesheet" href="../../static/kj/element-ui/theme-chalk/index.css">
    9. 

  9. 		<link rel="stylesheet" href="../../static/sa.css">
    10. 

  10. 		<script src="../../static/kj/vue.min.js"></script>
    11. 

  11. 		<script src="../../static/kj/element-ui/index.js"></script>
    12. 

  12. 		<script src="../../static/kj/httpVueLoader.js"></script>
    13. 

  13. 		<script src="../../static/kj/jquery.min.js"></script>
    14. 

  14. 		<script src="../../static/kj/layer/layer.js"></script>
    15. 

  15. 		<script src="../../static/sa.js"></script>
    16. 

  16. 		<style type="text/css">
    17. 

  17. 			hr {
    18. 

  18. 				border: none;          /* 移除默认边框 */
    19. 

  19. 				height: 1px;           /* 设置高度 */
    20. 

  20. 				background-color: gainsboro;/* 设置颜色 */
    21. 

  21. 				margin: 5px 0;        /* 设置上下外边距 */
    22. 

  22. 			}
    23. 

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

  24. 			.c-panel .el-form .el-input, .c-panel .el-form .el-textarea__inner{width: 250px;}
    25. 

  25. 		</style>
    26. 

  26. 	</head>
    27. 

  27. 	<body>
    28. 

  28. 		<div class="vue-box" style="display: none;" :style="'display: block;'">
    29. 

  29. 			<div class="c-panel">
    30. 

  30. 				<el-form v-if="bigData">
    31. 

  31. 					<el-row style="margin-left: 200px;">
    32. 

  32. 						<el-col span="12">
    33. 

  33. 							<sa-info name="商铺" br>{{bigData.shopName}}</sa-info>
    34. 

  34. 							<sa-info name="商品名称" br>{{bigData.goodsNames}}</sa-info>
    35. 

  35. 							<sa-info name="总金额" br>{{bigData.sumAmt}}</sa-info>
    36. 

  36. 						</el-col>
    37. 

  37. 						<el-col span="12">
    38. 

  38. 							<sa-info name="车牌号" br>{{bigData.veNo}}</sa-info>
    39. 

  39. 							<sa-info name="互市区" br>{{bigData.fieldName}}</sa-info>
    40. 

  40. 							<sa-info name="创建时间" br>{{bigData.createTime}}</sa-info>
    41. 

  41. 						</el-col>
    42. 

  42. 					</el-row>
    43. 

  43. 				</el-form>
    44. 

  44. 				<hr>
    45. 

  45. 				<el-form ref="form" :model='p' @submit.native.prevent>
    46. 

  46. 					<div style="margin: 15px 0px 15px 0px;">详情-边民订单</div>
    47. 

  47. 					<el-button v-if="sa.isAuth('tb-order-edit-price')"
    48. 

  48. 							type="primary" style="margin-bottom:10px;" @click="editPriceByIds()">批量修改总价</el-button>
    49. 

  49. 							<el-button v-if="sa.isAuth('tb-order-edit-price')"
    50. 

  50. 									type="primary" style="margin-bottom:10px;" @click="saleBatch()">批量转售</el-button>
    51. 

  51. 							<el-button 
    52. 

  52. 									type="primary" style="margin-bottom:10px;" @click="f5()">刷新</el-button>
    53. 

  53. 				</el-form>
    54. 

  54. 				<!-- ------------- 数据列表 ------------- -->
    55. 

  55. 				<el-table class="data-table" ref="data-table" :data="dataList" >
    56. 

  56. 					<sa-td type="selection"></sa-td>
    57. 

  57. 					<sa-td name="订单号" prop="tradeNo" width="180px"></sa-td>
    58. 

  58. 					<sa-td name="买家" prop="buyUserName" ></sa-td>
    59. 

  59. 					<sa-td name="商家名称" prop="enterpriseName" width="280px"></sa-td>
    60. 

  60. 					<sa-td name="商品名称" prop="goodsNames" width="200px"></sa-td>
    61. 

  61. 					<sa-td name="总重量" prop="totalWeight" ></sa-td>
    62. 

  62. 					<sa-td name="车牌号" prop="veNo" ></sa-td>
    63. 

  63. 					<sa-td name="总金额" prop="totalPrice" ></sa-td>
    64. 

  64. 					<sa-td name="上架金额(元)" prop="upPrice" ></sa-td>
    65. 

  65. 					<sa-td name="是否上架" prop="upStatus" >
    66. 

  66. 						<template slot-scope="s">
    67. 

  67. 							<div v-if="s.row.upStatus==2">已上架</div>
    68. 

  68. 							<div v-else>未上架</div>
    69. 

  69. 						</template>
    70. 

  70. 					</sa-td>
    71. 

  71. 					<sa-td name="是否转售" prop="resaleStatus" >
    72. 

  72. 						<template slot-scope="s">
    73. 

  73. 							<div v-if="s.row.resaleStatus==1">已转售</div>
    74. 

  74. 							<div v-else>未转售</div>
    75. 

  75. 						</template>
    76. 

  76. 					</sa-td>
    77. 

  77. 					<el-table-column label="操作" fixed="right"  width="100px">
    78. 

  78. 						<template slot-scope="s">
    79. 

  79. 							<div>
    80. 

  80. 								<el-button v-if="s.row.upStatus==2&&s.row.resaleStatus==0&&sa.isAuth('tb-order-edit-price')"
    81. 

  81. 										   class="c-btn" type="success" icon="el-icon-view" @click="editPrice(s.row)">修改总价</el-button>
    82. 

  82. 								<el-button v-else :disabled="true"
    83. 

  83. 										   class="c-btn" type="success" icon="el-icon-view" @click="editPrice(s.row)">修改总价</el-button>
    84. 

  84. 							</div>
    85. 

  85. 							<div>
    86. 

  86. 								<el-button v-if="s.row.upStatus==2&&s.row.resaleStatus==0&&sa.isAuth('tb-order-edit-price')"
    87. 

  87. 										   class="c-btn" type="primary" icon="el-icon-plus" @click="sel(s.row)">转售二级</el-button>
    88. 

  88. 								<el-button v-else :disabled="true"
    89. 

  89. 										   class="c-btn" type="primary" icon="el-icon-plus" @click="sel(s.row)">转售二级</el-button>
    90. 

  90. 							</div>
    91. 

  91. 						</template>
    92. 

  92. 					</el-table-column>
    93. 

  93. 				</el-table>
    94. 

  94. 				<!-- ------------- 分页 ------------- -->
    95. 

  95. 				<sa-item type="page" :curr.sync="p.pageNo" :size.sync="p.pageSize" :total="dataCount" @change="f5()"></sa-item>
    96. 

  96. 			</div>
    97. 

  97. 			<el-dialog :title="model.title" :visible.sync="model.visible" width="500px">
    98. 

  98. 				<div>
    99. 

  99. 					当前价格(元)：{{model.form.upPrice}}
    100. 

  100. 				</div>
    101. 

  101. 				<sa-item type="num" name="金额" v-model="model.form.selPrice" placeholder="确认金额" br></sa-item>
    102. 

  102. 				<span slot="footer" class="dialog-footer">
    103. 

  103. 					<el-button @click="model.visible = false">取 消</el-button>
    104. 

  104. 					<el-button type="primary" @click="save">保存</el-button>
    105. 

  105. 					<!--<el-button type="primary" @click="sel">转售二级</el-button>-->
    106. 

  106. 				</span>
    107. 

  107. 			</el-dialog>
    108. 

  108. 			<el-dialog :title="model1.title" :visible.sync="model1.visible" width="500px">
    109. 

  109. 				<sa-item type="num" name="金额" v-model="model1.selPrice" placeholder="确认金额" br></sa-item>
    110. 

  110. 				<span slot="footer" class="dialog-footer">
    111. 

  111. 					<el-button @click="model1.visible = false">取 消</el-button>
    112. 

  112. 					<el-button type="primary" @click="savePriceByIds">保存</el-button>
    113. 

  113. 					<!--<el-button type="primary" @click="sel">转售二级</el-button>-->
    114. 

  114. 				</span>
    115. 

  115. 			</el-dialog>
    116. 

  116. 		</div>
    117. 

  117. 		<script>
    118. 

  118. 			var app = new Vue({
    119. 

  119. 				components: {
    120. 

  120. 					"sa-item": httpVueLoader('../../sa-frame/com/sa-item.vue'),
    121. 

  121. 					"sa-td": httpVueLoader('../../sa-frame/com/sa-td.vue'),
    122. 

  122. 					"sa-info": httpVueLoader('../../sa-frame/com/sa-info.vue')
    123. 

  123. 				},
    124. 

  124. 				el: '.vue-box',
    125. 

  125. 				data: {
    126. 

  126. 					id: sa.p('id', 0),
    127. 

  127. 					bigData: [],
    128. 

  128. 					model: {
    129. 

  129. 						title: '修改价格',
    130. 

  130. 						visible: false,
    131. 

  131. 						form: {
    132. 

  132. 							id:'',
    133. 

  133. 							upPrice:'',
    134. 

  134. 							selPrice:0
    135. 

  135. 						}
    136. 

  136. 					},
    137. 

  137. 					model1: {
    138. 

  138. 						title: '批量修改订单价格',
    139. 

  139. 						visible: false,
    140. 

  140. 						ids:'',
    141. 

  141. 						selPrice:0
    142. 

  142. 					},
    143. 

  143. 					p: { // 查询参数
    144. 

  144. 						tradeNo: '',		    // 订单号
    145. 

  145. 						buyUserName: '',		// 买家
    146. 

  146. 						enterpriseName: '',		// 商家名称
    147. 

  147. 						platSeqNo: sa.p('platSeqNo', 0),
    148. 

  148. 						pageNo: 1,		// 当前页
    149. 

  149. 						pageSize: 20,	// 页大小
    150. 

  150. 						sortType: 0		// 排序方式
    151. 

  151. 					},
    152. 

  152. 					dataCount: 0,
    153. 

  153. 					dataList: [], // 数据集合
    154. 

  154. 				},
    155. 

  155. 				methods: {
    156. 

  156. 					// 批量修改总价
    157. 

  157. 					 editPriceByIds: function() {
    158. 

  158. 						// 获取选中元素的id列表
    159. 

  159. 						let selection = this.$refs['data-table'].selection;
    160. 

  160. 						let ids = sa.getArrayField(selection, 'id');
    161. 

  161. 						if(selection.length == 0) {
    162. 

  162. 							return sa.msg('请至少选择一条数据')
    163. 

  163. 						}
    164. 

  164. 						let selectList = [];
    165. 

  165. 						selectList = this.dataList.filter(item => ids.includes(item.id));
    166. 

  166. 						for (let i = 0; i < selectList.length; i++) {
    167. 

  167. 							if(selectList[i].upStatus != 2) {
    168. 

  168. 								return sa.msg('当前选中数据包含未上架订单，不可修改总价，请重新选择！');
    169. 

  169. 							}
    170. 

  170. 							if(selectList[i].resaleStatus != 0) {
    171. 

  171. 								return sa.msg('当前选中数据包含已转售订单，不可修改总价，请重新选择！')
    172. 

  172. 							}
    173. 

  173. 						}
    174. 

  174. 						 this.model1={
    175. 

  175. 							 title:'批量修改订单价格',
    176. 

  176. 							 visible:true,
    177. 

  177. 							 ids:ids,
    178. 

  178. 						 }
    179. 

  179. 					},
    180. 

  180. 					// 修改总价
    181. 

  181. 					editPrice(item){
    182. 

  182. 						this.model={
    183. 

  183. 							title:'修改订单【'+item.tradeNo+'】价格',
    184. 

  184. 							visible:true,
    185. 

  185. 							form:item
    186. 

  186. 						}
    187. 

  187. 					},
    188. 

  188. 					savePriceByIds() {
    189. 

  189. 						let ids=this.model1.ids;
    190. 

  190. 						if(!ids){
    191. 

  191. 							sa.error('当前没有选择数据，请至少选择一条数据')
    192. 

  192. 							return;
    193. 

  193. 						}
    194. 

  194. 						let price=this.model1.selPrice;
    195. 

  195. 						if(!price){
    196. 

  196. 							sa.error('请输入金额')
    197. 

  197. 							return;
    198. 

  198. 						}
    199. 

  199. 						sa.ajax('/level-one-server/TbOrder/editUpPriceByIds', {ids:ids.toString(),price:price}, function(res) {
    200. 

  200. 							this.f5();
    201. 

  201. 							this.model1.visible=false;
    202. 

  202. 						}.bind(this));
    203. 

  203. 					},
    204. 

  204. 					save(){
    205. 

  205. 						let price=this.model.form.selPrice;
    206. 

  206. 						if(!price){
    207. 

  207. 							sa.error('请输入金额')
    208. 

  208. 							return;
    209. 

  209. 						}
    210. 

  210. 						sa.ajax('/level-one-server/TbOrder/editUpPrice', {id:this.model.form.id,price:price}, function(res) {
    211. 

  211. 							this.f5();
    212. 

  212. 							this.model.visible=false;
    213. 

  213. 						}.bind(this));
    214. 

  214. 					},
    215. 

  215. 

  216. 					// 转售二级
    217. 

  217. 					sel(item){
    218. 

  218. 						if(!item.upPrice){
    219. 

  219. 							sa.error('转售价格不能为空')
    220. 

  220. 							return;
    221. 

  221. 						}
    222. 

  222. 						sa.confirm('是否转售到二级市场?', function(){
    223. 

  223. 							sa.ajax('/level-two-server/TbOrders/addOrderByResale', {id:item.id,resalePrice:item.upPrice}, function(res) {
    224. 

  224. 								this.f5();
    225. 

  225. 							}.bind(this));
    226. 

  226. 						}.bind(this));
    227. 

  227. 					},
    228. 

  228. 					saleBatch(){
    229. 

  229. 						// 获取选中元素的id列表
    230. 

  230. 						let selection = this.$refs['data-table'].selection;
    231. 

  231. 						for(let i in selection){
    232. 

  232. 							let item=selection[i];
    233. 

  233. 							if(!item.upPrice){
    234. 

  234. 								sa.error(item.tradeNo+'转售价格不能为空')
    235. 

  235. 								return;
    236. 

  236. 							}
    237. 

  237. 							
    238. 

  238. 							if(item.resaleStatus==1){
    239. 

  239. 								sa.error(item.tradeNo+'已转售')
    240. 

  240. 								return;
    241. 

  241. 							}
    242. 

  242. 							
    243. 

  243. 						}
    244. 

  244. 						let ids = sa.getArrayField(selection, 'id');
    245. 

  245. 						if(selection.length == 0) {
    246. 

  246. 							return sa.msg('请至少选择一条数据')
    247. 

  247. 						}
    248. 

  248. 						sa.confirm('是否转售到二级市场?', function(){
    249. 

  249. 							sa.ajax('/level-two-server/TbOrders/addOrderByResaleBatch', {ids:ids.join(',')}, function(res) {
    250. 

  250. 								this.f5();
    251. 

  251. 							}.bind(this));
    252. 

  252. 						}.bind(this));
    253. 

  253. 						
    254. 

  254. 					},
    255. 

  255. 					// 刷新
    256. 

  256. 					f5: function() {
    257. 

  257. 						sa.ajax('/level-one-server/TbOrder/getList', sa.removeNull(this.p), function(res) {
    258. 

  258. 							this.dataList = res.data; // 数据
    259. 

  259. 							this.dataCount = res.dataCount; // 数据总数
    260. 

  260. 							sa.f5TableHeight();		// 刷新表格高度
    261. 

  261. 						}.bind(this));
    262. 

  262. 					},
    263. 

  263. 					// 查看银行回执
    264. 

  264. 					getBank: function(data) {
    265. 

  265. 						sa.showIframe('银行回执', 'tb-order-bank-list.html?tradeNo=' + bigData.tradeNo, '1300px', '90%');
    266. 

  266. 					}
    267. 

  267. 				},
    268. 

  268. 				created: function() {
    269. 

  269. 					this.f5();
    270. 

  270. 					sa.ajax('/level-one-server/HtTradeSettlement/getById', {id : this.id}, function(res) {
    271. 

  271. 						this.bigData = res.data; // 数据
    272. 

  272. 						sa.f5TableHeight();		// 刷新表格高度
    273. 

  273. 					}.bind(this));
    274. 

  274. 					sa.onInputEnter();
    275. 

  275. 				}
    276. 

  276. 			})
    277. 

  277. 		</script>
    278. 

  278. 	</body>
    279. 

  279. </html>
    280.