<template>
|
<!-- 新增申请表单 -->
|
<view class="new-application-form-data">
|
<combination-title class="newApplicationTitle" title="新增"></combination-title>
|
<view class="formDataContaniner">
|
<u--form labelPosition="left" :model="newFormData" ref="formRef">
|
<u-form-item @click="selectLedger" labelWidth="20%" label="账套" borderBottom>
|
<u--input disabled disabledColor="#ffffff" v-model="ledgerName" border="none"></u--input>
|
</u-form-item>
|
<u-form-item labelWidth="20%" label="结算客户" borderBottom ref="customerNameRef">
|
<u--input v-model="newFormData.customerName" disabled disabledColor="#ffffff" border="none"></u--input>
|
</u-form-item>
|
<u-form-item labelWidth="20%" label="合同编号" borderBottom ref="contractNumRef">
|
<u--input v-model="newFormData.contractNum" disabled disabledColor="#ffffff" border="none"></u--input>
|
</u-form-item>
|
<u-form-item labelWidth="20%" label="合同名称" borderBottom ref="contractNameRef">
|
<u--input disabled disabledColor="#ffffff" v-model="newFormData.contractName" border="none"></u--input>
|
</u-form-item>
|
<u-form-item labelWidth="20%" label="付款方式" borderBottom ref="payTypeRef">
|
<u--input :value="newFormData.payType == '0' ? '现汇' : '承兑'" disabled disabledColor="#ffffff" placeholder="请选择付款方式" border="none"></u--input>
|
<u-icon slot="right" name="arrow-right"></u-icon>
|
</u-form-item>
|
<u-form-item @click="timeShow = true" labelWidth="20%" label="日期" borderBottom ref="timeDataRef">
|
<u--input v-model="timeDataStr" disabled disabledColor="#ffffff" border="none" placeholder="请选择范围日期"></u--input>
|
<u-icon slot="right" name="arrow-right"></u-icon>
|
</u-form-item>
|
<u-form-item labelWidth="20%" label="编号" borderBottom>
|
<u--input border="none" disabled disabledColor="#ffffff" v-model="newFormData.number" placeholder="请输入编号"></u--input>
|
</u-form-item>
|
</u--form>
|
</view>
|
|
<!-- 选择账套 -->
|
<u-picker
|
@change="selectLedgerChange"
|
@confirm="selectLedgerConfirm"
|
@cancel="selectLedgerCancel"
|
@close="selectLedgerClose"
|
:show="selectLedgerShow"
|
:columns="ledgerList"
|
keyName="name"
|
></u-picker>
|
|
<!-- 申请日历、范围时间 -->
|
<u-calendar :show="timeShow" :mode="mode" @confirm="confirmTime" @close="timeClose" rowHeight="110"></u-calendar>
|
<!-- 添加合同子项 -->
|
<view class="addContractContainer">
|
<u-popup :show="addContractShow" @close="addContractClose" @open="addContractOpen" mode="bottom" round="22">
|
<scroll-view scroll-y="true" style="height:100%;">
|
<combination-title class="addContractFormTitle" title="添加订单"></combination-title>
|
<!-- 添加用户表单 -->
|
<view class="addContractForm">
|
<u--form labelPosition="left" :model="addContractFormdata" :rules="addContractRules" ref="form1">
|
<view class="formUpCard">
|
<u-form-item label="矿厂" labelWidth="20%" ref="item1">
|
<u--input v-model="addContractFormdata.filedName" disabled disabledColor="#ffffff" border="none"></u--input>
|
</u-form-item>
|
<u-form-item @click="coalFiledSelectShow = true" label="煤厂" labelWidth="20%" ref="item1">
|
<u--input v-model="addContractFormdata.compName" disabled disabledColor="#ffffff"></u--input>
|
</u-form-item>
|
<u-form-item label="收货人" labelWidth="20%" ref="item1" @click="addContractConsignee">
|
<u--input v-model="addContractFormdata.customerName" disabled disabledColor="#ffffff"></u--input>
|
</u-form-item>
|
<u-form-item @click="addContractCoalShow = true" label="品种" labelWidth="20%" ref="item1">
|
<u--input v-model="addContractFormdata.coalName" disabled disabledColor="#ffffff"></u--input>
|
</u-form-item>
|
<template>
|
<!-- 价格卡片 -->
|
<view class="priceList" v-if="showPrice && favouredpolicyListcomputed">
|
<view class="currentPriceContainer">
|
<u-divider text="当前价格"></u-divider>
|
<view class="currentPriceBox">
|
<u--form :model="currentCoal" labelPosition="left">
|
<u-form-item label="煤种" labelWidth="35%">
|
<u--input v-model="currentCoal.coalName" disabled disabledColor="#ffffff" border="none"></u--input>
|
</u-form-item>
|
<u-form-item :label="currentCoal.type == 1 ? '钢厂长协' : '基准价'" labelWidth="35%">
|
<u--input v-model="currentCoal.steelMillPrice" disabled disabledColor="#ffffff" border="none"></u--input>
|
</u-form-item>
|
<u-form-item :label="currentCoal.type == 1 ? '焦化长协' : '电厂基准'" labelWidth="35%">
|
<u--input v-model="currentCoal.cokingPrice" disabled disabledColor="#ffffff" border="none"></u--input>
|
</u-form-item>
|
<u-form-item :label="currentCoal.type == 1 ? '非长协' : '区域外电厂价'" labelWidth="35%">
|
<u--input v-model="currentCoal.noImportantPrice" disabled disabledColor="#ffffff" border="none"></u--input>
|
</u-form-item>
|
<u-form-item label="挂牌价" labelWidth="35%">
|
<u--input v-model="currentCoal.quotePrice" disabled disabledColor="#ffffff" border="none"></u--input>
|
</u-form-item>
|
</u--form>
|
</view>
|
</view>
|
<view class="selectPriceContainer">
|
<u-divider text="选择价格"></u-divider>
|
<view class="selectPricebox">
|
<u--form labelPosition="left">
|
<u-form-item label="煤种" labelWidth="35%">
|
<u--input v-model="currentCoal.coalName" disabled disabledColor="#ffffff" border="none"></u--input>
|
</u-form-item>
|
<u-radio-group v-model="addContractFormdata.priceMode" placement="column" @change="groupChange">
|
<view class="selectPriceboxItem">
|
<u-form-item :label="currentCoal.type == 1 ? '钢厂长协' : '基准价'" labelWidth="35%">
|
<u--input v-model="afterPrice.steelMillPrice" disabled disabledColor="#ffffff" border="none"></u--input>
|
</u-form-item>
|
<u-radio shape="square" size="30" :customStyle="{ marginBottom: '8px' }" name="0" @change="changePriceMode"></u-radio>
|
</view>
|
<view class="selectPriceboxItem">
|
<u-form-item :label="currentCoal.type == 1 ? '焦化长协' : '电厂基准'" labelWidth="35%">
|
<u--input v-model="afterPrice.cokingPrice" disabled disabledColor="#ffffff" border="none"></u--input>
|
</u-form-item>
|
<u-radio shape="square" size="30" :customStyle="{ marginBottom: '8px' }" name="1" @change="changePriceMode"></u-radio>
|
</view>
|
<view class="selectPriceboxItem">
|
<u-form-item :label="currentCoal.type == 1 ? '非长协' : '区域外电厂价'" labelWidth="35%">
|
<u--input v-model="afterPrice.noImportantPrice" disabled disabledColor="#ffffff" border="none"></u--input>
|
</u-form-item>
|
<u-radio shape="square" size="30" :customStyle="{ marginBottom: '8px' }" name="2" @change="changePriceMode"></u-radio>
|
</view>
|
<view class="selectPriceboxItem">
|
<u-form-item label="挂牌价" labelWidth="35%">
|
<u--input v-model="afterPrice.quotePrice" disabled disabledColor="#ffffff" border="none"></u--input>
|
</u-form-item>
|
<u-radio shape="square" size="30" :customStyle="{ marginBottom: '8px' }" name="3" @change="changePriceMode"></u-radio>
|
</view>
|
</u-radio-group>
|
</u--form>
|
</view>
|
</view>
|
<view class="selectFavouredPolicy">
|
<u-divider text="选择优惠政策"></u-divider>
|
<view class="selectFavouredPolicyBox">
|
<u-checkbox-group v-model="selectOKfavouredpolicyValue" placement="column" @change="checkboxChangeFavouredpolicy">
|
<uni-table ref="priceTableRef" :loading="loading" border stripe emptyText="暂无更多数据">
|
<uni-tr>
|
<uni-th width="10" align="center">选项</uni-th>
|
<uni-th width="150" align="center">优惠方式</uni-th>
|
<uni-th width="60" align="center">符号</uni-th>
|
<uni-th width="60" align="center">值</uni-th>
|
<uni-th width="60" align="center">价格优惠</uni-th>
|
</uni-tr>
|
<uni-tr v-for="(item, index) in favouredpolicyList" :key="index">
|
<uni-td align="center">
|
<view class=""><u-checkbox :customStyle="{ marginBottom: '8px' }" :key="index" :name="item.id" size="30"></u-checkbox></view>
|
</uni-td>
|
<uni-td>{{ item.type }}</uni-td>
|
<uni-td align="center">{{ operator[item.method].label }}</uni-td>
|
<uni-td align="center">{{ item.val }}</uni-td>
|
<uni-td align="center">{{ item.price }}</uni-td>
|
</uni-tr>
|
</uni-table>
|
</u-checkbox-group>
|
</view>
|
</view>
|
</view>
|
</template>
|
<u-form-item @click="addContractTransportShow = true" label="运输" labelWidth="20%" ref="item1">
|
<u--input v-model="addContractTransport" disabled disabledColor="#ffffff"></u--input>
|
</u-form-item>
|
</view>
|
<view class="formDownCard">
|
<u-form-item label="单价" labelWidth="20%" ref="item1">
|
<u--input v-model="addContractFormdata.price" disabled disabledColor="#ffffff" border="none"></u--input>
|
</u-form-item>
|
<u-form-item label="订单金额" labelWidth="20%" ref="item1">
|
<u--input :disabled="addContractFormdata.trainType == 2" v-show="currentRowComputed" v-model="addContractFormdata.amount"></u--input>
|
</u-form-item>
|
<u-form-item label="订单数量" labelWidth="20%" ref="item1">
|
<u--input :disabled="addContractFormdata.trainType == 1" @input="jisuanAmount" v-model="addContractFormdata.quant"></u--input>
|
</u-form-item>
|
</view>
|
</u--form>
|
|
<view class="addContractConfirm"><u-button text="添加" type="primary" @click="addContractSanConfirm"></u-button></view>
|
</view>
|
|
<!-- 选择煤厂 -->
|
<view class="coalFiledSelectPopup">
|
<u-popup :show="coalFiledSelectShow" @close="coalFiledSelectClose" @open="coalFiledSelectOpen" mode="bottom" round="22">
|
<scroll-view scroll-y="true" style="height:100%;">
|
<combination-title class="selectCustomerTitle" title="选择煤厂"></combination-title>
|
<view class="coalFiledSelectSearch"></view>
|
<view class="coalFiledTable">
|
<view class="tableBody">
|
<uni-table border emptyText="暂无更多数据">
|
<uni-tr>
|
<uni-th width="120" align="center">煤厂名称</uni-th>
|
<uni-th width="120" align="center">煤厂编号</uni-th>
|
<uni-th width="120" align="center">所属矿</uni-th>
|
<uni-th width="120" align="center">备注</uni-th>
|
</uni-tr>
|
<uni-tr v-for="(item, index) in coalfiledData" :key="index">
|
<uni-td align="center">
|
<view :style="tdStyle">{{ item.name }}</view>
|
</uni-td>
|
<uni-td align="center">
|
<view :style="tdStyle">{{ item.num }}</view>
|
</uni-td>
|
<uni-td align="center">
|
<view :style="tdStyle">{{ item.compName }}</view>
|
</uni-td>
|
<uni-td align="left">
|
<view :style="tdStyle">{{ item.remark }}</view>
|
</uni-td>
|
</uni-tr>
|
</uni-table>
|
</view>
|
|
<view class="TableUtilBtn">
|
<uni-table border emptyText="暂无更多数据">
|
<uni-tr><uni-th align="center">操作</uni-th></uni-tr>
|
<uni-tr v-for="(item, index) in coalfiledData" :key="index">
|
<uni-td align="center">
|
<!-- 选择合同 -->
|
<view class="TableUtilBtnContainer"><u-button type="primary" @click="coalFiledSelectClick(item)" icon="checkbox-mark" size="mini"></u-button></view>
|
</uni-td>
|
</uni-tr>
|
</uni-table>
|
</view>
|
</view>
|
</scroll-view>
|
</u-popup>
|
</view>
|
|
<!-- 选择收货人 -->
|
<view class="selectCustomerPopup">
|
<u-popup :show="addContractConsigneeShow" @close="addContractConsigneeClose" @open="addContractConsigneeOpen" mode="bottom" round="22">
|
<scroll-view scroll-y="true" style="height:100%;">
|
<combination-title class="selectCustomerTitle" title="选择收货人"></combination-title>
|
<view class="selectCustomerContainer">
|
<view class="searchContainer">
|
<u--form labelPosition="left" :model="searchCustomerForm" ref="selectformRef">
|
<u-form-item labelWidth="12%" label="单位" borderBottom ref="compRef">
|
<u--input @focus="selectCustomerCompShow = true" v-model="searchCustomerForm.compName" placeholder="点击选择单位" border="none"></u--input>
|
<u-icon slot="right" name="close-circle-fill" v-show="searchCustomerForm.compName != ''" @click="searchCustomerForm.compName = ''"></u-icon>
|
</u-form-item>
|
<u-form-item labelWidth="20%" label="客户名称" borderBottom ref="timeDataRef">
|
<u--input v-model="selectCustomerData.customerFullName" border="none" placeholder="输入客户名称"></u--input>
|
<u-icon slot="right" name="close-circle-fill" v-show="selectCustomerData.customerFullName != ''" @click="selectCustomerData.customerFullName = ''"></u-icon>
|
</u-form-item>
|
<u-form-item labelWidth="20%" label="客户级别" borderBottom>
|
<u--input @focus="selectLevelShow = true" border="none" v-model="searchCustomerForm.levelText" placeholder="点击选择级别"></u--input>
|
<u-icon slot="right" name="close-circle-fill" v-show="searchCustomerForm.levelText != ''" @click="searchCustomerForm.levelText = ''"></u-icon>
|
</u-form-item>
|
</u--form>
|
</view>
|
<view class="searchCustomerBtn">
|
<u-button text="搜索" type="primary" @click="selectCustomer()"></u-button>
|
<u-button text="清空" @click="selectCustomerResetFields"></u-button>
|
</view>
|
<!-- 客户列表 -->
|
<view class="searchResultList">
|
<u-cell-group :right-icon="false">
|
<u-cell v-for="(item, index) in customerData" :title="item.customerFullName" :arrow="false">
|
<view slot="value" class="u-slot-value">
|
<button
|
class="mini-btn"
|
type="default"
|
size="mini"
|
style="background: #007aff;
|
color: #ffffff;
|
margin: auto 0;
|
height: 20px;
|
line-height:20px;
|
width: 43px;
|
font-size: 10px;
|
padding: 0;"
|
@click="addContractConsigneeConfirm(item)"
|
>
|
选择
|
</button>
|
</view>
|
</u-cell>
|
</u-cell-group>
|
</view>
|
<view class="loadmoreClass">
|
<u-loadmore loadmoreText="点击加载更多" nomoreText="无更多数据!!!" :status="status" @loadmore="loadingCustomer" fontSize="20" height="30px" />
|
</view>
|
<!-- 选择用户菜单项 -->
|
<view class="selectCustomerCompSheet">
|
<u-action-sheet
|
:show="selectCustomerCompShow"
|
:actions="selectCustomerActions"
|
title="请选择单位"
|
@close="selectCustomerCompShow = false"
|
@select="selectCustomerSelect"
|
></u-action-sheet>
|
</view>
|
<!-- 级别菜单项 -->
|
<view class="selectLevelSheet">
|
<u-action-sheet :show="selectLevelShow" :actions="levelList" title="请选择级别" @close="selectLevelShow = false" @select="selectLevelSelect"></u-action-sheet>
|
</view>
|
</view>
|
</scroll-view>
|
</u-popup>
|
</view>
|
|
<!-- 品种选择器 -->
|
<view class="addContractCoalPicker">
|
<u-picker
|
:show="addContractCoalShow"
|
:columns="addContractCoalData"
|
@close="addContractCoalClose"
|
@cancel="addContractCoalShow = false"
|
@confirm="addContractCoalConfirm"
|
:closeOnClickOverlay="true"
|
keyName="label"
|
></u-picker>
|
</view>
|
|
<!-- 运输选择器 -->
|
<view class="addContractCoalPicker">
|
<u-picker
|
:show="addContractTransportShow"
|
:columns="addContractTransportData"
|
@close="addContractTransportClose"
|
@cancel="addContractTransportShow = false"
|
@confirm="addContractTransportConfirm"
|
:closeOnClickOverlay="true"
|
keyName="label"
|
></u-picker>
|
</view>
|
</scroll-view>
|
</u-popup>
|
</view>
|
|
<!-- 申请表格 -->
|
|
<view class="newApplicationTable">
|
<view class="balanceNo" v-if="accountDetails.balanceTotal < 0"><text style="color:red;">客户账户当前处于欠款状态</text></view>
|
|
<view class="messageCustomerBalance" v-if="accountDetails.balanceTotal >= 0">
|
<text style="color: #FFA500;;">
|
客户账户现汇余额:{{ accountDetails.balance == null ? 0 : accountDetails.balance }},承兑余额：{{ accountDetails.balance2 == null ? 0 : accountDetails.balance2 }}
|
</text>
|
</view>
|
<u-swipe-action>
|
<u-swipe-action-item @click="deleteContractCardClick" :options="options1" v-for="(item, index) in newFormData.contractOrders" :key="index">
|
<view class="cardList">
|
<view class="" class="cardListIcon" @click="editApplicationClick(index)"><u-icon name="edit-pen" color="#2979ff" size="35"></u-icon></view>
|
<view class="cardList-container">
|
<view class="cardList_item">
|
收货人：
|
<text>{{ item.customerName }}</text>
|
</view>
|
<view class="cardList_item">
|
<view class="">
|
矿厂：
|
<text>{{ item.filedName }}</text>
|
</view>
|
<view class="">
|
煤厂：
|
<text>{{ item.compName }}</text>
|
</view>
|
</view>
|
|
<view class="cardList_item">
|
<view class="">
|
品种：
|
<text>{{ item.coalName }}</text>
|
</view>
|
<view class="">
|
运输：
|
<text>{{ item.trainType == 1 ? '地销' : '路运' }}</text>
|
</view>
|
</view>
|
<view class="cardList_item">
|
<view class="">
|
单价：
|
<text>{{ item.price }}</text>
|
</view>
|
<view class="">
|
订单金额：
|
<text>{{ item.amount }}</text>
|
</view>
|
</view>
|
</view>
|
</view>
|
</u-swipe-action-item>
|
</u-swipe-action>
|
|
<view class="addCard" @click="addContractClick">
|
<view class="addCard-icon"><u-icon name="plus" size="100"></u-icon></view>
|
</view>
|
</view>
|
|
<view class="new-application-button">
|
<u-button text="取消" :plain="true" type="primary" @click="backPage"></u-button>
|
<u-button text="确定" type="primary" @click="newApplicationFormDataClick"></u-button>
|
</view>
|
|
<!-- 菜单栏 -->
|
<popup-menu @menuShow="menushow" ref="menuRef"></popup-menu>
|
</view>
|
</template>
|
|
<script>
|
import combinationTitle from '@/components/common/combined-title/combined-title.vue';
|
import popupMenu from '@/components/common/popup-menu/popup-menu.vue';
|
import { BaseUrl } from '@/utils/request.js';
|
|
// 最大显示的日期
|
const d = new Date();
|
const year = d.getFullYear();
|
let month = d.getMonth() + 1;
|
month = month < 10 ? `0${month}` : month;
|
const date = d.getDate();
|
export default {
|
data() {
|
return {
|
// 账套选择器
|
selectLedgerShow: false,
|
ledgerList: [],
|
ledgerName: '',
|
applicationOrderIndex: null,
|
tdStyle: 'max-height: 30px;overflow: scroll;',
|
spanStyle: 'overflow:auto',
|
newFormData: {},
|
accountDetails: {},
|
// 时间
|
timeDataStr: '',
|
menuShow: false,
|
// 表单
|
showPayType: false, // 付款方式弹框
|
payData: [],
|
actions: [],
|
selectValue: '',
|
rules: {},
|
// 时间
|
timeShow: false,
|
mode: 'range',
|
// 选择客户
|
selectCustomerData: {
|
compIds: '',
|
customerFullName: '',
|
level: '',
|
current: 1,
|
size: 10
|
},
|
status: 'loadmore',
|
customerDataAllNum: 0, //客户列表总条数
|
account: null, //客户账户信息
|
// 搜索字段
|
selectCompsData: [],
|
selectCustomerLevel: [],
|
searchCustomerForm: {
|
compName: '',
|
levelText: ''
|
},
|
customerData: [],
|
// 选择单位
|
selectCustomerCompShow: false,
|
selectCustomerActions: [],
|
// 级别
|
selectLevelShow: false,
|
levelList: [
|
{ name: '一星级', value: 'A' },
|
{ name: '二星级', value: 'B' },
|
{ name: '三星级', value: 'C' },
|
{
|
name: '四星级',
|
value: 'D'
|
},
|
{ name: '五星级', value: 'E' }
|
],
|
// 添加合同
|
addContractShow: false,
|
// 添加合同表单
|
addContractRules: {
|
// compName: [
|
// {
|
// required: true,
|
// message: '请选择煤厂',
|
// trigger: ['blur', 'change']
|
// }
|
// ],
|
},
|
addContractFormdata: {},
|
contractDetails: [], // 选择的合同详情
|
// 选择煤厂
|
coalFiledSelectShow: false,
|
coalfiledData: [],
|
coalfiledParams: { current: 1, size: 10 },
|
selectCoalFiledData: {},
|
// 选择收货人
|
addContractConsigneeShow: false,
|
// 品种选择器
|
addContractCoalShow: false,
|
addContractCoalData: [[]],
|
// 运输类型
|
|
// 优惠
|
favouredpolicyListAll: [], //优惠政策列表所有的
|
favouredpolicyList: [], // 优惠政策列表
|
multipleSelection: [], //选中的优惠政策
|
selectOKfavouredpolicyValue: [], //复选框选中
|
// 单选框
|
addContractTransport: '',
|
// 品种价格表格
|
loading: false,
|
// 价格请求参数
|
getNewPriceData: {},
|
dust: null, // 抑尘费
|
trainfreight: {}, //路运运费
|
// 运输类型
|
addContractTransportShow: false,
|
addContractTransportData: [[{ label: '地销', value: 1 }, { label: '路运', value: 2 }]],
|
currentCoal: {
|
coalName: '',
|
cokingPrice: null,
|
modifyId: null,
|
modifyInfoId: null,
|
noImportantPrice: null,
|
quotePrice: null,
|
steelMillPrice: null,
|
type: null
|
},
|
// 滑动单元格
|
options1: [
|
{
|
text: '删除'
|
}
|
],
|
editApplicationTableId: ''
|
};
|
},
|
onLoad(options) {
|
this.editApplicationTableId = JSON.parse(options.index);
|
},
|
onShow() {
|
if (this.menuShow == true) {
|
this.$refs.menuRef.menuClick();
|
}
|
this.init();
|
},
|
// 点击导航栏菜单后
|
onNavigationBarButtonTap(e) {
|
this.$refs.menuRef.menuClick();
|
},
|
computed: {
|
afterPrice() {
|
let temp = Object.assign({}, this.currentCoal);
|
let favouredpolicyIds = '';
|
if (this.favouredpolicyList.length > 0) {
|
console.log('变后的价格', this.multipleSelection, temp, this.currentCoal);
|
this.multipleSelection.forEach(e => {
|
if (favouredpolicyIds.length > 0) {
|
favouredpolicyIds += ',';
|
}
|
favouredpolicyIds += e.id;
|
temp.steelMillPrice -= e.price;
|
temp.cokingPrice -= e.price;
|
temp.noImportantPrice -= e.price;
|
temp.quotePrice -= e.price;
|
});
|
if (this.multipleSelection.length > 0) {
|
this.addContractFormdata.favouredpolicyIds = favouredpolicyIds;
|
}
|
}
|
return temp;
|
},
|
showPrice() {
|
if (this.addContractFormdata) {
|
let row = this.addContractFormdata;
|
if (row.compId && row.customerAddressId && row.coalId) {
|
// this.rowClik(this.currentRow);
|
return true;
|
}
|
}
|
return false;
|
},
|
//优惠政策
|
favouredpolicyListcomputed() {
|
let list = [];
|
this.favouredpolicyListAll.forEach(e => {
|
//支付方式
|
if (e.type.indexOf('B') != -1 && e.coalIds) {
|
if (e.coalIds.indexOf(this.addContractFormdata.coalId) != -1) {
|
list.push(e);
|
}
|
}
|
//运距
|
if (this.addContractFormdata.trainType == 2) {
|
if (e.type.indexOf('A') != -1) {
|
//根据发站到站获取运距
|
list.push(e);
|
}
|
}
|
});
|
this.favouredpolicyList = list;
|
|
return true;
|
},
|
async currentRowComputed() {
|
//变价格用的
|
this.changePriceMode(this.addContractFormdata.priceMode);
|
|
//变订单量
|
if (this.addContractFormdata.id != null) {
|
console.log('进入计算之前', this.addContractFormdata);
|
if (this.addContractFormdata.price > 0 && (this.addContractFormdata.amount > 0 || this.addContractFormdata.quant > 0)) {
|
let price = this.addContractFormdata.price;
|
if (this.addContractFormdata.trainType == 1) {
|
let q = this.addContractFormdata.amount / price;
|
this.addContractFormdata.quant = q.toFixed(2);
|
console.log('输入金额', this.addContractFormdata.quant);
|
this.addContractFormdata.cost1 = null; //运费
|
this.addContractFormdata.cost2 = null; //抑尘费
|
} else if (this.addContractFormdata.trainType == 2) {
|
//如果路运价格增加抑尘费和运费
|
let cost1Price = await this.getFreight(this.addContractFormdata.fromStation, this.addContractFormdata.toStation, this.addContractFormdata.customerAddressId); //路运运费
|
price += cost1Price;
|
price += this.dust;
|
this.addContractFormdata.cost1 = (this.addContractFormdata.quant * cost1Price).toFixed(2); //运费
|
this.addContractFormdata.cost2 = (this.addContractFormdata.quant * this.dust).toFixed(2); //抑尘费
|
let amount = Number(price * this.addContractFormdata.quant) + Number(this.addContractFormdata.cost1) + Number(this.addContractFormdata.cost2);
|
this.addContractFormdata.amount = amount.toFixed(2);
|
}
|
}
|
} else {
|
this.addContractFormdata.quant = null;
|
}
|
return true;
|
}
|
},
|
watch: {
|
// 立即处理 进入页面就触发 // immediate: true,
|
// 深度监听 属性的变化// deep: true
|
// 选择客户查询条件
|
'searchCustomerForm.compName'(newV, oldV) {
|
if (newV == '') {
|
this.selectCustomerData.compIds = '';
|
}
|
},
|
'searchCustomerForm.levelText'(newV, oldV) {
|
if (newV == '') {
|
this.selectCustomerData.level = '';
|
}
|
}
|
},
|
components: {
|
popupMenu,
|
combinationTitle
|
},
|
methods: {
|
async jisuanAmount() {
|
if (this.addContractFormdata.trainType == 2) {
|
let price = this.addContractFormdata.price;
|
//如果路运价格增加抑尘费和运费
|
let cost1Price = await this.getFreight(this.addContractFormdata.fromStation, this.addContractFormdata.toStation, this.addContractFormdata.customerAddressId); //路运运费
|
price += cost1Price;
|
price += this.dust;
|
this.addContractFormdata.cost1 = (this.addContractFormdata.quant * cost1Price).toFixed(2); //运费
|
this.addContractFormdata.cost2 = (this.addContractFormdata.quant * this.dust).toFixed(2); //抑尘费
|
let amount = Number(price * this.addContractFormdata.quant) + Number(this.addContractFormdata.cost1) + Number(this.addContractFormdata.cost2);
|
this.addContractFormdata.amount = amount.toFixed(2);
|
}
|
},
|
init() {
|
this.getLedgerList(); // 账套列表
|
this.jcfavouredpolicyitem();
|
this.coalfiled();
|
this.coalprice();
|
this.operato();
|
this.pay_type();
|
this.others_params();
|
this.fetchCompTree();
|
this.getFavouredPolicyItem();
|
this.editApplicationFormData(); // 修改申请表单详情
|
},
|
/**
|
* 获取分类账套
|
*/
|
getLedgerList() {
|
this.$reqGet('zhaccountledger', { compId: uni.getStorageSync('userInfo').compId }).then(res => {
|
this.ledgerList.push(res.data.records);
|
// console.log('账套列表',this.ledgerList);
|
// if (res.data.records) {
|
// this.newFormData.ledgerId = res.data.records[0].id;
|
// this.ledgerName = res.data.records[0].name;
|
// }
|
});
|
},
|
selectLedger() {
|
this.selectLedgerShow = true;
|
},
|
selectLedgerChange(index) {
|
console.log('账套选择器', index);
|
|
|
|
// if(this.newFormData.customerName||this.newFormData.contractNum||this.newFormData.contractName){
|
// this.newFormData.customerName = '';
|
// this.newFormData.contractNum = '';
|
// this.newFormData.contractName = '';
|
// }
|
},
|
async selectLedgerConfirm(index) {
|
console.log('选择账套点击确定', index);
|
this.selectLedgerShow = false;
|
|
await this.$reqGet('getAccount', { customerId: this.newFormData.customerId, ledgerId: index.value[0].id }).then(res => {
|
let accountReq = res.data;
|
let amountPrice = 0;
|
this.newFormData.contractOrders.forEach(item => {
|
amountPrice += Number(item.amount);
|
});
|
console.log('价格合计', amountPrice);
|
if (this.newFormData.payType == 0) {
|
if (accountReq.balance > amountPrice) {
|
this.ledgerName = index.value[0].name;
|
this.newFormData.ledgerId = index.value[0].id;
|
this.accountDetails = accountReq;
|
} else {
|
uni.showToast({
|
title: '账户内现汇余额：' + accountReq.balance +'，不足支付现在订单',
|
icon: 'none'
|
});
|
}
|
} else if (this.newFormData.payType == 1) {
|
if (accountReq.balance2 > amountPrice) {
|
this.ledgerName = index.value[0].name;
|
this.newFormData.ledgerId = index.value[0].id;
|
this.accountDetails = accountReq;
|
} else {
|
uni.showToast({
|
title: '账户内承兑余额：'+accountReq.balance2+'，不足支付现在订单',
|
icon: 'none'
|
});
|
}
|
}
|
});
|
|
},
|
selectLedgerCancel() {
|
this.selectLedgerShow = false;
|
},
|
selectLedgerClose() {
|
this.selectLedgerShow = false;
|
},
|
// 初始化申请表单
|
async editApplicationFormData() {
|
uni.showLoading({
|
title: '加载中...'
|
});
|
// 通过申请id获取表单
|
await this.$reqGet('formData', {}, this.editApplicationTableId).then(res => {
|
uni.hideLoading();
|
console.log('整体详情', res.data);
|
this.newFormData = res.data;
|
this.timeDataStr = this.newFormData.startDate;
|
this.ledgerName = res.data.ledgerName;
|
});
|
|
// 获取合同详情，煤种
|
await this.getContractDetails();
|
|
// 初始化当前申请客户账户情况
|
if (this.newFormData.customerId) {
|
await this.$reqGet('getAccount', { customerId: this.newFormData.customerId, ledgerId: this.newFormData.ledgerId }).then(res => {
|
this.accountDetails = res.data;
|
});
|
}
|
},
|
editApplicationClick(index) {
|
this.applicationOrderIndex = index; // 待修改订单index
|
this.addContractFormdata = Object.assign({}, this.newFormData.contractOrders[index]);
|
console.log('修改指定订单表单----------', this.addContractFormdata.id, this.addContractFormdata);
|
this.addContractFormdata.priceMode = this.newFormData.contractOrders[this.applicationOrderIndex].priceMode.toString();
|
// 修改订单优惠初始化
|
if (this.newFormData.contractOrders[index].favouredpolicyIds) {
|
this.newFormData.contractOrders[index].favouredpolicyIds.split(',').map(item => {
|
this.selectOKfavouredpolicyValue.push(Number(item));
|
});
|
}
|
|
// 获取价格
|
this.getNewPriceData.compName = this.newFormData.contractOrders[this.applicationOrderIndex].compName;
|
this.getNewPriceData.traninType = this.newFormData.contractOrders[this.applicationOrderIndex].traninType;
|
this.getNewPriceData.compId = this.newFormData.contractOrders[this.applicationOrderIndex].compId;
|
this.getNewPriceData.fromStation = this.newFormData.contractOrders[this.applicationOrderIndex].fromStation;
|
this.getNewPriceData.toStation = this.newFormData.contractOrders[this.applicationOrderIndex].toStation;
|
this.getNewPriceData.filedId = this.newFormData.contractOrders[this.applicationOrderIndex].filedId;
|
this.getNewPriceData.filedName = this.newFormData.contractOrders[this.applicationOrderIndex].filedName;
|
this.getNewPriceData.customerAddressName = this.newFormData.contractOrders[this.applicationOrderIndex].customerAddressName;
|
this.getNewPriceData.customerAddressId = this.newFormData.contractOrders[this.applicationOrderIndex].customerAddressId;
|
this.getNewPriceData.toStation = this.newFormData.contractOrders[this.applicationOrderIndex].toStation;
|
this.getNewPriceData.coalId = this.newFormData.contractOrders[this.applicationOrderIndex].coalId;
|
this.getNewPriceData.coalName = this.newFormData.contractOrders[this.applicationOrderIndex].coalName;
|
// 获取合同煤种价格
|
this.getNewPrice();
|
|
// 初始化第一次优惠价格计算
|
if (this.selectOKfavouredpolicyValue.length == 0) {
|
this.multipleSelection = [];
|
} else {
|
this.multipleSelection = [];
|
this.favouredpolicyList.forEach(item => {
|
if (this.selectOKfavouredpolicyValue.indexOf(item.id) != -1) {
|
this.multipleSelection.push(item);
|
}
|
});
|
}
|
// 订单运输类型
|
switch (this.addContractFormdata.trainType) {
|
case 1:
|
this.addContractTransport = '地销';
|
break;
|
case 2:
|
this.addContractTransport = '路运';
|
break;
|
}
|
|
this.$nextTick(() => {
|
this.addContractShow = true;
|
});
|
},
|
getContractDetails() {
|
uni.showLoading({
|
title: '加载中...'
|
});
|
this.$reqGet('getByContractId', {}, this.newFormData.contractId).then(res => {
|
uni.hideLoading();
|
if (res.code == 0) {
|
this.contractDetails = res.data;
|
}
|
});
|
this.$nextTick(() => {
|
this.contractDetails.forEach(item => {
|
let a = [{ label: '', id: '' }];
|
a[0].label = item.coalName;
|
a[0].id = item.coalId;
|
if (this.addContractCoalData[0]) {
|
this.addContractCoalData = [];
|
}
|
this.addContractCoalData.push(a);
|
});
|
});
|
},
|
checkboxChangeFavouredpolicy(e) {
|
if (e.length == 0) {
|
this.multipleSelection = [];
|
} else {
|
this.multipleSelection = [];
|
this.favouredpolicyList.forEach((item, i) => {
|
if (e.indexOf(item.id) != -1) {
|
this.multipleSelection.push(item);
|
}
|
});
|
}
|
},
|
// 选择客户
|
selectCustomer() {
|
this.selectLevelShow = false;
|
this.selectCustomerCompShow = false;
|
uni.showLoading({
|
title: '加载中...'
|
});
|
// this.selectCustomerShow = true;
|
this.selectCustomerData.current = 1;
|
this.$reqGet('customer', this.selectCustomerData).then(res => {
|
uni.hideLoading();
|
if (res.code == 0) {
|
this.customerData = res.data.records;
|
this.customerDataAllNum = res.data.total;
|
}
|
});
|
},
|
// 获取单位树
|
fetchCompTree() {
|
this.selectCustomerActions = [];
|
this.$reqGet('fetchCompTree').then(res => {
|
if (res.code == 0) {
|
let a = { name: '', id: '' };
|
a.name = res.data[0].name;
|
a.id = res.data[0].id;
|
this.selectCustomerActions.push(a);
|
res.data[0].children.forEach(item => {
|
let a = { name: '', id: '' };
|
a.name = item.name;
|
a.id = item.id;
|
this.selectCustomerActions.push(a);
|
});
|
}
|
});
|
},
|
// 客户选择框单位选择菜单
|
selectCustomerSelect(v) {
|
uni.hideKeyboard();
|
this.selectCustomerData.compIds = v.id;
|
this.searchCustomerForm.compName = v.name;
|
},
|
// 级别
|
selectLevelSelect(v) {
|
uni.hideKeyboard();
|
this.selectCustomerData.level = v.value;
|
this.searchCustomerForm.levelText = v.name;
|
},
|
// 付款类型
|
sexSelect(v) {
|
uni.hideKeyboard();
|
this.selectValue = v.name;
|
this.newFormData.payType = v.value;
|
},
|
// 清空选择客户表单
|
selectCustomerResetFields() {
|
this.$refs.selectformRef.resetFields(); // 不起效果
|
this.selectCustomerData.customerFullName = '';
|
this.searchCustomerForm.compName = '';
|
this.searchCustomerForm.levelText = '';
|
this.selectCustomer();
|
},
|
selectCustomerOkClick(v) {
|
this.newFormData.customerName = v.customerName;
|
this.newFormData.customerId = v.id;
|
this.$reqGet('getAccount', { customerId: v.id,ledgerId: this.newFormData.ledgerId }).then(res => {
|
this.accountDetails = res.data;
|
|
this.searchContractForm.customerName = res.data.customerName;
|
});
|
},
|
loadingCustomer() {
|
if (this.selectCustomerData.current >= this.customerDataAllNum / 10) return;
|
this.status = 'loading';
|
this.selectCustomerData.current = ++this.selectCustomerData.current;
|
this.$reqGet('customer', this.selectCustomerData).then(res => {
|
if (this.selectCustomerData.current >= this.customerDataAllNum / 10) {
|
this.status = 'nomore';
|
this.$u.toast('没有更多数据了！');
|
}
|
uni.hideLoading();
|
if (res.code == 0) {
|
this.customerDataAllNum = res.data.total;
|
this.customerData = this.customerData.concat(res.data.records);
|
this.status = 'loadmore';
|
}
|
});
|
},
|
// 时间
|
confirmTime(v) {
|
this.timeShow = false;
|
v.forEach(e => {
|
this.newFormData.startDate = v[0];
|
this.newFormData.endDate = v[v.lenght - 1];
|
this.timeDataStr = v[0] + ' 至 ' + v[v.length - 1];
|
});
|
},
|
// 添加订单按钮
|
addContractClick() {
|
if (this.accountDetails.balanceType == '贷') {
|
uni.showToast({
|
title: '客户账户余额当前处于欠款状态！',
|
icon: 'error',
|
duration: 2000
|
});
|
} else {
|
if (this.accountDetails.balance == 0 || (null && this.accountDetails.balance2 == 0) || null) {
|
uni.showToast({
|
title: '账户余额不足！',
|
icon: 'error',
|
duration: 2000
|
});
|
} else {
|
this.addContractShow = true;
|
this.addContractFormdata = {
|
amount: null,
|
coalId: null,
|
coalName: '',
|
compId: null,
|
compName: '',
|
cost1: '',
|
cost2: '',
|
customerId: null,
|
customerName: '',
|
edit: true,
|
favouredpolicyIds: '',
|
filedId: null,
|
filedName: '',
|
fromStation: '',
|
modifyId: null,
|
modifyInfoId: null,
|
customerAddressId: null,
|
price: null,
|
priceMode: '0',
|
quant: '',
|
toStation: '',
|
trainType: 1,
|
type: '',
|
ledgerId:null,
|
ledgerName:''
|
};
|
// 运输类型初始化
|
switch (this.addContractFormdata.trainType) {
|
case 1:
|
this.addContractTransport = '地销';
|
break;
|
case 2:
|
this.addContractTransport = '路运';
|
break;
|
}
|
|
// 获取合同详情，煤种
|
this.getContractDetails();
|
|
this.multipleSelection = [];
|
}
|
}
|
},
|
// 添加合同弹出框
|
addContractClose() {
|
this.addContractShow = false;
|
this.addContractFormdata = {};
|
this.applicationOrderIndex = null;
|
},
|
addContractOpen() {
|
console.log('添加订单打开');
|
},
|
// 选择煤厂
|
coalFiledSelectOpen(e) {},
|
coalFiledSelectClose() {
|
this.coalFiledSelectShow = false;
|
},
|
// 选择的煤厂
|
coalFiledSelectClick(e) {
|
this.addContractFormdata.compName = e.compName;
|
this.addContractFormdata.filedName = e.name;
|
this.addContractFormdata.compId = e.compId;
|
this.addContractFormdata.filedId = e.id;
|
this.addContractFormdata.fromStation = e.toStation;
|
|
this.selectCoalFiledData = e;
|
|
this.coalFiledSelectShow = false;
|
},
|
// 收货人
|
addContractConsigneeClose() {
|
this.addContractConsigneeShow = false;
|
},
|
// 添加合同子项收货人打开
|
addContractConsigneeOpen() {
|
this.selectCustomer();
|
},
|
addContractConsignee() {
|
this.addContractConsigneeShow = true;
|
},
|
// 收货人
|
addContractConsigneeConfirm(v) {
|
this.addContractFormdata.toStation = v.toStation;
|
this.addContractFormdata.customerName = v.customerName;
|
this.addContractFormdata.customerId = v.id;
|
|
// 赋值给取价格请求参数
|
this.getNewPriceData.customerAddressName = v.customerFullName;
|
this.getNewPriceData.customerAddressId = v.id;
|
this.getNewPriceData.toStation = v.toStation;
|
|
this.addContractFormdata.toStation = v.toStation;
|
this.addContractFormdata.customerAddressId = v.id;
|
|
// 添加煤种选项
|
this.contractDetails.forEach(item => {
|
let a = [{ label: '', id: '' }];
|
a[0].label = item.coalName;
|
a[0].id = item.coalId;
|
if (this.addContractCoalData[0]) {
|
this.addContractCoalData = [];
|
}
|
this.addContractCoalData.push(a);
|
});
|
this.addContractConsigneeShow = false;
|
},
|
// 品种选择器
|
addContractCoalConfirm(e) {
|
// console.log('品种选择器', e);
|
|
this.addContractCoalShow = false; // 关闭选择器
|
this.addContractFormdata.coalId = e.value[0].id;
|
this.addContractFormdata.coalName = e.value[0].label;
|
// 煤种价格请求(煤厂=>价格参数)
|
this.getNewPriceData.coalId = e.value[0].id;
|
this.getNewPriceData.coalName = e.value[0].label;
|
|
// this.selectCoalFiledData.compId = e.compId;
|
// this.selectCoalFiledData.compName = e.compName;
|
// this.selectCoalFiledData.toStation = e.fromStation;
|
|
this.getNewPrice();
|
},
|
getNewPrice() {
|
this.$reqGet('getNewPrice', this.getNewPriceData).then(res => {
|
if (res.code == 0) {
|
// console.log('获取价格',res);
|
let data = res.data;
|
if (data) {
|
this.currentCoal.coalName = data.coalName;
|
this.currentCoal.cokingPrice = data.cokingPrice; //焦化价格
|
this.currentCoal.noImportantPrice = data.noImportantPrice; //不重要价格
|
this.currentCoal.quotePrice = data.quotePrice; // 挂牌价格
|
this.currentCoal.steelMillPrice = data.steelMillPrice; // 钢厂价格
|
this.currentCoal.modifyId = data.modifyId; //修改id
|
this.currentCoal.modifyInfoId = data.id;
|
|
this.addContractFormdata.price = data.steelMillPrice;
|
this.addContractFormdata.modifyId = data.modifyId;
|
// this.addContractFormdata.id = data.id;
|
} else {
|
uni.$u.toast('煤种价格未设置');
|
}
|
}
|
});
|
},
|
addContractCoalClose() {
|
this.addContractCoalShow = false;
|
},
|
// 煤品种价格
|
groupChange(e) {
|
// console.log('单选框小组', e);
|
},
|
changePriceMode(e) {
|
if (!this.currentCoal) return;
|
if (e) {
|
this.addContractFormdata.priceMode = e;
|
}
|
|
this.addContractFormdata.price = this.afterPrice.quotePrice;
|
switch (this.addContractFormdata.priceMode) {
|
case '0':
|
this.addContractFormdata.price = this.afterPrice.steelMillPrice;
|
break;
|
case '1':
|
this.addContractFormdata.price = this.afterPrice.cokingPrice;
|
break;
|
case '2':
|
this.addContractFormdata.price = this.afterPrice.noImportantPrice;
|
break;
|
case '3':
|
this.addContractFormdata.price = this.afterPrice.quotePrice;
|
break;
|
}
|
},
|
// 优惠选择
|
selectionChange(e) {
|
// console.log('优惠选择',e);
|
this.multipleSelection = [];
|
this.favouredpolicyList.forEach((item, i) => {
|
if (e.detail.index.indexOf(i) != -1) {
|
this.multipleSelection.push(item);
|
}
|
});
|
},
|
// 运输选择器
|
addContractTransportConfirm(e) {
|
this.addContractTransportShow = false;
|
this.addContractFormdata.trainType = e.value[0].value;
|
switch (this.addContractFormdata.trainType) {
|
case 1:
|
this.addContractTransport = '地销';
|
break;
|
case 2:
|
this.addContractTransport = '路运';
|
break;
|
}
|
},
|
addContractTransportClose() {
|
this.addContractTransportShow = false;
|
},
|
// 获取运费
|
async getFreight(from, to, customerId) {
|
let key = from + to + customerId;
|
let price = this.trainfreight[key];
|
price = await this.$reqGet('trainFreightFind', { from, to, customerId }).then(res => {
|
let resPrice = 10; //默认价格为10
|
if (res.data) {
|
resPrice = res.data.price;
|
}
|
return resPrice;
|
});
|
return price;
|
},
|
addContractSanConfirm() {
|
if (this.addContractFormdata.compId && this.addContractFormdata.customerId && this.addContractFormdata.filedId) {
|
if (this.applicationOrderIndex == null) {
|
this.newFormData.contractOrders.push(this.addContractFormdata);
|
this.$nextTick(() => {
|
this.addContractShow = false;
|
});
|
this.$u.toast('添加成功');
|
} else {
|
// this.newFormData.contractOrders.map(i => {
|
// return this.newformData.contractOrders[]
|
// })
|
this.newFormData.contractOrders[this.applicationOrderIndex] = this.addContractFormdata;
|
this.addContractShow = false; // 隐藏弹出框
|
this.applicationOrderIndex = null; // 初始化修改订单index
|
this.$u.toast('修改成功');
|
}
|
} else {
|
uni.$u.toast('请规范输入所有信息');
|
}
|
},
|
// 初始数据请求
|
operato() {
|
this.$reqGet('operator').then(res => {
|
this.operator = res.data;
|
});
|
},
|
pay_type() {
|
this.actions = [];
|
this.$reqGet('pay_type').then(res => {
|
// console.log('paytype', res);
|
this.payData = res.data;
|
res.data.forEach(e => {
|
let a = { name: '', value: '' };
|
a.name = e.label;
|
a.value = e.value;
|
this.actions.push(a);
|
});
|
});
|
// console.log(this.actions);
|
},
|
// 抑尘费
|
others_params() {
|
this.$reqGet('others_params').then(res => {
|
// console.log('others_params', res);
|
res.data.forEach(e => {
|
if (e.label == 'dust') {
|
this.dust = parseFloat(e.value);
|
}
|
});
|
});
|
},
|
coalprice() {
|
this.$reqGet('coalprice', { current: 1, size: 1000 }).then(res => {
|
// console.log('coalprice', res);
|
});
|
},
|
// 级别距优惠
|
jcfavouredpolicyitem() {
|
this.$reqGet('jcfavouredpolicyitem', { current: 1, size: 1000, status: 0 }).then(res => {
|
// console.log('级别距优惠', res);
|
// this.favouredpolicyListAll = res.data.records;
|
});
|
},
|
// 获取所有的优惠政策
|
getFavouredPolicyItem() {
|
this.$reqGet('getFavouredPolicyItem', { current: 1, size: 1000, status: 0 }).then(res => {
|
// console.log('所有价格优惠',res.data.records);
|
this.favouredpolicyListAll = res.data.records;
|
});
|
},
|
// 煤场
|
coalfiled() {
|
this.$reqGet('coalfiled', this.coalfiledParams).then(res => {
|
this.coalfiledData = res.data.records;
|
});
|
},
|
// 时间
|
timeClose() {
|
this.timeShow = false;
|
},
|
menushow(e) {
|
this.menuShow = e;
|
},
|
// 新建发运申请
|
newApplicationFormDataClick() {
|
console.log('提交申请按钮');
|
let amount = 0;
|
this.newFormData.contractOrders.forEach(e => {
|
amount += Number(e.amount);
|
});
|
console.log(typeof this.newFormData.payType);
|
if (this.newFormData.contractOrders.length > 0) {
|
if (this.newFormData.payType == 0) {
|
if (this.accountDetails.balance < amount) {
|
let msg = this.accountDetails.balance == null ? 0 : this.accountDetails.balance;
|
this.$u.toast('客户账户现汇余额不足，承兑余额:' + msg);
|
} else {
|
uni.showLoading({
|
title: '加载中...'
|
});
|
this.editShenQing();
|
// this.xswaybill();
|
}
|
} else if (this.newFormData.payType == 1) {
|
if (this.accountDetails.balance2 < amount) {
|
let msg = this.accountDetails.balance2 == null ? 0 : this.accountDetails.balance2;
|
this.$u.toast('客户账户承兑余额不足，承兑余额:' + msg);
|
} else {
|
uni.showLoading({
|
title: '加载中...'
|
});
|
this.editShenQing();
|
}
|
}
|
} else {
|
uni.showToast({
|
title: '请添加订单子项！',
|
icon: 'none'
|
});
|
}
|
},
|
// 修改申请信息
|
editShenQing() {
|
console.log('editApp-------');
|
uni
|
.request({
|
url: BaseUrl + '/yunxiao/xswaybill',
|
method: 'PUT',
|
data: this.newFormData,
|
header: {
|
'TENANT-ID': 5,
|
Authorization: 'Bearer ' + uni.getStorageSync('access_token'),
|
VERSION: 'zzl'
|
}
|
})
|
.then(res => {
|
uni.hideLoading();
|
uni.showToast({
|
title:'修改成功!',
|
icon:'none',
|
duration:1500
|
})
|
this.$nextTick(() => {
|
uni.navigateBack({
|
delta: 1
|
});
|
});
|
});
|
},
|
// 删除订单卡片
|
deleteContractCardClick(e) {
|
this.newFormData.contractOrders.splice(e, 1);
|
},
|
xswaybill() {
|
console.log('新建发运申请', this.newFormData);
|
uni.showLoading({
|
title: '加载中...'
|
});
|
this.$reqPost('xswaybill', this.newFormData).then(res => {
|
uni.hideLoading();
|
console.log('新建发运申请', res);
|
if (res.code == 0) {
|
uni.showToast({
|
title: '添加成功！',
|
icon: 'success',
|
duration: 2000
|
});
|
}
|
});
|
},
|
backPage() {
|
uni.navigateBack({
|
delta: 1
|
});
|
}
|
}
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
@include tableMainStyle();
|
::v-deep.new-application-form-data {
|
width: 100%;
|
padding-bottom: vww(40);
|
// 标题
|
.newApplicationTitle {
|
margin-bottom: 0;
|
}
|
|
// 表单
|
.formDataContaniner {
|
.u-form {
|
width: 91%;
|
margin: 0 auto 0;
|
|
.u-form-item {
|
.u-form-item__body {
|
.u-form-item__body__left {
|
.u-form-item__body__left__content {
|
.u-form-item__body__left__content__label {
|
}
|
}
|
}
|
|
.u-form-item__body__right {
|
.u-form-item__body__right__content {
|
.u-form-item__body__right__content__slot {
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
|
// 选择客户弹框
|
.selectCustomerPopup {
|
.u-popup {
|
.u-transition {
|
height: 95%;
|
|
.u-popup__content {
|
overflow: scroll !important;
|
|
.selectCustomerTitle {
|
margin-bottom: 0;
|
}
|
|
.selectCustomerContainer {
|
padding: 0 4%;
|
.searchContainer {
|
}
|
|
.searchCustomerBtn {
|
margin-top: vww(10);
|
display: flex;
|
|
.u-button {
|
width: 30%;
|
}
|
}
|
|
// 数据列表
|
.searchResultList {
|
margin-top: vww(16);
|
}
|
|
// 合同表格
|
.tableContract {
|
margin-top: vww(30);
|
display: flex;
|
justify-content: center;
|
|
.uni-table-scroll {
|
min-width: 0 !important;
|
|
.uni-table {
|
.uni-table-tr {
|
padding: 0;
|
font-size: vww(13);
|
|
.uni-table-th {
|
width: vww(100);
|
height: vww(32);
|
line-height: vww(20);
|
padding: vww(5) vww(10);
|
color: #111111;
|
font-weight: 400;
|
background: #f5f5f5;
|
}
|
|
.uni-table-td {
|
line-height: vww(20);
|
padding: vww(5) vww(10);
|
color: #111111;
|
}
|
}
|
}
|
}
|
|
.tableBody {
|
width: 80%;
|
}
|
|
.TableUtilBtn {
|
width: 20%;
|
overflow: hidden;
|
|
.uni-table {
|
min-width: 0 !important;
|
}
|
|
.TableUtilBtnContainer {
|
.u-button {
|
width: vww(20);
|
}
|
}
|
}
|
}
|
|
// 合同类型选择器
|
.selectContractTypePicker {
|
.u-popup {
|
.u-transition {
|
height: auto;
|
}
|
}
|
}
|
|
.selectCustomerCompSheet {
|
.u-popup {
|
.u-transition {
|
height: auto;
|
}
|
}
|
}
|
|
.selectLevelSheet {
|
.u-popup {
|
.u-transition {
|
height: auto;
|
}
|
}
|
}
|
|
// 时间选择器
|
.selectContractStartTime {
|
.u-popup {
|
.u-transition {
|
height: auto;
|
}
|
}
|
}
|
|
.selectContractEndTime {
|
.u-popup {
|
.u-transition {
|
height: auto;
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
|
// 煤厂
|
.addContractContainer {
|
.u-popup {
|
.u-transition {
|
height: 95%;
|
|
.u-popup__content {
|
overflow: scroll !important;
|
|
.addContractFormTitle {
|
margin-bottom: 0;
|
}
|
|
// 搜索
|
.coalFiledSelectSearch {
|
}
|
|
// 选择煤种
|
.coalFiledSelectPopup {
|
.u-popup {
|
.u-transition {
|
height: 80%;
|
|
.u-popup__content {
|
overflow: scroll !important;
|
// 表格
|
.coalFiledTable {
|
width: 92%;
|
display: flex;
|
justify-content: center;
|
margin: 0 auto;
|
|
.uni-table-scroll {
|
min-width: 0 !important;
|
|
.uni-table {
|
.uni-table-tr {
|
padding: 0;
|
font-size: vww(13);
|
|
.uni-table-th {
|
width: vww(100);
|
height: vww(32);
|
line-height: vww(20);
|
padding: vww(5) vww(10);
|
color: #111111;
|
font-weight: 400;
|
background: #f5f5f5;
|
}
|
|
.uni-table-td {
|
line-height: vww(20);
|
padding: vww(5) vww(10);
|
color: #111111;
|
}
|
}
|
}
|
}
|
|
.tableBody {
|
width: 80%;
|
}
|
|
.TableUtilBtn {
|
width: 20%;
|
overflow: hidden;
|
|
.uni-table {
|
min-width: 0 !important;
|
}
|
|
.TableUtilBtnContainer {
|
.u-button {
|
width: vww(20);
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
|
// 添加合同
|
.addContractContainer {
|
.u-popup {
|
.u-transition {
|
height: 95%;
|
|
.u-popup__content {
|
// background-color: rgb(247, 247, 247);
|
overflow: scroll !important;
|
|
.addContractForm {
|
width: 92%;
|
margin: 0 auto;
|
|
.formUpCard {
|
margin-top: vww(10);
|
padding: vww(10);
|
border-radius: vww(4);
|
box-shadow: 0 2px 16px #e5e5e5, 0 0 1px #e5e5e5, 0 0 1px #e5e5e5;
|
background-color: #ffffff;
|
// 价格卡片
|
.priceList {
|
min-height: vww(20);
|
border-radius: vww(4);
|
padding: vww(10) 0;
|
box-shadow: 0 2px 16px #e5e5e5, 0 0 1px #e5e5e5, 0 0 1px #e5e5e5;
|
// margin-top:vww(10);
|
background-color: #ffffff;
|
|
.currentPriceContainer {
|
.currentPriceBox {
|
width: 92%;
|
margin: 0 auto;
|
}
|
}
|
|
.selectPriceContainer {
|
.selectPricebox {
|
width: 92%;
|
margin: 0 auto;
|
|
.selectPriceboxItem {
|
display: flex;
|
justify-content: space-between;
|
}
|
}
|
}
|
}
|
}
|
|
.formDownCard {
|
border-radius: vww(4);
|
padding: vww(10);
|
box-shadow: 0 2px 16px #e5e5e5, 0 0 1px #e5e5e5, 0 0 1px #e5e5e5;
|
margin-top: vww(10);
|
background-color: #ffffff;
|
}
|
|
.addContractConfirm {
|
margin-top: vww(30);
|
}
|
}
|
|
// 品种选择器
|
.addContractCoalPicker {
|
.u-popup {
|
.u-transition {
|
height: auto;
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
|
// 表格
|
.newApplicationTable {
|
margin: vww(40) auto;
|
width: 100%;
|
padding: vww(0) vww(10) vww(60) vww(10);
|
box-sizing: border-box;
|
|
.u-swipe-action {
|
.u-swipe-action-item {
|
box-shadow: 0 2px 16px #e5e5e5, 0 0 1px #e5e5e5, 0 0 1px #e5e5e5;
|
margin-top: vww(10);
|
|
.u-swipe-action-item__right {
|
.u-swipe-action-item__right__button {
|
.u-swipe-action-item__right__button__wrapper {
|
background-color: #ee336b !important;
|
}
|
}
|
}
|
}
|
}
|
|
.cardList {
|
height: vww(130);
|
border-radius: vww(4);
|
padding: vww(10);
|
position: relative;
|
|
.cardListIcon {
|
position: absolute;
|
right: vww(20);
|
top: vww(20);
|
}
|
|
.cardList-container {
|
.cardList_item {
|
margin-top: vww(12);
|
font-size: 14px;
|
display: flex;
|
|
view {
|
width: 50%;
|
|
&:nth-child(2) {
|
margin-left: vww(20);
|
}
|
}
|
}
|
}
|
}
|
|
.addCard {
|
width: 100%;
|
height: vww(130);
|
margin-top: vww(10);
|
border-radius: vww(4);
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
box-shadow: 0 2px 16px #e5e5e5, 0 0 1px #e5e5e5, 0 0 1px #e5e5e5;
|
}
|
}
|
|
// button
|
.new-application-button {
|
display: flex;
|
|
.u-button {
|
width: vww(120);
|
height: vww(40);
|
}
|
}
|
}
|
</style>
|
