yiliangyiyun-app/pages/erpbusiness/edit_quality_testing.vue

<template>
	<view ref="all-input">
		<view @click='hidden' class='wrap'>
			<view class='title_b'>基本信息</view>
			<view class="c-row ">
				<view class="title">入库类型</view>
				<view class="con-list">
					<view v-if='gridList.serviceManagementType==1'>贸易入库</view>
					<view v-if='gridList.serviceManagementType==3'>收购入库</view>
				</view>
			</view>
			<view v-if="flag!=3" class="c-row ">
				<view class="title">仓库</view>
				<view class="con-list">
					{{gridList.warehouseName}}
				</view>
			</view>
			<view class="c-row ">
				<view class="title">任务编号</view>
				<view class="con-list">
					<view >{{gridList.inOutTaskNo}}</view>
				</view>
			</view>
			<view v-if='gridList.serviceManagementType==1&&gridList.inOutType!="移库入库"&&flag!=3||gridList.serviceManagementType==3' class="c-row ">
				<view class="title">合同编号</view>
				<view class="con-list">
					{{gridList.contractNo}}
				</view>
			</view>
			<view v-if='gridList.serviceManagementType==1&&gridList.inOutType=="移库入库"&&flag!=3' class="c-row ">
				<view class="title">移库编号</view>
				<view class="con-list">
					{{gridList.contractNo}}
				</view>
			</view>
			<view v-if='flag!=3' class="c-row ">
				<view class="title">业务编号</view>
				<view class="con-list">
					{{gridList.qualityNo}}
				</view>
			</view>
			<view v-if='gridList.serviceManagementType==1&&flag!=3' class="c-row ">
				<view class="title">成本</view>
				<view class="con-list">
					<view v-if='!coststatus'>{{gridList.cost?gridList.cost:'自动获取，不可编辑'}}</view> 
					<view v-if='coststatus'>
						<input v-model='gridList.cost' placeholder="请输入成本" name="input" type="digit"></input>
					</view>
				</view>
				<button v-if='flag==4||flag==0' class='cu-btn bg-green shadow' @click="changecost">{{costtext}}</button>
			</view>
			<view v-if='gridList.serviceManagementType==1&&flag!=3' class="c-row ">
				<view class="title">运费</view>
				<view class="con-list flex">
					<view v-if='!freightstatus'>{{gridList.freight?gridList.freight:'自动获取，不可编辑'}}</view>
					<view v-if='freightstatus'>
						<input v-model='gridList.freight' placeholder="请输入运费" name="input" type="digit"></input>
					</view>
				</view>
				<button v-if='flag==4||flag==0' class='cu-btn bg-green shadow' @click="changefreight">{{freighttext}}</button>
			</view>
			<view v-if='gridList.serviceManagementType==1&&flag!=3' class="c-row ">
				<view class="title">扣款</view>
				<view class="con-list">
					<input v-if='flag==4||flag==0' v-model='gridList.deductionAmount' placeholder="请输入扣款" name="input" type="digit"></input>
				</view>
			</view>
			<view v-if='gridList.serviceManagementType==1&&flag!=3' class="c-row ">
				<view class="title">入库类型</view>
				<view class="con-list">
					{{gridList.inOutType?gridList.inOutType:'自动获取，不可编辑'}}
				</view>
			</view>
			<view v-if='gridList.serviceManagementType==1&&flag!=3' class="c-row ">
				<view class="title">入库日期</view>
				<view class="con-list">
					<view v-if='flag==4||flag==0' @click='show5=true'>{{gridList.inOutDate?gridList.inOutDate:'请选择入库日期'}}</view>
					<view v-else @click='show5=true'>{{gridList.inOutDate?gridList.inOutDate:'请选择入库日期'}}</view>
					<u-picker  @confirm='inOutDatepicker($event)' :params="params" v-model="show5"
						mode="time">
					</u-picker>
				</view>
			</view>
			
			<view v-if='gridList.serviceManagementType==3&&flag!=0' class="c-row ">
				<view class="title">客户</view>
				<view class="con-list">
					<view v-if='flag==4||flag==3' @click='gocustomer'>
						{{gridList.customerName}}({{gridList.customerPhone}})
					</view>
					<view v-else>
						{{gridList.customerName}}({{gridList.customerPhone}})
					</view>
				</view>
			</view>
			<view v-if='flag!=0' class="c-row ">
				<view class="title">车牌号</view>
				<view class="con-list">
					<input :disabled="flag!=4&&flag!=3" v-model='gridList.carNumber' @click.stop="handleShowKeyboard" placeholder="请输入车牌号"
						name="input"></input>
					<master-keyboard ref="keyboard" keyboardtype="car" :randomNumber="true" :newCar="false"
						:defaultValue="gridList.carNumber" @keyboardClick="handleClick"></master-keyboard>
					<!-- <input :disabled='flag==1' v-model='gridList.carNumber' placeholder="请输入车牌号" name="input"></input> -->
				</view>
			</view>
			<!-- <view v-if="gridList.paramType != '1'" class="c-row ">
				<view class="title">扣重比</view>
				<view class="con-list">
					<input :disabled='flag==1' v-model='gridList.buckleWeightRatio' placeholder="请输入扣重比"
						name="input"></input>
				</view>
			</view>
			<view v-else class="c-row ">
				<view class="title">扣杂</view>
				<view class="con-list">
					<input :disabled='flag==1' v-model='gridList.buckleMiscellaneous' placeholder="初检扣杂"
						@input="waterContentChange" name="input"></input>
					<input v-if='flag==0' value='未复检' disabled placeholder="复检扣杂" name="input"></input>
					<input v-else :disabled='flag!=1' v-model='gridList.reBuckleMiscellaneous' placeholder="复检扣杂"
						name="input"></input>
				</view>
			</view> -->
			<view  v-if='gridList.serviceManagementType==3&&flag!=3' class="c-row ">
				<view class="title">购粮性质</view>
				<view class="con-list">
					<input :disabled='flag==1' v-model='gridList.natureOfGrainPurchase' placeholder="请输入购粮性质"
						name="input"></input>
				</view>
			</view>
			<view v-if='flag!=3' class="c-row ">
				<view class="title">仓位号</view>
				<view class="con-list">
					<view v-if='flag!=1' @click='show=true'>{{gridList.binNumber?gridList.binNumber:'请选择仓位号'}}</view>
					<view v-else>{{gridList.binNumber}}</view>
				</view>
			</view>
			<view v-if='flag!=3' class="c-row ">
				<view class="title">囤位号</view>
				<view class="con-list">
					<input :disabled="flag!=4&&flag!=0" v-model='gridList.storageTagNo' placeholder="请输入囤位号" name="input"></input>
				</view>
			</view>
			<view v-if='flag!=3' class="c-row ">
				<view class="title">货名</view>
				<view class="con-list">
					<!-- <view v-if="flag != '0'">
						{{gridList.goodsName}}
					</view> -->
					<view v-if='flag==4||flag==0'>{{gridList.goodsName}}</view>
					<view v-else>{{gridList.goodsName}}</view>
					<u-picker :range="goodsList" range-key="goodsName" @confirm='goodsPicker($event)'
						v-model="goodsName" mode="selector">
					</u-picker>
				</view>
			</view>
			<view v-if='flag!=3' class="c-row ">
				<view class="title">类型</view>
				<view class="con-list">
					{{gridList.type}}
				</view>
			</view>
			<view v-if='gridList.serviceManagementType==1' class="c-row ">
				<view class="title">运输方式</view>
				<view class="con-list">
					<view v-if='flag==4||flag==0' @click='show7=true'>{{gridList.outType?gridList.outType:'请选择运输方式'}}</view>
					<view v-else>{{gridList.outType?gridList.outType:'请选择运输方式'}}</view>
					<u-picker :range="multiSelector" range-key="name" @confirm='outtypepicker($event,0)' v-model="show7"
						mode="selector">
					</u-picker>
				</view>
			</view>
			<view v-if='gridList.serviceManagementType==3&&flag!=0' class="c-row ">
				<view class="title">运输方式</view>
				<view class="con-list">
					<view v-if='flag==4||flag==3' @click='show8=true'>{{outType?outType:'请选择运输方式'}}</view>
					<view v-else>{{outType?outType:'请选择运输方式'}}</view>
					<u-picker :range="multiSelector1" range-key="name" @confirm='outtypepicker($event,1)' v-model="show8"
						mode="selector">
					</u-picker>
				</view>
			</view>
			<view v-if='gridList.serviceManagementType==1&&flag!=3||gridList.serviceManagementType==3&&gridList.outType=="自运"&&flag!=3' class="c-row ">
				<view class="title">车队</view>
				<view class="con-list">
					<view v-if='flag==4||flag==0' @click='show6=true'>{{gridList.fleet?ridList.fleet:'非车队车辆'}}</view>
					<view v-else>{{gridList.fleet?ridList.fleet:'非车队车辆'}}</view>
					<u-picker  @confirm='fleetpicker($event)' :range="fleetNameList" range-key="fleetName" v-model="show6"
						mode="selector">
					</u-picker>
				</view>
			</view>
			<view v-if="gridList.outType=='汽运'&&gridList.serviceManagementType==1 ||gridList.outType == '集装箱船'&&gridList.serviceManagementType==1" class="c-row ">
				<view class="title">箱号-1</view>
				<view class="con-list">
					<input :disabled='flag!=4&&flag!=0' v-model='gridList.boxNo' placeholder="请输入箱号" name="input" type="digit"></input>
				</view>
			</view>
			<view v-if="gridList.outType== '汽运'&&gridList.serviceManagementType==1 ||gridList.outType == '集装箱船'&&gridList.serviceManagementType==1" class="c-row ">
				<view class="title">封号-1</view>
				<view class="con-list">
					<input :disabled='flag!=4&&flag!=0' v-model='gridList.titleNo' placeholder="请输入封号" name="input" type="digit"></input>
				</view>
			</view>
			<view v-if="gridList.outType=='汽运'&&gridList.serviceManagementType==1 ||gridList.outType == '集装箱船'&&gridList.serviceManagementType==1" class="c-row ">
				<view class="title">箱号-2</view>
				<view class="con-list">
					<input :disabled='flag!=4&&flag!=0' v-model='gridList.boxNoOther' placeholder="请输入箱号" name="input" type="digit"></input>
				</view>
			</view>
			<view v-if="gridList.outType== '汽运'&&gridList.serviceManagementType==1 ||gridList.outType == '集装箱船'&&gridList.serviceManagementType==1" class="c-row ">
				<view class="title">封号-2</view>
				<view class="con-list">
					<input :disabled='flag!=4&&flag!=0' v-model='gridList.titleNoOther' placeholder="请输入封号" name="input" type="digit"></input>
				</view>
			</view>
			<view v-if="gridList.serviceManagementType==3&&flag!=0" class="c-row">
				<view class="title">箱号-1</view>
				<view class="con-list">
					<input :disabled='flag!=4&&flag!=0' v-model='gridList.boxNo' placeholder="请输入箱号" name="input" type="digit"></input>
				</view>
			</view>
			<view v-if="gridList.serviceManagementType==3&&flag!=0" class="c-row">
				<view class="title">封号-1</view>
				<view class="con-list">
					<input :disabled='flag!=4&&flag!=0' v-model='gridList.titleNo' placeholder="请输入封号" name="input" type="digit"></input>
				</view>
			</view>
			<view v-if="gridList.serviceManagementType==3&&flag!=0" class="c-row">
				<view class="title">箱号-2</view>
				<view class="con-list">
					<input :disabled='flag!=4&&flag!=0' v-model='gridList.boxNoOther' placeholder="请输入箱号" name="input" type="digit"></input>
				</view>
			</view>
			<view v-if="gridList.serviceManagementType==3&&flag!=0" class="c-row">
				<view class="title">封号-2</view>
				<view class="con-list">
					<input :disabled='flag!=4&&flag!=0' v-model='gridList.titleNoOther' placeholder="请输入封号" name="input" type="digit"></input>
				</view>
			</view>
			
			<view class="c-row-fj" v-if="flag==2||flag==1">
				<view style="margin: 0px 0px 30rpx 10rpx;">复检备注</view>
				<textarea class='textarea-style' v-model='gridList.reMemo' placeholder="请输入复检备注"
					maxlength="300"></textarea>
			</view>
			<view class="c-row" v-if="flag==1&&gridList.warehouseName=='鲅鱼圈金信库'">
				<view class="title">车型</view>
				<view class="con-list">
					<view @click='carstatus = true'>{{gridList.carModel?gridList.carModel:'请选择车型'}}</view>
					<u-picker :range="carModeList" range-key="constValue" @confirm='carPicker($event)'
						v-model="carstatus" mode="selector">
					</u-picker>
				</view>

			</view>
			
		</view>
		<view v-if='flag!=3' style='padding-bottom:300rpx;'>
			<view class='wrap'>
				<view style='margin-right:10px;' class='flex justify-between align-item-center'>
					<view class='title_b'>化验信息</view>
					<view v-if='flag==0||flag==4' class='flex justify-between align-item-center'>补录：<u-switch activeColor="#22C572"
							 v-model="value" @change="change"></u-switch>
					</view>
				</view>
				<view class="c-row ">
					<view class="title">等级</view>
					<view class="con-list">
						<u-picker :range="gradeList" range-key="value" @confirm='gradepicker($event)' v-model="show1"
							mode="selector">
						</u-picker>
						<view v-if='flag!=1' @click='show1=true'>{{gridList.grade?gridList.grade:'请选择等级'}}</view>
						<view v-else>{{gridList.grade}}</view>
						<u-picker :range="gradeList" range-key="value" @confirm='gradepicker1($event)' v-model="show2"
							mode="selector">
						</u-picker>
						<view v-if='flag==1' @click='show2=true'>{{gridList.reGrade?gridList.reGrade:'请选择等级'}}</view>
						<view v-if='flag==2'>{{gridList.reGrade}}</view>
					</view>
				</view>
				<view class="c-row ">
					<view class="title">水分（%）</view>
					<view class="con-list">
						<input :disabled='flag==1' v-model='gridList.waterContent' placeholder="初检水分"
							@input="waterContentChange" type="digit" name="input"></input>
						<input v-if='flag==1||flag==2' type="digit" v-model='gridList.reWaterContent' placeholder="复检水分"
							name="input"></input>
					</view>
				</view>
				<view class="c-row ">
					<view v-if='gridList.goodsName!="大豆"' class="title">容重（克/升）</view>
					<view v-else class="title">蛋白</view>
					<view class="con-list">
						<input :disabled='flag==1' type="digit" v-model='gridList.bulkDensity' placeholder="请输入容重"
							name="input"  @input="obtainPrice"></input>
							<input  v-if='flag==1||flag==2' type="digit" v-model='gridList.reBulkDensity' placeholder="请输入容重" 
								name="input"  @input="obtainPrice"></input>
					</view>
				</view>
				<view class="c-row ">
					<view class="title">不完善粒（%）</view>
					<view class="con-list">
						<input :disabled='flag==1' type="digit" v-model='gridList.imperfectGrain' placeholder="请输入不完整粒占比"
							name="input"></input>
							<input  v-if='flag==1||flag==2' type="digit" v-model='gridList.reImperfectGrain' placeholder="请输入不完整粒占比"
								name="input"></input>
					</view>
				</view>
				<view class="c-row ">
					<view class="title">杂质（%）</view>
					<view class="con-list">
						<input :disabled='flag==1' type="digit" v-model='gridList.impurity' placeholder="请输入杂质占比"
							name="input"></input>
						<input  v-if='flag==1||flag==2' type="digit" v-model='gridList.reImpurity' placeholder="请输入杂质占比"
							name="input"></input>
					</view>
				</view>
				<view class="c-row ">
					<view class="title">霉变粒（%）</view>
					<view class="con-list">
						<input :disabled='flag==1' type="digit" v-model='gridList.mildewGrain' placeholder="请输入霉变粒占比"
							name="input"></input>
						<input  v-if='flag==1||flag==2' type="digit" v-model='gridList.reMildewGrain' placeholder="请输入霉变粒占比"
							name="input"></input>
					</view>
				</view>
				<view class="c-row ">
					<view class="title">热损伤（%）</view>
					<view class="con-list">
						<input :disabled='flag==1' type="digit" v-model='gridList.jiaorenli' placeholder="请输入热损伤占比"
							name="input"></input>
						<input  v-if='flag==1||flag==2' type="digit" v-model='gridList.reJiaorenli' placeholder="请输入热损伤占比"
							name="input"></input>
						<!-- <input v-model='gridList.jiaorenli' @click.stop="handleShowKeyboard1":disabled="true" placeholder="请输入热损伤占比" name="input"></input> -->
					</view>
				</view>
				<view v-show="utils.getCurrectRoles('acquisitionQuality.initial')"
					class="c-row">
					<view class="title">水分增价（元/吨）</view>
					<view class="con-list">
						<input  v-model='gridList.waterPriceIncrease' @focus="pricefocus($event,1)" @blur="priceblur($event,1)" @input='deductionchange'
							placeholder="请输入水分增价" name="input" type="digit"></input>
					</view>
				</view>
				<view v-show="utils.getCurrectRoles('acquisitionQuality.initial')"
					class="c-row">
					<view class="title">水分扣价（元/吨）</view>
					<view class="con-list">
						<input  v-model='gridList.waterPriceDeduction' @focus="pricefocus($event,2)" @blur="priceblur($event,2)" @input='deductionchange'
							placeholder="请输入水分扣价" name="input" type="digit"></input>
					</view>
				</view>
				<view v-show="utils.getCurrectRoles('acquisitionQuality.initial')"
					class="c-row">
					<view class="title">质量增价（元/吨）</view>
					<view class="con-list">
						<input v-model='gridList.qualityPriceIncrease' @focus="pricefocus($event,3)" @blur="priceblur($event,3)" @input='deductionchange'
							placeholder="请输入质量增价" name="input" type="digit"></input>
					</view>
				</view>
				
				<view v-show="utils.getCurrectRoles('acquisitionQuality.initial')"
					class="c-row">
					<view class="title">质量扣价（元/吨）</view>
					<view class="con-list">
						<input v-model='gridList.qualityPriceDeduction' @focus="pricefocus($event,4)"  @blur="priceblur($event,4)" @input='deductionchange'
							placeholder="请输入质量扣价" name="input" type="digit"></input>
					</view>
				</view>
				<view v-if="gridList.type == '潮粮'&&gridList.serviceManagementType==3&&flag!=3" class="c-row">
					<view class="title">净重单价（元/公斤）</view>
					<view class="con-list">
						<input :disabled='flag==1&&pricedisabled' v-model='gridList.tidalGrainPrice'  @blur='inputprice' placeholder="自动获取,不可编辑"
							name="input"></input>
					</view>
					<button class='cu-btn bg-green shadow' @click="changeprice">{{pricetext}}</button>
				</view>
				<view v-if="gridList.type == '干粮'&&gridList.serviceManagementType==3&&flag!=3" class="c-row">
					<view class="title">干粮单价（元/公斤）</view>
					<view class="con-list">
						<input v-model='gridList.dryGrainPrice' :disabled='pricedisabled' type="digit"  @blur='inputprice' placeholder="请输入干粮单价" name="input"></input>
					</view>
					<button class='cu-btn bg-green shadow' @click="changeprice">{{pricetext}}</button>
				</view>
				<view v-if="gridList.type == '干粮'&&gridList.serviceManagementType==1&&flag!=3" class="c-row">
					<view class="title">干粮单价（元/公斤）</view>
					<view class="con-list">
						{{gridList.dryGrainPrice}}
					</view>
				</view>
			</view>
		</view>

		<view class="footer">
			<view v-if='flag==1' @click='confirmInfo' class="button">确认初检信息</view>
			<view @click='submit' class="button">提交</view>
		</view>
		<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="content" @confirm="alertBtn" @cancel="cancelClick"></u-modal>
		<u-popup v-model="isShowPrint" class="popup" @close="close" mode="bottom" border-radius="30" :closeable="true">
			<view class="buns_item">
				<view class="but_css" @click="print">打印小票</view>
				<view class="but_css" @click="close">返回</view>
			</view>
		</u-popup>
		<u-picker :range="warehouseList" range-key="binNumber" @confirm='binNumberpicker($event)'
			v-model="show" mode="selector">
		</u-picker>
	</view>
