收款明细页面及对接接口、详情页面

819527061@qq.com

2023-11-24 5c8906cc4aaa7fcf70ee37de2dd1069161d80a61

 pages/new-application-form-data/new-application-form-data.vue

@@ -5,17 +5,20 @@
      <!-- <page-meta :page-style="spanStyle"></page-meta> -->
      <!-- 表单 -->

      <combination-title class="newApplicationTitle" title="新增"></combination-title>
      <combination-title class="newApplicationTitle" :title="newFormData.id?'查看':'新增'"></combination-title>
      <!-- 注意，如果需要兼容微信小程序，最好通过setRules方法设置rules规则 -->
      <!-- <u-notify :message="accountMsg" :show="trueMsg" :type="accountMsgType"></u-notify> -->
      <!-- <u-alert :title="accountMsg" :type="accountMsgType" :description="accountMsgType"></u-alert> -->
      <view class="formDataContaniner">
         <u--form labelPosition="left" :model="newFormData" :rules="rules" 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 @click="selectCustomer" labelWidth="20%" label="结算客户" prop="customerName" borderBottom ref="customerNameRef">
               <u--input v-model="newFormData.customerName" border="none"></u--input>
               <u--input disabled disabledColor="#ffffff" v-model="newFormData.customerName" border="none"></u--input>
            </u-form-item>
            <u-form-item @click="selectContract" labelWidth="20%" label="合同编号" prop="contractNum" borderBottom ref="contractNumRef">
               <u--input v-model="newFormData.contractNum" border="none"></u--input>
               <u--input disabled disabledColor="#ffffff" v-model="newFormData.contractNum" 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>
@@ -25,7 +28,7 @@
               <u-icon slot="right" name="arrow-right"></u-icon>
            </u-form-item>
            <u-form-item @click="timeShow = true" prop="startDate" labelWidth="20%" label="日期" borderBottom ref="timeDataRef">
               <u--input v-model="timeDataStr" border="none" placeholder="请选择范围日期"></u--input>
               <u--input v-model="timeDataStr" border="none" disabled disabledColor="#ffffff" placeholder="请选择范围日期"></u--input>
               <u-icon slot="right" name="arrow-right"></u-icon>
            </u-form-item>
            <u-form-item labelWidth="20%" label="编号" borderBottom>
@@ -34,8 +37,20 @@
         </u--form>
      </view>

      <!-- 选择账套 -->
      <u-picker
         @change="selectLedgerChange"
         @confirm="selectLedgerConfirm"
         @cancel="selectLedgerCancel"
         @close="selectLedgerClose"
         :show="selectLedgerShow"
         :columns="ledgerList"
         keyName="name"
         :closeOnClickOverlay="true"
      ></u-picker>

      <!-- 申请日历、范围时间 -->
      <u-calendar :show="timeShow" :mode="mode" @confirm="confirmTime" @close="timeClose" rowHeight="110" :maxDate="maxDate"></u-calendar>
      <u-calendar :show="timeShow" :mode="mode" @confirm="confirmTime" @close="timeClose" rowHeight="110" ></u-calendar>
      <!-- 申请付款方式弹出菜单 -->
      <u-action-sheet :show="showPayType" :actions="actions" title="请选择付款方式" @close="showPayType = false" @select="sexSelect"></u-action-sheet>

@@ -48,17 +63,34 @@
               <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
                           @click="
                              selectCustomerCompShow = true;
                              hideKeyboard();
                           "
                           labelWidth="12%"
                           label="单位"
                           borderBottom
                           ref="compRef"
                        >
                           <u--input v-model="searchCustomerForm.compName" disabled disabledColor="#ffffff" placeholder="点击选择单位" border="none"></u--input>
                           <!--                           <u-icon slot="right" name="close-circle-fill" @click="searchCustomerForm.compName = ''"></u-icon>-->
                        </u-form-item>
                        <u-form-item labelWidth="20%" label="客户名称" borderBottom ref="timeDataRef">
                           <u--input v-model="selectCustomerData.customerName" border="none" placeholder="输入客户名称"></u--input>
                           <u-icon slot="right" name="close-circle-fill" v-show="selectCustomerData.customerName != ''" @click="selectCustomerData.customerName = ''"></u-icon>
                           <u--input v-model="selectCustomerData.customerFullName" border="none" placeholder="输入客户名称"></u--input>
                           <u-icon slot="right" name="close-circle-fill" @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
                           @click="
                              selectLevelShow = true;
                              hideKeyboard();
                           "
                           labelWidth="20%"
                           label="客户级别"
                           borderBottom
                        >
                           <u--input border="none" v-model="searchCustomerForm.levelText" disabled disabledColor="#ffffff" placeholder="点击选择级别"></u--input>
                           <!--                           <u-icon slot="right" name="close-circle-fill" @click="searchCustomerForm.levelText = ''"></u-icon>-->
                        </u-form-item>
                     </u--form>
                  </view>
@@ -70,9 +102,8 @@
                  <view class="searchResultList">
                     <u-cell-group :right-icon="false">
                        <u-cell v-for="(item, index) in customerData" :title="item.customerFullName" :arrow="false">
                           <text slot="value" class="u-slot-value">
                           <view slot="value" class="u-slot-value">
                              <button
                                 class="mini-btn"
                                 type="default"
                                 size="mini"
                                 style="background: #007aff;
