项目整体细节，新增主页煤仓剩余量图表。

付延余

2022-08-03 910f2ef56d0d49a4ce24b2f33860dce4d739b1b4

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

@@ -11,21 +11,27 @@
      <!-- <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="selectCustomer" labelWidth="20%" label="结算客户" prop="customerName" borderBottom ref="customerNameRef">
               <u--input v-model="newFormData.customerName" border="none"></u--input>
        <u-form-item @click="selectCustomer" labelWidth="20%" label="结算客户" prop="customerName" borderBottom
                     ref="customerNameRef">
          <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-form-item @click="selectContract" labelWidth="20%" label="合同编号" prop="contractNum" borderBottom
                     ref="contractNumRef">
          <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>
            </u-form-item>
            <u-form-item @click="showPayType = true" prop="payType" labelWidth="20%" label="付款方式" borderBottom ref="payTypeRef">
               <u--input v-model="selectValue" disabled disabledColor="#ffffff" placeholder="请选择付款方式" border="none"></u--input>
        <u-form-item @click="showPayType = true" prop="payType" labelWidth="20%" label="付款方式" borderBottom
                     ref="payTypeRef">
          <u--input v-model="selectValue" 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" prop="startDate" labelWidth="20%" label="日期" borderBottom ref="timeDataRef">
               <u--input v-model="timeDataStr" border="none" placeholder="请选择范围日期"></u--input>
        <u-form-item @click="timeShow = true" prop="startDate" labelWidth="20%" label="日期" borderBottom
                     ref="timeDataRef">
          <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>
@@ -35,30 +41,37 @@
      </view>

      <!-- 申请日历、范围时间 -->
      <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"
                :maxDate="maxDate"></u-calendar>
      <!-- 申请付款方式弹出菜单 -->
      <u-action-sheet :show="showPayType" :actions="actions" title="请选择付款方式" @close="showPayType = false" @select="sexSelect"></u-action-sheet>
    <u-action-sheet :show="showPayType" :actions="actions" title="请选择付款方式" @close="showPayType = false"
                    @select="sexSelect"></u-action-sheet>

      <!-- 选择客户弹框 -->
      <!--  @touchmove.stop.prevent="moveHandleCustomer":防止图层穿透 -->
      <view class="selectCustomerPopup">
         <u-popup :show="selectCustomerShow" @close="selectCustomerClose" @open="selectCustomerOpen" mode="bottom" round="22">
      <u-popup :show="selectCustomerShow" @close="selectCustomerClose" @open="selectCustomerOpen" 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 @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>
@@ -91,7 +104,8 @@
                     </u-cell-group>
                  </view>
                  <view class="loadmoreClass">
                     <u-loadmore loadmoreText="点击加载更多" nomoreText="无更多数据!!!" :status="status" @loadmore="loadingCustomer" fontSize="20" height="30px" />
              <u-loadmore loadmoreText="点击加载更多" nomoreText="无更多数据!!!" :status="status" @loadmore="loadingCustomer"
                          fontSize="20" height="30px"/>
                  </view>
                  <!-- 选择用户菜单项 -->
                  <view class="selectCustomerCompSheet">
@@ -106,7 +120,8 @@

                  <!-- 级别菜单项 -->
                  <view class="selectLevelSheet">
                     <u-action-sheet :show="selectLevelShow" :actions="levelList" title="请选择级别" @close="selectLevelShow = false" @select="selectLevelSelect"></u-action-sheet>
              <u-action-sheet :show="selectLevelShow" :actions="levelList" title="请选择级别"
                              @close="selectLevelShow = false" @select="selectLevelSelect"></u-action-sheet>
                  </view>
               </view>
            </scroll-view>
