parts_shop_ui_LT/pages/views/procurement/details.vue

<template>
	<view style="padding-top: 1rpx;">
		<u--form labelPosition="left" :labelStyle="{color: '#fd4b09'}" :model="form" ref="form" labelWidth="300rpx"
			style="margin-top: 10rpx;padding-bottom: 130rpx;">
			<view style="width: calc(96%);margin: 0 auto;background-color: #fff;border-radius: 20rpx;">
				<u-cell-group :border="false">
					<u-cell :border="false" center title="基础信息" arrow-direction="down">
						<view slot="icon" style="width: 10rpx;height: 35rpx;background-color: #fd4b09;"></view>
					</u-cell>
				</u-cell-group>
				<view style="padding: 0 10rpx;">
					<u-form-item leftIcon="account" :leftIconStyle="{color: '#FD4B09',fontSize:'40rpx'}" label="供应商"
						prop="customerName" borderBottom>
						<u-input v-model="form.customerName" inputAlign="right" border="none" placeholder="请选择供应商"
							disabled disabledColor="#ffffff" />
					</u-form-item>
					<u-form-item leftIcon="rmb-circle" :leftIconStyle="{color: '#FD4B09',fontSize:'40rpx'}" label="融资金额"
						prop="fundingAmount" borderBottom>
						<u-input v-model="form.fundingAmount" inputAlign="right" border="none" placeholder="请选择融资金额"
							disabled disabledColor="#ffffff" />
					</u-form-item>
					<u-form-item leftIcon="rmb-circle" :leftIconStyle="{color: '#FD4B09',fontSize:'40rpx'}" label="保证金"
						prop="bondAmount" borderBottom>
						<u-input v-model="form.bondAmount" inputAlign="right" border="none" placeholder="请选择保证金"
							disabled disabledColor="#ffffff" />
					</u-form-item>
					<u-form-item leftIcon="rmb-circle" :leftIconStyle="{color: '#FD4B09',fontSize:'40rpx'}" label="配资比例"
						prop="proportion" borderBottom>
						<u-input v-model="form.proportion" inputAlign="right" border="none" placeholder="请选择配资比例"
							disabled disabledColor="#ffffff" />
					</u-form-item>
					<!-- <u-form-item leftIcon="account" :leftIconStyle="{color: '#FD4B09',fontSize:'40rpx'}" label="联系人"
						prop="contacts" borderBottom>
						<u-input v-model="form.contacts" inputAlign="right" border="none" placeholder="请选择" disabled
							disabledColor="#ffffff">
						</u-input>
					</u-form-item>
					<u-form-item leftIcon="phone" :leftIconStyle="{color: '#FD4B09',fontSize:'40rpx'}" label="电话"
						prop="phone" borderBottom>
						<u-input v-model="form.phone" inputAlign="right" border="none" placeholder="请选择" disabled
							disabledColor="#ffffff">
						</u-input>
					</u-form-item>
					<u-form-item leftIcon="map" :leftIconStyle="{color: '#FD4B09',fontSize:'40rpx'}" label="地址"
						prop="recAddress" borderBottom>
						<u-input v-model="form.recAddress" border="none" inputAlign="right" placeholder="请选择地址"
							disabled disabledColor="#ffffff" />
					</u-form-item> -->
					<u-form-item leftIcon="account" :leftIconStyle="{color: '#FD4B09',fontSize:'40rpx'}" label="投资方"
						prop="fundingPartyName" borderBottom>
						<u-input v-model="form.fundingPartyName" border="none" inputAlign="right" placeholder="请选择投资方"
							disabled disabledColor="#ffffff" />
					</u-form-item>
					<u-form-item leftIcon="calendar" :leftIconStyle="{color: '#FD4B09',fontSize:'40rpx'}" label="日期"
						prop="businesDate" borderBottom>
						<u-input v-model="form.businesDate" inputAlign="right" border="none" placeholder="请选择日期"
							disabled disabledColor="#ffffff" />
					</u-form-item>
					<u-form-item leftIcon="home" :leftIconStyle="{color: '#FD4B09',fontSize:'40rpx'}" label="仓库"
						prop="storageName" borderBottom>
						<u-input v-model="form.storageName" border="none" inputAlign="right" placeholder="请选择仓库"
							disabled disabledColor="#ffffff" />
					</u-form-item>
					<u-form-item leftIcon="rmb-circle" :leftIconStyle="{color: '#FD4B09',fontSize:'40rpx'}" label="到货数量"
						prop="outGoodsTotalShipNum" borderBottom>
						<u-input v-model="form.outGoodsTotalShipNum" inputAlign="right" border="none"
							placeholder="请选到货数量" disabled disabledColor="#ffffff" />
					</u-form-item>
					<u-form-item leftIcon="rmb-circle" :leftIconStyle="{color: '#FD4B09',fontSize:'40rpx'}" label="到货金额"
						prop="goodsTotalShipAmount" borderBottom>
						<u-input v-model="form.goodsTotalShipAmount" inputAlign="right" border="none"
							placeholder="请选到货金额" disabled disabledColor="#ffffff" />
					</u-form-item>
					<u-form-item leftIcon="rmb-circle" :leftIconStyle="{color: '#FD4B09',fontSize:'40rpx'}" label="剩余数量"
						prop="outGoodsTotalShipNum" borderBottom>
						<u-input v-model="form.outGoodsTotalShipNum" inputAlign="right" border="none"
							placeholder="请选择剩余数量" disabled disabledColor="#ffffff" />
					</u-form-item>
					<u-form-item leftIcon="rmb-circle" :leftIconStyle="{color: '#FD4B09',fontSize:'40rpx'}" label="剩余金额"
						prop="outGoodsTotalShipAmount" borderBottom>
						<u-input v-model="form.outGoodsTotalShipAmount" inputAlign="right" border="none"
							placeholder="请选择剩余金额" disabled disabledColor="#ffffff" />
					</u-form-item>
					<u-form-item leftIcon="rmb-circle" :leftIconStyle="{color: '#FD4B09',fontSize:'40rpx'}" label="利息"
						prop="interest" borderBottom>
						<u-input v-model="form.interest" inputAlign="right" border="none" placeholder="请选择利息" disabled
							disabledColor="#ffffff" />
					</u-form-item>

				</view>
			</view>

			<view style="width: 95%;margin: 10rpx auto;">
				<!-- 			<view
					style="display: flex;align-items: center;justify-content: space-between;background: #fff;border-radius: 12rpx; padding: 20rpx;">
					<view style="font-size: 30rpx;color: #fd4b09;">产品列表{{form.orderItemsList.length}}</view>
					<view v-if="form.generateTask == '未生成'">
						<u-button type="primary" text="添加产品" shape="circle" size="small" color="#FD4B09"
							@click="chanpintiao()"></u-button>
					</view>
				</view> -->
				<view
					style="position: relative;background: #fff;padding: 20rpx;margin-top: 20rpx;border-box;font-size: 32rpx;"
					v-for="(item,index) in form.orderItemsList" :key="index">
					<!-- 	<view v-if="form.generateTask == '未生成'" class="orderItemsDelent"
						@click="orderItemsDelent(item.id,index)">删除</view> -->
					<view>
						<u-row>
							<u-col span="3">
								<u--image :showLoading="true" :src="item.url?item.url:'../../../static/images/404.png'"
									width="80px" height="80px" radius="10">
								</u--image>
							</u-col>
							<u-col span="8">
								<!-- style="font-size: 36rpx;width: 420rpx;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" -->
								<view style="font-size: 36rpx;">
									{{item.goodsName}}
								</view>
								<view style="color: #707070;">批次号:{{item.dot}}</view>
								<view style="display: flex;justify-content: space-between;">
									<view style="color: #707070;">单价:￥{{Number(item.price).toFixed(2)}}</view>
									<view style="color: #707070;">
										数量:{{item.goodsNum?parseInt(item.goodsNum):item.goodsNum}}</view>
								</view>
								<view style="display: flex;justify-content: space-between;">
									<view style="color: #707070;">金额:￥{{item.subTotalMoney}}</view>
									<view v-if="form.confirmStatus == 0" style="color: #707070; color: red;"
										@click="deleteProduct(index)">
										<u-button type="error" size="mini" text="删除"></u-button>
									</view>
								</view>
							</u-col>
						</u-row>
					</view>
				</view>
			</view>


		</u--form>
		<!-- <view style="width: 100%;position: fixed;
		bottom: 0;background-color: #fff;border-top: 1rpx solid #ccc;">
			<view style="width: 100%;display: flex;font-size: 24rpx;">
				<view @click="orderRevokeGenerateShipTaskfun" v-if="form.generateTask == '已生成'" style="width: 100%; padding: 10rpx 0; 
					background-color: #d2983c;display: grid;justify-items: center;">
					<u-icon name="edit-pen" color="#fff"></u-icon>
					<view style="color: #fff;">撤销任务</view>
				</view>
				<view @click="orderGenerateShipTaskfun" v-else
					style="width: 100%; padding: 10rpx 0; background-color: #5ac725;display: grid;justify-items: center;">
					<u-icon name="edit-pen" color="#fff"></u-icon>
					<view style="color: #fff;">生成任务</view>
				</view>


				<view @click="conserve"
					style="width: 100%; background-color: #FD4B09;display: grid;justify-items: center;">
					<u-icon name="edit-pen" color="#fff"></u-icon>
					<view style="color: #fff;">保存</view>
				</view>
			</view>
		</view> -->


		<!-- 弹窗数据 -->
		<u-popup :show="popupShow" @close="popupShow = false" :closeable="true" mode="center"
			customStyle="width: 90%;margin: 0 auto;">
			<view style="padding: 40rpx 25rpx;box-sizing: border-box;">
				<view style="text-align: center;margin: 10rpx 0;">
					<view style="font-size: 36rpx;word-break:break-all;">
						{{popupForm.cname}}
					</view>
				</view>
				<view style="width: 96%;margin: 0 auto;clear: both;">
					<u-cell-group>
						<u-cell title="单价">
							<view slot="value">
								<u--input type='number' placeholder="请输入单价" border="none" inputAlign="right"
									v-model="popupForm.price" clearable disabledColor="#ffffff">
								</u--input>
							</view>
						</u-cell>
						<u-cell title="数量">
							<view slot="value">
								{{popupForm.goodsNum}}
								<!-- 		<u--input v-model="popupForm.goodsNum" :min="0" >
								</u--input> -->
							</view>
						</u-cell>
						<u-cell title="批次号(DOT)" @click="dotClickfun">
							<view slot="value">
								<u--input border="none" inputAlign="right" v-model="popupForm.dot" disabled
									placeholder="请选择批次号" disabledColor="#ffffff"></u--input>
							</view>
						</u-cell>

						<u-cell title="库存">
							<view slot="value">
								{{popupForm.inventory?popupForm.inventory:'--'}}
							</view>
						</u-cell>
						<u-cell title="规格型号">
							<view slot="value">
								{{popupForm.specificationAndModel?popupForm.specificationAndModel:'--'}}
							</view>
						</u-cell>
					</u-cell-group>
				</view>

				<!-- 			<view style="margin-top: 40rpx;text-align: center;
				font-size: 32rpx;">
					<view style="display: flex; color: #fff;justify-content: space-around;">
						<view style="color: #FD4B09; border: 1rpx solid #FD4B09;
						width: 200rpx; height: 80rpx; 
						line-height: 80rpx; border-radius: 12rpx;" @click="popupShow = false">取消</view>
						<view
							style="background-color: #FF6F3B; width: 200rpx; height: 80rpx; line-height: 80rpx; border-radius: 12rpx;"
							@click="popupConserve()">保存</view>
					</view>
				</view> -->
			</view>
		</u-popup>

		<!-- 批次号弹窗 -->
		<u-picker :show="dotPickerShow" :columns="dotPickerColumns" keyName="dot" @confirm="dotPickerConfirm"
			@cancel="dotPickerShow = false"></u-picker>

		<u-datetime-picker :show="timeOpen" v-model="datetime" mode="date" @cancel="timeOpen = false"
			@confirm="confirmTiem"></u-datetime-picker>
		<u-picker :show="showOpen" :columns="columns" :defaultIndex="defaultIndex" :keyName="keyName"
			@cancel="showOpen = false" @confirm="showPicker"></u-picker>

		<u-toast ref="uToast"></u-toast>
	</view>