@@ -87,7 +118,7 @@
                              >
                                 选择
                              </button>
                           </text>
                           </view>
                        </u-cell>
                     </u-cell-group>
                  </view>
@@ -123,25 +154,25 @@
               <view class="selectCustomerContainer">
                  <view class="searchContainer">
                     <u--form labelPosition="left" :model="searchContractForm" ref="selectformRef">
                        <u-form-item labelWidth="18%" label="合同编号" borderBottom ref="compRef">
                        <u-form-item labelWidth="20%" label="合同编号" borderBottom ref="compRef">
                           <u--input v-model="searchContractForm.num" placeholder="请输入合同编号" border="none"></u--input>
                           <u-icon slot="right" name="close-circle-fill" v-show="searchContractForm.num != ''" @click="searchContractForm.num = ''"></u-icon>
                        </u-form-item>
                        <u-form-item labelWidth="18%" label="客户名称" borderBottom ref="compRef">
                        <u-form-item labelWidth="20%" label="客户名称" borderBottom ref="compRef">
                           <u--input v-model="searchContractForm.customerName" placeholder="请输入客户名称" border="none"></u--input>
                           <u-icon slot="right" name="close-circle-fill" v-show="searchContractForm.customerName != ''" @click="searchContractForm.customerName = ''"></u-icon>
                        </u-form-item>
                        <u-form-item labelWidth="18%" label="合同类型" borderBottom ref="compRef">
                           <u--input v-model="searchContractForm.type" placeholder="请输入合同类型" border="none" @focus="searchContractFormTypeFocus"></u--input>
                           <u-icon slot="right" name="close-circle-fill" v-show="searchContractForm.type != ''" @click="searchContractForm.type = ''"></u-icon>
                        <u-form-item labelWidth="20%" label="合同类型" borderBottom ref="compRef" @click="searchContractFormTypeFocus">
                           <u--input v-model="searchContractForm.type" disabled disabledColor="#ffffff" placeholder="请输入合同类型" border="none"></u--input>
                           <!--                           <u-icon slot="right" name="close-circle-fill" v-show="searchContractForm.type != ''" @click="searchContractForm.type = ''"></u-icon>-->
                        </u-form-item>
                        <u-form-item labelWidth="18%" label="签订日期" borderBottom ref="compRef">
                           <u--input @focus="selectContractStartTimeShow = true" v-model="searchContractForm.startDate" placeholder="点击选择签订日期" border="none"></u--input>
                           <u-icon slot="right" name="close-circle-fill" v-show="searchContractForm.startDate != ''" @click="searchContractForm.startDate = ''"></u-icon>
                        <u-form-item labelWidth="20%" label="签订日期" borderBottom ref="compRef" @click="selectContractStartTimeShow = true">
                           <u--input v-model="searchContractForm.startDate" disabled disabledColor="#ffffff" placeholder="点击选择签订日期" border="none"></u--input>
                           <!--                           <u-icon slot="right" name="close-circle-fill" v-show="searchContractForm.startDate != ''" @click="searchContractForm.startDate = ''"></u-icon>-->
                        </u-form-item>
                        <u-form-item labelWidth="18%" label="结束日期" borderBottom ref="compRef">
                           <u--input @focus="selectContractEndTimeShow = true" v-model="searchContractForm.endDate" placeholder="点击选择结束日期" border="none"></u--input>
                           <u-icon slot="right" name="close-circle-fill" v-show="searchContractForm.endDate != ''" @click="searchContractForm.endDate = ''"></u-icon>
                        <u-form-item labelWidth="20%" label="结束日期" borderBottom ref="compRef" @click="selectContractEndTimeShow = true">
                           <u--input v-model="searchContractForm.endDate" disabled disabledColor="#ffffff" placeholder="点击选择结束日期" border="none"></u--input>
                           <!--                           <u-icon slot="right" name="close-circle-fill" v-show="searchContractForm.endDate != ''" @click="searchContractForm.endDate = ''"></u-icon>-->
                        </u-form-item>
                     </u--form>
                  </view>
@@ -150,30 +181,31 @@
                     <u-button text="清空" @click="selectContractResetFields"></u-button>
                  </view>
                  <!-- 合同列表 -->
                  <!-- 滚动通知 -->
                  <view class="tapStyle">
                    <u-notice-bar :text="noticeText" fontSize="24"></u-notice-bar>
                  </view>
                  <view class="tableContract">
                     <view class="tableBody">
                        <uni-table border emptyText="暂无更多数据">
                           <uni-tr>
                              <uni-th width="100" align="center">组织结构</uni-th>
                              <uni-th width="130" align="center">煤种名称</uni-th>
                              <uni-th width="250" align="center">客户名称</uni-th>
                              <uni-th width="180" align="center">煤种名称</uni-th>
                              <uni-th width="220" align="center">合同编号</uni-th>
                              <uni-th width="90" align="center">合同类型</uni-th>
                              <uni-th width="230" align="center">合同编号</uni-th>
                              <uni-th width="100" align="center">合同类型</uni-th>
                              <uni-th width="130" align="center">签订日期</uni-th>
                              <uni-th width="130" align="center">终止日期</uni-th>
                              <uni-th width="100" align="center">合同总量</uni-th>
                              <uni-th width="100" align="center">合同金额</uni-th>
                              <uni-th width="120" align="center">合同金额</uni-th>
                              <uni-th width="70" align="center">状态</uni-th>
                              <uni-th width="130" align="center">组织结构</uni-th>
                           </uni-tr>
                           <uni-tr v-for="(item, index) in contractData" :key="index">
                              <uni-td align="center">
                                 <view :style="tdStyle">{{ item.compName }}</view>
                                 <view :style="tdStyle">{{ item.coalNames }}</view>
                              </uni-td>
                              <uni-td align="left">
                                 <view :style="tdStyle">{{ item.customerName }}</view>
                              </uni-td>
                              <uni-td align="center">
                                 <view :style="tdStyle">{{ item.coalNames }}</view>
                                 <view class="contractTableTd">{{ item.customerName }}</view>
                              </uni-td>
                              <uni-td align="left">
                                 <view :style="tdStyle">{{ item.num }}</view>