@@ -116,7 +131,8 @@
      <!-- 选择合同 -->
      <!-- @touchmove.stop.prevent="moveHandleContract" -->
      <view class="selectCustomerPopup">
         <u-popup :show="selectContractShow" @close="selectContractClose" @open="selectContractOpen" mode="bottom" round="22">
      <u-popup :show="selectContractShow" @close="selectContractClose" @open="selectContractOpen" mode="bottom"
               round="22">
            <scroll-view scroll-y="true" style="height:100%;">
               <combination-title class="selectCustomerTitle" title="选择合同"></combination-title>
               <view class="selectCustomerContainer">
@@ -124,23 +140,31 @@
                     <u--form labelPosition="left" :model="searchContractForm" ref="selectformRef">
                        <u-form-item labelWidth="18%" 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-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--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-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="18%" 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="18%" 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="18%" 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>
@@ -201,11 +225,16 @@

                     <view class="TableUtilBtn">
                        <uni-table border emptyText="暂无更多数据">
                           <uni-tr><uni-th align="center">操作</uni-th></uni-tr>
                  <uni-tr>
                    <uni-th align="center">操作</uni-th>
                  </uni-tr>
                           <uni-tr v-for="(item, index) in contractData" :key="index">
                              <uni-td align="center">
                                 <!-- 选择合同 -->
                                 <view class="TableUtilBtnContainer"><u-button type="primary" @click="selectContractClick(item)" icon="checkbox-mark" size="mini"></u-button></view>
                      <view class="TableUtilBtnContainer">
                        <u-button type="primary" @click="selectContractClick(item)" icon="checkbox-mark"
                                  size="mini"></u-button>
                      </view>
                              </uni-td>
                           </uni-tr>
                        </uni-table>
@@ -232,7 +261,8 @@
                     ></u-calendar>
                  </view>
                  <view class="selectContractEndTime">
                     <u-calendar :show="selectContractEndTimeShow" @close="selectContractEndTimeClose" :mode="selectContractTimeMode" @confirm="selectContractEndTimeConfirm"></u-calendar>
              <u-calendar :show="selectContractEndTimeShow" @close="selectContractEndTimeClose"
                          :mode="selectContractTimeMode" @confirm="selectContractEndTimeConfirm"></u-calendar>
                  </view>
               </view>
            </scroll-view>
@@ -249,7 +279,8 @@
                  <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--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>
@@ -268,19 +299,24 @@
                                 <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--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--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--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--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--input v-model="currentCoal.quotePrice" disabled disabledColor="#ffffff"
                                      border="none"></u--input>
                                       </u-form-item>
                                    </u--form>
                                 </view>
@@ -290,32 +326,42 @@
                                 <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--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">
                          <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--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>
                              <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--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>
                              <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--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>
                              <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--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>
                              <u-radio shape="square" size="30" :customStyle="{ marginBottom: '8px' }" name="3"
                                       @change="changePriceMode"></u-radio>
                                          </view>
                                       </u-radio-group>
                                    </u--form>
@@ -324,7 +370,8 @@
                              <view class="selectFavouredPolicy">
                                 <u-divider text="选择优惠政策"></u-divider>
                                 <view class="selectFavouredPolicyBox">
                                    <uni-table ref="priceTableRef" :loading="loading" border stripe type="selection" emptyText="暂无更多数据" @selection-change="selectionChange">
                        <uni-table ref="priceTableRef" :loading="loading" border stripe type="selection"
                                   emptyText="暂无更多数据" @selection-change="selectionChange">
                                       <uni-tr>
                                          <uni-th width="150" align="center">优惠方式</uni-th>
                                          <uni-th width="60" align="center">符号</uni-th>
@@ -342,17 +389,22 @@
                              </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">
                           <u--input v-model="addContractFormdata.price" disabled disabledColor="#ffffff" border="none"></u--input>
                  <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--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--input :disabled="addContractFormdata.trainType == 1" @input="jisuanAmount"
                            v-model="addContractFormdata.quant"></u--input>
                        </u-form-item>
                     </view>

@@ -362,12 +414,16 @@
                     <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>

               <!-- 选择煤厂 -->
               <view class="coalFiledSelectPopup">
                  <u-popup :show="coalFiledSelectShow" @close="coalFiledSelectClose" @open="coalFiledSelectOpen" mode="bottom" round="22">
            <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>