</template>

<script>
	import {
		queryBrand
	} from '@/api/views/stock/index.js'
	import {
		gainUser,
		storageDescListAll,
		corpsDescDetail,
		orderItemsRemove,
		stockDescDotList,
		corpsAddrCorpIdByAddr,
		orderGenerateShipTask,
		orderRevokeGenerateShipTask
	} from '@/api/views/sale/index.js'
	import {
		typeSave,
		submitApp,
		confirm,
		revoke,
		removeItem,
		removeId,
		copyOrder,
		collectPayment,
		saveAtta,
	} from '@/api/views/sale/salesOrderDetails.js'
	import http from '@/http/api.js'
	import {
		clientId,
		clientSecret
	} from '@/common/setting'
	import {
		dateFormat
	} from '@/common/dateFormat'
	// #ifdef APP-PLUS
	const HanyinPlugin = uni.requireNativePlugin('Hanyin-Plugin'); //汉印
	import printConnect from "@/common/print.js"; //引入打印机模板文件
	let print;
	// #endif
	import {
		GET_REQUEST_DATA
	} from "@/store/gettersType.js";
	import {
		mapGetters,
		mapActions
	} from 'vuex';
	import {
		DX
	} from '@/common/dateFormat.js';
	export default {
		data() {
			return {
				form: {
					orderItemsList: [],
				},
				datetime: Number(new Date()),
				timeOpen: false,
				screen: [],
				showOpen: false,
				choice: false,
				columns: [],
				connected: false,
				amountNumber: {
					deliveryAll: 0,
					cost: 0,
					grossProfit: 0,
					delivery: 0,
					saleAll: 0,
					amount: 0
				},
				// 会员卡余额
				balanceAmount: 0,
				// 深拷贝的优惠金额数据
				JsonthisUsedProfit: 0,
				keyName: '',
				// 业务员数据
				salesmanData: [],
				// 物流配送方式请求到的数据
				selectData: [],
				// 物流公司请求的数据
				logisticsCorpData: [],
				// 仓库数据
				warehouseData: [],
				// 联系人数据
				contactsData: [],
				popupShow: false,
				popupForm: {},
				popupIndex: 0,
				dotPickerShow: false,
				dotPickerColumns: [],
				defaultIndex: [0]
			}
		},
		onLoad(data) {
			this.queryBrandfun()
			this.HYqueryBrandfun()
			// 获取详情信息
			this.refresh(data.id)
		},
		computed: {
			...mapGetters([GET_REQUEST_DATA])
		},
		onShow() {
			this.choice = false
			let this_ = this
			// #ifdef APP-PLUS
			HanyinPlugin.IsOpened(res => {
				this_.connected = res.state
				if (this_.GET_REQUEST_DATA.length == 0) {
					this_.connected = false
					print = new printConnect({}, 1); //打印机连接
				}
			});
			// #endif
		},
		onNavigationBarButtonTap(e) {
			this.choice = !this.choice
		},
		methods: {
			// 批次号打开弹窗按钮 获取批次号数据
			dotClickfun() {
				this.dotPickerShow = true
				console.log(this.popupForm, 284);
				stockDescDotList({
					storageId: this.form.storageId,
					goodsId: this.popupForm.goodsId
				}).then(res => {
					this.dotPickerColumns = [res.data]
				})
			},
			// 批次号弹窗的确认
			dotPickerConfirm(e) {
				this.popupForm.dot = e.value[0].dot
				this.dotPickerShow = false
			},


			//修改弹窗点击保存事件
			popupConserve() {
				if (this.popupForm.whether == 1) {
					if (!this.popupForm.dot) {
						return uni.showToast({
							icon: 'none',
							title: '批次号必填',
							position: "bottom"
						})
					}
				}
				if (!this.popupForm.goodsNum) {
					return uni.showToast({
						icon: 'none',
						title: '数量不能为0',
						position: "bottom"
					})
				}
				this.form.orderItemsList[this.popupIndex] = this.popupForm
				uni.hideLoading();
				this.popupShow = false
			},

			// 获取仓库数据
			storageDescListAllfun() {
				storageDescListAll().then(res => {
					this.warehouseData = res.data
					this.salesmanData.map(item => {
						if (item.id == this.form.storageId) {
							this.$set(this.form, 'storageName', item.cname)
						}
					})
				})
			},
			// 获取联系人数据 赋值第一项
			corpsAddrCorpIdByAddrfun(type) {
				corpsAddrCorpIdByAddr({
					pid: this.form.customerId
				}).then(res => {
					this.contactsData = res.data
					if (type == 'KH') {
						this.$set(this.form, 'contacts', this.contactsData[0].contacts)
						this.$set(this.form, 'recAddress', this.contactsData[0].address)
						this.$set(this.form, 'phone', this.contactsData[0].tel)
					}

				})
			},
			// 获取业务员信息
			gainUserfun() {
				gainUser({
					roleName: '业务员'
				}).then(res => {
					this.salesmanData = res.data
					this.salesmanData.map(item => {
						if (item.id == this.form.salerId) {
							this.$set(this.form, 'salerName', item.name)
						}
					})
				})
			},
			// 获取物流配送方式数据
			queryBrandfun() {
				queryBrand({
					code: 'deliveryMethod'
				}).then(res => {
					this.selectData = res.data
				})
			},
			// 获取货运公司数据
			HYqueryBrandfun() {
				queryBrand({
					code: 'tyre_express_company'
				}).then(res => {
					this.logisticsCorpData = res.data
				})
			},

			//跳转连接设备
			connectingDevices() {
				if (this.connected) {
					this.senBleLabel()
				} else {
					uni.$u.route('/pages/views/bluetooth/index', {
						data: JSON.stringify(this.form)
					});
				}
			},
			senBleLabel() {
				// if (!print) return;
				console.log(this.$Mock.printTemplate.pagConfig)
				this.$Mock.printTemplate.pagConfig = 0
				let data = []
				let i = 0
				for (let item of this.form.orderItemsList) {
					data.push({
						"top": Number(i * 40 + 90),
						"left": "0",
						"textAlign": "start",
						"width": "270",
						"fontSize": 9,
						"text": item.cname,
						"type": "text",
						"fontWeight": "400",
						"height": "20"
					})
					data.push({
						"top": Number(i * 40 + 110),
						"left": "140",
						"textAlign": "start",
						"width": "40",
						"fontSize": 8,
						"text": Number(item.storageInQuantity),
						"type": "text",
						"fontWeight": "400",
						"height": "20"
					})
					data.push({
						"top": Number(i * 40 + 110),
						"left": "160",
						"textAlign": "start",
						"width": "50",
						"fontSize": 8,
						"text": item.price,
						"type": "text",
						"fontWeight": "400",
						"height": "20"
					})
					data.push({
						"top": Number(i * 40 + 110),
						"left": "210",
						"textAlign": "start",
						"width": "60",
						"fontSize": 8,
						"text": item.amount,
						"type": "text",
						"fontWeight": "400",
						"height": "20"
					})
					i++
				}
				data.push({
					"top": Number(i * 40 + 90),
					"left": "20",
					"textAlign": "start",
					"width": "270",
					"fontSize": 9,
					"text": "合计:",
					"type": "text",
					"fontWeight": "400",
					"height": "20"
				})
				data.push({
					"top": Number(i * 40 + 90),
					"left": "140",
					"textAlign": "start",
					"width": "40",
					"fontSize": 8,
					"text": this.amountNumber.saleAll,
					"type": "text",
					"fontWeight": "400",
					"height": "20"
				})
				data.push({
					"top": Number(i * 40 + 90),
					"left": "210",
					"textAlign": "start",
					"width": "60",
					"fontSize": 8,
					"text": this.form.debitAmount,
					"type": "text",
					"fontWeight": "400",
					"height": "20"
				})

				data.push({
					"top": Number(i * 40 + 110),
					"left": "20",
					"textAlign": "start",
					"width": "270",
					"fontSize": 9,
					"text": "产品合计:",
					"type": "text",
					"fontWeight": "400",
					"height": "20"
				})
				data.push({
					"top": Number(i * 40 + 110),
					"left": "70",
					"textAlign": "start",
					"width": "70",
					"fontSize": 8,
					"text": this.amountNumber.amount,
					"type": "text",
					"fontWeight": "400",
					"height": "20"
				})
				data.push({
					"top": Number(i * 40 + 110),
					"left": "140",
					"textAlign": "start",
					"width": "60",
					"fontSize": 8,
					"text": "合计金额:",
					"type": "text",
					"fontWeight": "400",
					"height": "20"
				})
				data.push({
					"top": Number(i * 40 + 110),
					"left": "190",
					"textAlign": "start",
					"width": "80",
					"fontSize": 8,
					"text": DX(this.amountNumber.amount),
					"type": "text",
					"fontWeight": "400",
					"height": "40"
				})


				data.push({
					"top": Number(i * 40 + 130),
					"left": "20",
					"textAlign": "start",
					"width": "270",
					"fontSize": 9,
					"text": "订货电话:" + this.form.clientAttn,
					"type": "text",
					"fontWeight": "400",
					"height": "20"
				})
				data.push({
					"top": Number(i * 40 + 150),
					"left": "20",
					"textAlign": "start",
					"width": "270",
					"fontSize": 9,
					"text": "制单人:" + this.form.client,
					"type": "text",
					"fontWeight": "400",
					"height": "20"
				})
				data.push({
					"top": Number(i * 40 + 150),
					"left": "140",
					"textAlign": "start",
					"width": "80",
					"fontSize": 8,
					"text": "收货人(签字):",
					"type": "text",
					"fontWeight": "400",
					"height": "20"
				})
				print.startPrint({
					SALES_SLIP: this.form.sysNo,
					CUSTOMER_NAME: this.form.customerName,
					SALES_DATE: this.form.businesDate.slice(0, 10)
				}, {
					pageHeight: (this.form.orderItemsList.length * 40) / 3
				}, data);
			},
			generatePictures() {
				uni.$u.route('/pages/views/bluetooth/salesSlipTable', {
					data: JSON.stringify(this.form)
				});
			},
			//遮罩层禁止点击空方法
			moveHandle() {},
			newCompany() {
				uni.$u.route('/pages/views/product/createCompany', {
					code: "account",
					title: "收款账户"
				});
			},


			getMap() {
				let this_ = this
				uni.chooseLocation({
					success: function(res) {
						this_.$set(this_.form, "recAddress", res.address)
					}
				});
			},
			copyDocument() {
				let form = {
					...this.form,
				}
				if (form.orderFilesList.length > 0) {
					form.orderFilesList.forEach(item => delete item.status)
				}
				let this_ = this
				uni.showModal({
					title: '提示',
					content: "是否确认复制新增",
					success: function(rest) {
						if (rest.confirm == true) {
							uni.showLoading({
								title: '加载中',
								mask: true
							});
							copyOrder(form).then(res => {
								uni.hideLoading();
								uni.showToast({
									icon: "none",
									title: '复制新增成功',
									mask: true
								});
								this_.form = res.data
								this_.amountNumber = {
									deliveryAll: 0, //送货总数量
									cost: 0, //成本
									grossProfit: 0, //毛利
									delivery: 0, //送货
									saleAll: 0, //销售数量
									amount: 0
								}
								for (let item of this_.form.orderItemsList) {
									this_.amountNumber.saleAll += Number(item.storageInQuantity)
									this_.amountNumber.cost += Number(item.storageInQuantity) * Number(
										item.purchasePrice)
									this_.amountNumber.delivery += Number(item.actualQuantity)
									this_.amountNumber.deliveryAll += Number(item.actualQuantity)
									this_.amountNumber.amount += Number(item.amount)
									this_.amountNumber.grossProfit += Number(item.amount) - (item
										.purchasePrice ? Number(item.storageInQuantity) * Number(
											item.purchasePrice) : 0)
								}
								this.form.orderAmount = this.amountNumber.amount
							})
						}
					}
				})
			},
			deleteDoc() {
				if (this.form.id) {
					let this_ = this
					if (this_.form.confirmStatus == 1) {
						return uni.showToast({
							icon: "none",
							title: '禁止删除',
							mask: true
						});
					}
					uni.showModal({
						title: '提示',
						content: "是否确认删除",
						success: function(rest) {
							if (rest.confirm == true) {
								removeId({
									id: this_.form.id
								}).then(res => {
									uni.showToast({
										icon: "none",
										title: '删除成功',
										mask: true
									});
									setTimeout(function() {
										uni.navigateBack()
									}, 1000);
								})
							}
						}
					})
				} else {
					uni.showToast({
						icon: "none",
						title: '未保存',
						mask: true
					});
				}
			},
			deleteProduct(index) {
				let this_ = this
				if (this_.form.orderItemsList[index].id) {
					uni.showModal({
						title: '提示',
						content: "是否确认删除",
						success: function(rest) {
							if (rest.confirm == true) {
								uni.showLoading({
									title: '加载中',
									mask: true
								});
								removeItem({
									itemId: this_.form.orderItemsList[index].id
								}).then(res => {
									uni.hideLoading();
									uni.showToast({
										icon: "none",
										title: '删除成功',
										mask: true
									});
									this_.form.orderItemsList.splice(index, 1)
								}).catch(err => {
									uni.hideLoading();
								})
							}
						}
					})
				} else {
					this_.form.orderItemsList.splice(index, 1)
				}
			},
			//时间确认选择
			confirmTiem(e) {
				this.form[this.screen[1]] = dateFormat(new Date(e.value), "YYYY-MM-DD HH:mm:ss")
				this.timeOpen = false
			},
			// 下拉选择
			showPicker(e) {
				console.log(this.screen[1]);
				if (this.screen[1] == "account") {
					this.formTwo.account = e.value[0].dictValue
					this.showOpen = false
				} else if (this.screen[1] == "salerId") {
					this.form.salerName = e.value[0].name
					this.form.salerId = e.value[0].id
					this.showOpen = false
				} else if (this.screen[1] == "storageId") {
					this.form.storageName = e.value[0].cname
					this.form.storageId = e.value[0].id
					this.showOpen = false
				} else if (this.screen[1] == "contacts") {
					this.form.contacts = e.value[0].contacts
					this.form.recAddress = e.value[0].address
					this.form.phone = e.value[0].tel
					this.showOpen = false
				} else if (this.screen[1] == "shipType") {
					this.form.shipType = e.value[0].dictValue
					this.showOpen = false
				} else if (this.screen[1] == "logisticsCorpId") {
					this.form.logisticsCorpId = e.value[0].dictKey
					this.form.logisticsCorpName = e.value[0].dictValue
					this.showOpen = false
				} else {}

				// this.form[this.screen[1]] = e.value[0].dictValue
				// this.showOpen = false
			},
			//集合筛选条件
			filterAll(screen) {
				// if (this.form.status != '录入') return 
				if (this.form.generateTask != '未生成') return
				this.screen = screen
				switch (screen[1]) {
					case "businesDate":
						this.timeOpen = true
						break;
					case "account":
						this.$u.api.getWorkDicts('account').then(res => {
							this.columns = [res.data]
							this.defaultIndex = [0]
							this.keyName = 'dictValue'
							this.showOpen = true
						})
						break;
					case "settlmentAmount":
						uni.$u.route('/pages/views/salesSlip/collectionList', this.form);
						break;
						// 仓库
					case "storageId":
						this.columns = [this.warehouseData]
						this.defaultIndex = [0]
						this.keyName = 'cname'
						this.showOpen = true
						break;
						// 业务员
					case "salerId":
						this.columns = [this.salesmanData]
						this.defaultIndex = [0]
						this.keyName = 'name'
						this.showOpen = true
						break;
						// 联系人
					case "contacts":
						this.columns = [this.contactsData]
						this.defaultIndex = [0]
						this.keyName = 'contacts'
						this.showOpen = true
						break;
						// 配送方式
					case "shipType":
						this.columns = [this.selectData]
						this.defaultIndex = [0]
						this.keyName = 'dictValue'
						this.showOpen = true
						break;
						// 物流公司
					case "logisticsCorpId":
						this.columns = [this.logisticsCorpData]
						this.defaultIndex = [0]
						this.keyName = 'dictValue'
						this.showOpen = true
						break;
				}
			},
			// 弹窗修改
			tanchuangxgai(row, index) {
				if (this.form.generateTask != '未生成') return
				this.popupForm = row
				this.popupIndex = index
				this.popupShow = true
			},
			// 产品删除
			orderItemsDelent(id, index) {
				uni.showModal({
					title: '提示',
					content: '是否确认删除',
					success: (rest) => {
						console.log(rest);
						if (rest.confirm == true) {
							if (id) {
								orderItemsRemove({
									ids: id
								}).then(res => {
									this.form.orderItemsList.splice(index, 1);
									this.$refs.uToast.show({
										type: 'success',
										message: "操作成功",
									})
								})
							} else {
								this.form.orderItemsList.splice(index, 1);
								this.$refs.uToast.show({
									type: 'success',
									message: "操作成功",
								})
							}
						}
					}
				})
			},
			// 获取详情数据
			refresh(id) {
				uni.showLoading({
					title: '加载中',
					mask: true
				});
				typeSave({
					id: id
				}).then(res => {
					this.form = res.data
					this.gainUserfun()
					this.storageDescListAllfun()
					this.corpsAddrCorpIdByAddrfun()

					this.form.memberAmout = 0

					this.amountNumber = {
						deliveryAll: 0, //送货总数量
						cost: 0, //成本
						grossProfit: 0, //毛利
						delivery: 0, //送货
						saleAll: 0, //销售数量
						amount: 0
					}
					for (let item of this.form.orderItemsList) {
						this.amountNumber.saleAll += Number(item.storageInQuantity)
						this.amountNumber.cost += Number(item.storageInQuantity) * Number(item.purchasePrice)
						this.amountNumber.delivery += Number(item.actualQuantity)
						this.amountNumber.deliveryAll += Number(item.actualQuantity)
						this.amountNumber.amount += Number(item.amount)
						this.amountNumber.grossProfit += Number(item.amount) - (item.purchasePrice ? Number(item
							.storageInQuantity) * Number(item.purchasePrice) : 0)
					}
					this.form.orderAmount = this.amountNumber.amount
					setTimeout(function() {
						uni.hideLoading();
					}, 500);
				})
			},
			//确认收款
			confirmReceipt() {
				let this_ = this
				let form = {
					...this_.form,
				}
				if (form.orderFilesList.length > 0) {
					form.orderFilesList.forEach(item => delete item.status)
				}
				// if (!form.currentAmount) {
				// 	return uni.showToast({
				// 		icon: "none",
				// 		title: '本次收款金额不能为空',
				// 		mask: true,
				// 		duration: 2000
				// 	});
				// }
				// 判断本次收款和会员卡收款不能为空
				if (!this.form.currentAmount || this.form.currentAmount == 0) {
					if (!this.form.memberAmout || this.form.memberAmout == 0) {
						return uni.showToast({
							icon: "none",
							title: '本次收款金额或会员卡金额不能为空或零',
							mask: true
						});
					}
				}
				if (!form.account) {
					return uni.showToast({
						icon: "none",
						title: '未选择收款账户',
						mask: true,
						duration: 2000
					});
				}
				form.currentAmount = form.currentAmount ? form.currentAmount : 0
				uni.showModal({
					title: '收款:',
					content: '现金收款:' + form.currentAmount + '元\n会员卡收款:' + form.memberAmout + '元',
					success: function(rest) {
						if (rest.confirm == true) {
							uni.showLoading({
								title: '加载中',
								mask: true
							});
							collectPayment(form).then(res => {
								uni.showToast({
									icon: "none",
									title: '收款成功',
									mask: true,
									duration: 2000
								});
								setTimeout(function() {
									uni.hideLoading();
									this_.refresh(res.data.id)
								}, 1000);
							})
						}
					}
				})
			},
			//保存附件
			saveAttachment() {
				let form = {
					pid: this.form.id,
				}
				if (form.orderFilesList.length > 0) {
					form.orderFilesList.forEach(item => delete item.status)
				}
				uni.showLoading({
					title: '加载中',
					mask: true
				});
				saveAtta(form).then(res => {
					uni.showToast({
						icon: "none",
						title: '保存成功',
						mask: true
					});
					let _this = this
					setTimeout(function() {
						uni.hideLoading();
						_this.refresh(res.data.id)
					}, 1000);
				})
			},
			// 生成任务
			orderGenerateShipTaskfun() {
				uni.showModal({
					title: '提示',
					content: '是否确认生成任务',
					success: (rest) => {
						if (rest.confirm == true) {
							uni.showLoading({
								title: '加载中',
								mask: true
							});
							submitApp({
								bsType: "XS",
								...this.form
							}).then(() => {
								orderGenerateShipTask({
									bsType: "XS",
									...this.form
								}).then(res => {
									uni.showToast({
										icon: "none",
										title: '生成任务成功',
										mask: true
									});
									uni.hideLoading();
									this.refresh(res.data.id)
								})
							})

						}
					}
				})
			},
			// 撤销任务
			orderRevokeGenerateShipTaskfun() {
				uni.showModal({
					title: '提示',
					content: '是否确认生成任务',
					success: (rest) => {
						if (rest.confirm == true) {
							uni.showLoading({
								title: '加载中',
								mask: true
							});
							submitApp({
								bsType: "XS",
								...this.form
							}).then(() => {
								orderRevokeGenerateShipTask({
									bsType: "XS",
									...this.form
								}).then(res => {
									uni.showToast({
										icon: "none",
										title: '撤销任务成功',
										mask: true
									});
									uni.hideLoading();
									this.refresh(res.data.id)
								})
							})

						}
					}
				})
			},
			//保存
			conserve() {
				// if (!this.form.shipType) {
				// 	return this.$refs.uNotify.show({
				// 		top: this.revenueTop,
				// 		type: 'warning',
				// 		message: '请选择配送方式！'
				// 	})
				// }
				// if (!this.form.logisticsCorpId) {
				// 	return this.$refs.uNotify.show({
				// 		top: this.revenueTop,
				// 		type: 'warning',
				// 		message: '请选择物流公司！'
				// 	})
				// }
				// if (!this.form.expressNo) {
				// 	return this.$refs.uNotify.show({
				// 		top: this.revenueTop,
				// 		type: 'warning',
				// 		message: '请输入物流单号！'
				// 	})
				// }
				let form = {
					...this.form,
				}
				uni.showLoading({
					title: '加载中',
					mask: true
				});
				submitApp(form).then(res => {
					uni.showToast({
						icon: "none",
						title: '保存成功',
						mask: true
					});
					let _this = this
					setTimeout(function() {
						uni.hideLoading();
						_this.refresh(res.data.id)
					}, 1000);
				})
			},
			//客户选择返回触发
			otherFun(customer) {
				this.form.customerName = customer.cname
				this.form.customerId = customer.id
				this.form.salerId = customer.salesmanId
				this.form.salerName = ''
				this.salesmanData.map(item => {
					if (item.id == this.form.salerId) {
						this.form.salerName = item.name
					}
				})
				this.form.storageName = ''
				this.form.storageId = customer.deliveryWarehouseId
				this.warehouseData.map(item => {
					if (item.id == this.form.storageId) {
						this.form.storageName = item.cname
					}
				})
				this.corpsAddrCorpIdByAddrfun('KH')
				// corpsDescDetail({id:customer.id}).then(res=>{
				// 	this.form.contacts = res.data.corpsAddrList[0].contacts
				// 	this.form.recAddress = res.data.corpsAddrList[0].belongtoarea + res.data.corpsAddrList[0].detailedAddress
				// 	this.form.phone =  res.data.corpsAddrList[0].tel
				// })

			},
			selectProduct() {
				if (this.form.confirmStatus == 0) {
					this.$u.route('/pages/views/salesSlip/selectProduct', this.form);
				}
			},
			// 产品跳转
			chanpintiao() {
				if (!this.form.customerId) return this.$refs.uNotify.show({
					top: this.revenueTop,
					type: 'warning',
					message: '请选择客户！'
				})
				if (this.form.storageId) {
					this.$u.route('/pages/views/salesSlip/selectProduct', {
						form: JSON.stringify(this.form),
						data: JSON.stringify(this.form.orderItemsList),
						corpId: this.form.corpId
					});
				} else {
					this.$refs.uNotify.show({
						top: this.revenueTop,
						type: 'warning',
						message: '请选择发货仓库！'
					})
				}
			},
			//商品选择返回
			getProduct(dataList) {
				for (let item of dataList) {
					this.form.orderItemsList.push({
						goodsId: item.id,
						price: item.price,
						goodsName: item.cname,
						goodsNum: item.goodsNum,
						brandName: item.brandName,
						brandId: item.brandId,
						goodsNo: item.code,
						propertyName: item.specificationAndModel,
						inventory: item.inventory,
						pattern: item.brandItem,
						goodsDescription: item.goodsDescription,
						dot: item.dot,
						whether: item.whether,
						units: item.unit,
						// 小计
						subTotalMoney: item.goodsNum * item.price,
						// 备注
						remarks: item.remarks,
						// 批次号的状态
						dotedittype: false,
						// 价格数量
						goodsNumtype: false,
						// 价格
						pricetype: false,
					})
				}
				console.log(this.form.orderItemsList, 963);
			},

			selectCustomer() {
				// if (this.form.status != '录入') return 
				if (this.form.generateTask != '未生成') return
				this.$u.route('/pages/views/salesSlip/selectCustomer', {
					corpType: 'KH'
				});
			},
		}
	}
</script>
<style lang="scss" scoped>
	::v-deep .u-cell__body {
		padding: 20rpx 10rpx;
	}

	.choice {
		position: fixed;
		right: 10rpx;
		border-radius: 10rpx;
		padding: 0 10rpx 10rpx 10rpx;
		background-color: #fff;
		// #ifdef H5
		top: calc(var(--status-bar-height) + 44px + 20rpx);
		// #endif
		// #ifdef APP-PLUS
		top: 30rpx,
			// #endif
	}

	.mask {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		bottom: 0;
		background-color: rgba(1, 1, 1, 0.3);
	}

	.orderItemsDelent {
		position: absolute;
		top: 15rpx;
		right: 15rpx;
		color: #fd4b09;
	}
</style>