@@ -196,6 +228,9 @@
                              <uni-td align="center">
                                 <view :style="tdStyle">{{ item.status }}</view>
                              </uni-td>
                              <uni-td align="center">
                                 <view :style="tdStyle">{{ item.compName }}</view>
                              </uni-td>
                           </uni-tr>
                        </uni-table>
                     </view>
@@ -211,6 +246,10 @@
                           </uni-tr>
                        </uni-table>
                     </view>
                  </view>
                  <!-- 合同加载更多 -->
                  <view class="loadmoreClass">
                     <u-loadmore loadmoreText="点击加载更多" nomoreText="无更多数据!!!" :status="statusContractLoading" @loadmore="loadingContract" fontSize="20" height="30px" />
                  </view>
                  <!-- 合同类型选择器 -->
                  <view class="selectContractTypePicker">
@@ -343,7 +382,9 @@
                              </view>
                           </view>
                        </template>
                        <u-form-item @click="addContractTransportShow = true" label="运输" labelWidth="20%" ref="item1"><u--input v-model="addContractTransport"></u--input></u-form-item>
                        <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">
@@ -358,12 +399,12 @@
                     </view>

                     <!-- <u-form-item label="发站" labelWidth="18%" borderBottom ref="item1"><u--input v-model="addContractFormdata.fromStation" border="none"></u--input></u-form-item>
                     <u-form-item label="到站" labelWidth="18%" borderBottom ref="item1"><u--input v-model="addContractFormdata.toStation" border="none"></u--input></u-form-item>
                     <u-form-item label="运费" labelWidth="18%" borderBottom ref="item1"><u--input v-model="addContractFormdata.cost1" border="none"></u--input></u-form-item>
                     <u-form-item label="抑尘费" labelWidth="18%" borderBottom ref="item1"><u--input v-model="addContractFormdata.cost2" border="none"></u--input></u-form-item> -->
              <u-form-item label="到站" labelWidth="18%" borderBottom ref="item1"><u--input v-model="addContractFormdata.toStation" border="none"></u--input></u-form-item>
              <u-form-item label="运费" labelWidth="18%" borderBottom ref="item1"><u--input v-model="addContractFormdata.cost1" border="none"></u--input></u-form-item>
              <u-form-item label="抑尘费" labelWidth="18%" borderBottom ref="item1"><u--input v-model="addContractFormdata.cost2" border="none"></u--input></u-form-item> -->
                  </u--form>

                  <view class="addContractConfirm"><u-button :text="editApplicationIndex != null ? '添加修改':'添加'" type="primary" @click="addContractSanConfirm"></u-button></view>
                  <view class="addContractConfirm"><u-button :text="editApplicationIndex != null ? '添加修改' : '添加'" type="primary" @click="addContractSanConfirm"></u-button></view>
               </view>

               <!-- 选择煤厂 -->
@@ -392,7 +433,7 @@
                                       <view :style="tdStyle">{{ item.compName }}</view>
                                    </uni-td>
                                    <uni-td align="left">
                                       <view :style="tdStyle">{{ item.remark }}</view>
                                       <view :style="tdStyle">{{ item.remark == null ? '' : item.remark }}</view>
                                    </uni-td>
                                 </uni-tr>
                              </uni-table>
@@ -424,15 +465,15 @@
                              <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-icon slot="right" name="close-circle-fill" v-if="searchCustomerForm.compName != ''" @click="searchCustomerForm.compName = ''"></u-icon>
                                 </u-form-item>
                                 <u-form-item labelWidth="20%" label="客户名称" borderBottom ref="timeDataRef">
                                    <u--input v-model="selectCustomerData.customerName" border="none" placeholder="输入客户名称"></u--input>
                                    <u-icon slot="right" name="close-circle-fill" v-show="selectCustomerData.customerName != ''" @click="selectCustomerData.customerName = ''"></u-icon>
                                    <u--input v-model="selectCustomerData.customerFullName" border="none" placeholder="输入客户名称"></u--input>
                                    <u-icon slot="right" name="close-circle-fill" v-if="selectCustomerData.customerFullName != ''" @click="selectCustomerData.customerName = ''"></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-icon slot="right" name="close-circle-fill" v-if="searchCustomerForm.levelText != ''" @click="searchCustomerForm.levelText = ''"></u-icon>
                                 </u-form-item>
                              </u--form>
                           </view>
