|
|
@@ -0,0 +1,1059 @@
|
|
|
+<template>
|
|
|
+ <view>
|
|
|
+ <view class="header">
|
|
|
+ <view style='background:#fff;display:flex;' class="cu-bar search">
|
|
|
+ <view style='flex:6;' class="search-form round Medium">
|
|
|
+ <text style='color: #ccc;text-indent:6px;' class="cuIcon-search"></text>
|
|
|
+ <input @input='searchinput' type="text" maxlength="20" :focus="true" v-model="searchKeyWord"
|
|
|
+ @confirm="doSearch(1)" placeholder=" 输入客户姓名、客户手机号或供应商姓名" confirm-type="search"></input>
|
|
|
+ </view>
|
|
|
+ <view @click='doSearch(1)' class="Regular" style="width:4%;flex:1;">搜索</view>
|
|
|
+ <u-icon @click='emptysearch' class="cuIcon" v-if='searchKeyWord.length>0' size="34"
|
|
|
+ name="close-circle-fill" color="#D6D9E0"></u-icon>
|
|
|
+ <!-- <text @click='emptysearch' v-if='searchKeyWord.length>0' class='tip_text cuIcon-roundclosefill'></text> -->
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="content">
|
|
|
+ <!-- <view style='padding-left:20px;color:#AFB3BF;font-size:14px;' v-if='show==false'>近期客户</view> -->
|
|
|
+ <view v-for='item in gridList'>
|
|
|
+ <view v-if='searchKeyWord.length>0&&show==true' class='searchwrap' @click='checkcustomer(item)'>
|
|
|
+ <view v-if="item.supplier"> {{item.customerName}}({{item.bankCard}})-{{item.supplier}} </view>
|
|
|
+ <view v-else> {{item.customerName}}({{item.bankCard}}) </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- <view v-for='item in recentCustomers' style='display:inline-block;'>
|
|
|
+ <view @click='recentcustomer(item)' class='wrap' v-if='show==false'>
|
|
|
+ {{item.customerName}}({{item.bankCard}})
|
|
|
+ </view>
|
|
|
+ </view> -->
|
|
|
+ </view>
|
|
|
+ <view class="content content1">
|
|
|
+ <view style='padding-left:20px;color:#AFB3BF;font-size:14px;' >登记客户</view>
|
|
|
+
|
|
|
+ <!-- <view v-for='item in registeredCustomer'> -->
|
|
|
+ <view class="dj-customer" v-for="(item,index) in registeredCustomer"
|
|
|
+ @click="registeredCustomerClick(item,item1)">
|
|
|
+ <view class="left">{{item.carNo}}</view>
|
|
|
+ <view class="right">
|
|
|
+ <view class="span1">{{item.shipperName}}（货）</view>
|
|
|
+ <view class="">{{item.supplier}}（商）</view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <!-- </view> -->
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view v-show="isContent">
|
|
|
+ <uni-load-more :status="loadStatus"></uni-load-more>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+ import dragButton from "@/components/drag-button/drag-button.vue";
|
|
|
+ import {
|
|
|
+ mapState
|
|
|
+ } from 'vuex';
|
|
|
+ let startY = 0,
|
|
|
+ moveY = 0,
|
|
|
+ pageAtTop = true;
|
|
|
+ export default {
|
|
|
+ components: {
|
|
|
+ dragButton
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ inputShow: false,
|
|
|
+ modalName: '',
|
|
|
+ mycarStyle: '',
|
|
|
+ feild: undefined,
|
|
|
+ params: {},
|
|
|
+ selector: [],
|
|
|
+ isContent: false,
|
|
|
+ loadStatus: 'noMore',
|
|
|
+ inputContent: '',
|
|
|
+ coverTransform: 'translateY(0px)',
|
|
|
+ coverTransition: '0s',
|
|
|
+ moving: false,
|
|
|
+ footprintList: [],
|
|
|
+ searchKeyWord: '',
|
|
|
+ isVip: false,
|
|
|
+ userInfoTmp: [],
|
|
|
+ inputStatus: 'none',
|
|
|
+ carInfo: [],
|
|
|
+ gridCol: 4,
|
|
|
+ show: false,
|
|
|
+ pageSize: 10,
|
|
|
+ currentPage: 1,
|
|
|
+ gridBorder: false,
|
|
|
+ headUrl: "../../static/img/myimg/YongHu@3x.png",
|
|
|
+ userphone: "",
|
|
|
+ username: "请更改昵称",
|
|
|
+ gridList: [],
|
|
|
+ managementType: '',
|
|
|
+ warehouseName: '',
|
|
|
+ showTran: true,
|
|
|
+ companyId: 1,
|
|
|
+ current: 4,
|
|
|
+ customerList: [],
|
|
|
+ purchasePriceList: [],
|
|
|
+ warehouseCount: '',
|
|
|
+ commonWarehouseNo: '',
|
|
|
+ cangid: '',
|
|
|
+ recentCustomers: [],
|
|
|
+ registeredCustomer: []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapState(['hasLogin', 'userInfo']),
|
|
|
+ // 手机号中间4位加*
|
|
|
+ starUserphone() {
|
|
|
+ let reg = /^(\d{3})\d{4}(\d{4})$/;
|
|
|
+ if (this.userphone) {
|
|
|
+ return this.userphone.replace(reg, "$1****$2");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onLoad(options) {
|
|
|
+ this.cangid = options.cangid
|
|
|
+ this.warehouseName = options.warehouseName
|
|
|
+ this.goodsName = options.goodsName
|
|
|
+ this.$api.doRequest('get', '/qualityInspectionManagement/api/goodsName', {
|
|
|
+ warehouseId: this.cangid
|
|
|
+ }).then(res => {
|
|
|
+ if (res.data.data) {
|
|
|
+ uni.setStorageSync('purchasePriceList', res.data.data)
|
|
|
+ this.purchasePriceList = uni.getStorageSync('purchasePriceList')
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ onShow() {
|
|
|
+ this.purchasePriceList = uni.getStorageSync('purchasePriceList')
|
|
|
+ let _data = uni.getStorageSync('recentCustomers')
|
|
|
+ if (_data) {
|
|
|
+ this.recentCustomers = _data
|
|
|
+ for (let i = 0; i < _data.length; i++) {
|
|
|
+ if (_data[i].shipperName) {
|
|
|
+ this.recentCustomers[i].customerName = _data[i].shipperName
|
|
|
+ this.recentCustomers[i].customerPhone = _data[i].shipperPhone
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ } else {
|
|
|
+ this.recentCustomers = []
|
|
|
+ }
|
|
|
+
|
|
|
+ this.$api.doRequest('get', '/shippingInformation/selectShippingInformation', {
|
|
|
+ warehouseName: this.warehouseName,
|
|
|
+ compId: uni.getStorageSync('pcUserInfo').compId,
|
|
|
+ }).then(res => {
|
|
|
+ if (res.data.data) {
|
|
|
+ let _endTime = Date.parse(new Date());
|
|
|
+ let _startTime = ""
|
|
|
+ for (let i = 0; i < res.data.data.length; i++) {
|
|
|
+ _startTime = new Date((res.data.data[i].validityDate + ' 00:00:00')).getTime();
|
|
|
+ if (_endTime - _startTime <= 0) {
|
|
|
+ this.registeredCustomer.push(res.data.data[i])
|
|
|
+ }
|
|
|
+ // let _carList = res.data.data[i].shippingInformationList
|
|
|
+ // for (let k = 0; k < _carList.length; k++) {
|
|
|
+ // //判断是记录是否失效
|
|
|
+ // _startTime = new Date((res.data.data[i].validityDate + ' 00:00:00')).getTime();
|
|
|
+ // if (_endTime - _startTime <= 0) {
|
|
|
+ // let _ecarList = _carList[k].carNo.split(',')
|
|
|
+ // _carList[k].carList = _ecarList
|
|
|
+ // this.registeredCustomer.push(_carList[k])
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ }
|
|
|
+ console.log(this.registeredCustomer)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ // this.$api.doRequest('get', '/searchRecordsInfo/selectSearchRecordsInfo', {
|
|
|
+ // pageSize: this.pageSize,
|
|
|
+ // currentPage: this.currentPage,
|
|
|
+ // functionType: "3",
|
|
|
+ // commonId: this.userInfo.id
|
|
|
+ // }).then(res => {
|
|
|
+ // if (res.data.data) {
|
|
|
+ // this.gridList = res.data.data.records
|
|
|
+ // console.log(this.gridList)
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // this.$api.doRequest('get', '/identityAuthenticationInfo/identityAuthenticationInfoCustomer', {
|
|
|
+ // compId: uni.getStorageSync('pcUserInfo').compId,
|
|
|
+ // authenticationStatusKey: 7,
|
|
|
+ // searchKeyWord:''
|
|
|
+ // }).then(res => {
|
|
|
+ // if (res.data.data) {
|
|
|
+ // this.customerList = res.data.data
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ searchinput(e) {
|
|
|
+ if (this.searchKeyWord.length == 0) {
|
|
|
+ this.show = false
|
|
|
+ this.isContent=false
|
|
|
+ this.getList()
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+ registeredCustomerClick(item, item1) {
|
|
|
+ uni.setStorageSync('isClick', true)
|
|
|
+ uni.setStorageSync('carNo', item1)
|
|
|
+ uni.setStorageSync('checkcustomer', item)
|
|
|
+ if (this.recentCustomers.length == 0) {
|
|
|
+ this.recentCustomers.push(item)
|
|
|
+ uni.setStorageSync('recentCustomers', this.recentCustomers)
|
|
|
+ } else {
|
|
|
+ let _copyList = this.$u.deepClone(this.recentCustomers)
|
|
|
+ for (let i = 0; i < this.recentCustomers.length; i++) {
|
|
|
+ if (this.recentCustomers[i].customerPhone != item.shipperPhone) {
|
|
|
+ _copyList.push(item)
|
|
|
+ uni.setStorageSync('recentCustomers', _copyList)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ uni.navigateBack()
|
|
|
+ },
|
|
|
+ checkcustomer(item) {
|
|
|
+ uni.setStorageSync('isClick', true)
|
|
|
+ var that = this
|
|
|
+ var count = ''
|
|
|
+ if (item.authenticationStatus == '已认证') {
|
|
|
+ // uni.showLoading({
|
|
|
+ // title: '加载中'
|
|
|
+ // })
|
|
|
+
|
|
|
+ uni.setStorageSync('checkcustomer', item)
|
|
|
+ if (this.recentCustomers.length == 0) {
|
|
|
+ this.recentCustomers.push(item)
|
|
|
+ uni.setStorageSync('recentCustomers', this.recentCustomers)
|
|
|
+ } else {
|
|
|
+ let _isDel = false
|
|
|
+ for (let i = 0; i < this.recentCustomers.length; i++) {
|
|
|
+ if (this.recentCustomers[i].customerPhone == item.customerPhone) {
|
|
|
+ _isDel = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (!_isDel) {
|
|
|
+ let _data = uni.getStorageSync('recentCustomers')
|
|
|
+ _data.push(item)
|
|
|
+ uni.setStorageSync('recentCustomers', _data)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // uni.hideLoading()
|
|
|
+ uni.navigateBack()
|
|
|
+ // that.$api.doRequest('post', '/searchRecordsInfo/api/addInfo', {
|
|
|
+ // commonId: that.userInfo.id,
|
|
|
+ // searchContent: item.customerName + '(' + item.customerPhone + ')',
|
|
|
+ // functionType: 3
|
|
|
+ // }).then(res => {
|
|
|
+
|
|
|
+ // uni.setStorageSync('checkcustomer', item)
|
|
|
+ // that.$api.doRequest('get', '/qualityInspectionManagement/api/settledCount', {
|
|
|
+ // compId: '',
|
|
|
+ // customerName: item.customerName,
|
|
|
+ // goodsName: uni.getStorageSync('goodsName'),
|
|
|
+ // }).then(res => {
|
|
|
+ // if (res.data.code == 200) {
|
|
|
+ // count = res.data.data
|
|
|
+ // that.$api.doRequest('get', '/paymentManagement/cumulant', {
|
|
|
+ // compId: '',
|
|
|
+ // customerName: item.customerName,
|
|
|
+ // goodsName: uni.getStorageSync('goodsName'),
|
|
|
+ // }).then(res => {
|
|
|
+ // for (let i = 0; i < that.purchasePriceList.length; i++) {
|
|
|
+ // var data = res.data.data / 1000
|
|
|
+ // if (that.purchasePriceList[i].goodsName == uni
|
|
|
+ // .getStorageSync('goodsName')) {
|
|
|
+ // if (that.purchasePriceList[i].saleLimit - data < 50 ||
|
|
|
+ // count > 0) {
|
|
|
+ // that.$api.msg(
|
|
|
+ // `当前客户已累计销售我司${uni.getStorageSync('goodsName')}${data.toFixed(2)}吨，最高可售${that.purchasePriceList[i].saleLimit}吨。`
|
|
|
+ // )
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // that.show = false
|
|
|
+ // uni.hideLoading()
|
|
|
+ // uni.navigateBack()
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // })
|
|
|
+ // .catch(res => {
|
|
|
+ // uni.showToast({
|
|
|
+ // title: '系统异常，请联系管理员',
|
|
|
+ // icon: 'none',
|
|
|
+ // duration: 2000
|
|
|
+ // })
|
|
|
+ // uni.hideLoading()
|
|
|
+ // })
|
|
|
+ } else {
|
|
|
+ this.$api.msg('客户身份不可用')
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+ recentcustomer(item) {
|
|
|
+ uni.setStorageSync('isClick', true)
|
|
|
+ uni.setStorageSync('checkcustomer', item)
|
|
|
+ uni.navigateBack()
|
|
|
+ // var count = ''
|
|
|
+ // var that = this
|
|
|
+ // var name = item.searchContent.split('(')[0]
|
|
|
+ // var phone = item.searchContent.split('(')[1]
|
|
|
+ // phone = phone.substring(0, phone.length - 1)
|
|
|
+ // for (var i = 0; i < this.customerList.length; i++) {
|
|
|
+ // // console.log(name,this.customerList[i].customerName,name==this.customerList[i].customerName)
|
|
|
+ // if (this.customerList[i].customerPhone == phone) {
|
|
|
+ // var tmpName = this.customerList[i].customerName
|
|
|
+ // uni.setStorageSync('checkcustomer', this.customerList[i])
|
|
|
+ // uni.showLoading({
|
|
|
+ // title: '加载中'
|
|
|
+ // })
|
|
|
+ // that.$api.doRequest('post', '/searchRecordsInfo/api/addInfo', {
|
|
|
+ // commonId: that.userInfo.id,
|
|
|
+ // searchContent: this.customerList[i].customerName + '(' + this.customerList[i]
|
|
|
+ // .customerPhone + ')',
|
|
|
+ // functionType: 3
|
|
|
+ // }).then(res => {
|
|
|
+ // that.$api.doRequest('get', '/qualityInspectionManagement/api/settledCount', {
|
|
|
+ // compId: '',
|
|
|
+ // customerName: tmpName,
|
|
|
+ // goodsName: uni.getStorageSync('goodsName'),
|
|
|
+ // }).then(res => {
|
|
|
+ // if (res.data.code == 200) {
|
|
|
+ // count = res.data.data
|
|
|
+ // that.$api.doRequest('get', '/paymentManagement/cumulant', {
|
|
|
+ // compId: '',
|
|
|
+ // customerName: tmpName,
|
|
|
+ // goodsName: uni.getStorageSync('goodsName'),
|
|
|
+ // }).then(res => {
|
|
|
+ // for (let i = 0; i < that.purchasePriceList.length; i++) {
|
|
|
+ // if (that.purchasePriceList[i].goodsName == uni
|
|
|
+ // .getStorageSync('goodsName')) {
|
|
|
+ // var data = res.data.data / 1000
|
|
|
+ // if (that.purchasePriceList[i].saleLimit - data <
|
|
|
+ // 50 || count > 0) {
|
|
|
+ // that.$api.msg(
|
|
|
+ // `当前客户已累计销售我司${uni.getStorageSync('goodsName')}${data.toFixed(2)}吨，最高可售${that.purchasePriceList[i].saleLimit}吨。`
|
|
|
+ // )
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // that.show = false
|
|
|
+ // uni.hideLoading()
|
|
|
+ // uni.navigateBack()
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // })
|
|
|
+ // .catch(res => {
|
|
|
+ // uni.showToast({
|
|
|
+ // title: '系统异常，请联系管理员',
|
|
|
+ // icon: 'none',
|
|
|
+ // duration: 2000
|
|
|
+ // })
|
|
|
+ // uni.hideLoading()
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ },
|
|
|
+ emptysearch() {
|
|
|
+ this.show = false
|
|
|
+ this.searchKeyWord = ''
|
|
|
+ this.gridList = []
|
|
|
+ this.currentPage = 1
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ doSearch(status) {
|
|
|
+ if(this.searchKeyWord.length == 0){
|
|
|
+ this.$api.msg('请输入内容后再进行搜索')
|
|
|
+ return
|
|
|
+ }
|
|
|
+ this.show = true
|
|
|
+ this.gridList = []
|
|
|
+ this.currentPage = 1
|
|
|
+ uni.showLoading({
|
|
|
+ title: '正在加载',
|
|
|
+ mask: true
|
|
|
+ })
|
|
|
+ this.getList(status)
|
|
|
+ },
|
|
|
+ getList() {
|
|
|
+
|
|
|
+ var that = this
|
|
|
+ var url = ''
|
|
|
+ var data = {}
|
|
|
+ this.$api.doRequest('get', '/shippingInformation/selectShippingInformation', {
|
|
|
+ warehouseName: this.warehouseName,
|
|
|
+ compId: uni.getStorageSync('pcUserInfo').compId,
|
|
|
+ }).then(res => {
|
|
|
+ if (res.data.data) {
|
|
|
+ uni.hideLoading()
|
|
|
+ if (res.data.data) {
|
|
|
+ let _endTime = Date.parse(new Date());
|
|
|
+ let _startTime = ""
|
|
|
+ for (let i = 0; i < res.data.data.length; i++) {
|
|
|
+ _startTime = new Date((res.data.data[i].validityDate + ' 00:00:00')).getTime();
|
|
|
+ if (_endTime - _startTime <= 0) {
|
|
|
+ this.registeredCustomer.push(res.data.data[i])
|
|
|
+ }
|
|
|
+ // let _carList = res.data.data[i].shippingInformationList
|
|
|
+ // for (let k = 0; k < _carList.length; k++) {
|
|
|
+ // //判断是记录是否失效
|
|
|
+ // _startTime = new Date((res.data.data[i].validityDate + ' 00:00:00')).getTime();
|
|
|
+ // if (_endTime - _startTime <= 0) {
|
|
|
+ // let _ecarList = _carList[k].carNo.split(',')
|
|
|
+ // _carList[k].carList = _ecarList
|
|
|
+ // this.registeredCustomer.push(_carList[k])
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ }
|
|
|
+ console.log(this.registeredCustomer)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ edit(item) {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/pages/erpbusiness/edit_quality_testing?id=' + item.id + '&managementType=' + this
|
|
|
+ .managementType + '&cangid=' + this.cangid
|
|
|
+ })
|
|
|
+ },
|
|
|
+ add() {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/pages/erpbusiness/add_quality_testing?managementType=' + this.managementType +
|
|
|
+ '&cangid=' + this.cangid + '&warehouseCount=' + this.warehouseCount +
|
|
|
+ '&commonWarehouseNo=' + this.commonWarehouseNo + '&warehouseName=' + this.warehouseName
|
|
|
+ })
|
|
|
+ },
|
|
|
+ del(item) {
|
|
|
+ this.$api.doRequest('post', '/qualityInspectionManagement/api/deleteQualityInspection', {
|
|
|
+ id: item.id
|
|
|
+ }).then(res => {
|
|
|
+ if (res.data.code == 200) {
|
|
|
+ this.$api.msg('删除成功')
|
|
|
+ this.gridList = []
|
|
|
+ this.getList()
|
|
|
+ } else {
|
|
|
+ this.$api.msg('系统异常，请联系管理员')
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ fankui() {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: `/pages/user/fankui`
|
|
|
+ })
|
|
|
+ },
|
|
|
+ zhibo() {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: `/pageB/video/broadcast`
|
|
|
+ })
|
|
|
+ },
|
|
|
+ look() {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: `/pageB/video/look`
|
|
|
+ })
|
|
|
+ },
|
|
|
+ contactUs() {
|
|
|
+ const that = this
|
|
|
+ uni.makePhoneCall({
|
|
|
+ // 手机号
|
|
|
+ phoneNumber: '18241771147',
|
|
|
+ // 成功回调
|
|
|
+ success: (res) => {},
|
|
|
+ // 失败回调
|
|
|
+ fail: (res) => {}
|
|
|
+ });
|
|
|
+ },
|
|
|
+ loadData() {
|
|
|
+ // const that = this
|
|
|
+ // if(uni.getStorageSync("PageCur")){
|
|
|
+ // that.PageCur = uni.getStorageSync("PageCur");
|
|
|
+ // }
|
|
|
+ // that.userInfoTmp = uni.getStorageSync("userInfo")
|
|
|
+ // uni.showLoading({
|
|
|
+ // title: '正在加载',
|
|
|
+ // mask:true
|
|
|
+ // })
|
|
|
+ // that.$api.request('integral', 'getIndexData', failres => {
|
|
|
+ // that.$api.msg(failres.errmsg)
|
|
|
+ // uni.hideLoading()
|
|
|
+ // }).then(res => {
|
|
|
+ // let data = res.data
|
|
|
+ // uni.setStorageSync("message", data.message);
|
|
|
+ // uni.setStorageSync("task", data.task);
|
|
|
+ // uni.setStorageSync("contract", data.contract);
|
|
|
+ // uni.setStorageSync('showTran', data.showTran);
|
|
|
+ // that.showTran = data.showTran
|
|
|
+ // that.gridList[4].tips = data.task
|
|
|
+ // that.gridList[2].tips = data.contract
|
|
|
+ // that.companyId = data.companyId
|
|
|
+ // uni.hideLoading()
|
|
|
+ // })
|
|
|
+ },
|
|
|
+
|
|
|
+ confirm() {
|
|
|
+ const that = this
|
|
|
+ if (!that.inputContent) {
|
|
|
+ that.$api.msg('输入不能为空')
|
|
|
+ return
|
|
|
+ }
|
|
|
+ let obj = {}
|
|
|
+ obj[that.feild] = that.inputContent
|
|
|
+ that.$api.request('user', 'syncUserInfo', obj).then(res => {
|
|
|
+ that.userInfo.nickname = that.inputContent
|
|
|
+ that.inputContent = ''
|
|
|
+ that.$store.commit('login', that.userInfo)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ cancel() {
|
|
|
+ this.inputShow = false
|
|
|
+ this.inputStatus = 'none'
|
|
|
+ this.genderShow = false
|
|
|
+ },
|
|
|
+ myAccount() {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: `/pageA/pages/contract`
|
|
|
+ })
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 统一跳转接口,拦截未登录路由
|
|
|
+ * navigator标签现在默认没有转场动画，所以用view
|
|
|
+ */
|
|
|
+ navTo(url) {
|
|
|
+ if (!this.hasLogin) {
|
|
|
+ url = '/pages/public/login';
|
|
|
+ }
|
|
|
+ uni.navigateTo({
|
|
|
+ url
|
|
|
+ })
|
|
|
+ },
|
|
|
+ mycarClick(carNo) {
|
|
|
+ this.modalName = null
|
|
|
+ uni.navigateTo({
|
|
|
+ url: `/pageB/car/mycar_detail?carNo=${carNo}`
|
|
|
+ })
|
|
|
+ },
|
|
|
+ scanCode() {
|
|
|
+ uni.scanCode({
|
|
|
+ success: function(res) {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: res.result
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ hideModal(e) {
|
|
|
+ this.modalName = null
|
|
|
+ },
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+<style lang='scss' scoped>
|
|
|
+ page {
|
|
|
+ background: #F5F6FA;
|
|
|
+ }
|
|
|
+
|
|
|
+ .container {
|
|
|
+ padding-top: 85px;
|
|
|
+ padding-top: 35px;
|
|
|
+ background-color: #F5F6FA;
|
|
|
+ position: relative;
|
|
|
+ width: 100vw;
|
|
|
+ height: 100vh;
|
|
|
+ overflow: hidden;
|
|
|
+ background: url('~@/static/img/login/bg_slices/bg@3x.png');
|
|
|
+ background-size: 100% 100%;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .cu-tag.badge {
|
|
|
+ right: 26rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .path {
|
|
|
+ color: #007aff;
|
|
|
+ display: inline-block;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .icon {
|
|
|
+ margin-right: 10rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .portrait-box {
|
|
|
+ margin-top: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .qr-wrap {
|
|
|
+ margin-top: 20upx;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 32rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ @keyframes move_wave {
|
|
|
+ 0% {
|
|
|
+ transform: translateX(0) translateZ(0) scaleY(1)
|
|
|
+ }
|
|
|
+
|
|
|
+ 50% {
|
|
|
+ transform: translateX(-25%) translateZ(0) scaleY(0.55)
|
|
|
+ }
|
|
|
+
|
|
|
+ 100% {
|
|
|
+ transform: translateX(-50%) translateZ(0) scaleY(1)
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .bg {
|
|
|
+ position: relative;
|
|
|
+ height: 300rpx;
|
|
|
+ /* background: linear-gradient(to bottom, #56ccf2, #2f80ed); */
|
|
|
+ /*background: linear-gradient(to bottom, #0be9fe, #4bb0fe); */
|
|
|
+ background: linear-gradient(to bottom, #d5f8ff, #56ccf2);
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .bg_ware {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ bottom: -2rpx;
|
|
|
+ width: 100%;
|
|
|
+ mix-blend-mode: screen;
|
|
|
+ height: 224rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ %flex-center {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ %section {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ align-content: center;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 10upx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .cuIcon {
|
|
|
+ position: absolute;
|
|
|
+ right: 80px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .grid-item-box {
|
|
|
+ flex: 1;
|
|
|
+ /* position: relative;
|
|
|
+ */
|
|
|
+ /* #ifndef APP-NVUE */
|
|
|
+ display: flex;
|
|
|
+ /* #endif */
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ padding: 15px 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .image {
|
|
|
+ width: 80rpx;
|
|
|
+ height: 80rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text {
|
|
|
+ font-size: 26rpx;
|
|
|
+ margin-top: 10rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .user-section {
|
|
|
+ height: 520upx;
|
|
|
+ padding: 100upx 30upx 0;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .bg {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ filter: blur(1px);
|
|
|
+ box-shadow: 0px 1px 8px #ccc;
|
|
|
+ /* background:linear-gradient(#0eb0c9,#126bae); */
|
|
|
+ /* opacity: .7; */
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .cover-container {
|
|
|
+ padding: 1px 10px;
|
|
|
+ padding-bottom: 200upx;
|
|
|
+
|
|
|
+ /* background-color: #F5F6FA; */
|
|
|
+ /* border-radius: 20px; */
|
|
|
+ margin-top: 60upx;
|
|
|
+
|
|
|
+ .arc {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: -34upx;
|
|
|
+ width: 100%;
|
|
|
+ height: 36upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .tj-sction {
|
|
|
+ @extend %section;
|
|
|
+
|
|
|
+ .tj-item {
|
|
|
+ @extend %flex-center;
|
|
|
+ flex-direction: column;
|
|
|
+ height: 140upx;
|
|
|
+ font-size: $font-sm;
|
|
|
+ color: #75787d;
|
|
|
+ }
|
|
|
+
|
|
|
+ .num {
|
|
|
+ font-size: $font-lg;
|
|
|
+ color: $font-color-dark;
|
|
|
+ margin-bottom: 8upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .order-section {
|
|
|
+ @extend %section;
|
|
|
+ padding: 28upx 0;
|
|
|
+ margin-top: 20upx;
|
|
|
+
|
|
|
+ .order-item {
|
|
|
+ @extend %flex-center;
|
|
|
+ width: 120upx;
|
|
|
+ height: 120upx;
|
|
|
+ border-radius: 10upx;
|
|
|
+ font-size: $font-sm;
|
|
|
+ color: $font-color-dark;
|
|
|
+ }
|
|
|
+
|
|
|
+ .yticon {
|
|
|
+ font-size: 48upx;
|
|
|
+ margin-bottom: 18upx;
|
|
|
+ color: #fa436a;
|
|
|
+ }
|
|
|
+
|
|
|
+ .icon-shouhoutuikuan {
|
|
|
+ font-size: 44upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .history-section {
|
|
|
+ padding: 30upx 0 0;
|
|
|
+ margin-top: 20upx;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 10upx;
|
|
|
+
|
|
|
+ .sec-header {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ font-size: $font-base;
|
|
|
+ color: $font-color-dark;
|
|
|
+ line-height: 40upx;
|
|
|
+ margin-left: 30upx;
|
|
|
+
|
|
|
+ .yticon {
|
|
|
+ font-size: 44upx;
|
|
|
+ color: #5eba8f;
|
|
|
+ margin-right: 16upx;
|
|
|
+ line-height: 40upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .h-list {
|
|
|
+ white-space: nowrap;
|
|
|
+ padding: 30upx 30upx 0;
|
|
|
+
|
|
|
+ image {
|
|
|
+ display: inline-block;
|
|
|
+ width: 160upx;
|
|
|
+ height: 160upx;
|
|
|
+ margin-right: 20upx;
|
|
|
+ border-radius: 10upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .search-form {
|
|
|
+ background: #F5F6F9;
|
|
|
+ }
|
|
|
+
|
|
|
+ .search-box {
|
|
|
+ width: 100%;
|
|
|
+ background-color: rgb(242, 242, 242);
|
|
|
+ padding: 15upx 2.5%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+
|
|
|
+ .search-box .mSearch-input-box {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .search-box .input-box {
|
|
|
+ width: 85%;
|
|
|
+ flex-shrink: 1;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .search-box .search-btn {
|
|
|
+ width: 15%;
|
|
|
+ margin: 0 0 0 2%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ flex-shrink: 0;
|
|
|
+ font-size: 28upx;
|
|
|
+ color: #fff;
|
|
|
+ background: linear-gradient(to right, #ff9801, #ff570a);
|
|
|
+ border-radius: 60upx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .search-box .input-box>input {
|
|
|
+ width: 100%;
|
|
|
+ height: 60upx;
|
|
|
+ font-size: 32upx;
|
|
|
+ border: 0;
|
|
|
+ border-radius: 60upx;
|
|
|
+ -webkit-appearance: none;
|
|
|
+ -moz-appearance: none;
|
|
|
+ appearance: none;
|
|
|
+ padding: 0 3%;
|
|
|
+ margin: 0;
|
|
|
+ background-color: #ffffff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .placeholder-class {
|
|
|
+ color: #9e9e9e;
|
|
|
+ }
|
|
|
+
|
|
|
+ .search-keyword {
|
|
|
+ width: 100%;
|
|
|
+ background-color: rgb(242, 242, 242);
|
|
|
+ }
|
|
|
+
|
|
|
+ .grid {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ flex-wrap: wrap;
|
|
|
+
|
|
|
+ /* border-top: 2upx solid rgba(172,172,172,.2); */
|
|
|
+ .grid-item-3 {
|
|
|
+ box-sizing: border-box;
|
|
|
+ width: calc(100% / 3);
|
|
|
+ border-bottom: 2upx solid rgba(172, 172, 172, .2);
|
|
|
+ border-right: 2upx solid rgba(172, 172, 172, .2);
|
|
|
+ text-align: center;
|
|
|
+ padding: 40upx 0;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ /* view{
|
|
|
+ font-size: $font-sm;
|
|
|
+ margin-top: 16upx;
|
|
|
+ color: $font-color-dark;
|
|
|
+ } */
|
|
|
+ .grid_icon {
|
|
|
+ font-size: 48upx;
|
|
|
+ margin-bottom: 18upx;
|
|
|
+ color: #fa436a;
|
|
|
+ }
|
|
|
+
|
|
|
+ .tip_text {
|
|
|
+ display: block;
|
|
|
+ padding: 4upx 8upx;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 36upx;
|
|
|
+ font-size: 24upx;
|
|
|
+ background-color: #fa436a;
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
+ position: absolute;
|
|
|
+ right: 6upx;
|
|
|
+ top: 6upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .grid-item-3:nth-child(3n + 3),
|
|
|
+ .grid-item-4:nth-child(4n + 4) {
|
|
|
+ border-right: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .headPortrait {
|
|
|
+ width: 75px;
|
|
|
+ height: 75px;
|
|
|
+ border-radius: 40px;
|
|
|
+ border: 2px solid #ffffff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .information {
|
|
|
+ font-size: 15px;
|
|
|
+ font-weight: 600;
|
|
|
+ height: 36px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .cu-list>.cu-item:after {
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .sign {
|
|
|
+ width: 40px;
|
|
|
+ height: 40px;
|
|
|
+ top: 4px;
|
|
|
+ margin-right: 6px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .indexUp {
|
|
|
+ padding: 0 20px;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wrap {
|
|
|
+ background: #F5F6F9;
|
|
|
+ margin: 5px 10px;
|
|
|
+ border-radius: 20px;
|
|
|
+ width: 92%;
|
|
|
+ display: inline-block;
|
|
|
+ padding: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .searchwrap {
|
|
|
+ border-top: 1px solid #eee;
|
|
|
+ padding: 10px 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .searchwrap:last-child {
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ }
|
|
|
+
|
|
|
+ .qualityNo {
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .type {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #fff;
|
|
|
+ padding: 3px 5px;
|
|
|
+ border-radius: 50%;
|
|
|
+ line-height: 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .type-zhi {
|
|
|
+ background: #22C572;
|
|
|
+ }
|
|
|
+
|
|
|
+ .type-mao {
|
|
|
+ background: #3296FA;
|
|
|
+ }
|
|
|
+
|
|
|
+ .type-pi {
|
|
|
+ background: #FD714F;
|
|
|
+ }
|
|
|
+
|
|
|
+ .time {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #878C9C;
|
|
|
+ }
|
|
|
+
|
|
|
+ .qualityInspector {
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .customerinformation {
|
|
|
+ background: #F9F9FA;
|
|
|
+ padding: 7px;
|
|
|
+ margin: 20px 0;
|
|
|
+ border-radius: 10px;
|
|
|
+ color: #9698A2;
|
|
|
+ }
|
|
|
+
|
|
|
+ .buttons {
|
|
|
+ flex-direction: row-reverse;
|
|
|
+ }
|
|
|
+
|
|
|
+ .button {
|
|
|
+ padding: 13rpx 30rpx;
|
|
|
+ border: 1px solid #CDCDCD;
|
|
|
+ border-radius: 15px;
|
|
|
+ margin: 0 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .changewarehouse {
|
|
|
+ padding: 10px 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .header {
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 0px 0px 16px 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .content {
|
|
|
+ background: #fff;
|
|
|
+ /* height: 85.5vh; */
|
|
|
+ }
|
|
|
+
|
|
|
+ .footer {
|
|
|
+ background: #fff;
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0;
|
|
|
+ width: 100%;
|
|
|
+ padding: 20px 10px;
|
|
|
+ z-index: 10;
|
|
|
+
|
|
|
+ .button {
|
|
|
+ background: #22C572;
|
|
|
+ width: 90%;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding: 10px;
|
|
|
+ color: #fff;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 30px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .content1 {
|
|
|
+ margin-top: 20rpx;
|
|
|
+ padding: 20rpx 0;
|
|
|
+
|
|
|
+ .row {
|
|
|
+ display: flex;
|
|
|
+ padding: 20rpx 30rpx;
|
|
|
+
|
|
|
+ .row-item {
|
|
|
+ margin-right: 20rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .dj-customer {
|
|
|
+ background: #F5F6F9;
|
|
|
+ display: flex;
|
|
|
+ width: 75%;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ margin: 20rpx;
|
|
|
+ border-radius: 30rpx;
|
|
|
+ padding: 10rpx 20rpx;
|
|
|
+
|
|
|
+ .right {
|
|
|
+ display: flex;
|
|
|
+
|
|
|
+ .span1 {
|
|
|
+ margin-right: 20rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ ;
|
|
|
+ }
|
|
|
+</style>
|
高敬炎