发布

second/pages/form/form.vue

@@ -68,7 +68,7 @@
 					 </view>
 					 <view style="margin-top: 15rpx;">
 						 <span  @click="Detailed($event)"  v-model="secondParams.detailTalkFlags" class="iconfont xiangliao"
-						 :class="vShow_detailTalkFlag?'icon-jiagexiangliao':'icon-juxingweigouxuan'" ><span style="margin-left: 10rpx;">价格详聊</span></span>
+						 :class="vShow_detailTalkFlag?'icon-jiagexiangliao':'icon-juxingweigouxuan'" ><span class='pricecolor' >价格详聊</span></span>
 						 <span class="showflag" v-show="vShow_detailTalkFlag">(勾选代表同意不显示交易价)</span>
 					 </view>
 					 <view class="row" v-show="secondParams.secondHandType==2">
@@ -141,15 +141,15 @@
 									</view>
 								</view>
 								<view class="form-upload-tips">
-									<i class="iconfont icon-wenhao"></i>
-									<view class="wen-tips">最多上传5张二手商品图片，请尽量全部上传，单张图片不能超过5M</view>
+									<i class="iconfont icon-wenhao" ></i>
+									<view class="wen-tips" >最多上传5张二手商品图片，请尽量全部上传，单张图片不能超过5M</view>
 								</view>
 							</view>
 						</view>
 						<view class="productinfo">
 							 <label class="label unlogin-label" style="width: 100%;">商品详细信息</label>
 							 <div class="textarea-wrapper">
-								 <textarea class="" maxlength="200" v-model="secondParams.productDetails"  cols="70" class="description" rows="6"  placeholder="请填写商品详细信息，对商品进行更详细的描述"></textarea>
+								 <textarea maxlength="200" v-model="secondParams.productDetails"  cols="70" class="description" rows="6"  placeholder="请填写商品详细信息，对商品进行更详细的描述"></textarea>
 								 <span class="word-limit">{{secondParams.productDetails.length}}/200</span>
 							 </div>
 						</view>
@@ -174,35 +174,34 @@
 				 					@onCancel="onCancel" 
 				 					@onConfirm="onConfirm">
 				 </mpvue-city-picker>
-				 <list-cedll ref="listCell" :bgcolor="bgcolor"
-							 @onCancel="onCancel" 
-							 @onConfirm="onConfirmbrand">
-				 </list-cedll>
 	          </view>
-			<div class="secondBj thebj"   v-show="vShow_secondBj" :class="vShow_secondBj?'show':''">
-					<div class="bjmain theresult">
+			<view class="secondBj thebj"   v-show="vShow_secondBj" :class="vShow_secondBj?'show':''">
+					<view class="bjmain theresult">
 						<span class="title">发布提示</span>
 						<p>发布二手商品，采美需要收取您每个商品100元的展示费，展示期为6个月</br>
 							支付完成后，商品会在1-2个工作日内进行审核，审核通过后，商品会立即上线</p>
-						<div class="paybtn">
+						<view class="paybtn">
 							<span class="thegopay gozhofubao" @click.stop="quxiao">取消发布</span>
 							<span class="cancel closebtn" @click.stop="gopay">去支付</span>
-						</div>
-					</div>
-				</div>
+						</view>
+					</view>
+				</view>
+		<payment-record ref="payment" v-if="isRequest" :discernReceiptList="discernReceiptList" :receiptAmount="receiptAmount"></payment-record>
 	</view>
 </template>
 
 <script>
 	import listCell from "@/components/tui-components/list-cell/list-cell.vue"
 	import mpvueCityPicker from '@/components/mpvue-citypicker/mpvueCityPicker.vue'
+	import paymentRecord from '@/components/cm-module/orderDetails/paymentRecord'	
 	import { uploadFileImage } from "@/api/utils.js"
 	import { mapState,mapMutations } from 'vuex';
 	export default{
 		name:'secondHandrelease',
 		components:{
 			listCell,
-			mpvueCityPicker
+			mpvueCityPicker,
+			paymentRecord
 		},
 		data(){
 			return{
@@ -273,6 +272,7 @@
 				        resultBj:false,
 				        vShow_detailTalkFlag:false,
 						isShowInput:true,
+						showtips:false
 			}
 		},
 		methods:{
@@ -361,7 +361,6 @@
 			                }
 			            }
 			    //      if(this.secondParams.brandID == ''){