@@ -444,7 +485,7 @@
                           <view class="searchResultList">
                              <u-cell-group :right-icon="false">
                                 <u-cell v-for="(item, index) in customerData" :title="item.customerFullName" :arrow="false">
                                    <text slot="value" class="u-slot-value">
                                    <view slot="value" class="u-slot-value">
                                       <button
                                          class="mini-btn"
                                          type="default"
@@ -461,7 +502,7 @@
                                       >
                                          选择
                                       </button>
                                    </text>
                                    </view>
                                 </u-cell>
                              </u-cell-group>
                           </view>
@@ -520,32 +561,41 @@

      <view class="newApplicationTable">
         <!-- <uni-table border stripe emptyText="暂无更多数据">
            <uni-tr v-for="(item, index) in 12" :key="index">
               <uni-th align="center">字段标题</uni-th>
               <uni-td>
                  <view class="text">输入/选择内容</view>
                  <view class="icon"><image src="@/static/icon/select.png" mode=""></image></view>
               </uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="center">操作</uni-th>
               <uni-td>
                  <view class="newApplicationTableUtil">
                     <u-button type="primary" text="修改" size="mini"></u-button>
                     <u-button type="error" text="删除" size="mini"></u-button>
                  </view>
               </uni-td>
            </uni-tr>
         </uni-table> -->
        <uni-tr v-for="(item, index) in 12" :key="index">
          <uni-th align="center">字段标题</uni-th>
          <uni-td>
            <view class="text">输入/选择内容</view>
            <view class="icon"><image src="@/static/icon/select.png" mode=""></image></view>
          </uni-td>
        </uni-tr>
        <uni-tr>
          <uni-th align="center">操作</uni-th>
          <uni-td>
            <view class="newApplicationTableUtil">
              <u-button type="primary" text="修改" size="mini"></u-button>
              <u-button type="error" text="删除" size="mini"></u-button>
            </view>
          </uni-td>
        </uni-tr>
      </uni-table> -->
         <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.balanceTotal == null ? 0 :accountDetails.balanceTotal.toFixed(2) }},承兑余额：{{ accountDetails.balance2 == null ? 0 : customerChengdui }}</text>
            <text style="color: #FFA500;">
               客户账户现汇余额:{{ accountDetails.balance == null || undefined ? 0 : accountDetails.balance.toFixed(2) }},承兑余额：{{
                  accountDetails.balance2 == null || undefined ? 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="cardListIcon" @click="editApplicationClick(index)"><u-icon name="edit-pen" color="#2979ff" size="35"></u-icon></view>
                  <view
                v-if="!newFormData.id"
                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">
                        收货人：
@@ -582,20 +632,20 @@
                           <text>{{ item.amount }}</text>
                        </view>
                        <!-- <view class="">
                                 订单数量：<text>218.899</text>
                              </view> -->
                      订单数量：<text>218.899</text>
                    </view> -->
                     </view>
                  </view>
               </view>
            </u-swipe-action-item>
         </u-swipe-action>

         <view class="addCard" @click="addContractClick">
         <view class="addCard" @click="addContractClick" v-if="!newFormData.id">
            <view class="addCard-icon"><u-icon name="plus" size="100"></u-icon></view>
         </view>
      </view>

      <view class="new-application-button">
      <view class="new-application-button" v-if="!newFormData.id">
         <u-button text="取消" :plain="true" type="primary" @click="backPage"></u-button>
         <u-button text="确定" type="primary" @click="newApplicationFormDataClick"></u-button>
      </view>
@@ -608,6 +658,7 @@
<script>
import combinationTitle from '@/components/common/combined-title/combined-title.vue';
import popupMenu from '@/components/common/popup-menu/popup-menu.vue';
import { callWithErrorHandling } from 'vue';

// 最大显示的日期
const d = new Date();
@@ -618,8 +669,13 @@
export default {
   data() {
      return {
         noticeText:'左右滑动表格可查看更多详情',
         // 账套选择器
         selectLedgerShow: false,
         ledgerList: [],
         ledgerName: '',
         // accountMsgType: 'error',
         tdStyle: 'max-height: 30px;overflow: scroll;',
         tdStyle: 'max-height: 30px;overflow: auto;',
         spanStyle: 'overflow:auto',
         newFormData: {
            amount: null,
@@ -641,7 +697,9 @@
            quant: null,
            remark: '',
            startDate: '',
            type: '外销'
            type: '',
            ledgerId: null
            // ledgerName:''
         },
         accountDetails: {},
         // 时间
@@ -686,11 +744,10 @@
         // 时间
         timeShow: false,
         mode: 'range',
         maxDate: `${year}-${month}-${date + 70}`,
         // 选择客户
         selectCustomerData: {
            compIds: '',
            customerName: '',
            customerFullName: '',
            level: '',
            current: 1,
            size: 10
@@ -711,12 +768,21 @@
         selectCustomerActions: [],
         // 级别
         selectLevelShow: false,
         levelList: [{ name: '一星级', value: 'A' }, { name: '二星级', value: 'B' }, { name: '三星级', value: 'C' }, { name: '四星级', value: 'D' }, { name: '五星级', value: 'E' }],
         levelList: [
            { name: '一星级', value: 'A' },
            { name: '二星级', value: 'B' },
            { name: '三星级', value: 'C' },
            {
               name: '四星级',
               value: 'D'
            },
            { name: '五星级', value: 'E' }
         ],
         // 选择合同
         selectContractShow: false,
         searchContractForm: {
            current: 1,
            size: 10,
            size: 50,
            num: '',
            startDate: '',
            endDate: '',
@@ -724,6 +790,8 @@
            type: '',
            customerName: ''
         },
         statusContractLoading: 'loadmore',
         contractDataAllNum: 0, // 合同总数
         contractData: [],
         contractNumList: [],
         // 类型
@@ -737,31 +805,7 @@
         addContractShow: false,
         // 添加合同表单
         addContractRules: {},
         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: ''
         },
         addContractFormdata: {},
         contractDetails: [], // 选择的合同详情
         // 选择煤厂
         coalFiledSelectShow: false,
@@ -784,27 +828,7 @@
         // 品种价格表格
         loading: false,
         // 价格请求参数
         getNewPriceData: {
            // compId: 133,
            // compName: '邢台矿',
            // customerAddressName: '邢台国泰发电有限责任公司',
            // customerAddressId: 236,
            // coalId: 45,
            // coalName: '',
            // trainType: 1,
            // fromStation: '小康庄',
            // toStation: '小康庄',
            // quant: '',
            // price: '',
            // amount: '',
            // priceMode: null,
            // filedName: '邢台矿主煤场',
            // filedId: 4,
            // type: '',
            // cost1: '',
            // cost2: '',
            // edit: true
         },
         getNewPriceData: {},
         dust: null, // 抑尘费
         trainfreight: {}, //路运运费
         // 运输类型
@@ -826,7 +850,7 @@
               text: '删除'
            }
         ],
      editApplicationIndex:null
         editApplicationIndex: null
      };
   },
   onShow() {
@@ -859,7 +883,6 @@
               this.addContractFormdata.favouredpolicyIds = favouredpolicyIds;
            }
         }

         return temp;
      },
      showPrice() {
@@ -886,20 +909,15 @@
            //运距
            if (this.addContractFormdata.trainType == 2) {
               if (e.type.indexOf('A') != -1) {
                  //根据发站到站获取运距
                  list.push(e);
                  list.push(e); //根据发站到站获取运距
               }
            }
         });
         this.favouredpolicyList = list;

         return true;
      },
      async currentRowComputed() {
         console.log('currentRowComputed');
         //变价格用的
         this.changePriceMode(this.addContractFormdata.priceMode);

         this.changePriceMode(this.addContractFormdata.priceMode); //变价格用的
         //变订单量
         if (this.addContractFormdata.price > 0 && (this.addContractFormdata.amount > 0 || this.addContractFormdata.quant > 0)) {
            let price = this.addContractFormdata.price;
@@ -909,7 +927,7 @@
               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;
@@ -926,31 +944,6 @@
         }
         return true;
      }
      // accountMsg() {
      //    this.accountMsgType = 'error';
      //    if (this.accountDetails) {
      //       if (this.accountDetails.balanceType == '贷') {
      //          return '客户账户余额当前处于欠款状态！';
      //       } else {
      //          let amount = 0;
      //          this.newFormData.contractOrders.forEach(e => {
      //             amount += Number(e.amount);
      //          });
      //          if (this.newFormData.payType == '0') {
      //             if (this.accountDetails.balance < amount) {
      //                return '客户账户现汇余额不足，现汇余额:' + this.accountDetails.balance;
      //             }
      //          } else {
      //             if (this.accountDetails.balance2 < amount) {
      //                return '客户账户承兑余额不足，承兑余额:' + this.accountDetails.balance2;
      //             }
      //          }
      //       }
      //       this.accountMsgType = 'warning';
      //       return '客户账户现汇余额:' + this.accountDetails.balance + '，承兑余额:' + (this.accountDetails.balance2 ? this.accountDetails.balance2 : 0);
      //    }
      //    return null;
      // }
   },
   watch: {
      // 立即处理 进入页面就触发 // immediate: true,
@@ -971,6 +964,10 @@
      popupMenu,
      combinationTitle
   },
  onLoad(e) {
    console.log('我是详请还是新增----',e)
    this.newFormData.id = e.id || 0
  },
   methods: {
      async jisuanAmount() {
         if (this.addContractFormdata.trainType == 2) {
@@ -982,11 +979,12 @@
            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);
          console.log(amount);
            console.log(amount);
            this.addContractFormdata.amount = amount.toFixed(2);
         }
      },
      init() {
         this.getLedgerList();
         this.jcfavouredpolicyitem();
         this.coalfiled();
         this.coalprice();
@@ -995,6 +993,74 @@
         this.others_params();
         this.fetchCompTree();
         this.getFavouredPolicyItem();
         this.$reqGet('contract_type').then(res => {
            console.log('合同类型', res);
            res.data.forEach(item => {
               this.selectContractTypeData[0].push(item.value);
            });
         });
      this.$nextTick(() => {
        if(this.newFormData.id) {
          this.$reqGet('formData',{},this.newFormData.id).then(res => {
            console.log(res,'res====查看====')
            this.newFormData = res.data
            console.log(this.newFormData,'this.newFormData====----')
            if(this.actions.length > 0) {  //付款方式回显
              this.actions.forEach(item => {
                console.log(item,'item=====-----')
                console.log(this.newFormData.payType,'payType')
                 if(this.newFormData.payType == item.value) {
                   this.selectValue = item.name
                 }
              })
            }
            if(this.newFormData.startDate && this.newFormData.endDate) { //日期
              this.timeDataStr = `${this.newFormData.startDate} - ${this.newFormData.endDate}`
            }

          })
        }else {

        }
      })
      },
      /**
       * 获取分类账套
       */
      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.newFormData.ledgerName = res.data.records[0].name;
               this.ledgerName = res.data.records[0].name;
            }
         });
      },
      selectLedger() {
         this.selectLedgerShow = true;
      },
      selectLedgerChange(index) {
         console.log('账套选择器', index);
         this.ledgerName = index.value[0].name;
         this.newFormData.ledgerId = index.value[0].id;
         // this.newFormData.ledgerName = index.value[0].name;
         if (this.newFormData.customerName || this.newFormData.contractNum || this.newFormData.contractName) {
            this.newFormData.customerName = '';
            this.newFormData.contractNum = '';
            this.newFormData.contractName = '';
         }
      },
      selectLedgerConfirm(index) {
         console.log('选择账套点击确定', index);
         this.selectLedgerShow = false;
      },
      selectLedgerCancel() {
         this.selectLedgerShow = false;
      },
      selectLedgerClose() {
         this.selectLedgerShow = false;
      },
      // 选择客户
      selectCustomer() {
@@ -1006,7 +1072,6 @@
         this.selectCustomerShow = true;
         this.selectCustomerData.current = 1;
         this.$reqGet('customer', this.selectCustomerData).then(res => {
            console.log('客户呵呵哈哈哈或', res);
            uni.hideLoading();
            if (res.code == 0) {
               this.customerData = res.data.records;
@@ -1063,7 +1128,7 @@
      // 清空选择客户表单
      selectCustomerResetFields() {
         this.$refs.selectformRef.resetFields(); // 不起效果
         this.selectCustomerData.customerName = '';
         this.selectCustomerData.customerFullName = '';
         this.searchCustomerForm.compName = '';
         this.searchCustomerForm.levelText = '';
         this.selectCustomer();
@@ -1072,12 +1137,13 @@
         console.log('外层客户选择', v);
         this.newFormData.customerName = v.customerName;
         this.newFormData.customerId = v.id;
         this.$reqGet('getAccount', { customerId: v.id }).then(res => {
         this.$reqGet('getAccount', { customerId: v.id, ledgerId: this.newFormData.ledgerId }).then(res => {
            console.log('客户选择账户', res);
            this.accountDetails = res.data;
            this.searchContractForm.customerName = res.data.customerName;
            this.reqContract();
            this.$nextTick(() => {
               console.log('zhezhezhe');
               this.contractData.forEach(item => {
                  this.contractNumList.push(item.num);
               });
@@ -1115,9 +1181,10 @@
      // 时间
      confirmTime(v) {
         this.timeShow = false;
         console.log('时间', v);
         v.forEach(e => {
            this.newFormData.startDate = v[0];
            this.newFormData.endDate = v[v.lenght - 1];
            this.newFormData.endDate = v[v.length - 1];
            this.timeDataStr = v[0] + ' 至 ' + v[v.length - 1];
         });
      },
@@ -1128,7 +1195,7 @@
            if (this.newFormData.contractOrders != []) {
               uni.showToast({
                  title: '添加订单后，不能修改合同！',
                  icon: 'error',
                  icon: 'none',
                  duration: 2000
               });
            }
@@ -1148,14 +1215,6 @@
      searchContractFormTypeFocus() {
         // 类型弹出框
         this.selectContractTypeShow = true;
         // 弹出框类型请求
         this.$nextTick(() => {
            this.$reqGet('contract_type').then(res => {
               res.data.forEach(item => {
                  this.selectContractTypeData[0].push(item.value);
               });
            });
         });
      },
      // 选择合同弹框
      selectContractOpen() {
@@ -1170,11 +1229,36 @@
      },
      // 合同请求
      reqContract() {
         this.searchContractForm.current = 1;
         this.$reqGet('contract', this.searchContractForm).then(res => {
            uni.hideLoading();
            if (res.code == 0) {
               console.log('合同', res);
               this.contractData = res.data.records;
               this.contractDataAllNum = res.data.total;
            }
         });
      },
      // 合同加载更多
      loadingContract() {
         uni.showLoading({
            title: '加载中...'
         });
         console.log('合同加载更多事件', this.statusContractLoading);
         if (this.searchContractForm.current >= this.contractDataAllNum / 50) return;
         this.statusContractLoading = 'loading';
         this.searchContractForm.current = ++this.searchContractForm.current;
         this.$reqGet('contract', this.searchContractForm).then(res => {
            if (this.searchContractForm.current >= this.contractDataAllNum / 50) {
               this.statusContractLoading = 'nomore';
               this.$u.toast('没有更多数据了！');
            }
            uni.hideLoading();
            if (res.code == 0) {
               this.contractDataAllNum = res.data.total;
               this.contractData = this.contractData.concat(res.data.records);
               this.statusContractLoading = 'loadmore';
               console.log(this.searchContractForm);
            }
         });
      },
@@ -1224,28 +1308,34 @@
         this.newFormData.contractName = e.contractName;
         this.newFormData.contractNum = e.num;
         this.newFormData.contractId = e.id;
         this.newFormData.type = e.type;
         this.selectContractShow = false;

         // 价格参数赋值
         this.getNewPriceData.type = e.type;
         // 选定合同详情
         uni
            .request({
               url: `/yunxiao/contractitem/getByContractId/${e.id}`,
               method: 'GET',
               header: {
                  'TENANT-ID': 5,
                  Authorization: 'Bearer ' + uni.getStorageSync('access_token'),
                  VERSION: 'zzl'
               }
            })
         uni.showLoading({
            title: '加载中...'
         });
         this.$reqGet('getByContractId', {}, e.id)
            .then(res => {
               this.contractDetails = res[1].data.data;
               console.log('合同详情', res, this.contractDetails);
               uni.hideLoading();
               this.contractDetails = res.data;
               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);
               });
            })
            .catch(err => {
               console.log(err);
            });

         // 添加煤种选项
      },
      // 添加合同按钮
      addContractClick() {
@@ -1256,7 +1346,7 @@
               if (this.accountDetails.balanceType == '贷') {
                  uni.showToast({
                     title: '客户账户余额当前处于欠款状态！',
                     icon: 'error',
                     icon: 'none',
                     duration: 2000
                  });
               } else {
@@ -1295,6 +1385,7 @@
                        type: ''
                     };
                     this.multipleSelection = [];
                     console.log('新建发运申请订单', this.addContractFormdata);
                  }
               }
            })
@@ -1320,7 +1411,7 @@
      },
      // 选择的煤厂
      coalFiledSelectClick(e) {
        console.log('选择的煤厂',e);
         console.log('选择的煤厂', e);
         this.addContractFormdata.compName = e.compName;
         this.addContractFormdata.filedName = e.name;
         this.addContractFormdata.compId = e.compId;
@@ -1330,13 +1421,12 @@
         this.selectCoalFiledData = e;

         // 获取价格参数
      this.getNewPriceData.compId = e.compId;
      this.getNewPriceData.compName = e.compName;
      this.getNewPriceData.filedId = e.id;
      this.getNewPriceData.filedName = e.name;
         this.getNewPriceData.compId = e.compId;
         this.getNewPriceData.compName = e.compName;
         this.getNewPriceData.filedId = e.id;
         this.getNewPriceData.filedName = e.name;


      this.coalFiledSelectShow = false;
         this.coalFiledSelectShow = false;
      },
      // 收货人
      addContractConsigneeClose() {
@@ -1348,20 +1438,9 @@
         this.addContractConsigneeShow = true;
      },
      addContractConsigneeConfirm(v) {
         console.log('收货人', v);
         this.addContractFormdata.toStation = v.toStation;
         this.addContractFormdata.customerName = v.customerName;
         this.addContractFormdata.customerId = v.id;
         this.$reqGet('getAccount', { customerId: v.id }).then(res => {
            console.log('获取收货人账号', res);
            // this.accountDetails = res.data;
            // this.newFormData.customerName = res.data.customerName;
            // this.newFormData.customerId = res.data.id;
            // this.searchContractForm.customerName = res.data.customerName;
         });
         this.$nextTick(() => {
            this.addContractConsigneeShow = false;
         });

         // 赋值给取价格请求参数
         this.getNewPriceData.customerAddressName = v.customerFullName;
@@ -1370,17 +1449,7 @@

         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) {
@@ -1488,14 +1557,15 @@
      },
      addContractSanConfirm() {
         if (this.addContractFormdata.compId && this.addContractFormdata.customerId && this.addContractFormdata.filedId) {
           if(this.editApplicationIndex != null){
          this.newFormData.contractOrders[this.editApplicationIndex] = this.addContractFormdata;
        } else {
          this.newFormData.contractOrders.push(this.addContractFormdata);
          console.log('添加子订单',this.addContractFormdata);
        }
        this.addContractShow = false;// 关闭弹出框
        console.log('this.newFormData.contractOrders当前关闭后',this.newFormData.contractOrders)
            if (this.editApplicationIndex != null) {
               this.newFormData.contractOrders[this.editApplicationIndex] = this.addContractFormdata;
            } else {
               this.addContractFormdata.type = this.newFormData.type;
               this.newFormData.contractOrders.push(this.addContractFormdata);
               console.log('添加子订单', this.addContractFormdata);
            }
            this.addContractShow = false; // 关闭弹出框
            console.log('this.newFormData.contractOrders当前关闭后', this.newFormData.contractOrders);
         } else {
            uni.$u.toast('请规范输入所有信息');
         }
@@ -1588,11 +1658,11 @@
                     let msg = this.accountDetails.balance == null ? 0 : this.accountDetails.balance;
                     uni.showToast({
                        title: '客户账户现汇余额不足，现汇余额:' + msg,
                        icon: 'error',
                        icon: 'none',
                        duration: 2000
                     });
                  } else {
                     console.log('提交整体',this.newFormData);
                     console.log('提交整体', this.newFormData);
                     this.xswaybill();
                  }
               } else {
@@ -1603,11 +1673,11 @@
                     let msg = this.accountDetails.balance2 == null ? 0 : this.accountDetails.balance2;
                     uni.showToast({
                        title: '客户账户承兑余额不足，承兑余额:' + msg,
                        icon: 'error',
                        icon: 'none',
                        duration: 2000
                     });
                  } else {
                     console.log('提交整体',this.newFormData);
                     console.log('提交整体', this.newFormData);
                     this.xswaybill();
                  }
               }
@@ -1621,11 +1691,11 @@
         console.log('删除订单卡片', e);
         this.newFormData.contractOrders.splice(e, 1);
      },
    editApplicationClick(index){
        this.editApplicationIndex = index;
      this.addContractFormdata = this.newFormData.contractOrders[index];
      this.addContractShow = true;
    },
      editApplicationClick(index) {
         this.editApplicationIndex = index;
         this.addContractFormdata = this.newFormData.contractOrders[index];
         this.addContractShow = true;
      },
      xswaybill() {
         console.log('新建发运申请', this.newFormData);
         uni.showLoading({
@@ -1635,19 +1705,13 @@
            uni.hideLoading();
            console.log('新建发运申请', res);
            if (res.code == 0) {
               // uni.showToast({
               //    title: '添加成功！',
               //    icon: 'success',
               //    duration: 1000
               // });
          this.$u.toast('添加成功，即将返回申请页！！！')
               this.$u.toast('添加成功，即将返回申请页！！！');
               setTimeout(() => {
            uni.navigateBack({
              // url: '/pages/my-application/my-application'
              delta: 2
            });
          },2000)

                  uni.navigateBack({
                     // url: '/pages/my-application/my-application'
                     delta: 2
                  });
               }, 1500);
            }
         });
      },