@@ -399,11 +455,16 @@

                           <view class="TableUtilBtn">
                              <uni-table border emptyText="暂无更多数据">
                                 <uni-tr><uni-th align="center">操作</uni-th></uni-tr>
                      <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>
                          <view class="TableUtilBtnContainer">
                            <u-button type="primary" @click="coalFiledSelectClick(item)" icon="checkbox-mark"
                                      size="mini"></u-button>
                          </view>
                                    </uni-td>
                                 </uni-tr>
                              </uni-table>
@@ -415,23 +476,30 @@

               <!-- 选择收货人 -->
               <view class="selectCustomerPopup">
                  <u-popup :show="addContractConsigneeShow" @close="addContractConsigneeClose" @open="addContractConsigneeOpen" mode="bottom" round="22">
            <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--input @focus="selectCustomerCompShow = true" v-model="searchCustomerForm.compName"
                                  placeholder="点击选择单位" border="none"></u--input>
                        <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--input @focus="selectLevelShow = true" border="none" v-model="searchCustomerForm.levelText"
                                  placeholder="点击选择级别"></u--input>
                        <u-icon slot="right" name="close-circle-fill" v-if="searchCustomerForm.levelText != ''"
                                @click="searchCustomerForm.levelText = ''"></u-icon>
                                 </u-form-item>
                              </u--form>
                           </view>
@@ -465,7 +533,8 @@
                              </u-cell-group>
                           </view>
                           <view class="loadmoreClass">
                              <u-loadmore loadmoreText="点击加载更多" nomoreText="无更多数据!!!" :status="status" @loadmore="loadingCustomer" fontSize="20" height="30px" />
                    <u-loadmore loadmoreText="点击加载更多" nomoreText="无更多数据!!!" :status="status" @loadmore="loadingCustomer"
                                fontSize="20" height="30px"/>
                           </view>
                           <!-- 选择用户菜单项 -->
                           <view class="selectCustomerCompSheet">
@@ -479,7 +548,8 @@
                           </view>
                           <!-- 级别菜单项 -->
                           <view class="selectLevelSheet">
                              <u-action-sheet :show="selectLevelShow" :actions="levelList" title="请选择级别" @close="selectLevelShow = false" @select="selectLevelSelect"></u-action-sheet>
                    <u-action-sheet :show="selectLevelShow" :actions="levelList" title="请选择级别"
                                    @close="selectLevelShow = false" @select="selectLevelSelect"></u-action-sheet>
                           </view>
                        </view>
                     </scroll-view>
@@ -536,15 +606,23 @@
               </uni-td>
            </uni-tr>
         </uni-table> -->
         <view class="balanceNo" v-if="accountDetails.balanceTotal < 0"><text style="color:red;">客户账户当前处于欠款状态</text></view>
      <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">
        <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 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">
                        收货人：
@@ -590,7 +668,9 @@
         </u-swipe-action>

         <view class="addCard" @click="addContractClick">
            <view class="addCard-icon"><u-icon name="plus" size="100"></u-icon></view>
        <view class="addCard-icon">
          <u-icon name="plus" size="100"></u-icon>
        </view>
         </view>
      </view>

