|
|
@@ -0,0 +1,932 @@
|
|
|
+<template>
|
|
|
+ <view class="order">
|
|
|
+ <view class="example">
|
|
|
+ <u-form labelPosition="left" :model="orderForm" :rules="rules" ref="form1" labelWidth='120'>
|
|
|
+ <!-- 下单日期 -->
|
|
|
+ <u-form-item :label="$t('order.orderDate')" borderBottom prop="setDate">
|
|
|
+ <!-- <u-input readonly v-model="orderForm.setDate" border="none"
|
|
|
+ :placeholder="$t('base.common.placeholderS')+$t('order.orderDate')" /> -->
|
|
|
+ <span>{{ orderForm.setDate }}</span>
|
|
|
+ </u-form-item>
|
|
|
+
|
|
|
+ <!-- 有效日期 -->
|
|
|
+ <u-form-item v-if="orderForm.orderType !== '1'" :label="$t('order.endDate')" borderBottom
|
|
|
+ prop="orderValidDate" @click="showEndDateCalendar = true">
|
|
|
+ <!-- <u-input readonly v-model="orderForm.orderValidDate" border="none"
|
|
|
+ :placeholder="$t('base.common.placeholderS')+$t('order.endDate')" /> -->
|
|
|
+ <span>{{ orderForm.orderValidDate }}</span>
|
|
|
+ </u-form-item>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 选择企业 -->
|
|
|
+ <u-form-item :label="$t('order.enterprise')" borderBottom prop="tenantId"
|
|
|
+ @click="showPopup('popupTenantId')">
|
|
|
+ <!-- <u-input readonly v-model="orderForm.tenantName" border="none"
|
|
|
+ :placeholder="$t('base.common.placeholderS')+$t('order.enterprise')" /> -->
|
|
|
+ <span>{{ orderForm.tenantName }}</span>
|
|
|
+ </u-form-item>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 临时/固定 -->
|
|
|
+ <u-form-item :label="$t('order.orderType')" borderBottom prop="orderType"
|
|
|
+ @click="showPopup('popupOrderType')">
|
|
|
+ <!-- <u-input readonly v-model="orderForm.orderTypeName" border="none"
|
|
|
+ :placeholder="$t('base.common.placeholderS')+$t('order.orderType')" /> -->
|
|
|
+ <span>{{ orderForm.orderTypeName }}</span>
|
|
|
+ </u-form-item>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 业务类型 -->
|
|
|
+ <!-- <u-form-item :label="$t('order.vehicleType')" borderBottom prop="vehicleType"
|
|
|
+ @click="showPopup('popupVehicleType')">
|
|
|
+ <u-input readonly v-model="orderForm.vehicleTypeName" border="none"
|
|
|
+ :placeholder="$t('base.common.placeholderS')+$t('order.vehicleType')" />
|
|
|
+ </u-form-item> -->
|
|
|
+
|
|
|
+
|
|
|
+ <u-form-item :label="$t('order.vehicleType')" borderBottom prop="vehicleType">
|
|
|
+ <!-- <u-radio-group v-model="orderForm.vehicleType" @change="onVehicleTypeConfirm" placement="row"
|
|
|
+ class="p-input">
|
|
|
+ <u-radio :customStyle="{marginRight: '10px'}" v-for="item in vehicleTypeOption"
|
|
|
+ :key="item.value" :label="item.text" :name="item.value">
|
|
|
+ </u-radio>
|
|
|
+ </u-radio-group> -->
|
|
|
+ <view class="uni-list">
|
|
|
+ <radio-group v-model="orderForm.vehicleType" @change="onVehicleTypeConfirm" placement="row">
|
|
|
+ <label class="uni-list-cell uni-list-cell-pd" v-for="item in vehicleTypeOption"
|
|
|
+ :key="item.value">
|
|
|
+ <view>
|
|
|
+ <radio style="transform:scale(0.8)" :value="item.value"
|
|
|
+ :checked="item.value === orderForm.vehicleType" />{{ item.text }}
|
|
|
+ </view>
|
|
|
+ </label>
|
|
|
+ </radio-group>
|
|
|
+ </view>
|
|
|
+ </u-form-item>
|
|
|
+
|
|
|
+ <template>
|
|
|
+ <u-form-item :label="$t('order.companyName')" borderBottom prop="companyId"
|
|
|
+ @click="showPopup('popupCompanyId')">
|
|
|
+ <span>{{ orderForm.companyName }}</span>
|
|
|
+ <view v-if="paymentOption && paymentOption.isShow == '1'" style="color: darkgreen;font-size: 9pt;">
|
|
|
+ {{ paymentOption.usableTotal }}
|
|
|
+ </view>
|
|
|
+ <!-- <u-input readonly v-model="orderForm.companyName" border="none"
|
|
|
+ :placeholder="$t('base.common.placeholderS')+$t('order.companyName')">
|
|
|
+ <template slot="suffix">
|
|
|
+ <view v-if="paymentOption && paymentOption=='1'"
|
|
|
+ style="color: darkgreen;font-size: 9pt;">
|
|
|
+ {{paymentOption.usableTotal}}
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ </u-input> -->
|
|
|
+ </u-form-item>
|
|
|
+ <!-- <view v-if="paymentOption && paymentOption.isShow=='1'"
|
|
|
+ style="display: flex;flex-direction: row;justify-content:flex-end;">
|
|
|
+ <view style="color: red;font-size: 9pt;">{{$t('order.allTotal')}}:{{paymentOption.total}}
|
|
|
+ {{$t('order.waitTotal')}}:{{paymentOption.waitTotal}}
|
|
|
+ </view>
|
|
|
+
|
|
|
+
|
|
|
+ </view> -->
|
|
|
+ <view v-if="paymentOption && paymentOption.isShow == '1'" style="display: flex;flex-direction:justify-content:flex-end;flex-direction: column;
|
|
|
+ text-align: end;">
|
|
|
+ <view style="color: red;font-size: 9pt;">
|
|
|
+ {{ $t('order.allTotal') }}:{{ paymentOption.total }}
|
|
|
+ </view>
|
|
|
+ <view style="color: red;font-size: 9pt;">
|
|
|
+ {{ $t('order.waitTotal') }}:{{ paymentOption.waitTotal }}
|
|
|
+ </view>
|
|
|
+ <view style="color: red;font-size: 9pt;">
|
|
|
+ {{ $t('order.source') }}:{{ paymentOption.companyName }}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- <u-form-item :label="$t('order.materialName')" borderBottom prop="materialId"
|
|
|
+ @click="showPopup('popupmaterialId')"> -->
|
|
|
+ <u-form-item :label="$t('order.materialName')" borderBottom prop="materialId" @click="selectMater">
|
|
|
+ <u-input v-model="orderForm.materialName" border="none"
|
|
|
+ :placeholder="$t('base.common.placeholderS') + ' ' + $t('order.materialName')" />
|
|
|
+ </u-form-item>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <u-form-item v-if="paymentOption && paymentOption.isFlag == '1'" :label="$t('order.orderRelease')"
|
|
|
+ borderBottom prop="releaseUponPayment">
|
|
|
+ <view class="uni-list">
|
|
|
+ <radio-group v-model="orderForm.releaseUponPayment" @change="onReleaseUponPaymentConfirm"
|
|
|
+ placement="row">
|
|
|
+ <label class="uni-list-cell uni-list-cell-pd" v-for="item in releaseUponPaymentOption"
|
|
|
+ :key="item.value">
|
|
|
+ <radio style="transform:scale(0.8)" :value="item.value"
|
|
|
+ :checked="item.value === orderForm.releaseUponPayment" />{{ item.text }}
|
|
|
+ </label>
|
|
|
+ </radio-group>
|
|
|
+ </view>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item v-if="paymentOption && paymentOption.isFlag == '1'" :label="$t('order.isIntima')" borderBottom
|
|
|
+ prop="isIntima">
|
|
|
+ <view class="uni-list">
|
|
|
+ <radio-group v-model="orderForm.isIntima" @change="onisIntimaConfirm" placement="row">
|
|
|
+ <label class="uni-list-cell uni-list-cell-pd" v-for="item in isIntimaOption" :key="item.value">
|
|
|
+ <radio style="transform:scale(0.8)" :value="item.value"
|
|
|
+ :checked="item.value === orderForm.isIntima" />{{ item.text }}
|
|
|
+ </label>
|
|
|
+ </radio-group>
|
|
|
+ </view>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item :label="$t('order.phone')" borderBottom prop="phone">
|
|
|
+ <u--input v-model="orderForm.phone" border="none" type="number"
|
|
|
+ :placeholder="$t('base.common.placeholderI') + $t('order.phone')">
|
|
|
+ </u--input>
|
|
|
+ </u-form-item>
|
|
|
+ <!-- <u-form-item :label="$t('order.axle')" borderBottom prop="axle">
|
|
|
+ <u--input v-model="orderForm.axle" border="none"
|
|
|
+ :placeholder="$t('base.common.placeholderI')+$t('order.axle')">
|
|
|
+ </u--input>
|
|
|
+ </u-form-item> -->
|
|
|
+ <u-form-item v-if="orderForm.orderType == '1'" :label="$t('order.transportType')" borderBottom
|
|
|
+ prop="transporterType" @click="showPopup('popupTransporterTypeId')">
|
|
|
+ <span>{{ orderForm.transporterTypeName }}</span>
|
|
|
+ <!-- <u-input readonly v-model="orderForm.transporterTypeName" border="none"
|
|
|
+ :placeholder="$t('base.common.placeholderS')+$t('order.transportType')" /> -->
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item v-if="orderForm.orderType == '1'" :label="$t('order.transporter')" borderBottom
|
|
|
+ prop="transporterId" @click="showPopup('popupTransporterId')">
|
|
|
+ <!-- <u-input readonly v-model="orderForm.transporterName" border="none"
|
|
|
+ :placeholder="$t('base.common.placeholderS')+$t('order.transporter')" /> -->
|
|
|
+ <span>{{ orderForm.transporterName }}</span>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item :label="$t('order.remarks')" borderBottom prop="remarks">
|
|
|
+ <u-input v-model="orderForm.remark" border="none"
|
|
|
+ :placeholder="$t('base.common.placeholderI') + $t('order.remarks')" />
|
|
|
+ </u-form-item>
|
|
|
+ </u-form>
|
|
|
+ <view style="margin: 16px 0;">
|
|
|
+ <button class="bind-btn" @click="submit('form1')">{{ $t('base.common.submit') }}
|
|
|
+ </button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <u-toast ref="loadingToast"></u-toast>
|
|
|
+ <CarKeyboard :show.sync="carKeyboardShow" :vehicleNo="orderForm.vehicle" @confirm="onKeyBoardConfirm"
|
|
|
+ vehicleType="car"></CarKeyboard>
|
|
|
+ <!-- 下单日期 -->
|
|
|
+ <u-calendar color="#4680F9" round='25' :show="showSetDateCalendar" @confirm="onSetDateConfirm"
|
|
|
+ @close="showSetDateCalendar = false"></u-calendar>
|
|
|
+ <!-- 有效日期 -->
|
|
|
+
|
|
|
+ <u-datetime-picker :show="showEndDateCalendar" v-model="defaultEndDate" :defaultDate="defaultEndDate"
|
|
|
+ mode="datetime" @confirm="onEndDateConfirm" @close="showEndDateCalendar = false" />
|
|
|
+ <!-- <u-calendar color="#4680F9" :defaultDate="defaultEndDate" :show="showEndDateCalendar"
|
|
|
+ @confirm="onEndDateConfirm" @close="showEndDateCalendar=false" /> -->
|
|
|
+ <!-- 临时或固定 -->
|
|
|
+ <PopupSelect ref="popupOrderType" :option="orderTypeOption.filter((item) => { return item.isShow == true })"
|
|
|
+ @onConfirm="onOrderTypeConfirm" />
|
|
|
+ <!-- 业务类型 -->
|
|
|
+ <!-- <PopupSelect ref="popupVehicleType" :option="vehicleTypeOption" @onConfirm="onVehicleTypeConfirm" /> -->
|
|
|
+ <!-- 客户 -->
|
|
|
+ <PopupSelect ref="popupCompanyId" :hasSearch='false' :option="companyOption" @onConfirm="onCompanyConfirm" />
|
|
|
+ <PopupSelect ref="popupTransporterId" :hasSearch='false' :option="transporterOption"
|
|
|
+ @onConfirm="onTransporterConfirm" />
|
|
|
+
|
|
|
+ <!-- 原料 -->
|
|
|
+ <PopupSelect ref="popupmaterialId" kind="m" :hasSearch='false' :option="materialOption"
|
|
|
+ @onConfirm="onProductConfirm" />
|
|
|
+ <PopupSelect ref="popupTransporterTypeId" kind="m" :hasSearch='false' :option="transporterTypeOption"
|
|
|
+ @onConfirm="onTransporterTypeConfirm" />
|
|
|
+
|
|
|
+ <!-- 企业选项 -->
|
|
|
+ <PopupSelect ref="popupTenantId" :hasSearch='false' :option="tenantOption" @onConfirm="onTenantConfirm" />
|
|
|
+ <!-- 销售点 -->
|
|
|
+ <!-- <PopupSelect ref="salePoint" :hasSearch='false' :option="salePointOption" @onConfirm="onSalePointConfirm" /> -->
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import PopupSelect from '../../components/popup-select/index'
|
|
|
+import dayjs from 'dayjs'
|
|
|
+import CarKeyboard from '../../components/carKeyboard/carKeyboard'
|
|
|
+import {
|
|
|
+ getTenantCacheList,
|
|
|
+ getOrderType,
|
|
|
+} from '../../utils/util.js'
|
|
|
+
|
|
|
+import {
|
|
|
+ saveOrder,
|
|
|
+ getOption,
|
|
|
+ getMaterialsByCompany,
|
|
|
+ getSalesMaterByCompany,
|
|
|
+ getSalePointByCompany
|
|
|
+} from '../../api/order'
|
|
|
+export default {
|
|
|
+ components: {
|
|
|
+ CarKeyboard,
|
|
|
+ PopupSelect
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ carKeyboardShow: false,
|
|
|
+ start: dayjs().format('YYYY-MM-DD'),
|
|
|
+ orderForm: {
|
|
|
+ kind: "",
|
|
|
+ setDate: dayjs().format('YYYY-MM-DD'), //订单日期
|
|
|
+ orderValidDate: dayjs().add(30, 'day').format('YYYY-MM-DD HH:mm:ss'), //有效日期
|
|
|
+ tenantId: '', //企业
|
|
|
+ orderType: '1', //订单类型
|
|
|
+ companyId: '', //客商
|
|
|
+ materialId: "", //物料
|
|
|
+ orderNumber: "0", //数量
|
|
|
+ vehicle: '', //车号
|
|
|
+ driverId: '', //司机id\
|
|
|
+ vehicleType: '1',
|
|
|
+ xfFlag: '',
|
|
|
+ phone: '',
|
|
|
+ axle: '',
|
|
|
+ idcard: "",
|
|
|
+ driver: '',
|
|
|
+ orderPiece: '', //件数
|
|
|
+ tenantName: '',
|
|
|
+ vehicleTypeName: '', //业务类型
|
|
|
+ companyName: "", //客商
|
|
|
+ materialName: "", //物料id
|
|
|
+ orderTypeName: '临时订单',
|
|
|
+ sourceId: "", //第三方大订单ID
|
|
|
+ remark: "",
|
|
|
+ measureUnit: '', //单位
|
|
|
+ transporterType: "",
|
|
|
+ transporterTypeName: "",
|
|
|
+ transporterId: "", //运输单位
|
|
|
+ transporterName: "",
|
|
|
+ appUserType: "3",
|
|
|
+ releaseUponPayment: "0",
|
|
|
+ isIntima: "0",
|
|
|
+ saleBlockId: "",
|
|
|
+ saleBlockName: "",
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ orderType: [{
|
|
|
+ required: true,
|
|
|
+ message: this.$t('base.common.placeholderS') + ' ' + this.$t('order.orderType')
|
|
|
+ }],
|
|
|
+ vehicleType: [{
|
|
|
+ required: true,
|
|
|
+ message: this.$t('base.common.placeholderS') + ' ' + this.$t('order.vehicleType')
|
|
|
+ }],
|
|
|
+ tenantId: [{
|
|
|
+ required: true,
|
|
|
+ message: this.$t('base.common.placeholderS') + ' ' + this.$t('order.enterprise')
|
|
|
+ }],
|
|
|
+ companyId: [{
|
|
|
+ required: true,
|
|
|
+ message: this.$t('base.common.placeholderS') + ' ' + this.$t('order.companyName')
|
|
|
+ }],
|
|
|
+ materialId: [{
|
|
|
+ required: true,
|
|
|
+ message: this.$t('base.common.placeholderS') + ' ' + this.$t('order.materialName')
|
|
|
+ }],
|
|
|
+ orderNumber: [{
|
|
|
+ required: true,
|
|
|
+ message: this.$t('base.common.placeholderI') + ' ' + this.$t('order.orderNumber')
|
|
|
+ }]
|
|
|
+ },
|
|
|
+ vehicleTypeOption: [{
|
|
|
+ text: this.$t('base.common.noData'),
|
|
|
+ value: null
|
|
|
+ },],
|
|
|
+ releaseUponPaymentOption: [{
|
|
|
+ text: this.$t('driver.yes'),
|
|
|
+ value: '1'
|
|
|
+ }, {
|
|
|
+ text: this.$t('driver.no'),
|
|
|
+ value: '0'
|
|
|
+ },],
|
|
|
+ isIntimaOption: [{
|
|
|
+ text: this.$t('driver.have'),
|
|
|
+ value: '1'
|
|
|
+ }, {
|
|
|
+ text: this.$t('driver.notHave'),
|
|
|
+ value: '0'
|
|
|
+ },],
|
|
|
+ orderTypeOption: [
|
|
|
+ {
|
|
|
+ text: this.$t("order.tempOrder"),
|
|
|
+ isShow: true,
|
|
|
+ value: '1',
|
|
|
+ index: 1,
|
|
|
+ key: "add_temp_order",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ paymentOption: {},
|
|
|
+ //产品选项
|
|
|
+ materialOption: [{
|
|
|
+ text: this.$t('base.common.noData'),
|
|
|
+ value: null,
|
|
|
+ }], //物料选项
|
|
|
+ //产品选项
|
|
|
+ transporterTypeOption: [{
|
|
|
+ text: this.$t('base.common.noData'),
|
|
|
+ value: null,
|
|
|
+ }], //物料选项
|
|
|
+
|
|
|
+ //客户选项
|
|
|
+ companyOption: [{
|
|
|
+ text: this.$t('base.common.noData'),
|
|
|
+ compvalueanyId: null
|
|
|
+ }], //供应商选项
|
|
|
+ //客户选项
|
|
|
+ transporterOption: [{
|
|
|
+ text: this.$t('base.common.noData'),
|
|
|
+ compvalueanyId: null
|
|
|
+ }], //供应商选项
|
|
|
+ // vehicleOption:[{vehicle:this.$t('base.common.noData'),value:null}], //司机选项
|
|
|
+ tenantOption: [{
|
|
|
+ text: this.$t('base.common.noData'),
|
|
|
+ value: null
|
|
|
+ }], //企业选项
|
|
|
+ salePointOption: [{
|
|
|
+ text: this.$t('base.common.noData'),
|
|
|
+ value: null
|
|
|
+ }], //销售点
|
|
|
+
|
|
|
+ showSetDateCalendar: false,
|
|
|
+ showEndDateCalendar: false,
|
|
|
+ defaultEndDate: dayjs().add(30, 'day').format('YYYY-MM-DD HH:mm:ss'), //默认有效日期
|
|
|
+ //业务对应的客户信息
|
|
|
+ vehicleTypeCompanyList: [],
|
|
|
+ //参数
|
|
|
+ appParameters: {},
|
|
|
+ //客户对应的物料信息
|
|
|
+ companyMaterialList: [],
|
|
|
+ language: 'zh-Hans'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onLoad(options) {
|
|
|
+ this.bindTenant()
|
|
|
+ console.log("允许操作的订单类型、", this.orderTypeOption);
|
|
|
+ this.language = uni.getStorageSync('CURRENT_LANG')
|
|
|
+ if (this.orderTypeOption && this.orderTypeOption.length > 0) {
|
|
|
+ this.orderForm.orderType = this.orderTypeOption[0].value
|
|
|
+ this.orderForm.orderTypeName = this.orderTypeOption[0].text
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ onOrderNumberFocus() {
|
|
|
+ if (this.orderForm.orderNumber == 0) {
|
|
|
+ this.orderForm.orderNumber = null
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //选择品种
|
|
|
+ selectMater() {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: `/subpages/order/materSelect?option=${JSON.stringify(this.materialOption)}`
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //去选择司机
|
|
|
+ toSelectVehicle() {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/subpages/order/vehicle'
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //车号键盘输出
|
|
|
+ onKeyBoardConfirm(id) {
|
|
|
+ this.orderForm.vehicle = id
|
|
|
+ },
|
|
|
+ //显示车牌键盘
|
|
|
+ carKeyboardOut() {
|
|
|
+ this.carKeyboardShow = true
|
|
|
+ },
|
|
|
+ //选择订单类型后加载选项 //获取品种信息 101:销售，102：采购
|
|
|
+ bindOption() {
|
|
|
+ this.clear(true);
|
|
|
+ console.log("订单租户信息、", this.orderForm.tenantId);
|
|
|
+ if (!this.orderForm.tenantId) {
|
|
|
+ console.log("订单业务租户信息");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ var that = this;
|
|
|
+ console.log("当前租户ID、", that.orderForm.tenantId);
|
|
|
+ if (that.orderForm.tenantId) {
|
|
|
+ let data = JSON.parse(JSON.stringify(that.orderForm))
|
|
|
+ getOption(data).then(res => {
|
|
|
+ console.log("查询基础数据返回、", res);
|
|
|
+ if (res.statusCode === 200) {
|
|
|
+ console.log("用户业务类型、", res.data.data.appVehicleType)
|
|
|
+ console.log("用户客户信息、", res.data.data.appCompany)
|
|
|
+ console.log("用户品种信息、", res.data.data.appMaterial)
|
|
|
+ if (that.language == 'zh-Hans') {
|
|
|
+ that.vehicleTypeOption = res.data.data.appVehicleType;
|
|
|
+ } else {
|
|
|
+ that.vehicleTypeOption = res.data.data.appVehicleType.map(item => {
|
|
|
+ return {
|
|
|
+ text: item.language,
|
|
|
+ value: item.value
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ that.vehicleTypeOption = that.vehicleTypeOption.filter(item => item.value =='102');
|
|
|
+ if (that.vehicleTypeOption && that.vehicleTypeOption.length > 0) {
|
|
|
+ that.orderForm.vehicleType = '102'
|
|
|
+ that.onVehicleTypeConfirm({ detail: { value: that.orderForm.vehicleType } })
|
|
|
+ that.appParameters = res.data.data.appParameters
|
|
|
+ that.vehicleTypeCompanyList = res.data.data.appCompany
|
|
|
+ that.bindCompany();
|
|
|
+
|
|
|
+ that.transporterTypeOption = res.data.data.appTransportTypeList
|
|
|
+ if (that.transporterTypeOption && that.transporterTypeOption.length > 0) {
|
|
|
+ that.orderForm.transporterType = that.transporterTypeOption[0].value
|
|
|
+ that.orderForm.transporterTypeName = that.transporterTypeOption[0].text
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ //获取销售区域
|
|
|
+ bindProject() {
|
|
|
+ this.orderForm.saleBlockId = ''
|
|
|
+ this.orderForm.saleBlockName = ''
|
|
|
+ if (this.orderForm.vehicleType != '102') {
|
|
|
+ getSalePointByCompany(this.orderForm.companyId).then(res => {
|
|
|
+ if (res.statusCode === 200) {
|
|
|
+ this.orderForm.saleBlockId = res.data.data.id
|
|
|
+ this.orderForm.saleBlockName = res.data.data.name
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ bindCompany() {
|
|
|
+ var vehicleType = this.orderForm.vehicleType;
|
|
|
+ if (vehicleType && this.vehicleTypeCompanyList) {
|
|
|
+ this.companyOption = [{
|
|
|
+ text: this.$t('order.notSelected'),
|
|
|
+ value: null
|
|
|
+ }] //物料选项
|
|
|
+ var companyInfos = this.vehicleTypeCompanyList.filter(function (company) {
|
|
|
+ return company.vehicleType == vehicleType;
|
|
|
+ });
|
|
|
+
|
|
|
+ if (companyInfos && companyInfos.length > 0) {
|
|
|
+ companyInfos[0].companyList.forEach(item => {
|
|
|
+ this.companyOption.push({
|
|
|
+ text: item.companyName,
|
|
|
+ value: item.companyId
|
|
|
+ })
|
|
|
+ })
|
|
|
+ this.orderForm.companyId = this.companyOption[1].value
|
|
|
+ this.orderForm.companyName = this.companyOption[1].text
|
|
|
+ this.bindMaterial();
|
|
|
+ this.bindProject()
|
|
|
+ }
|
|
|
+ console.log("客户信息、", this.companyOption);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ bindMaterial() {
|
|
|
+ var companyId = this.orderForm.companyId;
|
|
|
+ this.materialOption = []
|
|
|
+ this.orderForm.materialId = ''
|
|
|
+ this.orderForm.materialName = ''
|
|
|
+ this.paymentOption = {}
|
|
|
+ if (companyId) {
|
|
|
+ if (this.orderForm.vehicleType == '101') {
|
|
|
+ getSalesMaterByCompany(this.orderForm).then(res => {
|
|
|
+ if (res.data.code == 0) {
|
|
|
+ this.paymentOption = res.data.hardInfo
|
|
|
+ if (res.data.companyList) {
|
|
|
+ res.data.companyList.forEach(item => {
|
|
|
+ this.transporterOption.push({
|
|
|
+ text: item.name,
|
|
|
+ value: item.id
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+ // this.materialOption = [{
|
|
|
+ // text: this.$t('order.notSelected'),
|
|
|
+ // value: null
|
|
|
+ // }] //物料选项
|
|
|
+ var materialInfos = res.data.data;
|
|
|
+ console.log("1111213213", materialInfos);
|
|
|
+ if (materialInfos && materialInfos.length > 0) {
|
|
|
+ materialInfos.forEach(item => {
|
|
|
+ this.materialOption.push({
|
|
|
+ text: item.name,
|
|
|
+ value: item.id,
|
|
|
+ type: item.materTypeName ? item.materTypeName : '暂无分类',
|
|
|
+ kind: item.kind,
|
|
|
+ measureUnit: item.measureUnit
|
|
|
+ })
|
|
|
+ })
|
|
|
+
|
|
|
+ // if (this.materialOption[1] && this.materialOption.length == 2) {
|
|
|
+ // this.orderForm.materialId = this.materialOption[1].value
|
|
|
+ // this.orderForm.materialName = this.materialOption[1].text
|
|
|
+ // this.orderForm.kind = this.materialOption[1].kind
|
|
|
+ // this.orderForm.measureUnit = this.materialOption[1].measureUnit
|
|
|
+
|
|
|
+
|
|
|
+ // }
|
|
|
+ }
|
|
|
+ console.log("品种信息、", this.materialOption);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ getMaterialsByCompany(this.orderForm).then(res => {
|
|
|
+ if (res.data.code == 0) {
|
|
|
+ this.paymentOption = res.data.hardInfo
|
|
|
+ if (res.data.companyList) {
|
|
|
+ res.data.companyList.forEach(item => {
|
|
|
+ this.transporterOption.push({
|
|
|
+ text: item.name,
|
|
|
+ value: item.id
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+ // this.materialOption = [{
|
|
|
+ // text: this.$t('order.notSelected'),
|
|
|
+ // value: null
|
|
|
+ // }] //物料选项
|
|
|
+ var materialInfos = res.data.data;
|
|
|
+ console.log("1111213213", materialInfos);
|
|
|
+ if (materialInfos && materialInfos.length > 0) {
|
|
|
+ materialInfos.forEach(item => {
|
|
|
+ this.materialOption.push({
|
|
|
+ text: item.name,
|
|
|
+ value: item.id,
|
|
|
+ type: item.materTypeName ? item.materTypeName : '暂无分类',
|
|
|
+ kind: item.kind,
|
|
|
+ measureUnit: item.measureUnit
|
|
|
+ })
|
|
|
+ })
|
|
|
+
|
|
|
+ // if (this.materialOption[1] && this.materialOption.length == 2) {
|
|
|
+ // this.orderForm.materialId = this.materialOption[1].value
|
|
|
+ // this.orderForm.materialName = this.materialOption[1].text
|
|
|
+ // this.orderForm.kind = this.materialOption[1].kind
|
|
|
+ // this.orderForm.measureUnit = this.materialOption[1].measureUnit
|
|
|
+
|
|
|
+
|
|
|
+ // }
|
|
|
+ }
|
|
|
+ console.log("品种信息、", this.materialOption);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //
|
|
|
+ bindTenant() {
|
|
|
+ this.tenantOption = getTenantCacheList();
|
|
|
+ if (this.tenantOption.length > 0) {
|
|
|
+ this.orderForm.tenantId = this.tenantOption[0].value
|
|
|
+ this.orderForm.tenantName = this.tenantOption[0].text
|
|
|
+ }
|
|
|
+ this.bindOption();
|
|
|
+ },
|
|
|
+ //提交订单
|
|
|
+ submit(ref) {
|
|
|
+ let _this = this
|
|
|
+ console.log("提交的订单信息、", this.orderForm);
|
|
|
+ var isCheckVehicle = true
|
|
|
+
|
|
|
+ if (this.orderForm.vehicleType == "101" &&
|
|
|
+ this.appParameters &&
|
|
|
+ this.orderForm.transporterType &&
|
|
|
+ this.appParameters.VEHICLE_ALLOW_EMPTY_TRANSPORTER_TYPE &&
|
|
|
+ this.appParameters.VEHICLE_ALLOW_EMPTY_TRANSPORTER_TYPE.indexOf(this.orderForm.transporterType) > -1) {
|
|
|
+ isCheckVehicle = false
|
|
|
+ }
|
|
|
+
|
|
|
+ this.$refs[ref].validate().then(() => {
|
|
|
+ let data = JSON.parse(JSON.stringify(_this.orderForm))
|
|
|
+ console.log("保存订单信息、", data);
|
|
|
+ this.$refs.loadingToast.show({
|
|
|
+ type: "loading",
|
|
|
+ message: this.$t('base.common.loading'),
|
|
|
+ duration: "1000000"
|
|
|
+ })
|
|
|
+ saveOrder(data).then(res => {
|
|
|
+ this.$refs.loadingToast.hide()
|
|
|
+ if (res.statusCode === 200) {
|
|
|
+ uni.showModal({
|
|
|
+ // title: '提示',
|
|
|
+ content: this.$t("order.isContinueAddOrder"),
|
|
|
+ showCancel: true,
|
|
|
+ cancelText: this.$t("base.button.goBack"),
|
|
|
+ confirmText: this.$t("base.button.continue"),
|
|
|
+ success: function (res) {
|
|
|
+ if (res.confirm) {
|
|
|
+ _this.orderForm = {
|
|
|
+ kind: "",
|
|
|
+ setDate: dayjs().format('YYYY-MM-DD'), //订单日期
|
|
|
+ orderValidDate: dayjs().add(30, 'day').format('YYYY-MM-DD HH:mm:ss'), //有效日期
|
|
|
+ tenantId: '', //企业
|
|
|
+ orderType: '1', //订单类型
|
|
|
+ companyId: '', //客商
|
|
|
+ materialId: "", //物料
|
|
|
+ orderNumber: "0", //数量
|
|
|
+ vehicle: '', //车号
|
|
|
+ driverId: '', //司机id\
|
|
|
+ vehicleType: '1',
|
|
|
+ xfFlag: '',
|
|
|
+ phone: '',
|
|
|
+ axle: '',
|
|
|
+ idcard: "",
|
|
|
+ driver: '',
|
|
|
+ orderPiece: '', //件数
|
|
|
+ tenantName: '',
|
|
|
+ vehicleTypeName: '', //业务类型
|
|
|
+ companyName: "", //客商
|
|
|
+ materialName: "", //物料id
|
|
|
+ orderTypeName: '临时订单',
|
|
|
+ sourceId: "", //第三方大订单ID
|
|
|
+ remark: "",
|
|
|
+ measureUnit: '', //单位
|
|
|
+ transporterType: "",
|
|
|
+ transporterTypeName: "",
|
|
|
+ transporterId: "", //运输单位
|
|
|
+ transporterName: "",
|
|
|
+ appUserType: "3",
|
|
|
+ releaseUponPayment: "0",
|
|
|
+ isIntima: "0",
|
|
|
+ saleBlockId: "",
|
|
|
+ saleBlockName: "",
|
|
|
+ },
|
|
|
+ _this.bindTenant()
|
|
|
+ console.log("允许操作的订单类型、", _this.orderTypeOption);
|
|
|
+
|
|
|
+ if (_this.orderTypeOption && _this.orderTypeOption.length > 0) {
|
|
|
+ _this.orderForm.orderType = _this.orderTypeOption[0].value
|
|
|
+ _this.orderForm.orderTypeName = _this.orderTypeOption[0].text
|
|
|
+ }
|
|
|
+ console.log('用户点击确定');
|
|
|
+ } else if (res.cancel) {
|
|
|
+ console.log('用户点击取消');
|
|
|
+ uni.redirectTo({
|
|
|
+ url: '/subpages/order/dealerList?index=0'
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }).catch(err => {
|
|
|
+ console.log('err', err);
|
|
|
+ this.$refs.loadingToast.hide()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ formatOption(data) {
|
|
|
+ let arr = []
|
|
|
+ data.forEach(item => {
|
|
|
+ arr.push({
|
|
|
+ text: item.name || item.label,
|
|
|
+ value: item.value || item.id
|
|
|
+ })
|
|
|
+ })
|
|
|
+ if (arr.length) {
|
|
|
+ arr.unshift({
|
|
|
+ text: this.$t('order.notSelected'),
|
|
|
+ value: null
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ arr.unshift({
|
|
|
+ text: this.$t('base.common.noData'),
|
|
|
+ value: null
|
|
|
+ })
|
|
|
+ }
|
|
|
+ return arr
|
|
|
+ },
|
|
|
+ //显示选择
|
|
|
+ showPopup(refs) {
|
|
|
+ this.$refs[refs].showPicker = true
|
|
|
+ },
|
|
|
+ //选择下单日期
|
|
|
+ onSetDateConfirm(date) {
|
|
|
+ this.orderForm.setDate = dayjs(date).format('YYYY-MM-DD');
|
|
|
+ this.showSetDateCalendar = false;
|
|
|
+ },
|
|
|
+ //选择下单日期
|
|
|
+ onEndDateConfirm(date) {
|
|
|
+ this.orderForm.orderValidDate = dayjs(date.value).format('YYYY-MM-DD HH:mm:ss');
|
|
|
+ this.showEndDateCalendar = false;
|
|
|
+ },
|
|
|
+ //选择订单类型
|
|
|
+ onOrderTypeConfirm(value) {
|
|
|
+ this.orderForm.orderType = ''
|
|
|
+ this.orderForm.orderTypeName = ''
|
|
|
+ if (value.value) {
|
|
|
+ this.orderForm.orderType = value.value
|
|
|
+ this.orderForm.orderTypeName = value.text
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //选择订单类型
|
|
|
+ onVehicleTypeConfirm(value) {
|
|
|
+ console.log('value', value);
|
|
|
+ this.orderForm.vehicleType = value.detail.value
|
|
|
+ if (this.orderForm.vehicleType == '101') {
|
|
|
+ this.orderTypeOption[1].isShow = false
|
|
|
+ this.orderForm.orderType = this.orderTypeOption[0].value
|
|
|
+ this.orderForm.orderTypeName = this.orderTypeOption[0].text
|
|
|
+ } else {
|
|
|
+ this.orderTypeOption = getOrderType(this.orderTypeOption);
|
|
|
+ }
|
|
|
+ this.clear(false)
|
|
|
+ this.bindCompany();
|
|
|
+ // this.bindMaterial();
|
|
|
+ },
|
|
|
+ onReleaseUponPaymentConfirm(value) {
|
|
|
+ this.orderForm.releaseUponPayment = value.detail.value
|
|
|
+ },
|
|
|
+ onisIntimaConfirm(value) {
|
|
|
+ this.orderForm.isIntima = value.detail.value
|
|
|
+ },
|
|
|
+
|
|
|
+ //选择客户
|
|
|
+ onCompanyConfirm(value) {
|
|
|
+ this.orderForm.companyId = ''
|
|
|
+ this.orderForm.companyName = ''
|
|
|
+ if (value.value) {
|
|
|
+ this.orderForm.companyId = value.value
|
|
|
+ this.orderForm.companyName = value.text
|
|
|
+ }
|
|
|
+ this.bindMaterial();
|
|
|
+ this.bindProject()
|
|
|
+ // this.bindCompany();
|
|
|
+ },
|
|
|
+
|
|
|
+ onTransporterConfirm(value) {
|
|
|
+ this.orderForm.transporterId = ''
|
|
|
+ this.orderForm.transporterName = ''
|
|
|
+ if (value.value) {
|
|
|
+ this.orderForm.transporterId = value.value
|
|
|
+ this.orderForm.transporterName = value.text
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //选择原料
|
|
|
+ onProductConfirm(value) {
|
|
|
+ console.log("选择的物料信息、", value);
|
|
|
+ this.orderForm.materialId = ''
|
|
|
+ this.orderForm.materialName = ''
|
|
|
+ if (value.value) {
|
|
|
+ this.orderForm.materialId = value.value
|
|
|
+ this.orderForm.materialName = value.text
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //选择运输类型
|
|
|
+ onTransporterTypeConfirm(value) {
|
|
|
+ console.log("选择的运输类型信息、", value);
|
|
|
+ this.orderForm.transporterType = ''
|
|
|
+ this.orderForm.transporterTypeName = ''
|
|
|
+ if (value.value) {
|
|
|
+ this.orderForm.transporterType = value.value
|
|
|
+ this.orderForm.transporterTypeName = value.text
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //选择销售点类型
|
|
|
+ onSalePointConfirm(value) {
|
|
|
+ console.log("选择的销售点信息、", value);
|
|
|
+ this.orderForm.salePoint = ''
|
|
|
+ this.orderForm.saleBlockName = ''
|
|
|
+ if (value.value) {
|
|
|
+ this.orderForm.salePoint = value.value
|
|
|
+ this.orderForm.saleBlockName = value.text
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ //选择企业
|
|
|
+ onTenantConfirm(value) {
|
|
|
+ this.orderForm.tenantId = ''
|
|
|
+ this.orderForm.tenantName = ''
|
|
|
+ if (value.value) {
|
|
|
+ this.orderForm.tenantId = value.value
|
|
|
+ this.orderForm.tenantName = value.text
|
|
|
+
|
|
|
+ }
|
|
|
+ this.bindOption();
|
|
|
+ },
|
|
|
+
|
|
|
+ clear(isVehicleType) {
|
|
|
+ if (isVehicleType == true) {
|
|
|
+ this.vehicleTypeOption = [{
|
|
|
+ text: this.$t('base.common.noData'),
|
|
|
+ value: null
|
|
|
+ }]
|
|
|
+ this.orderForm.vehicleType = ''
|
|
|
+ }
|
|
|
+ this.companyOption = [{
|
|
|
+ text: this.$t('base.common.noData'),
|
|
|
+ value: null
|
|
|
+ }] //客户选项
|
|
|
+ this.materialOption = [{
|
|
|
+ text: this.$t('base.common.noData'),
|
|
|
+ value: null
|
|
|
+ }] //物料选项
|
|
|
+
|
|
|
+ this.orderForm.companyId = ''
|
|
|
+ this.orderForm.materialId = ''
|
|
|
+ this.orderForm.companyName = ''
|
|
|
+ this.orderForm.materialName = ''
|
|
|
+ this.orderForm.orderNumber = '0';
|
|
|
+ this.orderForm.driver = '';
|
|
|
+ this.orderForm.driverId = '';
|
|
|
+ this.orderForm.vehicle = '';
|
|
|
+
|
|
|
+ },
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less" scoped>
|
|
|
+.order {
|
|
|
+ padding: 32rpx;
|
|
|
+
|
|
|
+ .picker-title {
|
|
|
+ display: flex;
|
|
|
+ padding: 0 32rpx;
|
|
|
+ line-height: 84rpx;
|
|
|
+ justify-content: space-between;
|
|
|
+
|
|
|
+ .confirm {
|
|
|
+ color: #4680F9;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .picker-wrap {
|
|
|
+ height: 440rpx;
|
|
|
+
|
|
|
+ .picker-view {
|
|
|
+ height: 100%;
|
|
|
+
|
|
|
+ .item {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ height: 88rpx;
|
|
|
+ line-height: 88rpx;
|
|
|
+ padding: 0 32rpx;
|
|
|
+
|
|
|
+ .text {
|
|
|
+ width: 33%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text1 {
|
|
|
+ width: 33%;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text2 {
|
|
|
+ width: 33%;
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .btn-item {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ height: 88rpx;
|
|
|
+ line-height: 88rpx;
|
|
|
+ padding: 0 32rpx;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ .add-vehicle {
|
|
|
+ line-height: 64rpx;
|
|
|
+ height: 64rpx;
|
|
|
+ background: #4680F9;
|
|
|
+ width: 25%;
|
|
|
+ font-size: 28rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .form-wrap {
|
|
|
+ height: 444rpx;
|
|
|
+ padding: 0 32rpx;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+// button {
|
|
|
+// // background:linear-gradient(to right,#4680F9 0%,#00e2fa 80%,#00e2fa 100%);
|
|
|
+// background: #4680F9;
|
|
|
+// line-height: 100rpx;
|
|
|
+// color: #fff;
|
|
|
+// border: none;
|
|
|
+// }
|
|
|
+
|
|
|
+uni-button:after {
|
|
|
+ border: none;
|
|
|
+}
|
|
|
+
|
|
|
+uni-input {
|
|
|
+ height: 72rpx;
|
|
|
+ padding: 0 10rpx 0 20rpx;
|
|
|
+}
|
|
|
+
|
|
|
+.uni-forms-item__inner {
|
|
|
+ padding: 20rpx 0;
|
|
|
+}
|
|
|
+
|
|
|
+// /deep/ .u-button--primary {
|
|
|
+// background-color: #4680F9;
|
|
|
+// border-color: #4680F9;
|
|
|
+// }</style>
|