@@ -1669,11 +1733,13 @@
   .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 {
@@ -1682,6 +1748,7 @@
                     }
                  }
               }

               .u-form-item__body__right {
                  .u-form-item__body__right__content {
                     .u-form-item__body__right__content__slot {
@@ -1698,11 +1765,14 @@
      .u-popup {
         .u-transition {
            height: 95%;

            .u-popup__content {
               overflow: scroll !important;

               .selectCustomerTitle {
                  margin-bottom: 0;
               }

               .selectCustomerContainer {
                  padding: 0 4%;
                  // .loadmoreClass{
@@ -1714,30 +1784,43 @@
                  //    }
                  // }
                  .searchContainer {
                     .u-input {
                        width: 90%;
                     }
                  }

                  .searchCustomerBtn {
                     margin-top: vww(10);
                     display: flex;

                     .u-button {
                        width: 30%;
                     }
                  }

                  // 数据列表
                  .searchResultList {
                     margin-top: vww(16);
                  }

                  // 滚动通知
                  .tapStyle{
                     margin-top: vww(30);
                  }

                  // 合同表格
                  .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);
@@ -1756,15 +1839,25 @@
                           }
                        }
                     }

                     .tableBody {
                        width: 80%;
                        .contractTableTd {
                           width: vww(200);
                           white-space: nowrap;
                           text-overflow: ellipsis;
                           overflow: hidden;
                        }
                     }

                     .TableUtilBtn {
                        width: 20%;
                        overflow: hidden;

                        .uni-table {
                           min-width: 0 !important;
                        }

                        .TableUtilBtnContainer {
                           .u-button {
                              width: vww(20);
@@ -1806,6 +1899,7 @@
                        }
                     }
                  }

                  .selectContractEndTime {
                     .u-popup {
                        .u-transition {
@@ -1824,8 +1918,10 @@
      .u-popup {
         .u-transition {
            height: 95%;

            .u-popup__content {
               overflow: scroll !important;

               .addContractFormTitle {
                  margin-bottom: 0;
               }
@@ -1833,11 +1929,13 @@
               // 搜索
               .coalFiledSelectSearch {
               }

               // 选择煤种
               .coalFiledSelectPopup {
                  .u-popup {
                     .u-transition {
                        height: 80%;

                        .u-popup__content {
                           overflow: scroll !important;
                           // 表格
@@ -1846,12 +1944,15 @@
                              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);
@@ -1870,15 +1971,19 @@
                                    }
                                 }
                              }

                              .tableBody {
                                 width: 80%;
                              }

                              .TableUtilBtn {
                                 width: 20%;
                                 overflow: hidden;

                                 .uni-table {
                                    min-width: 0 !important;
                                 }

                                 .TableUtilBtnContainer {
                                    .u-button {
                                       width: vww(20);
@@ -1900,9 +2005,11 @@
      .u-popup {
         .u-transition {
            height: 95%;

            .u-popup__content {
               // background-color: rgb(247, 247, 247);
               overflow: scroll !important;

               .addContractForm {
                  width: 92%;
                  margin: 0 auto;
@@ -1939,16 +2046,19 @@
                        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;
@@ -1957,6 +2067,7 @@
                        }
                     }
                  }

                  .formDownCard {
                     border-radius: vww(4);
                     padding: vww(10);
@@ -1989,10 +2100,12 @@
      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 {
@@ -2002,23 +2115,28 @@
            }
         }
      }

      .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);
                  }
@@ -2026,6 +2144,7 @@
            }
         }
      }

      .addCard {
         width: 100%;
         height: vww(130);