-			    //             this.vShow_BrandID = true;
 							// this.$util.msg('请选择商品品牌',2000);
 			    //             return;
 			    //         }
@@ -442,7 +441,7 @@
 			         this.vShow_secondBj = false;
 			        },
 			        gopay:function(){
-			            window.location.href = '/pay/caimei-paycash.html?pageType=1&&type=confirm&productID='+this.playid;
+						this.$api.navigateTo(`/pages/user/order/order-payment?type=confirm&productID=${this.playid}`)
 			            this.vShow_secondBj = false;
 			        },
 			        changeBox:function () {
@@ -472,10 +471,7 @@
 		.secondradio view.active {color: #e15616;}
 		.label .red{color: #f94b4b;}
 		input[type="text"]::placeholder, textarea::placeholder {color: #b2b2b2;}
-		input[type="text"]{
-			line-height: 90rpx;
-			overflow: unset;
-		}
+		input[type="text"]{line-height: 90rpx;overflow: unset;}
 		.row label.iconfont{margin-right: 10rpx;}
 		.icon-weixuanze{color: #b2b2b2;}
 		.linqi_text { width: 100%; height: 68rpx;background-color: #1890f9;box-shadow: 0rpx 4rpx 6rpx 0rpx rgba(24, 144, 249, 0.17);text-align: center;
@@ -489,11 +485,12 @@
 		.row .spacing{display: inline-block;margin-left: 60rpx;width: 68%;vertical-align:middle;position: relative}
 		.select .placeholder {position: relative;cursor: pointer;width: 100%;display: inline-block;}
 		.icon-xiayibu{right: 0rpx;;color: #b2b2b2;position: absolute}
-		.xiangliao{font-size: 26rpx;margin-right: 10rpx;}
-		.icon-jiagexiangliao{color: #e15616;}
+		.xiangliao{font-size: 26rpx;margin-right: 10rpx;color: #b2b2b2}
+		.icon-jiagexiangliao{color: #e15616 !important;}
+		.pricecolor{margin-left: 10rpx;}
 		.showflag{color: #b2b2b2;}
 		.border-grey{width: 100%;resize: none;padding: 20rpx 0;height: 160rpx;border-bottom: 2rpx solid #e1e1e1;}
-		.release-main-container {overflow: hidden;margin-top: 20rpx}
+		.release-main-container {overflow: hidden;margin: 20rpx 0}
 		.uploadGoodsImages{display: flex;overflow-x: auto;overflow-y: hidden;}
 		.upload-file {
 		    position: relative;
@@ -546,19 +543,18 @@
 			font-size: 36rpx;
 		}
 		.wen-tips {
-		    width: 100%;
-		    height: 12.5vw;
-		    line-height: 6.4vw;
+		    width: 664rpx;
+		    height: 68rpx;
+		    line-height: 68rpx;
 		    text-align: center;
 		    color: #FFF;
-		    font-size: 2.7vw;
+		    font-size: 20rpx;
 		    background-color: #1890f9;
 		    box-shadow: 0 0.8vw 1.6vw 0 rgba(24, 144, 249, 0.17);
-		    position: absolute;
-		    right: 0;
-		    border-radius: .8vw;
-		    display: none;
+		    border-radius: 2rpx;
+			display: none;
 		}
+		 .form-upload-tips:hover .wen-tips {display: block;}
 		.textarea-wrapper {
 		    letter-spacing: 2rpx;
 		    line-height: 48rpx;
@@ -621,7 +617,10 @@
 		    height: 100%;
 		    background-color: rgba(0, 0, 0, .5);
 		    z-index: 999999;
-		    opacity: 1;
+		    opacity: 0;
+		}
+		.thebj.show{
+			 opacity: 1;
 		}
 		.theresult {
 		    position: absolute;
@@ -666,5 +665,10 @@
 			border-radius: 0rpx 0rpx 0rpx 32rpx;
 			color: #999999;
 		}
+		.icon-wenhao{
+			color: #1890f9;
+			font-size: 35rpx;
+			width: 50rpx;
+		}
 			
 </style>