|
@@ -20,11 +20,12 @@
|
|
<view style="padding-left: 10rpx;">
|
|
<view style="padding-left: 10rpx;">
|
|
<view style='flex-wrap:wrap;' class='flex'>
|
|
<view style='flex-wrap:wrap;' class='flex'>
|
|
<view v-for='(item,index) in imgList2' v-if="imgList2 && imgList2.length > 0"
|
|
<view v-for='(item,index) in imgList2' v-if="imgList2 && imgList2.length > 0"
|
|
- style="position: relative;margin-left: 20rpx;">
|
|
|
|
- <view class="delete_img" @click="deleteImg(index)">
|
|
|
|
- <u-icon size='4' name="close"></u-icon>
|
|
|
|
- </view>
|
|
|
|
- <image :src="item.appendixPath" mode="" style="width: 100px;height: 100px;border:1px solid #ccc;border-radius: 5rpx;"></image>
|
|
|
|
|
|
+ style="position: relative;margin-left: 20rpx;">
|
|
|
|
+ <view class="delete_img" @click="deleteImg(index)">
|
|
|
|
+ <u-icon size='4' name="close"></u-icon>
|
|
|
|
+ </view>
|
|
|
|
+ <image :src="item.appendixPath" mode=""
|
|
|
|
+ style="width: 100px;height: 100px;border:1px solid #ccc;border-radius: 5rpx;"></image>
|
|
</view>
|
|
</view>
|
|
<view class="biankuang" @click="uploadClick" v-if="imgList2.length < 9">
|
|
<view class="biankuang" @click="uploadClick" v-if="imgList2.length < 9">
|
|
<view class="tubiao">
|
|
<view class="tubiao">
|
|
@@ -33,8 +34,8 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
- <!-- <upload :file-list='businesslicense' class="upload" ref="upload" :action="action" :max-size="maxSize"
|
|
|
|
|
|
+
|
|
|
|
+ <!-- <upload :file-list='businesslicense' class="upload" ref="upload" :action="action" :max-size="maxSize"
|
|
delIconSize='30' delBgColor='rgba(0,0,0,0.4)' delIcon="trash" :max-count="9"
|
|
delIconSize='30' delBgColor='rgba(0,0,0,0.4)' delIcon="trash" :max-count="9"
|
|
:size-type="['compressed']" @on-success="getImgUrl" @on-remove="onRemove"
|
|
:size-type="['compressed']" @on-success="getImgUrl" @on-remove="onRemove"
|
|
:before-upload="filterFileType"></upload> -->
|
|
:before-upload="filterFileType"></upload> -->
|
|
@@ -51,7 +52,7 @@
|
|
</u-radio-group>
|
|
</u-radio-group>
|
|
</u-cell-item>
|
|
</u-cell-item>
|
|
<u-cell-item :title="placeTitle" :title-style="titleStyle">
|
|
<u-cell-item :title="placeTitle" :title-style="titleStyle">
|
|
- <selectAddress :disabled="true" @selectAddress='selectAddress' series='3' :textStyle='textStyle'
|
|
|
|
|
|
+ <selectAddress :disabled="true" @selectAddress='selectAddress' :edit='true' :text='dataObj.placeDelivery' series='3' :textStyle='textStyle'
|
|
:searchPlace='searchPlaceHolder'>
|
|
:searchPlace='searchPlaceHolder'>
|
|
</selectAddress>
|
|
</selectAddress>
|
|
|
|
|
|
@@ -71,16 +72,21 @@
|
|
<view class="edit-nickname">
|
|
<view class="edit-nickname">
|
|
<view>昵称长度限制在2-24个字符内</view>
|
|
<view>昵称长度限制在2-24个字符内</view>
|
|
<u-input v-model="dataObj.publisher" border class='nickname-input' />
|
|
<u-input v-model="dataObj.publisher" border class='nickname-input' />
|
|
- <view style="text-align: center;">
|
|
|
|
- <u-button type="success" size="medium" class="nickname-btn" @click="nickNamesubmit">保存</u-button>
|
|
|
|
|
|
+ <view style="text-align: center;display:flex;justify-content: space-between;">
|
|
|
|
+ <u-button style='flex:1;margin-right:20rpx;' type="default" size="medium" class="nickname-btn" @click="showNickname=false">取消</u-button>
|
|
|
|
+ <u-button style='flex:1;' type="success" size="medium" class="nickname-btn" @click="nickNamesubmit">保存</u-button>
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</u-popup>
|
|
</u-popup>
|
|
|
|
+ <u-modal v-model="isShowAlert" :title-style="{fontSize: '18px',fontWeight:'500'}"
|
|
|
|
+ :content-style="{fontSize: '14px',fontWeight:'400'}" confirm-color='#22C572' confirm-text='确定' title='提示'
|
|
|
|
+ showCancelButton='false' content="确定发布交易信息?" @confirm="alertBtn" @cancel="cancelClick"></u-modal>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
- import * as config from '../../config'
|
|
|
|
|
|
+ import * as config from '../../config'
|
|
import upload from '@/components/upload_small.vue';
|
|
import upload from '@/components/upload_small.vue';
|
|
import selectAddress from "@/components/selectAddress.vue"
|
|
import selectAddress from "@/components/selectAddress.vue"
|
|
import {
|
|
import {
|
|
@@ -96,8 +102,8 @@
|
|
searchPlaceHolder: '选择地区',
|
|
searchPlaceHolder: '选择地区',
|
|
placeTitle: '交货地',
|
|
placeTitle: '交货地',
|
|
imgList: [],
|
|
imgList: [],
|
|
- imgList2:[],
|
|
|
|
- disabled:false,
|
|
|
|
|
|
+ imgList2: [],
|
|
|
|
+ disabled: false,
|
|
showNickname: false,
|
|
showNickname: false,
|
|
dataObj: {
|
|
dataObj: {
|
|
userId: '',
|
|
userId: '',
|
|
@@ -127,12 +133,13 @@
|
|
disabled: false
|
|
disabled: false
|
|
}
|
|
}
|
|
],
|
|
],
|
|
|
|
+ isShowAlert:false,
|
|
businesslicense: [],
|
|
businesslicense: [],
|
|
value: '',
|
|
value: '',
|
|
action: this.$uploadUrl,
|
|
action: this.$uploadUrl,
|
|
maxSize: 50 * 1024 * 1024, //限制文件大小 50M
|
|
maxSize: 50 * 1024 * 1024, //限制文件大小 50M
|
|
isAdd: false,
|
|
isAdd: false,
|
|
- num:0
|
|
|
|
|
|
+ num: 0
|
|
};
|
|
};
|
|
},
|
|
},
|
|
onShow() {
|
|
onShow() {
|
|
@@ -145,9 +152,9 @@
|
|
},
|
|
},
|
|
onLoad() {
|
|
onLoad() {
|
|
console.log("user", this.userInfo)
|
|
console.log("user", this.userInfo)
|
|
- this.dataObj.userId = this.userInfo.id
|
|
|
|
- this.dataObj.publisher = this.userInfo.wechatNo
|
|
|
|
- this.dataObj.remark = this.userInfo.phone
|
|
|
|
|
|
+ this.dataObj.userId = uni.getStorageSync('userInfo').id
|
|
|
|
+ this.dataObj.publisher = uni.getStorageSync('userInfo').wechatNo
|
|
|
|
+ this.dataObj.remark = uni.getStorageSync('userInfo').phone
|
|
},
|
|
},
|
|
onNavigationBarButtonTap(e) {
|
|
onNavigationBarButtonTap(e) {
|
|
console.log(e)
|
|
console.log(e)
|
|
@@ -162,57 +169,58 @@
|
|
imgList: {
|
|
imgList: {
|
|
handler: function() {
|
|
handler: function() {
|
|
var that = this
|
|
var that = this
|
|
- setTimeout(()=>{
|
|
|
|
|
|
+ setTimeout(() => {
|
|
that.$api.doRequest('get', 'appendix/query/getFileList', {
|
|
that.$api.doRequest('get', 'appendix/query/getFileList', {
|
|
- appendixIds: that.imgList.toString()
|
|
|
|
- }).then(res => {
|
|
|
|
- that.imgList2 = res.data.data
|
|
|
|
- that.$forceUpdate()
|
|
|
|
- })
|
|
|
|
- },1000)
|
|
|
|
-
|
|
|
|
|
|
+ appendixIds: that.imgList.toString()
|
|
|
|
+ }).then(res => {
|
|
|
|
+ that.imgList2 = res.data.data
|
|
|
|
+ that.$forceUpdate()
|
|
|
|
+ })
|
|
|
|
+ }, 1000)
|
|
|
|
+
|
|
},
|
|
},
|
|
deep: true,
|
|
deep: true,
|
|
- immediate:true
|
|
|
|
|
|
+ immediate: true
|
|
}
|
|
}
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
deleteImg(index) {
|
|
deleteImg(index) {
|
|
- this.num=this.imgList.length
|
|
|
|
this.imgList.splice(index, 1)
|
|
this.imgList.splice(index, 1)
|
|
|
|
+ this.num = this.imgList.length
|
|
|
|
+
|
|
},
|
|
},
|
|
async uploadClick() {
|
|
async uploadClick() {
|
|
let baseUrlNew = config.def().baseUrlNew
|
|
let baseUrlNew = config.def().baseUrlNew
|
|
let pcUserInfo = uni.getStorageSync('pcUserInfo')
|
|
let pcUserInfo = uni.getStorageSync('pcUserInfo')
|
|
- console.log('baseUrlNew',baseUrlNew)
|
|
|
|
- if(!pcUserInfo){
|
|
|
|
|
|
+ console.log('baseUrlNew', baseUrlNew)
|
|
|
|
+ if (!pcUserInfo) {
|
|
uni.showToast({
|
|
uni.showToast({
|
|
- title:"登录已失效,请重新登录"
|
|
|
|
|
|
+ title: "登录已失效,请重新登录"
|
|
})
|
|
})
|
|
- return
|
|
|
|
|
|
+ return
|
|
}
|
|
}
|
|
await uni.chooseImage({
|
|
await uni.chooseImage({
|
|
- count:9,
|
|
|
|
|
|
+ count: 9,
|
|
success: (chooseImageRes) => {
|
|
success: (chooseImageRes) => {
|
|
- console.log('chooseImageRes',chooseImageRes)
|
|
|
|
|
|
+ console.log('chooseImageRes', chooseImageRes)
|
|
let files = []
|
|
let files = []
|
|
for (let item of chooseImageRes.tempFiles) {
|
|
for (let item of chooseImageRes.tempFiles) {
|
|
files.push({
|
|
files.push({
|
|
name: 'fileName',
|
|
name: 'fileName',
|
|
- url : item.path
|
|
|
|
|
|
+ url: item.path
|
|
});
|
|
});
|
|
}
|
|
}
|
|
- console.log(files)
|
|
|
|
|
|
+ console.log(files,this.num)
|
|
for (let i = 0; i < files.length; i++) {
|
|
for (let i = 0; i < files.length; i++) {
|
|
this.num++
|
|
this.num++
|
|
- if(this.num<10){
|
|
|
|
- console.log(this.num)
|
|
|
|
|
|
+ if (this.num < 10) {
|
|
|
|
+ console.log(this.num,11111111111)
|
|
uni.uploadFile({
|
|
uni.uploadFile({
|
|
url: baseUrlNew + 'appendix/api/uploadFiles',
|
|
url: baseUrlNew + 'appendix/api/uploadFiles',
|
|
// url: baseUrlNew+'appendix/api/uploadFiles', //仅为示例,非真实的接口地址
|
|
// url: baseUrlNew+'appendix/api/uploadFiles', //仅为示例,非真实的接口地址
|
|
// files: files[i],
|
|
// files: files[i],
|
|
- filePath:files[i].url,
|
|
|
|
- name:files[i].name,
|
|
|
|
|
|
+ filePath: files[i].url,
|
|
|
|
+ name: files[i].name,
|
|
formData: {
|
|
formData: {
|
|
// fileName: chooseImageRes.tempFiles[0],
|
|
// fileName: chooseImageRes.tempFiles[0],
|
|
companyId: pcUserInfo.compId,
|
|
companyId: pcUserInfo.compId,
|
|
@@ -223,15 +231,16 @@
|
|
console.log(JSON.parse(uploadFileRes.data))
|
|
console.log(JSON.parse(uploadFileRes.data))
|
|
var data = JSON.parse(uploadFileRes.data).data
|
|
var data = JSON.parse(uploadFileRes.data).data
|
|
data.compId = pcUserInfo.compId
|
|
data.compId = pcUserInfo.compId
|
|
- this.$api.doRequest('post', '/appendix/api/saveFilesApp', {
|
|
|
|
- newAppendixs: [data],
|
|
|
|
- oldAppendixIds: ""
|
|
|
|
- }).then(res => {
|
|
|
|
-
|
|
|
|
|
|
+ this.$api.doRequest('post',
|
|
|
|
+ '/appendix/api/saveFilesApp', {
|
|
|
|
+ newAppendixs: [data],
|
|
|
|
+ oldAppendixIds: ""
|
|
|
|
+ }).then(res => {
|
|
|
|
+
|
|
console.log(res.data.data)
|
|
console.log(res.data.data)
|
|
this.imgList.push(res.data.data[0])
|
|
this.imgList.push(res.data.data[0])
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+
|
|
})
|
|
})
|
|
console.log(uploadFileRes.data);
|
|
console.log(uploadFileRes.data);
|
|
},
|
|
},
|
|
@@ -239,12 +248,12 @@
|
|
console.log(res);
|
|
console.log(res);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
- }else{
|
|
|
|
|
|
+ } else {
|
|
break;
|
|
break;
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
}
|
|
}
|
|
});
|
|
});
|
|
},
|
|
},
|
|
@@ -254,6 +263,34 @@
|
|
closePopup() {
|
|
closePopup() {
|
|
this.dataObj.publisher = this.userInfo.wechatNo
|
|
this.dataObj.publisher = this.userInfo.wechatNo
|
|
},
|
|
},
|
|
|
|
+ cancelClick() {
|
|
|
|
+ this.isShowAlert = false
|
|
|
|
+ },
|
|
|
|
+ alertBtn() {
|
|
|
|
+ uni.showLoading({
|
|
|
|
+ title: '数据加载中',
|
|
|
|
+ mask: true
|
|
|
|
+
|
|
|
|
+ })
|
|
|
|
+
|
|
|
|
+ this.dataObj.urlImg = this.imgList.toString()
|
|
|
|
+ this.dataObj.remark3 = this.dateFormat(new Date().getTime())
|
|
|
|
+ this.$api.doRequest('post', '/transactionExchangeInfo/addInfo', this.dataObj).then(res => {
|
|
|
|
+ console.log(res)
|
|
|
|
+ if (res.data.code == 200) {
|
|
|
|
+ this.num = 0
|
|
|
|
+ uni.navigateBack({
|
|
|
|
+ delta: 1
|
|
|
|
+ })
|
|
|
|
+ } else {
|
|
|
|
+ uni.showToast({
|
|
|
|
+ title: res.message,
|
|
|
|
+ icon: 'none',
|
|
|
|
+ duration: 2000
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
nickNamesubmit() {
|
|
nickNamesubmit() {
|
|
if (this.dataObj.publisher == null || this.dataObj.publisher == "") {
|
|
if (this.dataObj.publisher == null || this.dataObj.publisher == "") {
|
|
this.$api.msg('请输入昵称!')
|
|
this.$api.msg('请输入昵称!')
|
|
@@ -317,54 +354,46 @@
|
|
console.log(this.dataObj)
|
|
console.log(this.dataObj)
|
|
this.showNickname = true
|
|
this.showNickname = true
|
|
},
|
|
},
|
|
- submit() {
|
|
|
|
-
|
|
|
|
|
|
+ async submit() {
|
|
|
|
+
|
|
if (!this.dataObj.publishingContent && this.businesslicense.length == 0) {
|
|
if (!this.dataObj.publishingContent && this.businesslicense.length == 0) {
|
|
uni.showToast({
|
|
uni.showToast({
|
|
title: "图片和文字不能同时为空,错误提示“发布内容不能为空",
|
|
title: "图片和文字不能同时为空,错误提示“发布内容不能为空",
|
|
icon: 'none',
|
|
icon: 'none',
|
|
duration: 2000
|
|
duration: 2000
|
|
})
|
|
})
|
|
|
|
+ return
|
|
}
|
|
}
|
|
- uni.showLoading({
|
|
|
|
- title: '数据加载中',
|
|
|
|
- mask: true
|
|
|
|
-
|
|
|
|
- })
|
|
|
|
-
|
|
|
|
- this.dataObj.urlImg = this.imgList.toString()
|
|
|
|
- this.dataObj.remark3 = this.dateFormat(new Date().getTime())
|
|
|
|
- this.$api.doRequest('post', '/transactionExchangeInfo/addInfo', this.dataObj).then(res => {
|
|
|
|
- console.log(res)
|
|
|
|
- if (res.data.code == 200) {
|
|
|
|
- this.num=0
|
|
|
|
- uni.navigateBack({
|
|
|
|
- delta: 1
|
|
|
|
- })
|
|
|
|
- } else {
|
|
|
|
- uni.showToast({
|
|
|
|
- title: res.message,
|
|
|
|
- icon: 'none',
|
|
|
|
- duration: 2000
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
|
|
+ var that = this
|
|
|
|
+ await this.$api.doRequest('get', '/commonUser/getInfo', {id:uni.getStorageSync('userInfo').id}).then(
|
|
|
|
+ res => {
|
|
|
|
+ if (!res.data.data.transactionStatus || res.data.data.transactionStatus && res.data.data.transactionStatus != '禁止发布') {
|
|
|
|
+ that.isShowAlert = true
|
|
|
|
+ } else {
|
|
|
|
+ uni.showToast({
|
|
|
|
+ title: '暂未获得发布权限!',
|
|
|
|
+ icon:'none'
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+
|
|
|
|
+
|
|
},
|
|
},
|
|
dateFormat(time) {
|
|
dateFormat(time) {
|
|
- let date = new Date(time);
|
|
|
|
- let year = date.getFullYear();
|
|
|
|
- // 在日期格式中,月份是从0开始的,因此要加0,使用三元表达式在小于10的前面加0,以达到格式统一 如 09:11:05
|
|
|
|
- let month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
|
|
|
|
- let day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
|
|
|
|
- let hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
|
|
|
|
- let minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
|
|
|
|
- let seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
|
|
|
|
- // 拼接
|
|
|
|
- return year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;
|
|
|
|
- // return year + "-" + month + "-" + day;
|
|
|
|
- },
|
|
|
|
|
|
+ let date = new Date(time);
|
|
|
|
+ let year = date.getFullYear();
|
|
|
|
+ // 在日期格式中,月份是从0开始的,因此要加0,使用三元表达式在小于10的前面加0,以达到格式统一 如 09:11:05
|
|
|
|
+ let month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
|
|
|
|
+ let day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
|
|
|
|
+ let hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
|
|
|
|
+ let minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
|
|
|
|
+ let seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
|
|
|
|
+ // 拼接
|
|
|
|
+ return year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;
|
|
|
|
+ // return year + "-" + month + "-" + day;
|
|
|
|
+ },
|
|
selectAddress(val) {
|
|
selectAddress(val) {
|
|
- console.log(val)
|
|
|
|
|
|
+ console.log(val,11111)
|
|
console.log(this.dataObj.tranType)
|
|
console.log(this.dataObj.tranType)
|
|
if (!val.check) {
|
|
if (!val.check) {
|
|
uni.showToast({
|
|
uni.showToast({
|
|
@@ -375,6 +404,7 @@
|
|
return
|
|
return
|
|
}
|
|
}
|
|
try {
|
|
try {
|
|
|
|
+ console.log(22222222)
|
|
uni.setStorageSync('transactionPlace', val);
|
|
uni.setStorageSync('transactionPlace', val);
|
|
this.dataObj.placeDelivery = val.address
|
|
this.dataObj.placeDelivery = val.address
|
|
} catch (e) {
|
|
} catch (e) {
|
|
@@ -431,6 +461,9 @@
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
|
|
+ /deep/.u-size-medium{
|
|
|
|
+ padding:0 60rpx;
|
|
|
|
+ }
|
|
.content {
|
|
.content {
|
|
// overflow: hidden;
|
|
// overflow: hidden;
|
|
padding-bottom: 100rpx;
|
|
padding-bottom: 100rpx;
|
|
@@ -582,28 +615,31 @@
|
|
bottom: 30rpx;
|
|
bottom: 30rpx;
|
|
width: 90%;
|
|
width: 90%;
|
|
}
|
|
}
|
|
|
|
+
|
|
.biankuang {
|
|
.biankuang {
|
|
// border: 1px dashed #AFB3BF;
|
|
// border: 1px dashed #AFB3BF;
|
|
border-radius: 10rpx;
|
|
border-radius: 10rpx;
|
|
width: 200rpx;
|
|
width: 200rpx;
|
|
height: 200rpx;
|
|
height: 200rpx;
|
|
margin-left: 20rpx;
|
|
margin-left: 20rpx;
|
|
- text-align:center;
|
|
|
|
|
|
+ text-align: center;
|
|
line-height: 220rpx;
|
|
line-height: 220rpx;
|
|
- background:#F5F6FA;
|
|
|
|
|
|
+ background: #F5F6FA;
|
|
|
|
+
|
|
.upload {
|
|
.upload {
|
|
width: 46rpx;
|
|
width: 46rpx;
|
|
height: 46rpx;
|
|
height: 46rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+
|
|
.delete_img {
|
|
.delete_img {
|
|
position: absolute;
|
|
position: absolute;
|
|
z-index: 100;
|
|
z-index: 100;
|
|
right: 0px;
|
|
right: 0px;
|
|
- border-radius:0 5rpx 0 10px;
|
|
|
|
|
|
+ border-radius: 0 5rpx 0 10px;
|
|
color: #ffffff;
|
|
color: #ffffff;
|
|
font-size: 28rpx;
|
|
font-size: 28rpx;
|
|
-
|
|
|
|
|
|
+
|
|
border: 1px;
|
|
border: 1px;
|
|
// border-radius: 5rpx;
|
|
// border-radius: 5rpx;
|
|
width: 40rpx;
|
|
width: 40rpx;
|
|
@@ -611,13 +647,14 @@
|
|
background-color: rgba(17, 26, 52, 0.50);
|
|
background-color: rgba(17, 26, 52, 0.50);
|
|
text-align: center;
|
|
text-align: center;
|
|
}
|
|
}
|
|
- /deep/.pickerClass{
|
|
|
|
|
|
+
|
|
|
|
+ /deep/.pickerClass {
|
|
width: 80%;
|
|
width: 80%;
|
|
position: absolute;
|
|
position: absolute;
|
|
- right:11px;
|
|
|
|
- padding:0 30px 0 0;
|
|
|
|
- top:50%;
|
|
|
|
|
|
+ right: 11px;
|
|
|
|
+ padding: 0 30px 0 0;
|
|
|
|
+ top: 50%;
|
|
transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
- z-index:2
|
|
|
|
|
|
+ z-index: 2
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|