</template>

<script>
	import dragButton from "@/components/drag-button/drag-button.vue";
	import keyboard from "@/components/master-keyboard/master-keyboard.vue";
	import {
		mapState
	} from 'vuex';
	let startY = 0,
		moveY = 0,
		pageAtTop = true;
	export default {
		components: {
			dragButton,
			keyboard
		},
		data() {
			return {
				isShowPrint: false,
				inputShow: false,
				modalName: '',
				mycarStyle: '',
				feild: undefined,
				id: 0,
				show: false,
				show2:false,
				show4:false,
				show5:false,
				show7:false,
				show8:false,
				pricedisabled:false,
				multiSelector1:[{name:'他运',value:'他运'}],
				outType:'',
				selector: [],
				show1: false,
				pricetext:'锁定',
				goodsName: false,
				carstatus: false,
				params:{year: true,
					month: true,
					day: true,},
				inputContent: '',
				multiSelector: [{
				            name: '汽运',
				            value: '0',
				          },
				          {
				            name: '火运',
				            value: '1',
				          },
				          {
				            name: '集装箱船',
				            value: '2',
				          },
				          {
				            name: '散船',
				            value: '3',
				          },
				],
				coverTransform: 'translateY(0px)',
				coverTransition: '0s',
				moving: false,
				footprintList: [],
				zjid:'',
				searchKeyWord: '',
				isVip: false,
				flag: 0,
				freightstatus:false,
				coststatus:false,
				freighttext:'手动填写',
				costtext:'手动填写',
				userInfoTmp: [],
				inputStatus: 'none',
				carInfo: [],
				gridCol: 4,
				pageSize: 10,
				currentPage: 1,
				gridBorder: false,
				headUrl: "../../static/img/myimg/YongHu@3x.png",
				userphone: "",
				username: "请更改昵称",
				gridList: {
					natureOfGrainPurchase: '贸易粮',
					type: '潮粮',
					tidalGrainPrice: '',
					dryGrainPrice: '',
					carNumber: '',
					carModel: '',
				},
				managementType: '',
				warehouseName: '',
				warehouseList: [],
				showTran: true,
				companyId: 1,
				current: 4,
				value: false,
				carModeList: [],
				fleetNameList:[],
				gradeList: [{
						key: 1,
						value: '一等品'
					},
					{
						key: 2,
						value: '二等品'
					},
					{
						key: 3,
						value: '三等品'
					},
					{
						key: 4,
						value: '等外'
					},
				],
				cangid: '',
				goodsList: [],
				taskNolist:[],
				dryGrainPrice:0,
				tidalGrainPrice:0,
				isShowAlert: false,
				content: '确认初检信息后，初检员不需要再次确认质检信息，是否确定提交?',
			}
		},
		// #ifndef MP
		onNavigationBarButtonTap(e) {
			const index = e.index;
			if (index === 0) {
				this.navTo('/pages/set/set');
			} else if (index === 1) {
				// #ifdef APP-PLUS
				const pages = getCurrentPages();
				const page = pages[pages.length - 1];
				const currentWebview = page.$getAppWebview();
				currentWebview.hideTitleNViewButtonRedDot({
					index
				});
				// #endif
				uni.navigateTo({
					url: '/pages/notice/notice'
				})
			}
		},
		// #endif
		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.id = options.id
			this.flag = options.flag
			this.cangid = options.cangid
			this.warehouseName=options.warehouseName
			this.managementType = options.managementType
			
			console.log(this.flag)
			var that = this
			this.$api.doRequest('get', '/qualityInspectionManagement/api/getQualityInspection', {
				id: this.id
			}).then(res => {
				if (res.data.data) {
					let data = res.data.data
					if (data.supplementaryRecording == 1) {
						that.value = true
					} else {
						that.value = false
					}
					that.gridList = data
					if(that.gridList.dryGrainPrice){
						that.dryGrainPrice=that.gridList.dryGrainPrice
					}
					if(that.gridList.tidalGrainPrice){
						that.tidalGrainPrice=that.gridList.tidalGrainPrice
					}
					
					if(!that.gridList.reGrade){
						that.gridList.reGrade=that.gridList.grade
					}
					if(!that.gridList.reWaterContent){
						that.gridList.reWaterContent=that.gridList.waterContent
					}
					if(!that.gridList.reBulkDensity){
						that.gridList.reBulkDensity=that.gridList.bulkDensity
					}
					if(!that.gridList.reImperfectGrain){
						that.gridList.reImperfectGrain=that.gridList.imperfectGrain
					}
					if(!that.gridList.reImpurity){
						that.gridList.reImpurity=that.gridList.impurity
					}
					if(!that.gridList.reMildewGrain){
						that.gridList.reMildewGrain=that.gridList.mildewGrain
					}
					if(!that.gridList.reJiaorenli){
						that.gridList.reJiaorenli=that.gridList.jiaorenli
					}
					if(this.gridList.outType&&this.gridList.serviceManagementType==3){
						this.outType=this.gridList.outType
					}
					that.$api.doRequest('get', '/warehouseBaseInfo/getWarehouse', {
						id: this.cangid
					}).then(res => {
						that.warehouseList = res.data.data.warehousePositionInfoList

					})
				}
			})
			this.$api.doRequest('get', 'commonSysParameter/getInfo', {
				constId: 'QUA1'
			}).then(res => {
				if (res.data.data) {
					that.carModeList = res.data.data
				}
			})
			//质检货名下拉
			this.$api.doRequest('get', '/qualityInspectionManagement/api/goodsName', {
				warehouseId: this.cangid
			}).then(res => {
				if (res.data.data) {
					that.goodsList = res.data.data
					if (that.goodsList.length > 0) {
						that.gridList.goodsName = that.goodsList[0].goodsName
						uni.setStorageSync('purchasePriceList', that.goodsList)
						that.purchasePriceList = uni.getStorageSync('purchasePriceList')
					}
				}
				
			})
			this.gridList.grade = this.gradeList[0].value
			this.gridList.gradeKey = this.gradeList[0].key
		},
		onShow() {
			this.multiSelector1=[{name:'他运',value:'他运'}]
			this.$api.doRequest('get', '/inOutWarehouseTask/getContractNo', {
				warehouseName:this.warehouseName
			}).then(res => {
				// console.log(res)
				if(res.data.data.contractManagementInfoList){
					for (let i = 0; i < res.data.data.contractManagementInfoList.length; i++) {
						res.data.data.contractMangementInfoList[i].name='自运 （'+
						res.data.data.contractMangementInfoList[i].contractNo+' '+res.data.data.contractMangementInfoList[i].seller+'）'
						this.multiSelector1.push(res.data.data.contractManagementInfoList[i])
					}
				}else{
					this.multiSelector1=[{name:'他运',value:'他运'}]
				}
				// this.taskNolist=res.data.data
			})
			// uni.showLoading({title: '加载中'})
			// this.$api.doRequest('get', '/inOutWarehouseTask/selectInOutWarehouseNo', {
			// 	flag: 2,
			// 	warehouseName:this.warehouseName
			// }).then(res => {
			// 	console.log(res)
			// 	uni.hideLoading();
			// 	this.taskNolist=res.data.data
			// })
			let _kh = uni.getStorageSync('isClick')
			if (uni.getStorageSync('checkcustomer') && _kh) {

				let _customerInfo = uni.getStorageSync('checkcustomer')
				if (_customerInfo.shipperName) {
					this.gridList.identityId = _customerInfo.id
					//点击登记客户
					this.gridList.customerName = _customerInfo.shipperName
					this.gridList.customerPhone = _customerInfo.shipperPhone
					this.gridList.carNumber = _customerInfo.carNo
				} else {
					//点击搜索客户
					this.gridList.customerName = _customerInfo.customerName
					this.gridList.customerPhone = _customerInfo.customerPhone
				}

				this.gridList.customerNumberCard = _customerInfo.customerNumberCard
			}
		},
		methods: {
			pricefocus(e,status){
				console.log(e)
				if(status==1){
					if(e.detail.value==0){
						this.gridList.waterPriceIncrease=''
						
					}
				}else if(status==2){
					if(e.detail.value==0){
						this.gridList.waterPriceDeduction=''
						
					}
					
				}else if(status==3){
					if(e.detail.value==0){
						this.gridList.qualityPriceIncrease=''
						
					}
					
				}else if(status==4){
					if(e.detail.value==0){
						this.gridList.qualityPriceDeduction=''
						
					}
					
				}
				
			},
			priceblur(e,status){
				console.log(e)
				if(status==1){
					if(e.detail.value==''){
						this.gridList.waterPriceIncrease=0
						
					}
				}else if(status==2){
					if(e.detail.value==''){
						this.gridList.waterPriceDeduction=0
						
					}
					
				}else if(status==3){
					if(e.detail.value==''){
						this.gridList.qualityPriceIncrease=0
						
					}
					
				}else if(status==4){
					if(e.detail.value==''){
						this.gridList.qualityPriceDeduction=0
						
					}
					
				}
				
			},
			deductionchange(){
				if(this.gridList.type=='干粮'){
					if(this.dryGrainPrice!=''){
						console.log(Number(this.dryGrainPrice+(this.gridList.waterPriceIncrease/1000)-(this.gridList.waterPriceDeduction/1000)+(this.gridList.qualityPriceIncrease/1000)-(this.gridList.qualityPriceDeduction/1000)),Number(this.dryGrainPrice+(this.gridList.waterPriceIncrease/1000)-(this.gridList.waterPriceDeduction/1000)+(this.gridList.qualityPriceIncrease/1000)-(this.gridList.qualityPriceDeduction/1000)).toFixed(2))
						this.gridList.dryGrainPrice=Number(this.dryGrainPrice+(this.gridList.waterPriceIncrease/1000)-(this.gridList.waterPriceDeduction/1000)+(this.gridList.qualityPriceIncrease/1000)-(this.gridList.qualityPriceDeduction/1000)).toFixed(3)
					}
					
				}else if(this.gridList.type=='潮粮'){
					if(this.tidalGrainPrice!=''){
						this.gridList.tidalGrainPrice=Number(this.tidalGrainPrice+(this.gridList.waterPriceIncrease/1000)-(this.gridList.waterPriceDeduction/1000)+(this.gridList.qualityPriceIncrease/1000)-(this.gridList.qualityPriceDeduction/1000)).toFixed(3)
					}
					
				}
				this.$forceUpdate()
			},
			obtainPrice(){//根据容重获取价格
				if (this.gridList.goodsName && this.cangid && this.gridList.bulkDensity) {
					// if (!this.gridList.dryGrainPrice || this.gridList.dryGrainPrice == 0) {
						this.$api.doRequest('get', '/purchasePrice/tidalGrainPrice', {            
							warehouseId: this.cangid,
							goodsName: this.gridList.goodsName,
							bulkDensity:this.gridList.bulkDensity
						}).then(res => {
							if(res.data.data != 0){
								this.gridList.dryGrainPrice = res.data.data
								this.dryGrainPrice = res.data.data
								this.gridList.waterPriceIncrease=0
								this.gridList.waterPriceDeduction=0
								this.gridList.qualityPriceIncrease=0
								this.gridList.qualityPriceDeduction=0
							}
						})
					// }
				}
			},
			changeprice(){
				if(this.pricetext=='解锁'){
					this.pricedisabled=false
					this.pricetext='锁定'
				}else{
					this.pricedisabled=true
					this.pricetext='解锁'
				}
			},
			inputprice(){
				if(this.pricetext=='锁定'){
					this.pricedisabled=true
					
					this.pricetext='解锁'
				}
			},
			inOutDatepicker(e){
				this.gridList.inOutDate=e.year+'-'+e.month+'-'+e.day
				console.log(e)
			},
			fleetpicker(e){
				this.gridList.fleet=this.fleetNameList[e[0]].fleetName
			},
			changefreight(){
				this.freightstatus=!this.freightstatus
				if(this.freightstatus){
					this.freighttext='自动获取'
				}else{
					this.freighttext='手动填写'
				}
			},
			changecost(){
				this.coststatus=!this.coststatus
				if(this.coststatus){
					this.costtext='自动获取'
				}else{
					this.costtext='手动填写'
				}
			},
			gocustomer() {
				uni.navigateTo({
					url: '/pages/erpbusiness/customer?cangid=' + this.cangid + '&warehouseName=' + this.gridList
						.warehouseName + '&goodsName=' + this.gridList.goodsName + '&status=edit'
				})
			},
			print() {
				uni.navigateTo({
					url: '/pages/erpbusiness/bleConnect'
				})
			},
			close() {
				this.isShowPrint = false
				uni.navigateBack({})
			},
			// focusConfig(type){
			// 	console.log('childclick',type)
			// 	// 0是上一项
			// 	if(type==0){

			// 	}else{}
			// },
			hidden() {
				this.$refs.keyboard.open(false)
			},
			carPicker(e) {
				this.gridList.carModel = this.carModeList[e[0]].constValue
			},
			handleShowKeyboard() {
				if (this.flag == 0) {
					if (this.$refs.keyboard.open) {
						this.$refs.keyboard.open(true) //true 键盘显示 false 键盘隐藏
					} else {
						this.$refs.keyboard[0].open(true)
					}
				}
			},
			handleShowKeyboard1() {
				if (this.flag == 0) {
					if (this.$refs.keyboard1.open) {
						this.$refs.keyboard1.open(true) //true 键盘显示 false 键盘隐藏
					} else {
						this.$refs.keyboard1[0].open(true)
					}
				}
			},
			handleClick(e) {
				this.gridList.carNumber = e.value //键盘输入值
			},
			handleClick1(e) {
				this.gridList.jiaorenli = e.value //键盘输入值
			},
			change(e) {
				if (e) {
					this.gridList.supplementaryRecording = 1
				} else {
					this.gridList.supplementaryRecording = 0
				}

			},
			confirmInfo() {
				this.isShowAlert = true
			},
			alertBtn() {
				this.gridList.agent=this.userInfo.userName;
				var that = this
				that.gridList.reWaterContent = that.gridList.waterContent
				if (that.gridList.buckleMiscellaneous) {
					that.gridList.reBuckleMiscellaneous = that.gridList.buckleMiscellaneous
				}
				that.gridList.flag = 1
				if(this.flag==3){
					this.gridList.statusFlag=7
				}else if(this.flag==4||this.flag==0){
					this.gridList.statusFlag=0
				}
				else if(this.flag==1){
					this.gridList.statusFlag=1
				}else if(this.flag==2){
					this.gridList.statusFlag=2
				}
				this.$api.doRequest('post', '/qualityInspectionManagement/api/editQualityInspection', that.gridList).then(
					res => {
						if (res.data.code == "200") {
							that.$api.doRequest('post', '/qualityInspectionManagement/api/editQualityInspection', {
								id: that.gridList.id,
								flag: 2
							}).then(res => {
								if (res.data.code == "200") {
									that.$api.msg('提交成功！')
									setTimeout(function() {
										uni.navigateBack({delta:Int16Array})
									}, 1000)
								} else {
									that.$api.msg('提交失败')
								}
							})

						} else {
							that.$api.msg('提交失败')
						}
					})
			},
			waterContentChange() {
				var that = this
				if (this.gridList.goodsName) {
					for (var i = 0; i < this.purchasePriceList.length; i++) {
						if (this.purchasePriceList[i].goodsName == this.gridList.goodsName) {
							this.gridList.buckleWeightRatio = this.purchasePriceList[i].deductWeight
							this.gridList.paramType = this.purchasePriceList[i].paramType
						}
					}
				}
				console.log(this.gridList.serviceManagementType)
				if(this.gridList.serviceManagementType != 3){ //非收购入库 不需在获取价格
					return
				}
				if (this.gridList.goodsName && this.cangid) {
					if (!this.gridList.dryGrainPrice || this.gridList.dryGrainPrice == 0) {
						this.$api.doRequest('get', '/purchasePrice/dryGrainPrice', {
							warehouseId: this.cangid,
							goodsName: this.gridList.goodsName
						}).then(res => {
							that.gridList.dryGrainPrice = res.data.data
							that.dryGrainPrice = res.data.data
							
						})
					}
				}
				
				//潮粮单价改变事件
				if (
					this.gridList.goodsName &&
					this.gridList.waterContent &&
					this.gridList.grade 
				) {
				console.log('123123')
					this.$api.doRequest('get', '/purchasePrice/tidalGrainPrice', {
						warehouseId: this.cangid,
						goodsName: this.gridList.goodsName,
						waterContent: this.gridList.waterContent,
						grade: this.gridList.grade,
					}).then(res => {
						that.gridList.waterPriceIncrease=0
						that.gridList.waterPriceDeduction=0
						that.gridList.qualityPriceIncrease=0
						that.gridList.qualityPriceDeduction=0
						if (that.gridList.paramType == '1') {
							that.gridList.tidalGrainPrice = parseFloat(parseFloat(res.data.data) - parseFloat(that
								.gridList.buckleMiscellaneous) / 100 * parseFloat(that.gridList
								.dryGrainPrice)).toFixed(4)
							if (!that.gridList.tidalGrainPrice) {
								that.gridList.tidalGrainPrice = ''
							}
						} else {
							that.gridList.tidalGrainPrice = res.data.data
						}
					})
				}
			},
			goodsPicker(e) {
				this.gridList.goodsName = this.goodsList[e[0]].goodsName
			},
			submit() {
				this.$delete(this.gridList,'status')
				this.gridList.agent=this.userInfo.userName;
				if(this.flag==3){
					this.gridList.statusFlag=7
				}else if(this.flag==4||this.flag==0){
					this.gridList.statusFlag=0
				}
				else if(this.flag==1){
					this.gridList.statusFlag=1
				}else if(this.flag==2){
					this.gridList.statusFlag=2
				}
				
				if(this.gridList.serviceManagementType==3){
					if(this.outType){
						this.gridList.outType=this.outType
					}
				}else{
					this.gridList.customerName = ''
				}
				
				var text=''
				if(this.utils.getCurrectRoles('acquisitionQuality.qview')&&!this.utils.getCurrectRoles('acquisitionQuality.initial')){
					text="确定提交钎样信息？"
					if(this.flag==3||this.flag==4||this.flag==0){
						this.gridList.brazer=1
					}
					
				}else{
					text="确定提交质检信息？"
					if(this.flag==3||this.flag==4||this.flag==0){
						this.gridList.brazer=0
					}
				}
				if(this.flag==4){
					this.gridList.flag = 0
				}else{
					this.gridList.flag = this.flag
				}
				
				// if(this.flag==2){
				// 	this.gridList.reInspector=this.userInfo.userName
				// }
				if (!this.gridList.qualityNo) {
					this.$api.msg('编号不能为空')
					return
				}
				var that = this
				if(this.flag==4||this.flag==0){
					if (!this.gridList.binNumber) {
						this.$api.msg('仓位不能为空')
						return
					}
				}
				
				
				if(this.gridList.serviceManagementType==3){
					if (!this.gridList.customerName) {
						this.$api.msg('客户不能为空')
						return
					}
				}
				
				// if (!this.gridList.storageTagNo) {
				// 	this.$api.msg('囤位号不能为空')
				// 	return
				// }
				// if (this.gridList.storageTagNo.length > 10) {
				// 	this.$api.msg('囤位号不能为空')
				// 	return
				// }
				if (!this.gridList.carNumber) {
					this.$api.msg('车牌号不能为空')
					return
				}
				if (this.gridList.carNumber.length > 7) {
					this.$api.msg('车牌号输入错误')
					return
				}
				if (!this.gridList.goodsName) {
					this.$api.msg('货名不能为空')
					return
				}
				if (this.gridList.paramType != 1 && this.gridList.buckleWeightRatio < 0 || this.gridList.paramType != 1 &&
					this.gridList.buckleWeightRatio > 2) {
					this.$api.msg('扣重比输入错误')
					return
				}
				if (
					this.gridList.paramType != 1 && String(this.gridList.buckleWeightRatio).indexOf('.') != -1 &&
					String(this.gridList.buckleWeightRatio).length -
					(String(this.gridList.buckleWeightRatio).indexOf('.') + 1) > 2) {
					this.$api.msg('扣重比输入错误')
					return
				}
				if (this.flag == 0 && this.gridList.paramType == 1 && this.gridList.buckleMiscellaneous < 0 || this.flag ==
					0 && this.gridList.paramType == 1 && this.gridList.buckleMiscellaneous > 50) {
					this.$api.msg('初检扣杂输入错误')
					return
				}
				if (this.flag == 1 && this.gridList.paramType == 1 && this.gridList.reBuckleMiscellaneous < 0 || this
					.flag == 0 && this.gridList.paramType == 1 && this.gridList.reBuckleMiscellaneous > 50) {
					this.$api.msg('复检扣杂输入错误')
					return
				}
				if (!this.gridList.type) {
					this.$api.msg('类型不能为空')
					return
				}
				if (this.value == false&&this.flag!=3 || this.flag == 2) {
					if (!this.gridList.grade) {
						this.$api.msg('等级不能为空')
						return
					}
					if (!this.gridList.impurity) {
						this.$api.msg('杂质不能为空')
						return
					}
					if (!this.gridList.waterContent) {
						this.$api.msg('初检水分不能为空')
						return
					}
					// if (!this.gridList.reWaterContent) {
					// 	this.$api.msg('复检水分不能为空')
					// 	return
					// }
					if (!this.gridList.mildewGrain) {
						this.$api.msg('霉变粒不能为空')
						return
					}
					if(this.gridList.goodsName!="大豆"){
						if (!this.gridList.bulkDensity) {
							this.$api.msg('容重不能为空')
							return
						}
					}else{
						if (!this.gridList.bulkDensity) {
							this.$api.msg('蛋白不能为空')
							return
						}
					}
					if (!this.gridList.jiaorenli) {
						this.$api.msg('热损伤不能为空')
						return
					}
					if (!this.gridList.imperfectGrain) {
						this.$api.msg('不完整粒不能为空')
						return
					}
				}
				this.gridList.storageNumber = this.gridList.storageTagNo
				var kid=JSON.parse(JSON.stringify(this.gridList.warehouseInOutId))
				this.zjid=JSON.parse(JSON.stringify(this.gridList.id))
				that.gridList.warehouseInOutDetail={
					id:that.gridList.warehouseInOutId,
					grade:that.gridList.grade,
					reGrade:that.gridList.grade,
					waterContent:that.gridList.waterContent,
					reWaterContent:that.gridList.reWaterContent,
					imperfectGrain:that.gridList.imperfectGrain,
					reImperfectGrain:that.gridList.reImperfectGrain,
					impurity:that.gridList.impurity,
					reImpurity:that.gridList.reImpurity,
					jiaorenli:that.gridList.jiaorenli,
					reJiaorenli:that.gridList.reJiaorenli,
					bulkDensity:that.gridList.bulkDensity,
					reBulkDensity:that.gridList.reBulkDensity,
					mildewGrain:that.gridList.mildewGrain,
					reMildewGrain:that.gridList.reMildewGrain,
				}
				console.log(this.gridList)
				uni.showModal({
					content: text,
					showCancel: true,
					confirmText: '提交',
					success: function(res) {
						if (res.confirm) {
								that.$api.doRequest('post',
									'/qualityInspectionManagement/api/editQualityInspection', that.gridList)
								.then(res => {
									uni.setStorageSync("quality_print", that.gridList)
									that.gridList.id=kid
									that.gridList.statusFlag=1
									that.$api.doRequest('post',
											'/warehouseInOutInfo/InOutWarehouse',
											that.gridList)
										.then(res => {
									if (res.data.code == 200) {
										that.$api.msg('编辑质检成功')
										that.gridList.warehouseId = that.cangid
										
										console.log('that.gridList', that.gridList)
										if(that.utils.getCurrectRoles('acquisitionQuality.initial')){
											that.isShowPrint = true
										}else{
											uni.navigateBack({delta:1})
										}
										// uni.getStorageSync("depotAcquisition_warehouseName")
										// uni.navigateBack({})
									}
								})
							})
						}
					}
				})
			},
			gradepicker(e) {
				console.log(e)
				// this.$set(this.gradeList,'grade',this.gradeList[e[0]].value)
				this.gridList.grade = this.gradeList[e[0]].value
				this.gridList.gradeKey = this.gradeList[e[0]].key
				this.waterContentChange()
			},
			gradepicker1(e) {
				console.log(e)
				// this.$set(this.gradeList,'grade',this.gradeList[e[0]].value)
				this.gridList.reGrade = this.gradeList[e[0]].value
				this.gridList.reGradeKey = this.gradeList[e[0]].key

			},
			binNumberpicker(e) {
				this.gridList.binNumber = this.warehouseList[e[0]].binNumber
			},
			del(item) {
				this.$api.doRequest('get', '/qualityInspectionManagement/api/deleteQualityInspection', {
					id: item.id
				}).then(res => {
					if (res.data.code == 200) {
						this.$api.msg('删除成功')
					} else {
						this.$api.msg('系统异常，请联系管理员')
					}
				})
			},
			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>
	.title_b {
		margin: 20rpx 20rpx 0rpx 20rpx;
		padding: 20rpx 10rpx 20rpx 10rpx;
		font-size: 18px;
		font-weight: 550;
	}

	page {
		background: #F5F6FA;
	}

	.wrap {
		padding-bottom: 10px;
		font-size: 14px;
		background: #fff;
		margin: 10px;
		border-radius: 10px;

		input {
			font-size: 14px;
		}

		>.title {
			padding: 10px 16px;
		}

		.b-b:after {
			border-bottom: 1px solid #eee;
		}
	}

	.footer {
		background: #fff;
		position: fixed;
		bottom: 0;
		width: 100%;
		padding: 20px 10px;
		z-index: 10;

		.button {
			background: #22C572;
			width: 90%;
			margin: 20rpx auto;
			padding: 10px;
			color: #fff;
			text-align: center;
			border-radius: 30px;
		}
	}

	.c-row {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		padding: 20rpx 30rpx;
		position: relative;
	}

	.con-list {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		flex-direction: column;
		color: #303133;
		line-height: 40rpx;
		text-align: right;
		padding-right: 20rpx;
	}

	input:disabled {
		color: #ccc;
	}

	.textarea-style {
		border: 1px solid #EEEEEE;
		width: 100%;
		padding: 20rpx;
		border-radius: 20rpx;
	}

	.c-row-fj {
		padding: 20rpx
	}

	.buns_item {
		display: flex;
		padding: 80rpx 0 50rpx 0;
		justify-content: space-around;
	}

	.but_css {
		background: #22C572;
		width: 40%;
		padding: 20rpx;
		color: #fff;
		text-align: center;
		border-radius: 20rpx;
	}
</style>