@@ -689,7 +769,7 @@
         // 选择客户
         selectCustomerData: {
            compIds: '',
            customerName: '',
        customerFullName: '',
            level: '',
            current: 1,
            size: 10
@@ -710,7 +790,10 @@
         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: {
@@ -994,6 +1077,12 @@
         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);
        });
      });
      },
      // 选择客户
      selectCustomer() {
@@ -1015,6 +1104,7 @@
      },
      // 客户选择弹框打开了
      selectCustomerOpen() {

         // this.spanStyle = 'overflow:hidden'; //当蒙层弹起时，固定界面禁止滚动，当蒙层关闭时，允许滚动
      },
      selectCustomerClose() {
@@ -1062,7 +1152,7 @@
      // 清空选择客户表单
      selectCustomerResetFields() {
         this.$refs.selectformRef.resetFields(); // 不起效果
         this.selectCustomerData.customerName = '';
      this.selectCustomerData.customerFullName = '';
         this.searchCustomerForm.compName = '';
         this.searchCustomerForm.levelText = '';
         this.selectCustomer();
@@ -1074,7 +1164,7 @@
         this.$reqGet('getAccount', { customerId: v.id }).then(res => {
            console.log('客户选择账户', res);
            this.accountDetails = res.data;
            this.searchContractForm.customerName = res.data.customerName;
        this.searchContractForm.customerFullName = res.data.customerName;
            this.reqContract();
            this.$nextTick(() => {
               this.contractData.forEach(item => {
@@ -1132,6 +1222,8 @@
               });
            }
            this.selectContractShow = true;


         } else {
            this.$refs.formRef
               .validate()
@@ -1148,13 +1240,9 @@
         // 类型弹出框
         this.selectContractTypeShow = true;
         // 弹出框类型请求
         this.$nextTick(() => {
            this.$reqGet('contract_type').then(res => {
               res.data.forEach(item => {
                  this.selectContractTypeData[0].push(item.value);
               });
            });
         });
      // this.$nextTick(() => {

      // });
      },
      // 选择合同弹框
      selectContractOpen() {
@@ -1228,11 +1316,27 @@
         // 价格参数赋值
         this.getNewPriceData.type = e.type;
            // 选定合同详情
      uni.showLoading({
        title:'加载中...'
      })
         this.$reqGet('getByContractId',{},e.id).then(res=>{
        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() {
@@ -1282,6 +1386,7 @@
                        type: ''
                     };
                     this.multipleSelection = [];
                console.log('新建发运申请订单', this.addContractFormdata);
                  }
               }
            })
@@ -1330,7 +1435,8 @@
         this.addContractConsigneeShow = false;
      },
      // 添加合同子项收货人打开
      addContractConsigneeOpen() {},
    addContractConsigneeOpen() {
    },
      addContractConsignee() {
         this.addContractConsigneeShow = true;
      },
@@ -1358,16 +1464,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);
         });

      },
      // 品种选择器
      addContractCoalConfirm(e) {
@@ -1656,11 +1753,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 {
@@ -1669,6 +1768,7 @@
                     }
                  }
               }

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

            .u-popup__content {
               overflow: scroll !important;

               .selectCustomerTitle {
                  margin-bottom: 0;
               }

               .selectCustomerContainer {
                  padding: 0 4%;
                  // .loadmoreClass{
@@ -1701,14 +1804,20 @@
                  //    }
                  // }
                  .searchContainer {
              .u-input {
                width: 90%;
                  }
            }

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

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

                  // 数据列表
                  .searchResultList {
                     margin-top: vww(16);
@@ -1719,12 +1828,15 @@
                     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);
@@ -1743,15 +1855,19 @@
                           }
                        }
                     }

                     .tableBody {
                        width: 80%;
                     }

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

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

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

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

            .u-popup__content {
               overflow: scroll !important;

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

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

                        .u-popup__content {
                           overflow: scroll !important;
                           // 表格
@@ -1833,12 +1954,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);
@@ -1857,15 +1981,19 @@
                                    }
                                 }
                              }

                              .tableBody {
                                 width: 80%;
                              }

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

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

                                 .TableUtilBtnContainer {
                                    .u-button {
                                       width: vww(20);
@@ -1887,9 +2015,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;
@@ -1926,16 +2056,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;
@@ -1944,6 +2077,7 @@
                        }
                     }
                  }

                  .formDownCard {
                     border-radius: vww(4);
                     padding: vww(10);
@@ -1976,10 +2110,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 {
@@ -1989,23 +2125,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);
                  }
@@ -2013,6 +2154,7 @@
            }
         }
      }

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