|
|
@@ -1,870 +1,606 @@
|
|
|
<template>
|
|
|
<view class="container">
|
|
|
- <view class="introduce-section">
|
|
|
- <view class="price-box">
|
|
|
- <view class="title">{{contract.contractNo}}</view>
|
|
|
- <view class="title-tip">
|
|
|
- <text class="price-tip">¥</text>
|
|
|
- <text class="price">{{contract.price}}</text>
|
|
|
- <text class="price-tip">元/吨</text>
|
|
|
- </view>
|
|
|
+ <!-- <block v-if="TabCur==2"> -->
|
|
|
+ <view class="cu-form-group">
|
|
|
+ <view class="title">派车编号</view>
|
|
|
+ <input name="input" v-model="goods.tranCarNo"></input>
|
|
|
</view>
|
|
|
- <view class="bot-row">
|
|
|
- <view class='cu-tag radius line-orange'>{{contract.seller}}</view>
|
|
|
- <view class='cu-tag radius line-orange'>{{contract.buyer}}</view>
|
|
|
+ <view class="cu-form-group">
|
|
|
+ <view class="title">车牌号</view>
|
|
|
+ <input placeholder="请输入车牌号" name="input" v-model="goods.carNo"></input>
|
|
|
</view>
|
|
|
-
|
|
|
- <view class="bot-row">
|
|
|
- <view class='cu-tag radius line-orange'>{{contract.goodsName}}</view>
|
|
|
- <view class='cu-tag radius line-orange'>{{contract.total}}吨</view>
|
|
|
+ <view class="cu-form-group">
|
|
|
+ <view class="title">司机手机号</view>
|
|
|
+ <input placeholder="请输入司机身份认证的手机号" name="input" v-model="goods.driverPhone"></input>
|
|
|
</view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="detail-desc">
|
|
|
- <view class="d-header">
|
|
|
- <text>基本信息</text>
|
|
|
+ <view class="cu-form-group">
|
|
|
+ <view class="title">毛重(吨)</view>
|
|
|
+ <input placeholder="请输入毛重" type="mobile" name="input" @input="grossWeightchange" v-model="goods.grossWeight"></input>
|
|
|
</view>
|
|
|
- <view class="c-list">
|
|
|
- <view class="c-row b-b">
|
|
|
- <text class="tit">卖方</text>
|
|
|
- <view class="con-list">
|
|
|
- <text>{{contract.seller}}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="c-row b-b">
|
|
|
- <text class="tit">买方</text>
|
|
|
- <view class="con-list">
|
|
|
- <text>{{contract.buyer}}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="c-row b-b">
|
|
|
- <text class="tit">货名</text>
|
|
|
- <view class="con-list">
|
|
|
- <text>{{contract.goodsName}}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="c-row b-b">
|
|
|
- <text class="tit">总量(吨)</text>
|
|
|
- <view class="con-list">
|
|
|
- <text>{{contract.total}}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="c-row b-b">
|
|
|
- <text class="tit">起始时间</text>
|
|
|
- <view class="con-list">
|
|
|
- <text>{{contract.startTime}}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="c-row b-b">
|
|
|
- <text class="tit">结束时间</text>
|
|
|
- <view class="con-list">
|
|
|
- <text>{{contract.endTime}}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="c-row b-b">
|
|
|
- <text class="tit">合同编号</text>
|
|
|
- <view class="con-list">
|
|
|
- <text>{{contract.contractNo}}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="c-row b-b">
|
|
|
- <text class="tit">容重(克/升){{'>='}}</text>
|
|
|
- <view class="con-list">
|
|
|
- <text>{{contract.bulkDensity}}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="c-row b-b">
|
|
|
- <text class="tit">水分(%){{'<='}}</text>
|
|
|
- <view class="con-list">
|
|
|
- <text>{{contract.waterContent}}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="c-row b-b">
|
|
|
- <text class="tit">杂质(%){{'<='}}</text>
|
|
|
- <view class="con-list">
|
|
|
- <text>{{contract.impurity}}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="c-row b-b">
|
|
|
- <text class="tit">霉变粒(%){{'<='}}</text>
|
|
|
- <view class="con-list">
|
|
|
- <text>{{contract.mildew}}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="c-row b-b">
|
|
|
- <text class="tit">焦糊粒(%){{'<='}}</text>
|
|
|
- <view class="con-list">
|
|
|
- <text>{{contract.burnt}}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="c-row b-b">
|
|
|
- <text class="tit">品级</text>
|
|
|
- <view class="con-list">
|
|
|
- <text>{{contract.level}}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="c-row b-b">
|
|
|
- <text class="tit">包装方式</text>
|
|
|
- <view class="con-list">
|
|
|
- <text>{{contract.packing}}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="c-row b-b">
|
|
|
- <text class="tit">交货地点</text>
|
|
|
- <view class="con-list">
|
|
|
- <text>{{contract.place}}</text>
|
|
|
- </view>
|
|
|
+ <view class="cu-form-group">
|
|
|
+ <view class="title">皮重(吨)</view>
|
|
|
+ <input placeholder="请输入皮重" type="mobile" name="input" @input="tarechange" v-model="goods.tare"></input>
|
|
|
+ </view>
|
|
|
+ <view class="cu-form-group">
|
|
|
+ <view class="title">净重(吨)</view>
|
|
|
+ <input placeholder="自动计算" type="mobile" name="input" v-model="goods.netWeight"></input>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="cu-bar bg-white margin-top">
|
|
|
+ <view class="action">
|
|
|
+ 上传磅单照片
|
|
|
</view>
|
|
|
- <view class="c-row b-b">
|
|
|
- <text class="tit">价格(元/吨)</text>
|
|
|
- <view class="con-list">
|
|
|
- <text>{{contract.price}}</text>
|
|
|
+ </view>
|
|
|
+ <view class="cu-form-group">
|
|
|
+ <view class="grid col-4 grid-square flex-sub">
|
|
|
+ <view class="bg-img" v-if="personNoImg != ''" @tap="ViewImage" :data-url="personNoImg">
|
|
|
+ <image :src="personNoImg" mode="aspectFit"></image>
|
|
|
+ <view class="cu-tag bg-red" @tap.stop="DelImg" :data-index="0">
|
|
|
+ <text class='cuIcon-close'></text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="c-row b-b">
|
|
|
- <text class="tit">验收方式</text>
|
|
|
- <view class="con-list">
|
|
|
- <text>{{contract.acceptType}}</text>
|
|
|
+ <view class="bg-img" v-if="personNoImg1 != ''" @tap="ViewImage" :data-url="personNoImg1">
|
|
|
+ <image :src="personNoImg1" mode="aspectFit"></image>
|
|
|
+ <view class="cu-tag bg-red" @tap.stop="DelImg" :data-index="1">
|
|
|
+ <text class='cuIcon-close'></text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="c-row b-b">
|
|
|
- <text class="tit">备注</text>
|
|
|
- <view class="con-list">
|
|
|
- <text>{{contract.memo}}</text>
|
|
|
+ <view class="solids" @tap="ChooseImagePerson" v-if="personNoImg == '' || personNoImg1 == ''">
|
|
|
+ <text class='cuIcon-cameraadd'></text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
-
|
|
|
+ <view class="padding flex flex-direction">
|
|
|
+ <button class="cu-btn commit margin-tb-sm lg" @click="getList">提交</button>
|
|
|
+ </view>
|
|
|
+ <!-- </block> -->
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import uploadImage from '@/components/ossutil/uploadFile.js';
|
|
|
- import uniNumberBox from '@/components/uni-number-box.vue';
|
|
|
- import {
|
|
|
- mapState
|
|
|
- } from 'vuex';
|
|
|
+ import {
|
|
|
+ mapState
|
|
|
+ } from 'vuex';
|
|
|
export default {
|
|
|
- components: {
|
|
|
- uniNumberBox
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- contract: {
|
|
|
+ name: "trust",
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ goods: {
|
|
|
+ tranCarNo:'',
|
|
|
+ carNo:'',
|
|
|
+ grossWeight:'',
|
|
|
+ tare:'',
|
|
|
+ netWeight:'',
|
|
|
+ personNoImg:'',
|
|
|
+ personNoImg1:'',
|
|
|
+
|
|
|
+ contractNo:'',
|
|
|
+ goodsName:'',
|
|
|
+
|
|
|
+ },
|
|
|
+ carNo:'',
|
|
|
+ PageCur: "trust",
|
|
|
+ TabCur: 0,
|
|
|
+ priceTypeIndex:-1,
|
|
|
+ priceType: ['库内价', '到库价', '到港价'],
|
|
|
+ unitPrice:0,
|
|
|
+ price:'',
|
|
|
+ seller:'',
|
|
|
+ sellerPhone:'',
|
|
|
+ minSale:'',
|
|
|
+ exsitCount:0,
|
|
|
+ origin:'',
|
|
|
+ stock:'',
|
|
|
+ goodsName:'',
|
|
|
+ verifyCode:'',
|
|
|
+ sendText0:'获取验证码',
|
|
|
+ sendText1:'获取验证码',
|
|
|
+ sendText2:'获取验证码',
|
|
|
+ sendText3:'获取验证码',
|
|
|
+ sendDisabled0: false,
|
|
|
+ sendDisabled1: false,
|
|
|
+ sendDisabled2: false,
|
|
|
+ sendDisabled3: false,
|
|
|
+ buyer:'',
|
|
|
+ buyerPhone:'',
|
|
|
+ level:'',
|
|
|
+ sender:'',
|
|
|
+ senderPhone:'',
|
|
|
+ receiver:'',
|
|
|
+ receiverPhone:'',
|
|
|
+ total:0,
|
|
|
+ startPlace:'',
|
|
|
+ endPlace:'',
|
|
|
+ driver:'',
|
|
|
+ driverPhone:'',
|
|
|
+ carNo:'',
|
|
|
+ personNoImg:'',
|
|
|
+ personNoImg1:'',
|
|
|
+ driverNoImg:'',
|
|
|
+ driverNoImg1:'',
|
|
|
+ carNoImg:'',
|
|
|
+ carNoImg1:'',
|
|
|
+ showTran:true
|
|
|
+ };
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapState(['hasLogin','userInfo'])
|
|
|
+ },
|
|
|
+ onShow() {
|
|
|
+ },
|
|
|
+ onLoad(option) {
|
|
|
+ this.goods.netWeight =option.netWeight
|
|
|
+
|
|
|
+
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+
|
|
|
+ commit1(item){
|
|
|
+ uni.navigateTo({
|
|
|
+ url: `/pageB/contract/look?id=${item.id}&netWeight=${item.netWeight}&carNo=${item.carNo}&sendDateStart=${item.sendDateStart}`
|
|
|
+ })
|
|
|
+ },
|
|
|
+ grossWeightchange(e) {
|
|
|
+ if (this.goods.grossWeight && this.goods.tare) {
|
|
|
+ this.goods.netWeight = Number(
|
|
|
+ this.goods.grossWeight - this.goods.tare
|
|
|
+ )
|
|
|
+ }
|
|
|
+ },
|
|
|
+ tarechange(e) {
|
|
|
+ if (this.goods.grossWeight && this.goods.tare) {
|
|
|
+ this.goods.netWeight = Number(
|
|
|
+ this.goods.grossWeight - this.goods.tare
|
|
|
+ )
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getList(){
|
|
|
+ console.log(this.goods,"duixiang")
|
|
|
+ this.$api.doRequest('post','/tranCarInfo/api/addTranTask',this.goods).then(res => {
|
|
|
+ console.log("调用接口")
|
|
|
+ that.sendDisabled = true
|
|
|
+ let sec = 60
|
|
|
+ let interval = setInterval(() => {
|
|
|
+ sec--;
|
|
|
+ that.sendText = sec + 's后重发'
|
|
|
+ if (sec <= 0) {
|
|
|
+ that.sendDisabled = false
|
|
|
+ that.sendText = "获取验证码"
|
|
|
+ clearInterval(interval)
|
|
|
+ }
|
|
|
+ }, 1000)
|
|
|
+ })
|
|
|
+ .catch(res => {
|
|
|
+ uni.showToast({
|
|
|
+ title: res.errmsg,
|
|
|
+ icon:'none',
|
|
|
+ duration: 2000
|
|
|
+ })
|
|
|
+ });
|
|
|
+ },
|
|
|
+ ChooseImagePerson() {
|
|
|
+ uni.chooseImage({
|
|
|
+ count: 1, //默认9
|
|
|
+ sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
|
|
|
+ sourceType: ['album','camera'], //从相册选择
|
|
|
+ success: (res) => {
|
|
|
+ //上传图片
|
|
|
+ //图片路径可自行修改
|
|
|
+ uploadImage(res.tempFilePaths[0], 'personNoImg/',
|
|
|
+ result => {
|
|
|
+ if (this.personNoImg.length != 0) {
|
|
|
+ this.personNoImg1 = result
|
|
|
+ } else {
|
|
|
+ this.personNoImg = result
|
|
|
+ }
|
|
|
+ uni.hideLoading();
|
|
|
+ }
|
|
|
+ )
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ ChooseImageDriver() {
|
|
|
+ uni.chooseImage({
|
|
|
+ count: 1, //默认9
|
|
|
+ sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
|
|
|
+ sourceType: ['album','camera'], //从相册选择
|
|
|
+ success: (res) => {
|
|
|
+ //上传图片
|
|
|
+ //图片路径可自行修改
|
|
|
+ uploadImage(res.tempFilePaths[0], 'driverNoImg/',
|
|
|
+ result => {
|
|
|
+ if (this.driverNoImg.length != 0) {
|
|
|
+ this.driverNoImg1 = result
|
|
|
+ } else {
|
|
|
+ this.driverNoImg = result
|
|
|
+ }
|
|
|
+ uni.hideLoading();
|
|
|
+ }
|
|
|
+ )
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ ChooseImageCar() {
|
|
|
+ uni.chooseImage({
|
|
|
+ count: 1, //默认9
|
|
|
+ sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
|
|
|
+ sourceType: ['album','camera'], //从相册选择
|
|
|
+ success: (res) => {
|
|
|
+ //上传图片
|
|
|
+ //图片路径可自行修改
|
|
|
+ uploadImage(res.tempFilePaths[0], 'carNoImg/',
|
|
|
+ result => {
|
|
|
+ if (this.carNoImg.length != 0) {
|
|
|
+ this.carNoImg1 = result
|
|
|
+ } else {
|
|
|
+ this.carNoImg = result
|
|
|
+ }
|
|
|
+ uni.hideLoading();
|
|
|
+ }
|
|
|
+ )
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ ViewImage(e) {
|
|
|
+ var img = [];
|
|
|
+ img = e.currentTarget.dataset.url.split(' ')
|
|
|
+ uni.previewImage({
|
|
|
+ current:0,
|
|
|
+ urls: img
|
|
|
+ });
|
|
|
+ },
|
|
|
+ DelImg(e) {
|
|
|
+ uni.showModal({
|
|
|
+ title: '提示',
|
|
|
+ content: '确定要删除该照片吗？',
|
|
|
+ cancelText: '取消',
|
|
|
+ confirmText: '确定',
|
|
|
+ success: res => {
|
|
|
+ if (res.confirm) {
|
|
|
+ if(e.currentTarget.dataset.index == 0){
|
|
|
+ this.personNoImg = "";
|
|
|
+ }
|
|
|
+ else if(e.currentTarget.dataset.index == 1){
|
|
|
+ this.personNoImg1 = "";
|
|
|
+ }
|
|
|
+ else if(e.currentTarget.dataset.index == 2){
|
|
|
+ this.driverNoImg = "";
|
|
|
+ }
|
|
|
+ else if(e.currentTarget.dataset.index == 3){
|
|
|
+ this.driverNoImg1 = "";
|
|
|
+ }
|
|
|
+ else if(e.currentTarget.dataset.index == 4){
|
|
|
+ this.carNoImg = "";
|
|
|
+ }
|
|
|
+ else if(e.currentTarget.dataset.index == 5){
|
|
|
+ this.carNoImg1 = "";
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ commit(){
|
|
|
+ if (!this.hasLogin) {
|
|
|
+ uni.showModal({
|
|
|
+ title: '登录提示',
|
|
|
+ content: '您尚未登录，是否立即登录？',
|
|
|
+ showCancel: true,
|
|
|
+ confirmText: '登录',
|
|
|
+ success: (e) => {
|
|
|
+ if (e.confirm) {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/pages/public/login'
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ fail: () => {},
|
|
|
+ complete: () => {}
|
|
|
+ })
|
|
|
+ }
|
|
|
+ else{
|
|
|
+ const that = this
|
|
|
+ if(this.TabCur == 0){
|
|
|
+ if(!that.seller){
|
|
|
+ this.$api.msg('请填写车牌号');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if(!that.sellerPhone){
|
|
|
+ this.$api.msg('请填写司机手机号码');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if(!that.exsitCount){
|
|
|
+ this.$api.msg('请填写毛重');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if(!that.minSale){
|
|
|
+ this.$api.msg('请填写皮重');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ that.saleInfo.seller = that.seller
|
|
|
+ that.saleInfo.sellerPhone = that.sellerPhone
|
|
|
+ that.saleInfo.priceType = that.price
|
|
|
+ that.saleInfo.unitPrice = that.unitPrice
|
|
|
+ that.saleInfo.minSale = that.minSale
|
|
|
+ that.saleInfo.exsitCount = that.exsitCount
|
|
|
+ that.saleInfo.origin = that.origin
|
|
|
+ that.saleInfo.stock = that.stock
|
|
|
+ that.saleInfo.verifyCode = that.verifyCode
|
|
|
+ that.saleInfo.goodsName = that.goodsName
|
|
|
+ that.saleInfo.buyer = that.buyer
|
|
|
+ that.saleInfo.buyerPhone = that.buyerPhone
|
|
|
+ that.saleInfo.level = that.level
|
|
|
+ }else if(this.TabCur == 1){
|
|
|
+ if(!that.buyer){
|
|
|
+ this.$api.msg('请填写买方');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if(!that.buyerPhone){
|
|
|
+ this.$api.msg('请填写手机号码');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if(!that.goodsName){
|
|
|
+ this.$api.msg('请填写货名');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if(!that.verifyCode){
|
|
|
+ this.$api.msg('请填写验证码');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (!that.price) {
|
|
|
+ that.$api.msg('请选择价格类型')
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if(!that.unitPrice){
|
|
|
+ that.$api.msg('请填写协议价格（元/吨）');
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if(!that.origin){
|
|
|
+ this.$api.msg('请填写产地');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if(!that.stock){
|
|
|
+ this.$api.msg('请填写库存地');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if(!that.level){
|
|
|
+ this.$api.msg('请填写国标等级');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ that.saleInfo.seller = that.seller
|
|
|
+ that.saleInfo.sellerPhone = that.sellerPhone
|
|
|
+ that.saleInfo.priceType = that.price
|
|
|
+ that.saleInfo.unitPrice = that.unitPrice
|
|
|
+ that.saleInfo.minSale = that.minSale
|
|
|
+ that.saleInfo.exsitCount = that.exsitCount
|
|
|
+ that.saleInfo.origin = that.origin
|
|
|
+ that.saleInfo.stock = that.stock
|
|
|
+ that.saleInfo.verifyCode = that.verifyCode
|
|
|
+ that.saleInfo.goodsName = that.goodsName
|
|
|
+ that.saleInfo.buyer = that.buyer
|
|
|
+ that.saleInfo.buyerPhone = that.buyerPhone
|
|
|
+ that.saleInfo.level = that.level
|
|
|
+ }
|
|
|
+ else if(this.TabCur == 2){
|
|
|
+ if(!that.sender){
|
|
|
+ this.$api.msg('请填写发货方');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if(!that.senderPhone){
|
|
|
+ this.$api.msg('请填写发货方手机号码');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if(!that.receiver){
|
|
|
+ this.$api.msg('请填写收货方');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if(!that.receiverPhone){
|
|
|
+ this.$api.msg('请填写收货方手机号码');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if(!that.goodsName){
|
|
|
+ this.$api.msg('请填写货名');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if(!that.verifyCode){
|
|
|
+ this.$api.msg('请填写验证码');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ that.tran.sender = that.sender
|
|
|
+ that.tran.senderPhone = that.senderPhone
|
|
|
+ that.tran.receiver = that.receiver
|
|
|
+ that.tran.receiverPhone = that.receiverPhone
|
|
|
+ that.tran.verifyCode = that.verifyCode
|
|
|
+ that.tran.goodsName = that.goodsName
|
|
|
+ that.tran.total = that.total
|
|
|
+ that.tran.price = that.price
|
|
|
+ that.tran.startPlace = that.startPlace
|
|
|
+ that.tran.endPlace = that.endPlace
|
|
|
+ }
|
|
|
+ else if(this.TabCur == 3){
|
|
|
+ if(!that.startPlace){
|
|
|
+ this.$api.msg('请填写起始地');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if(!that.endPlace){
|
|
|
+ this.$api.msg('请填写目的地');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if(!that.driver){
|
|
|
+ this.$api.msg('请填写承运人');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if(!that.driverPhone){
|
|
|
+ this.$api.msg('请填写承运人手机号码');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if(!/(^1[3|4|5|7|8][0-9]{9}$)/.test(that.driverPhone)){
|
|
|
+ that.$api.msg('请输入正确的承运人手机号码');
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if(!that.carNo){
|
|
|
+ this.$api.msg('请填写车牌号');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if(!that.verifyCode){
|
|
|
+ this.$api.msg('请填写验证码');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (!that.personNoImg || !that.personNoImg1) {
|
|
|
+ that.$api.msg('请上传磅单');
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (!that.driverNoImg || !that.driverNoImg1) {
|
|
|
+ that.$api.msg('请上传驾驶证主、副页照片');
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (!that.carNoImg || !that.carNoImg1) {
|
|
|
+ that.$api.msg('请上传行车证主、副页照片');
|
|
|
+ return
|
|
|
+ }
|
|
|
+ that.tran.driver = that.driver
|
|
|
+ that.tran.driverPhone = that.driverPhone
|
|
|
+ that.tran.verifyCode = that.verifyCode
|
|
|
+ that.tran.price = that.price
|
|
|
+ that.tran.startPlace = that.startPlace
|
|
|
+ that.tran.endPlace = that.endPlace
|
|
|
+ that.tran.carNo = that.carNo
|
|
|
+ that.tran.personNoImg = that.personNoImg
|
|
|
+ that.tran.personNoImg1 = that.personNoImg1
|
|
|
+ that.tran.driverNoImg = that.driverNoImg
|
|
|
+ that.tran.driverNoImg1 = that.driverNoImg1
|
|
|
+ that.tran.carNoImg = that.carNoImg
|
|
|
+ that.tran.carNoImg1 = that.carNoImg1
|
|
|
+ }
|
|
|
+ // 获取用户的当前设置，判断是否点击了“总是保持以上，不在询问”
|
|
|
+ wx.getSetting({
|
|
|
+ // withSubscriptions: true,//是否获取用户订阅消息的订阅状态，默认false不返回
|
|
|
+ success(res){
|
|
|
+ if(res.authSetting['scope.subscribeMessage']){
|
|
|
+ uni.openSetting({ // 打开设置页
|
|
|
+ success(res) {
|
|
|
+ console.log(res.authSetting)
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }else{// 用户没有点击“总是保持以上，不再询问”则每次都会调起订阅消息
|
|
|
+ uni.requestSubscribeMessage({
|
|
|
+ tmplIds: ['8cVkckXi_8zfHeScXRHhjN6cgZFYYCWIMPDTiPWagXY'],//
|
|
|
+ success (res) {
|
|
|
+ console.log(res)
|
|
|
+ if(res['8cVkckXi_8zfHeScXRHhjN6cgZFYYCWIMPDTiPWagXY'] == "accept"){// 字段就是tmplIds模板id
|
|
|
+ uni.showLoading({
|
|
|
+ title: '正在提交',
|
|
|
+ mask:true
|
|
|
+ })
|
|
|
+ if(that.TabCur == 0){
|
|
|
+ that.$api.request('sale', 'addSale',that.saleInfo, failres => {
|
|
|
+ uni.hideLoading()
|
|
|
+ that.$api.msg(failres.errmsg);
|
|
|
+
|
|
|
+ }).then(res => {
|
|
|
+ uni.hideLoading()
|
|
|
+ uni.showModal({
|
|
|
+ title: '提示',
|
|
|
+ content: "发布提交成功，工作人员会尽快联系该号码："+that.sellerPhone,
|
|
|
+ showCancel: false,
|
|
|
+ confirmText: '确定',
|
|
|
+ success: () => {
|
|
|
+ uni.navigateBack()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ // that.$api.prePage().refreshList(data, that.manageType);
|
|
|
+ })
|
|
|
+ }
|
|
|
+ else if(that.TabCur == 1){
|
|
|
+ that.$api.request('sale', 'addBuy',that.saleInfo, failres => {
|
|
|
+ uni.hideLoading()
|
|
|
+ that.$api.msg(failres.errmsg);
|
|
|
+
|
|
|
+ }).then(res => {
|
|
|
+ uni.hideLoading()
|
|
|
+ uni.showModal({
|
|
|
+ title: '提示',
|
|
|
+ showCancel: false,
|
|
|
+ content: "发布提交成功，工作人员会尽快联系该号码："+that.buyerPhone,
|
|
|
+ confirmText: '确定',
|
|
|
+ success: () => {
|
|
|
+ uni.navigateBack()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ // that.$api.prePage().refreshList(data, that.manageType);
|
|
|
+ })
|
|
|
+ }
|
|
|
+ else if(that.TabCur == 2){
|
|
|
+ that.$api.request('tran', 'addTran',that.tran, failres => {
|
|
|
+ uni.hideLoading()
|
|
|
+ that.$api.msg(failres.errmsg);
|
|
|
+ }).then(res => {
|
|
|
+ uni.hideLoading()
|
|
|
+ uni.showModal({
|
|
|
+ title: '提示',
|
|
|
+ showCancel: false,
|
|
|
+ content: "发布提交成功，工作人员会尽快联系该号码："+that.senderPhone,
|
|
|
+ confirmText: '确定',
|
|
|
+ success: () => {
|
|
|
+ uni.navigateBack()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ // that.$api.prePage().refreshList(data, that.manageType);
|
|
|
+ })
|
|
|
+
|
|
|
+ }
|
|
|
+ else if(that.TabCur == 3){
|
|
|
+ that.$api.request('tran', 'addCarDriver',that.tran, failres => {
|
|
|
+ uni.hideLoading()
|
|
|
+ that.$api.msg(failres.errmsg);
|
|
|
+ }).then(res => {
|
|
|
+ uni.hideLoading()
|
|
|
+ uni.showModal({
|
|
|
+ title: '提示',
|
|
|
+ showCancel: false,
|
|
|
+ content: "发布提交成功，工作人员会尽快联系该号码："+that.driverPhone,
|
|
|
+ confirmText: '确定',
|
|
|
+ success: () => {
|
|
|
+ uni.navigateBack()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ // that.$api.prePage().refreshList(data, that.manageType);
|
|
|
+ })
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
}
|
|
|
- };
|
|
|
- },
|
|
|
- onShow() {
|
|
|
- },
|
|
|
- onLoad(options) {
|
|
|
- const that = this
|
|
|
- uni.showLoading({
|
|
|
- title: '正在加载',
|
|
|
- mask:true
|
|
|
- })
|
|
|
- that.$api.request('contract', 'getContractDetail', {
|
|
|
- contractNo: options.contractNo
|
|
|
- }, failres => {
|
|
|
- that.$api.msg(failres.errmsg)
|
|
|
- uni.hideLoading()
|
|
|
- }).then(res => {
|
|
|
- that.contract = res.data
|
|
|
- uni.hideLoading()
|
|
|
- })
|
|
|
- },
|
|
|
- computed: {
|
|
|
- ...mapState(['hasLogin','userInfo'])
|
|
|
- },
|
|
|
- methods: {
|
|
|
+ },
|
|
|
}
|
|
|
-
|
|
|
- }
|
|
|
</script>
|
|
|
|
|
|
-
|
|
|
-<style lang='scss' scoped>
|
|
|
- .container {
|
|
|
- background: $page-color-base;
|
|
|
- padding-bottom: 160upx;
|
|
|
- }
|
|
|
-
|
|
|
- .icon-you {
|
|
|
- font-size: $font-base + 2upx;
|
|
|
- color: #888;
|
|
|
- }
|
|
|
-
|
|
|
- .carousel {
|
|
|
- height: 722upx;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- swiper {
|
|
|
- height: 100%;
|
|
|
- }
|
|
|
-
|
|
|
- .image-wrapper {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- }
|
|
|
-
|
|
|
- .swiper-item {
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-content: center;
|
|
|
- height: 750upx;
|
|
|
- overflow: hidden;
|
|
|
-
|
|
|
- image {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- /* 分享 */
|
|
|
- .share-section {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- color: $font-color-base;
|
|
|
- background: linear-gradient(left, #fdf5f6, #fbebf6);
|
|
|
- padding: 12upx 30upx;
|
|
|
-
|
|
|
- .share-icon {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- width: 70upx;
|
|
|
- height: 30upx;
|
|
|
- line-height: 1;
|
|
|
- border: 1px solid $uni-color-primary;
|
|
|
- border-radius: 4upx;
|
|
|
- position: relative;
|
|
|
- overflow: hidden;
|
|
|
- font-size: 22upx;
|
|
|
- color: $uni-color-primary;
|
|
|
-
|
|
|
- &:after {
|
|
|
- content: '';
|
|
|
- width: 50upx;
|
|
|
- height: 50upx;
|
|
|
- border-radius: 50%;
|
|
|
- left: -20upx;
|
|
|
- top: -12upx;
|
|
|
- position: absolute;
|
|
|
- background: $uni-color-primary;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .icon-xingxing {
|
|
|
- position: relative;
|
|
|
- z-index: 1;
|
|
|
- font-size: 24upx;
|
|
|
- margin-left: 2upx;
|
|
|
- margin-right: 10upx;
|
|
|
- color: #fff;
|
|
|
- line-height: 1;
|
|
|
- }
|
|
|
-
|
|
|
- .tit {
|
|
|
- font-size: $font-base;
|
|
|
- margin-left: 10upx;
|
|
|
- }
|
|
|
-
|
|
|
- .icon-bangzhu1 {
|
|
|
- padding: 10upx;
|
|
|
- font-size: 30upx;
|
|
|
- line-height: 1;
|
|
|
- }
|
|
|
-
|
|
|
- .share-btn {
|
|
|
- flex: 1;
|
|
|
- text-align: right;
|
|
|
- font-size: $font-sm;
|
|
|
- color: $uni-color-primary;
|
|
|
- }
|
|
|
-
|
|
|
- .icon-you {
|
|
|
- font-size: $font-sm;
|
|
|
- margin-left: 4upx;
|
|
|
- color: $uni-color-primary;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .c-list {
|
|
|
- font-size: $font-sm + 2upx;
|
|
|
- color: $font-color-base;
|
|
|
- background: #fff;
|
|
|
-
|
|
|
- .c-row {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- padding: 20upx 30upx;
|
|
|
- position: relative;
|
|
|
- }
|
|
|
-
|
|
|
- .tit {
|
|
|
- width: 220upx;
|
|
|
- }
|
|
|
-
|
|
|
- .con {
|
|
|
- flex: 1;
|
|
|
- color: $font-color-dark;
|
|
|
-
|
|
|
- .selected-text {
|
|
|
- margin-right: 10upx;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .bz-list {
|
|
|
- height: 40upx;
|
|
|
- font-size: $font-sm+2upx;
|
|
|
- color: $font-color-dark;
|
|
|
-
|
|
|
- text {
|
|
|
- display: inline-block;
|
|
|
- margin-right: 30upx;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .con-list {
|
|
|
- flex: 1;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- color: $font-color-dark;
|
|
|
- line-height: 40upx;
|
|
|
- text-align: right;
|
|
|
- padding-right: 20upx;
|
|
|
- }
|
|
|
-
|
|
|
- .red {
|
|
|
- color: $uni-color-primary;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- /* 评价 */
|
|
|
- .eva-section {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- padding: 20upx 30upx;
|
|
|
- background: #fff;
|
|
|
- margin-top: 16upx;
|
|
|
-
|
|
|
- .e-header {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- height: 70upx;
|
|
|
- font-size: $font-sm + 2upx;
|
|
|
- color: $font-color-light;
|
|
|
-
|
|
|
- .tit {
|
|
|
- font-size: $font-base + 2upx;
|
|
|
- color: $font-color-dark;
|
|
|
- margin-right: 4upx;
|
|
|
- }
|
|
|
-
|
|
|
- .tip {
|
|
|
- flex: 1;
|
|
|
- text-align: right;
|
|
|
- }
|
|
|
-
|
|
|
- .icon-you {
|
|
|
- margin-left: 10upx;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .eva-box {
|
|
|
- display: flex;
|
|
|
- padding: 20upx 0;
|
|
|
-
|
|
|
- .portrait {
|
|
|
- flex-shrink: 0;
|
|
|
- width: 80upx;
|
|
|
- height: 80upx;
|
|
|
- border-radius: 100px;
|
|
|
- }
|
|
|
-
|
|
|
- .right {
|
|
|
- flex: 1;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- font-size: $font-base;
|
|
|
- color: $font-color-base;
|
|
|
- padding-left: 26upx;
|
|
|
-
|
|
|
- .con {
|
|
|
- font-size: $font-base;
|
|
|
- color: $font-color-dark;
|
|
|
- padding: 20upx 0;
|
|
|
- }
|
|
|
-
|
|
|
- .bot {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- font-size: $font-sm;
|
|
|
- color: $font-color-light;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- /* 详情 */
|
|
|
- .detail-desc {
|
|
|
- background: #fff;
|
|
|
- margin-top: 16upx;
|
|
|
- width: 750upx;
|
|
|
-
|
|
|
- .d-header {
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- height: 80upx;
|
|
|
- font-size: $font-base + 2upx;
|
|
|
- color: $font-color-dark;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- text {
|
|
|
- padding: 0 20upx;
|
|
|
- background: #fff;
|
|
|
- position: relative;
|
|
|
- z-index: 1;
|
|
|
- }
|
|
|
-
|
|
|
- &:after {
|
|
|
- position: absolute;
|
|
|
- left: 50%;
|
|
|
- top: 50%;
|
|
|
- transform: translateX(-50%);
|
|
|
- width: 300upx;
|
|
|
- height: 0;
|
|
|
- content: '';
|
|
|
- border-bottom: 1px solid #ccc;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- /* 规格选择弹窗 */
|
|
|
- .attr-content {
|
|
|
- padding: 10upx 30upx;
|
|
|
-
|
|
|
- .a-t {
|
|
|
- display: flex;
|
|
|
-
|
|
|
- image {
|
|
|
- width: 170upx;
|
|
|
- height: 170upx;
|
|
|
- flex-shrink: 0;
|
|
|
- margin-top: -40upx;
|
|
|
- border-radius: 8upx;
|
|
|
- ;
|
|
|
- }
|
|
|
-
|
|
|
- .right {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- padding-left: 24upx;
|
|
|
- font-size: $font-sm + 2upx;
|
|
|
- color: $font-color-base;
|
|
|
- line-height: 42upx;
|
|
|
-
|
|
|
- .price {
|
|
|
- font-size: $font-lg;
|
|
|
- color: $uni-color-primary;
|
|
|
- margin-bottom: 10upx;
|
|
|
- }
|
|
|
-
|
|
|
- .selected-text {
|
|
|
- margin-right: 10upx;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .attr-list {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- font-size: $font-base + 2upx;
|
|
|
- color: $font-color-base;
|
|
|
- padding-top: 30upx;
|
|
|
- padding-left: 10upx;
|
|
|
- }
|
|
|
-
|
|
|
- .item-list {
|
|
|
- padding: 30upx 0 0;
|
|
|
- display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
-
|
|
|
- text {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- background: #eee;
|
|
|
- margin-right: 20upx;
|
|
|
- margin-bottom: 20upx;
|
|
|
- border-radius: 100upx;
|
|
|
- min-width: 60upx;
|
|
|
- height: 60upx;
|
|
|
- padding: 0 20upx;
|
|
|
- font-size: $font-base;
|
|
|
- color: $font-color-dark;
|
|
|
- }
|
|
|
-
|
|
|
- .selected {
|
|
|
- background: #fbebee;
|
|
|
- color: $uni-color-primary;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- /* 弹出层 */
|
|
|
- .popup {
|
|
|
- position: fixed;
|
|
|
- left: 0;
|
|
|
- top: 0;
|
|
|
- right: 0;
|
|
|
- bottom: 0;
|
|
|
- z-index: 99;
|
|
|
-
|
|
|
- &.show {
|
|
|
- display: block;
|
|
|
-
|
|
|
- .mask {
|
|
|
- animation: showPopup 0.2s linear both;
|
|
|
- }
|
|
|
-
|
|
|
- .layer {
|
|
|
- animation: showLayer 0.2s linear both;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- &.hide {
|
|
|
- .mask {
|
|
|
- animation: hidePopup 0.2s linear both;
|
|
|
- }
|
|
|
-
|
|
|
- .layer {
|
|
|
- animation: hideLayer 0.2s linear both;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- &.none {
|
|
|
- display: none;
|
|
|
- }
|
|
|
-
|
|
|
- .mask {
|
|
|
- position: fixed;
|
|
|
- top: 0;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- z-index: 1;
|
|
|
- background-color: rgba(0, 0, 0, 0.4);
|
|
|
- }
|
|
|
-
|
|
|
- .layer {
|
|
|
- position: fixed;
|
|
|
- z-index: 99;
|
|
|
- bottom: 0;
|
|
|
- width: 100%;
|
|
|
- min-height: 40vh;
|
|
|
- border-radius: 10upx 10upx 0 0;
|
|
|
- background-color: #fff;
|
|
|
-
|
|
|
- .btn {
|
|
|
- height: 66upx;
|
|
|
- line-height: 66upx;
|
|
|
- border-radius: 100upx;
|
|
|
- background: $uni-color-primary;
|
|
|
- font-size: $font-base + 2upx;
|
|
|
- color: #fff;
|
|
|
- margin: 30upx auto 20upx;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- @keyframes showPopup {
|
|
|
- 0% {
|
|
|
- opacity: 0;
|
|
|
- }
|
|
|
-
|
|
|
- 100% {
|
|
|
- opacity: 1;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- @keyframes hidePopup {
|
|
|
- 0% {
|
|
|
- opacity: 1;
|
|
|
- }
|
|
|
-
|
|
|
- 100% {
|
|
|
- opacity: 0;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- @keyframes showLayer {
|
|
|
- 0% {
|
|
|
- transform: translateY(120%);
|
|
|
- }
|
|
|
-
|
|
|
- 100% {
|
|
|
- transform: translateY(0%);
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- @keyframes hideLayer {
|
|
|
- 0% {
|
|
|
- transform: translateY(0);
|
|
|
- }
|
|
|
-
|
|
|
- 100% {
|
|
|
- transform: translateY(120%);
|
|
|
- }
|
|
|
- }
|
|
|
+<style scoped>
|
|
|
+ .container{
|
|
|
+ padding-bottom: 160rpx;
|
|
|
}
|
|
|
-
|
|
|
- /* 底部操作菜单 */
|
|
|
- .page-bottom {
|
|
|
- position: fixed;
|
|
|
- left: 30upx;
|
|
|
- bottom: 30upx;
|
|
|
- z-index: 95;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- width: 690upx;
|
|
|
- height: 100upx;
|
|
|
- background: rgba(255, 255, 255, .9);
|
|
|
- box-shadow: 0 0 20upx 0 rgba(0, 0, 0, .5);
|
|
|
- border-radius: 16upx;
|
|
|
-
|
|
|
- .p-b-btn {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- font-size: $font-sm;
|
|
|
- color: $font-color-base;
|
|
|
- width: 96upx;
|
|
|
- height: 80upx;
|
|
|
-
|
|
|
- .yticon {
|
|
|
- font-size: 40upx;
|
|
|
- line-height: 48upx;
|
|
|
- color: $font-color-light;
|
|
|
- }
|
|
|
-
|
|
|
- &.active,
|
|
|
- &.active .yticon {
|
|
|
- color: $uni-color-primary;
|
|
|
- }
|
|
|
-
|
|
|
- .icon-fenxiang2 {
|
|
|
- font-size: 42upx;
|
|
|
- transform: translateY(-2upx);
|
|
|
- }
|
|
|
-
|
|
|
- .icon-shoucang {
|
|
|
- font-size: 46upx;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- /* 优惠券面板 */
|
|
|
- .mask {
|
|
|
- display: flex;
|
|
|
- align-items: flex-end;
|
|
|
- position: fixed;
|
|
|
- left: 0;
|
|
|
- top: var(--window-top);
|
|
|
- bottom: 0;
|
|
|
- width: 100%;
|
|
|
- background: rgba(0, 0, 0, 0);
|
|
|
- z-index: 9995;
|
|
|
- transition: .3s;
|
|
|
-
|
|
|
- .mask-content {
|
|
|
- width: 100%;
|
|
|
- min-height: 30vh;
|
|
|
- max-height: 70vh;
|
|
|
- background: #f3f3f3;
|
|
|
- transform: translateY(100%);
|
|
|
- transition: .3s;
|
|
|
- overflow-y: scroll;
|
|
|
- }
|
|
|
-
|
|
|
- &.none {
|
|
|
- display: none;
|
|
|
- }
|
|
|
-
|
|
|
- &.show {
|
|
|
- background: rgba(0, 0, 0, .4);
|
|
|
-
|
|
|
- .mask-content {
|
|
|
- transform: translateY(0);
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- /* 优惠券列表 */
|
|
|
- .coupon-item {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- margin: 20upx 24upx;
|
|
|
- background: #fff;
|
|
|
-
|
|
|
- .con {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- position: relative;
|
|
|
- height: 120upx;
|
|
|
- padding: 0 30upx;
|
|
|
-
|
|
|
- &:after {
|
|
|
- position: absolute;
|
|
|
- left: 0;
|
|
|
- bottom: 0;
|
|
|
- content: '';
|
|
|
- width: 100%;
|
|
|
- height: 0;
|
|
|
- border-bottom: 1px dashed #f3f3f3;
|
|
|
- transform: scaleY(50%);
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .left {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- justify-content: center;
|
|
|
- flex: 1;
|
|
|
- overflow: hidden;
|
|
|
- height: 100upx;
|
|
|
- }
|
|
|
-
|
|
|
- .title {
|
|
|
- font-size: 32upx;
|
|
|
- color: $font-color-dark;
|
|
|
- margin-bottom: 10upx;
|
|
|
- }
|
|
|
-
|
|
|
- .time {
|
|
|
- font-size: 24upx;
|
|
|
- color: $font-color-light;
|
|
|
- }
|
|
|
-
|
|
|
- .right {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- font-size: 26upx;
|
|
|
- color: $font-color-base;
|
|
|
- height: 100upx;
|
|
|
- }
|
|
|
-
|
|
|
- .price {
|
|
|
- font-size: 44upx;
|
|
|
- color: $base-color;
|
|
|
-
|
|
|
- &:before {
|
|
|
- content: '￥';
|
|
|
- font-size: 34upx;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .tips {
|
|
|
- font-size: 24upx;
|
|
|
- color: $font-color-light;
|
|
|
- line-height: 60upx;
|
|
|
- padding-left: 30upx;
|
|
|
- }
|
|
|
-
|
|
|
- .circle {
|
|
|
- position: absolute;
|
|
|
- left: -6upx;
|
|
|
- bottom: -10upx;
|
|
|
- z-index: 10;
|
|
|
- width: 20upx;
|
|
|
- height: 20upx;
|
|
|
- background: #f3f3f3;
|
|
|
- border-radius: 100px;
|
|
|
-
|
|
|
- &.r {
|
|
|
- left: auto;
|
|
|
- right: -6upx;
|
|
|
- }
|
|
|
- }
|
|
|
+ .cu-form-group input {
|
|
|
+ text-align: right;
|
|
|
}
|
|
|
-
|
|
|
- .rich-img {
|
|
|
- width: 100%;
|
|
|
- height: auto;
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
- line-height: 0px;
|
|
|
+ .text-white text{
|
|
|
+ background: linear-gradient(45deg, #3DC146, #B2D612);
|
|
|
+ padding:5px 10px;
|
|
|
+ border-radius: 38rpx;
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
- button::after {
|
|
|
- border: none;
|
|
|
+ .cu-form-group textarea {
|
|
|
+ text-align: right;
|
|
|
}
|
|
|
- /* 销售信息 */
|
|
|
- .introduce-section {
|
|
|
- background: #fff;
|
|
|
- padding: 20upx 30upx;
|
|
|
- padding-bottom: 100upx;
|
|
|
- .guess-item {
|
|
|
- padding-bottom: 20upx;
|
|
|
- border-bottom: 1px solid #ccc;
|
|
|
- }
|
|
|
- .title {
|
|
|
- font-size: 28upx;
|
|
|
- color: $font-color-dark;
|
|
|
- font-weight:bold;
|
|
|
- height: 50upx;
|
|
|
- line-height: 50upx;
|
|
|
- flex:2.5;
|
|
|
- }
|
|
|
- .title-tip {
|
|
|
- flex:1;
|
|
|
- }
|
|
|
- .price-box {
|
|
|
- display: flex;
|
|
|
- align-items: baseline;
|
|
|
- height: 70upx;
|
|
|
- padding: 10upx 0;
|
|
|
- font-size: 26upx;
|
|
|
- color: $uni-color-primary;
|
|
|
- }
|
|
|
-
|
|
|
- .price {
|
|
|
- font-size: $font-lg + 2upx;
|
|
|
- }
|
|
|
-
|
|
|
- .m-price {
|
|
|
- margin: 0 12upx;
|
|
|
- color: $font-color-light;
|
|
|
- text-decoration: line-through;
|
|
|
- }
|
|
|
-
|
|
|
- .coupon-tip {
|
|
|
- align-items: center;
|
|
|
- padding: 4upx 10upx;
|
|
|
- background: $uni-color-primary;
|
|
|
- font-size: $font-sm;
|
|
|
- color: #fff;
|
|
|
- border-radius: 6upx;
|
|
|
- line-height: 1;
|
|
|
- transform: translateY(-4upx);
|
|
|
- }
|
|
|
-
|
|
|
- .bot-row {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- height: 50upx;
|
|
|
- font-size: $font-sm;
|
|
|
- color: $font-color-light;
|
|
|
-
|
|
|
- view {
|
|
|
- flex: 1;
|
|
|
- }
|
|
|
- }
|
|
|
+ .commit{
|
|
|
+ background: linear-gradient(45deg, #DF331C, #DA611A);
|
|
|
+ color:#fff;
|
|
|
}
|
|
|
</style>
|
mxx