819527061@qq.com
2023-12-01 c56e67c77e2a36c894346830c1ab1e6df36fe935
pages/new-application-form-data/new-application-form-data.vue
@@ -4,23 +4,31 @@
      <!-- page-mete的page-style属性相当于HTML的body属性 -->
      <!-- <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 labelWidth="20%" label="结算客户" borderBottom ref="customerNameRef" @click="selectCustomer">
               <u--input v-model="newFormData.customerName" border="none"></u--input>
            <u-form-item @click="selectLedger" labelWidth="20%" label="账套" borderBottom>
               <u--input disabled disabledColor="#ffffff" v-model="ledgerName" border="none"></u--input>
            </u-form-item>
            <u-form-item labelWidth="20%" label="合同编号" borderBottom ref="contractNumRef" @click="selectContract">
               <u--input v-model="newFormData.contractNum" 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 labelWidth="20%" label="合同名称" borderBottom ref="contractNameRef"><u--input v-model="newFormData.contractName" border="none"></u--input></u-form-item>
            <u-form-item labelWidth="20%" label="付款方式" borderBottom @click="showPayType = true" ref="payTypeRef">
            <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-icon slot="right" name="arrow-right"></u-icon>
            </u-form-item>
            <u-form-item @click="timeShow = true" labelWidth="20%" label="日期" borderBottom ref="timeDataRef">
               <u--input v-model="timeDataStr" 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>
@@ -29,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>
@@ -43,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>
@@ -63,49 +100,31 @@
                  </view>
                  <!-- 客户列表 -->
                  <view class="searchResultList">
                     <u-collapse accordion>
                        <u-collapse-item :title="item.customerFullName" v-for="(item, index) in customerData">
                           <view class="customerDetails">
                              <view class="table-head">
                                 <text class="titleText">{{ item.customerNumber }}</text>
                                 <template>
                                    <button
                                       class="mini-btn"
                                       type="default"
                                       size="mini"
                                       style="background: #007aff;
                                       color: #ffffff;
                                       margin: auto 0;
                                       height: 20px;
                                       line-height:20px;
                                       width: 86px;
                                       font-size: 10px;
                                       padding: 0;"
                                       @click="selectCustomerOkClick(item.id)"
                                    >
                                       选择该用户
                                    </button>
                                 </template>
                              </view>
                              <uni-table border stripe emptyText="暂无更多数据" style="min-width:420px;">
                                 <uni-tr>
                                    <uni-th align="center">级别</uni-th>
                                    <uni-td align="center">{{ item.level }}</uni-td>
                                 </uni-tr>
                                 <uni-tr>
                                    <uni-th align="center">所属部门名称</uni-th>
                                    <uni-td align="center">{{ item.compNames }}</uni-td>
                                 </uni-tr>
                                 <uni-tr>
                                    <uni-th align="center">电话号码</uni-th>
                                    <uni-td align="center">{{ item.customerPhoneNumber }}</uni-td>
                                 </uni-tr>
                              </uni-table>
                     <u-cell-group :right-icon="false">
                        <u-cell v-for="(item, index) in customerData" :title="item.customerFullName" :arrow="false">
                           <view slot="value" class="u-slot-value">
                              <button
                                 type="default"
                                 size="mini"
                                 style="background: #007aff;
                                 color: #ffffff;
                                 margin: auto 0;
                                 height: 20px;
                                 line-height:20px;
                                 width: 43px;
                                 font-size: 10px;
                                 padding: 0;"
                                 @click="selectCustomerOkClick(item)"
                              >
                                 选择
                              </button>
                           </view>
                        </u-collapse-item>
                     </u-collapse>
                        </u-cell>
                     </u-cell-group>
                  </view>
                  <view class="loadmoreClass">
                     <u-loadmore loadmoreText="点击加载更多" nomoreText="无更多数据!!!" :status="status" @loadmore="loadingCustomer" fontSize="20" height="30px" />
                  </view>
                  <!-- 选择用户菜单项 -->
                  <view class="selectCustomerCompSheet">
                     <u-action-sheet
@@ -135,64 +154,102 @@
               <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>
                  <view class="searchCustomerBtn">
                     <u-button text="搜索" type="primary" @click="selectContractOpen()"></u-button>
                     <u-button text="清空" @click="selectCustomerResetFields"></u-button>
                     <u-button text="清空" @click="selectContractResetFields"></u-button>
                  </view>
                  <!-- 合同列表 -->
                  <view class="searchResultList">
                     <uni-table border stripe emptyText="暂无更多数据">
                        <uni-tr>
                           <uni-th width="220" align="center">合同编号</uni-th>
                           <uni-th width="80" align="center">组织结构</uni-th>
                           <uni-th width="200" align="center">客户名称</uni-th>
                           <uni-th width="140" align="center">煤种名称</uni-th>
                           <uni-th width="90" 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="70" align="center">状态</uni-th>
                           <uni-th width="150" align="center" style="position:relative;right:0;">操作</uni-th>
                        </uni-tr>
                        <uni-tr v-for="(item, index) in contractData" :key="index">
                           <uni-td align="left">{{ item.num }}</uni-td>
                           <uni-td align="center">{{ item.compName }}</uni-td>
                           <uni-td align="left">{{ item.customerName }}</uni-td>
                           <uni-td align="center">{{ item.coalNames }}</uni-td>
                           <uni-td align="center">{{ item.type }}</uni-td>
                           <uni-td align="center">{{ item.startDate }}</uni-td>
                           <uni-td align="center">{{ item.endDate }}</uni-td>
                           <uni-td align="center">{{ item.countExecutive }}</uni-td>
                           <uni-td align="center">{{ item.executive }}</uni-td>
                           <uni-td align="center">{{ item.status }}</uni-td>
                           <uni-td align="center" style="position:relative;right:0;">
                              <view class="uni-group"><button class="uni-button" size="mini" type="primary">选择该合同</button></view>
                           </uni-td>
                        </uni-tr>
                     </uni-table>
                  <!-- 滚动通知 -->
                  <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="130" align="center">煤种名称</uni-th>
                              <uni-th width="250" 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="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.coalNames }}</view>
                              </uni-td>
                              <uni-td align="left">
                                 <view class="contractTableTd">{{ item.customerName }}</view>
                              </uni-td>
                              <uni-td align="left">
                                 <view :style="tdStyle">{{ item.num }}</view>
                              </uni-td>
                              <uni-td align="center">
                                 <view :style="tdStyle">{{ item.type }}</view>
                              </uni-td>
                              <uni-td align="center">
                                 <view :style="tdStyle">{{ item.startDate }}</view>
                              </uni-td>
                              <uni-td align="center">
                                 <view :style="tdStyle">{{ item.endDate }}</view>
                              </uni-td>
                              <uni-td align="center">
                                 <view :style="tdStyle">{{ item.countExecutive }}</view>
                              </uni-td>
                              <uni-td align="center">
                                 <view :style="tdStyle">{{ item.executive }}</view>
                              </uni-td>
                              <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>
                     <view class="TableUtilBtn">
                        <uni-table border emptyText="暂无更多数据">
                           <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>
                              </uni-td>
                           </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">
@@ -207,7 +264,12 @@
                  </view>
                  <!-- 时间选择器 -->
                  <view class="selectContractStartTime">
                     <u-calendar :show="selectContractStartTimeShow" @close="selectContractStartTimeClose" :mode="selectContractTimeMode" @confirm="selectContractStartTimeConfirm"></u-calendar>
                     <u-calendar
                        :show="selectContractStartTimeShow"
                        @close="selectContractStartTimeClose"
                        :mode="selectContractTimeMode"
                        @confirm="selectContractStartTimeConfirm"
                     ></u-calendar>
                  </view>
                  <view class="selectContractEndTime">
                     <u-calendar :show="selectContractEndTimeShow" @close="selectContractEndTimeClose" :mode="selectContractTimeMode" @confirm="selectContractEndTimeConfirm"></u-calendar>
@@ -217,20 +279,373 @@
         </u-popup>
      </view>
      <!-- 申请表格 -->
      <view class="newApplicationTable">
         <uni-table border stripe emptyText="暂无更多数据">
            <!-- 表格数据行 -->
            <uni-tr v-for="(item, index) in 8" :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-table>
      <!-- 添加合同子项 -->
      <view class="addContractContainer">
         <u-popup :show="addContractShow" @close="addContractClose" @open="addContractOpen" mode="bottom" round="22">
            <scroll-view scroll-y="true" style="height:100%;">
               <combination-title class="addContractFormTitle" title="添加订单"></combination-title>
               <!-- 添加用户表单 -->
               <view class="addContractForm">
                  <u--form labelPosition="left" :model="addContractFormdata" :rules="addContractRules" ref="form1">
                     <view class="formUpCard">
                        <u-form-item label="矿厂" labelWidth="20%" ref="item1">
                           <u--input v-model="addContractFormdata.filedName" disabled disabledColor="#ffffff" border="none"></u--input>
                        </u-form-item>
                        <u-form-item @click="coalFiledSelectShow = true" label="煤厂" labelWidth="20%" ref="item1">
                           <u--input v-model="addContractFormdata.compName" disabled disabledColor="#ffffff"></u--input>
                        </u-form-item>
                        <u-form-item label="收货人" labelWidth="20%" ref="item1" @click="addContractConsignee">
                           <u--input v-model="addContractFormdata.customerName" disabled disabledColor="#ffffff"></u--input>
                        </u-form-item>
                        <u-form-item @click="addContractCoalShow = true" label="品种" labelWidth="20%" ref="item1">
                           <u--input v-model="addContractFormdata.coalName" disabled disabledColor="#ffffff"></u--input>
                        </u-form-item>
                        <template>
                           <!--    价格卡片 -->
                           <view class="priceList" v-if="showPrice && favouredpolicyListcomputed">
                              <view class="currentPriceContainer">
                                 <u-divider text="当前价格"></u-divider>
                                 <view class="currentPriceBox">
                                    <u--form :model="currentCoal" labelPosition="left">
                                       <u-form-item label="煤种" labelWidth="35%">
                                          <u--input v-model="currentCoal.coalName" disabled disabledColor="#ffffff" border="none"></u--input>
                                       </u-form-item>
                                       <u-form-item :label="currentCoal.type == 1 ? '钢厂长协' : '基准价'" labelWidth="35%">
                                          <u--input v-model="currentCoal.steelMillPrice" disabled disabledColor="#ffffff" border="none"></u--input>
                                       </u-form-item>
                                       <u-form-item :label="currentCoal.type == 1 ? '焦化长协' : '电厂基准'" labelWidth="35%">
                                          <u--input v-model="currentCoal.cokingPrice" disabled disabledColor="#ffffff" border="none"></u--input>
                                       </u-form-item>
                                       <u-form-item :label="currentCoal.type == 1 ? '非长协' : '区域外电厂价'" labelWidth="35%">
                                          <u--input v-model="currentCoal.noImportantPrice" disabled disabledColor="#ffffff" border="none"></u--input>
                                       </u-form-item>
                                       <u-form-item label="挂牌价" labelWidth="35%">
                                          <u--input v-model="currentCoal.quotePrice" disabled disabledColor="#ffffff" border="none"></u--input>
                                       </u-form-item>
                                    </u--form>
                                 </view>
                              </view>
                              <view class="selectPriceContainer">
                                 <u-divider text="选择价格"></u-divider>
                                 <view class="selectPricebox">
                                    <u--form labelPosition="left">
                                       <u-form-item label="煤种" labelWidth="35%">
                                          <u--input v-model="currentCoal.coalName" disabled disabledColor="#ffffff" border="none"></u--input>
                                       </u-form-item>
                                       <u-radio-group v-model="addContractFormdata.priceMode" placement="column" @change="groupChange">
                                          <view class="selectPriceboxItem">
                                             <u-form-item :label="currentCoal.type == 1 ? '钢厂长协' : '基准价'" labelWidth="35%">
                                                <u--input v-model="afterPrice.steelMillPrice" disabled disabledColor="#ffffff" border="none"></u--input>
                                             </u-form-item>
                                             <u-radio shape="square" size="30" :customStyle="{ marginBottom: '8px' }" name="0" @change="changePriceMode"></u-radio>
                                          </view>
                                          <view class="selectPriceboxItem">
                                             <u-form-item :label="currentCoal.type == 1 ? '焦化长协' : '电厂基准'" labelWidth="35%">
                                                <u--input v-model="afterPrice.cokingPrice" disabled disabledColor="#ffffff" border="none"></u--input>
                                             </u-form-item>
                                             <u-radio shape="square" size="30" :customStyle="{ marginBottom: '8px' }" name="1" @change="changePriceMode"></u-radio>
                                          </view>
                                          <view class="selectPriceboxItem">
                                             <u-form-item :label="currentCoal.type == 1 ? '非长协' : '区域外电厂价'" labelWidth="35%">
                                                <u--input v-model="afterPrice.noImportantPrice" disabled disabledColor="#ffffff" border="none"></u--input>
                                             </u-form-item>
                                             <u-radio shape="square" size="30" :customStyle="{ marginBottom: '8px' }" name="2" @change="changePriceMode"></u-radio>
                                          </view>
                                          <view class="selectPriceboxItem">
                                             <u-form-item label="挂牌价" labelWidth="35%">
                                                <u--input v-model="afterPrice.quotePrice" disabled disabledColor="#ffffff" border="none"></u--input>
                                             </u-form-item>
                                             <u-radio shape="square" size="30" :customStyle="{ marginBottom: '8px' }" name="3" @change="changePriceMode"></u-radio>
                                          </view>
                                       </u-radio-group>
                                    </u--form>
                                 </view>
                              </view>
                              <view class="selectFavouredPolicy">
                                 <u-divider text="选择优惠政策"></u-divider>
                                 <view class="selectFavouredPolicyBox">
                                    <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>
                                          <uni-th width="60" align="center">值</uni-th>
                                          <uni-th width="60" align="center">价格优惠</uni-th>
                                       </uni-tr>
                                       <uni-tr v-for="(item, index) in favouredpolicyList" :key="index">
                                          <uni-td>{{ item.type }}</uni-td>
                                          <uni-td align="center">{{ operator[item.method].label }}</uni-td>
                                          <uni-td align="center">{{ item.val }}</uni-td>
                                          <uni-td align="center">{{ item.price }}</uni-td>
                                       </uni-tr>
                                    </uni-table>
                                 </view>
                              </view>
                           </view>
                        </template>
                        <u-form-item @click="addContractTransportShow = true" label="运输" labelWidth="20%" ref="item1">
                           <u--input v-model="addContractTransport" disabled disabledColor="#ffffff"></u--input>
                        </u-form-item>
                     </view>
                     <view class="formDownCard">
                        <u-form-item label="单价" labelWidth="20%" ref="item1">
                           <u--input v-model="addContractFormdata.price" disabled disabledColor="#ffffff" border="none"></u--input>
                        </u-form-item>
                        <u-form-item label="订单金额" labelWidth="20%" ref="item1">
                           <u--input :disabled="addContractFormdata.trainType == 2" v-show="currentRowComputed" v-model="addContractFormdata.amount"></u--input>
                        </u-form-item>
                        <u-form-item label="订单数量" labelWidth="20%" ref="item1">
                           <u--input :disabled="addContractFormdata.trainType == 1" @input="jisuanAmount" v-model="addContractFormdata.quant"></u--input>
                        </u-form-item>
                     </view>
                     <!-- <u-form-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>
                  <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">
                     <scroll-view scroll-y="true" style="height:100%;">
                        <combination-title class="selectCustomerTitle" title="选择煤厂"></combination-title>
                        <view class="coalFiledSelectSearch"></view>
                        <view class="coalFiledTable">
                           <view class="tableBody">
                              <uni-table border emptyText="暂无更多数据">
                                 <uni-tr>
                                    <uni-th width="120" align="center">煤厂名称</uni-th>
                                    <uni-th width="120" align="center">煤厂编号</uni-th>
                                    <uni-th width="120" align="center">所属矿</uni-th>
                                    <uni-th width="120" align="center">备注</uni-th>
                                 </uni-tr>
                                 <uni-tr v-for="(item, index) in coalfiledData" :key="index">
                                    <uni-td align="center">
                                       <view :style="tdStyle">{{ item.name }}</view>
                                    </uni-td>
                                    <uni-td align="center">
                                       <view :style="tdStyle">{{ item.num }}</view>
                                    </uni-td>
                                    <uni-td align="center">
                                       <view :style="tdStyle">{{ item.compName }}</view>
                                    </uni-td>
                                    <uni-td align="left">
                                       <view :style="tdStyle">{{ item.remark == null ? '' : item.remark }}</view>
                                    </uni-td>
                                 </uni-tr>
                              </uni-table>
                           </view>
                           <view class="TableUtilBtn">
                              <uni-table border emptyText="暂无更多数据">
                                 <uni-tr><uni-th align="center">操作</uni-th></uni-tr>
                                 <uni-tr v-for="(item, index) in coalfiledData" :key="index">
                                    <uni-td align="center">
                                       <!-- 选择合同 -->
                                       <view class="TableUtilBtnContainer"><u-button type="primary" @click="coalFiledSelectClick(item)" icon="checkbox-mark" size="mini"></u-button></view>
                                    </uni-td>
                                 </uni-tr>
                              </uni-table>
                           </view>
                        </view>
                     </scroll-view>
                  </u-popup>
               </view>
               <!-- 选择收货人 -->
               <view class="selectCustomerPopup">
                  <u-popup :show="addContractConsigneeShow" @close="addContractConsigneeClose" @open="addContractConsigneeOpen" mode="bottom" round="22">
                     <scroll-view scroll-y="true" style="height:100%;">
                        <combination-title class="selectCustomerTitle" title="选择收货人"></combination-title>
                        <view class="selectCustomerContainer">
                           <view class="searchContainer">
                              <u--form labelPosition="left" :model="searchCustomerForm" ref="selectformRef">
                                 <u-form-item labelWidth="12%" label="单位" borderBottom ref="compRef">
                                    <u--input @focus="selectCustomerCompShow = true" v-model="searchCustomerForm.compName" placeholder="点击选择单位" border="none"></u--input>
                                    <u-icon slot="right" name="close-circle-fill" v-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.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-if="searchCustomerForm.levelText != ''" @click="searchCustomerForm.levelText = ''"></u-icon>
                                 </u-form-item>
                              </u--form>
                           </view>
                           <view class="searchCustomerBtn">
                              <u-button text="搜索" type="primary" @click="selectCustomer()"></u-button>
                              <u-button text="清空" @click="selectCustomerResetFields"></u-button>
                           </view>
                           <!-- 客户列表 -->
                           <view class="searchResultList">
                              <u-cell-group :right-icon="false">
                                 <u-cell v-for="(item, index) in customerData" :title="item.customerFullName" :arrow="false">
                                    <view slot="value" class="u-slot-value">
                                       <button
                                          class="mini-btn"
                                          type="default"
                                          size="mini"
                                          style="background: #007aff;
                                          color: #ffffff;
                                          margin: auto 0;
                                          height: 20px;
                                          line-height:20px;
                                          width: 43px;
                                          font-size: 10px;
                                          padding: 0;"
                                          @click="addContractConsigneeConfirm(item)"
                                       >
                                          选择
                                       </button>
                                    </view>
                                 </u-cell>
                              </u-cell-group>
                           </view>
                           <view class="loadmoreClass">
                              <u-loadmore loadmoreText="点击加载更多" nomoreText="无更多数据!!!" :status="status" @loadmore="loadingCustomer" fontSize="20" height="30px" />
                           </view>
                           <!-- 选择用户菜单项 -->
                           <view class="selectCustomerCompSheet">
                              <u-action-sheet
                                 :show="selectCustomerCompShow"
                                 :actions="selectCustomerActions"
                                 title="请选择单位"
                                 @close="selectCustomerCompShow = false"
                                 @select="selectCustomerSelect"
                              ></u-action-sheet>
                           </view>
                           <!-- 级别菜单项 -->
                           <view class="selectLevelSheet">
                              <u-action-sheet :show="selectLevelShow" :actions="levelList" title="请选择级别" @close="selectLevelShow = false" @select="selectLevelSelect"></u-action-sheet>
                           </view>
                        </view>
                     </scroll-view>
                  </u-popup>
               </view>
               <!-- 品种选择器 -->
               <view class="addContractCoalPicker">
                  <u-picker
                     :show="addContractCoalShow"
                     :columns="addContractCoalData"
                     @close="addContractCoalClose"
                     @cancel="addContractCoalShow = false"
                     @confirm="addContractCoalConfirm"
                     :closeOnClickOverlay="true"
                     keyName="label"
                  ></u-picker>
               </view>
               <!-- 运输选择器 -->
               <view class="addContractCoalPicker">
                  <u-picker
                     :show="addContractTransportShow"
                     :columns="addContractTransportData"
                     @close="addContractTransportClose"
                     @cancel="addContractTransportShow = false"
                     @confirm="addContractTransportConfirm"
                     :closeOnClickOverlay="true"
                     keyName="label"
                  ></u-picker>
               </view>
            </scroll-view>
         </u-popup>
      </view>
      <view class="new-application-button">
      <!-- 申请表格 -->
      <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> -->
         <view class="balanceNo" v-if="accountDetails.balanceTotal < 0"><text style="color:red;">客户账户当前处于欠款状态</text></view>
         <view class="messageCustomerBalance" v-if="accountDetails.balanceTotal >= 0">
            <text style="color: #FFA500;">
               客户账户现汇余额:{{ accountDetails.balance == null || 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
                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">
                        收货人:
                        <text>{{ item.customerName }}</text>
                     </view>
                     <view class="cardList_item">
                        <view class="">
                           矿厂:
                           <text>{{ item.filedName }}</text>
                        </view>
                        <view class="">
                           煤厂:
                           <text>{{ item.compName }}</text>
                        </view>
                     </view>
                     <view class="cardList_item">
                        <view class="">
                           品种:
                           <text>{{ item.coalName }}</text>
                        </view>
                        <view class="">
                           运输:
                           <text>{{ item.trainType == 1 ? '路运' : '地销' }}</text>
                        </view>
                     </view>
                     <view class="cardList_item">
                        <view class="">
                           单价:
                           <text>{{ item.price }}</text>
                        </view>
                        <view class="">
                           订单金额:
                           <text>{{ item.amount }}</text>
                        </view>
                        <!-- <view class="">
                      订单数量:<text>218.899</text>
                    </view> -->
                     </view>
                  </view>
               </view>
            </u-swipe-action-item>
         </u-swipe-action>
         <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" 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>
@@ -243,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();
@@ -253,29 +669,39 @@
export default {
   data() {
      return {
         noticeText:'左右滑动表格可查看更多详情',
         // 账套选择器
         selectLedgerShow: false,
         ledgerList: [],
         ledgerName: '',
         // accountMsgType: 'error',
         tdStyle: 'max-height: 30px;overflow: auto;',
         spanStyle: 'overflow:auto',
         newFormData: {
            amount: 0,
            amount: null,
            coalId: '',
            coalName: '',
            contractId: 169,
            contractName: '国泰洗中煤合同',
            contractName: '',
            contractNum: '',
            contractOrders: [],
            customerAddressId: '',
            customerId: 236,
            customerName: '邢台国泰发电有限责任公司',
            endDate: '2022-07-12',
            executiveQuant: 0,
            id: 0,
            customerName: '',
            endDate: '',
            executiveQuant: null,
            id: null,
            number: '',
            payType: '0',
            price: 0,
            quant: 0,
            payType: '',
            price: null,
            quant: null,
            remark: '',
            startDate: '2022-07-05',
            type: '外销'
            startDate: '',
            type: '',
            ledgerId: null
            // ledgerName:''
         },
         accountDetails: {},
         // 时间
         timeDataStr: '',
         menuShow: false,
@@ -286,32 +712,49 @@
         actions: [],
         selectValue: '',
         rules: {
            'newData.name': {
               type: 'string',
               required: true,
               message: '请填写客户名称',
               trigger: ['blur', 'change']
            },
            'newData.num': {
               type: 'string',
               max: 2,
               required: true,
               message: '请选择合同编号',
               trigger: ['blur', 'change']
            }
            customerName: [
               {
                  required: true,
                  message: '请选择结算客户',
                  trigger: ['blur', 'change']
               }
            ],
            contractNum: [
               {
                  required: true,
                  message: '请选择合同编号',
                  trigger: ['blur', 'change']
               }
            ],
            payType: [
               {
                  required: true,
                  message: '请选择付款方式',
                  trigger: ['blur', 'change']
               }
            ],
            startDate: [
               {
                  required: true,
                  message: '请选择时间',
                  trigger: ['blur', 'change']
               }
            ]
         },
         // 时间
         timeShow: false,
         mode: 'range',
         maxDate: `${year}-${month}-${date + 10}`,
         // 选择客户
         selectCustomerData: {
            compIds: '',
            customerName: '',
            customerFullName: '',
            level: '',
            current: 1,
            size: 10
         },
         status: 'loadmore',
         customerDataAllNum: 0, //客户列表总条数
         account: null, //客户账户信息
         // 搜索字段
         selectCompsData: [],
         selectCustomerLevel: [],
@@ -325,21 +768,32 @@
         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: '',
            result: 2,
            type: '外销',
            type: '',
            customerName: ''
         },
         statusContractLoading: 'loadmore',
         contractDataAllNum: 0, // 合同总数
         contractData: [],
         contractNumList: [],
         // 类型
         selectContractTypeShow: false,
         selectContractTypeData: [[]],
@@ -347,6 +801,56 @@
         selectContractTimeMode: 'single',
         selectContractStartTimeShow: false,
         selectContractEndTimeShow: false,
         // 添加合同
         addContractShow: false,
         // 添加合同表单
         addContractRules: {},
         addContractFormdata: {},
         contractDetails: [], // 选择的合同详情
         // 选择煤厂
         coalFiledSelectShow: false,
         coalfiledData: [],
         coalfiledParams: { current: 1, size: 10 },
         selectCoalFiledData: {},
         // 选择收货人
         addContractConsigneeShow: false,
         // 品种选择器
         addContractCoalShow: false,
         addContractCoalData: [[]],
         // 运输类型
         // 优惠
         favouredpolicyListAll: [], //优惠政策列表所有的
         favouredpolicyList: [], // 优惠政策列表
         multipleSelection: [], //选中的优惠政策
         // 单选框
         addContractTransport: '地销',
         // 品种价格表格
         loading: false,
         // 价格请求参数
         getNewPriceData: {},
         dust: null, // 抑尘费
         trainfreight: {}, //路运运费
         // 运输类型
         addContractTransportShow: false,
         addContractTransportData: [[{ label: '地销', value: 1 }, { label: '路运', value: 2 }]],
         currentCoal: {
            coalName: '',
            cokingPrice: null,
            modifyId: null,
            modifyInfoId: null,
            noImportantPrice: null,
            quotePrice: null,
            steelMillPrice: null,
            type: null
         },
         // 滑动单元格
         options1: [
            {
               text: '删除'
            }
         ],
         editApplicationIndex: null
      };
   },
   onShow() {
@@ -359,6 +863,87 @@
   onNavigationBarButtonTap(e) {
      // console.log(e);
      this.$refs.menuRef.menuClick();
   },
   computed: {
      afterPrice() {
         let temp = Object.assign({}, this.currentCoal);
         let favouredpolicyIds = '';
         if (this.favouredpolicyList.length > 0) {
            this.multipleSelection.forEach(e => {
               if (favouredpolicyIds.length > 0) {
                  favouredpolicyIds += ',';
               }
               favouredpolicyIds += e.id;
               temp.steelMillPrice -= e.price;
               temp.cokingPrice -= e.price;
               temp.noImportantPrice -= e.price;
               temp.quotePrice -= e.price;
            });
            if (this.multipleSelection.length > 0) {
               this.addContractFormdata.favouredpolicyIds = favouredpolicyIds;
            }
         }
         return temp;
      },
      showPrice() {
         if (this.addContractFormdata) {
            let row = this.addContractFormdata;
            if (row.compId && row.customerAddressId && row.coalId) {
               // console.log('看见价格', this.showPrice);
               // this.rowClik(this.currentRow);
               return true;
            }
         }
         return false;
      },
      //优惠政策
      favouredpolicyListcomputed() {
         let list = [];
         this.favouredpolicyListAll.forEach(e => {
            //支付方式
            if (e.type.indexOf('B') != -1 && e.coalIds) {
               if (e.coalIds.indexOf(this.addContractFormdata.coalId) != -1) {
                  list.push(e);
               }
            }
            //运距
            if (this.addContractFormdata.trainType == 2) {
               if (e.type.indexOf('A') != -1) {
                  list.push(e); //根据发站到站获取运距
               }
            }
         });
         this.favouredpolicyList = list;
         return true;
      },
      async currentRowComputed() {
         this.changePriceMode(this.addContractFormdata.priceMode); //变价格用的
         //变订单量
         if (this.addContractFormdata.price > 0 && (this.addContractFormdata.amount > 0 || this.addContractFormdata.quant > 0)) {
            let price = this.addContractFormdata.price;
            if (this.addContractFormdata.trainType == 1) {
               let q = this.addContractFormdata.amount / price;
               this.addContractFormdata.quant = q.toFixed(2);
               this.addContractFormdata.cost1 = null; //运费
               this.addContractFormdata.cost2 = null; //抑尘费
            } else if (this.addContractFormdata.trainType == 2) {
               //如果路运价格增加,抑尘费和运费
               let cost1Price = await this.getFreight(this.addContractFormdata.fromStation, this.addContractFormdata.toStation, this.addContractFormdata.customerAddressId); //路运运费
               price += cost1Price;
               price += this.dust;
               this.addContractFormdata.cost1 = (this.addContractFormdata.quant * cost1Price).toFixed(2); //运费
               this.addContractFormdata.cost2 = (this.addContractFormdata.quant * this.dust).toFixed(2); //抑尘费
               let amount = Number(price * this.addContractFormdata.quant) + Number(this.addContractFormdata.cost1) + Number(this.addContractFormdata.cost2);
               console.log(amount);
               this.addContractFormdata.amount = amount.toFixed(2);
               // console.log('运费,抑尘费:', this.addContractFormdata.cost1, this.addContractFormdata.cost2);
            }
         } else {
            this.addContractFormdata.quant = null;
         }
         return true;
      }
   },
   watch: {
      // 立即处理 进入页面就触发 // immediate: true,
@@ -379,8 +964,27 @@
      popupMenu,
      combinationTitle
   },
  onLoad(e) {
    console.log('我是详请还是新增----',e)
    this.newFormData.id = e.id || 0
  },
   methods: {
      async jisuanAmount() {
         if (this.addContractFormdata.trainType == 2) {
            let price = this.addContractFormdata.price;
            //如果路运价格增加抑尘费和运费
            let cost1Price = await this.getFreight(this.addContractFormdata.fromStation, this.addContractFormdata.toStation, this.addContractFormdata.customerAddressId); //路运运费
            price += cost1Price;
            price += this.dust;
            this.addContractFormdata.cost1 = (this.addContractFormdata.quant * cost1Price).toFixed(2); //运费
            this.addContractFormdata.cost2 = (this.addContractFormdata.quant * this.dust).toFixed(2); //抑尘费
            let amount = Number(price * this.addContractFormdata.quant) + Number(this.addContractFormdata.cost1) + Number(this.addContractFormdata.cost2);
            console.log(amount);
            this.addContractFormdata.amount = amount.toFixed(2);
         }
      },
      init() {
         this.getLedgerList();
         this.jcfavouredpolicyitem();
         this.coalfiled();
         this.coalprice();
@@ -388,6 +992,75 @@
         this.pay_type();
         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() {
@@ -397,15 +1070,17 @@
            title: '加载中...'
         });
         this.selectCustomerShow = true;
         this.selectCustomerData.current = 1;
         this.$reqGet('customer', this.selectCustomerData).then(res => {
            uni.hideLoading();
            if (res.code == 0) {
               this.customerData = res.data.records;
               this.customerDataAllNum = res.data.total;
            }
         });
      },
      // 客户选择弹框打开了
      selectCustomerOpen() {
         console.log('客户选择弹框打开了');
         // this.spanStyle = 'overflow:hidden'; //当蒙层弹起时,固定界面禁止滚动,当蒙层关闭时,允许滚动
      },
      selectCustomerClose() {
@@ -453,51 +1128,93 @@
      // 清空选择客户表单
      selectCustomerResetFields() {
         this.$refs.selectformRef.resetFields(); // 不起效果
         this.selectCustomerData.customerName = '';
         this.selectCustomerData.customerFullName = '';
         this.searchCustomerForm.compName = '';
         this.searchCustomerForm.levelText = '';
         this.selectCustomer();
      },
      selectCustomerOkClick(v) {
         console.log('id', v);
         this.$reqGet('getAccount', { customerId: v }).then(res => {
            console.log('获取账号', res);
            this.newFormData.customerName = res.data.customerName;
            this.newFormData.customerId = res.data.id;
         console.log('外层客户选择', v);
         this.newFormData.customerName = v.customerName;
         this.newFormData.customerId = v.id;
         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);
               });
               console.log('合同号码列表', this.contractNumList);
               // 检查换客户后对应的合同
               if (this.contractNumList.indexOf(this.newFormData.contractNum) > -1) {
                  this.newFormData.contractNum = '';
                  this.newFormData.contractName = '';
               }
            });
         });
         this.$nextTick(() => {
            this.selectCustomerShow = false;
         });
      },
      loadingCustomer() {
         console.log('加载更多事件');
         if (this.selectCustomerData.current >= this.customerDataAllNum / 10) return;
         this.status = 'loading';
         this.selectCustomerData.current = ++this.selectCustomerData.current;
         this.$reqGet('customer', this.selectCustomerData).then(res => {
            if (this.selectCustomerData.current >= this.customerDataAllNum / 10) {
               this.status = 'nomore';
               this.$u.toast('没有更多数据了!');
            }
            uni.hideLoading();
            if (res.code == 0) {
               this.customerDataAllNum = res.data.total;
               this.customerData = this.customerData.concat(res.data.records);
               this.status = 'loadmore';
               console.log(this.selectCustomerData);
            }
         });
      },
      // 时间
      confirmTime(v) {
         this.timeShow = false;
         console.log(v);
         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];
         });
      },
      // 选择合同
      selectContract() {
         this.selectContractShow = true;
         if (this.newFormData.customerName != '') {
            if (this.newFormData.contractOrders != []) {
               uni.showToast({
                  title: '添加订单后,不能修改合同!',
                  icon: 'none',
                  duration: 2000
               });
            }
            this.selectContractShow = true;
         } else {
            this.$refs.formRef
               .validate()
               .then(res => {
                  uni.$u.toast('校验成功');
               })
               .catch(err => {
                  uni.$u.toast('请选择结算客户');
               });
         }
      },
      // 选择合同类型输入框获取焦点触发
      searchContractFormTypeFocus(){
      searchContractFormTypeFocus() {
         // 类型弹出框
         this.selectContractTypeShow = true
         // 弹出框类型请求
         this.$nextTick(()=>{
            this.$reqGet('contract_type').then(res => {
               console.log('contract_type', res);
               res.data.forEach(item => {
                  this.selectContractTypeData[0].push(item.value);
               });
            });
         });
         this.selectContractTypeShow = true;
      },
      // 选择合同弹框
      selectContractOpen() {
@@ -508,11 +1225,40 @@
         this.$reqGet('contract_status').then(res => {
            console.log('状态', res);
         });
         this.reqContract();
      },
      // 合同请求
      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);
            }
         });
      },
@@ -524,28 +1270,311 @@
         this.searchContractForm.type = v.value[0];
         this.selectContractTypeShow = false;
         console.log('选择器确定后的值', v, this.searchContractForm.type);
      },
      selectContractTypeClose(v) {
         // 初始化合同类型选择器
         this.selectContractTypeData[0] = [];
         this.selectContractTypeShow = false;
         if (v) {
            this.searchContractForm.type = v.value[0];
         }
      },
      // 合同时间选择器
      selectContractStartTimeConfirm(){
      selectContractStartTimeConfirm(e) {
         this.selectContractStartTimeShow = false;
         this.searchContractForm.startDate = e[0];
      },
      selectContractStartTimeClose() {
         this.selectContractStartTimeShow = false;
      },
      selectContractEndTimeConfirm(){
      selectContractEndTimeConfirm(e) {
         this.selectContractEndTimeShow = false;
         this.searchContractForm.endDate = e[0];
      },
      selectContractEndTimeClose() {
         this.selectContractEndTimeShow = false;
      },
      // 重置表单所有字段
      selectContractResetFields() {
         this.searchContractForm.num = '';
         this.searchContractForm.startDate = '';
         this.searchContractForm.endDate = '';
         this.searchContractForm.customerName = '';
         this.searchContractForm.type = '';
      },
      selectContractClick(e) {
         console.log('选择合同', e);
         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.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() {
         // 打印true或false
         this.$refs.formRef
            .validate()
            .then(res => {
               if (this.accountDetails.balanceType == '贷') {
                  uni.showToast({
                     title: '客户账户余额当前处于欠款状态!',
                     icon: 'none',
                     duration: 2000
                  });
               } else {
                  if (this.accountDetails.balance == 0 || (null && this.accountDetails.balance2 == 0) || null) {
                     uni.showToast({
                        title: '账户余额不足!',
                        icon: 'error',
                        duration: 2000
                     });
                  } else {
                     console.log('添加合同按钮点击', res);
                     this.addContractShow = true;
                     this.addContractFormdata = {
                        amount: null,
                        coalId: null,
                        coalName: '',
                        compId: null,
                        compName: '',
                        cost1: '',
                        cost2: '',
                        customerId: null,
                        customerName: '',
                        edit: true,
                        favouredpolicyIds: '',
                        filedId: null,
                        filedName: '',
                        fromStation: '',
                        modifyId: null,
                        modifyInfoId: null,
                        customerAddressId: null,
                        price: null,
                        priceMode: '0',
                        quant: '',
                        toStation: '',
                        trainType: 1,
                        type: ''
                     };
                     this.multipleSelection = [];
                     console.log('新建发运申请订单', this.addContractFormdata);
                  }
               }
            })
            .catch(err => {
               uni.$u.toast('效验失败');
            });
      },
      // 添加合同弹出框
      addContractClose() {
         this.addContractShow = false;
         this.addContractFormdata = {};
         this.editApplicationIndex = null;
      },
      addContractOpen() {
         console.log('添加订单打开');
      },
      // 选择煤厂
      coalFiledSelectOpen(e) {
         console.log('coalfiledSelect: ', e);
      },
      coalFiledSelectClose() {
         this.coalFiledSelectShow = false;
      },
      // 选择的煤厂
      coalFiledSelectClick(e) {
         console.log('选择的煤厂', e);
         this.addContractFormdata.compName = e.compName;
         this.addContractFormdata.filedName = e.name;
         this.addContractFormdata.compId = e.compId;
         this.addContractFormdata.filedId = e.id;
         this.addContractFormdata.fromStation = e.toStation;
         this.selectCoalFiledData = e;
         // 获取价格参数
         this.getNewPriceData.compId = e.compId;
         this.getNewPriceData.compName = e.compName;
         this.getNewPriceData.filedId = e.id;
         this.getNewPriceData.filedName = e.name;
         this.coalFiledSelectShow = false;
      },
      // 收货人
      addContractConsigneeClose() {
         this.addContractConsigneeShow = false;
      },
      // 添加合同子项收货人打开
      addContractConsigneeOpen() {},
      addContractConsignee() {
         this.addContractConsigneeShow = true;
      },
      addContractConsigneeConfirm(v) {
         this.addContractFormdata.toStation = v.toStation;
         this.addContractFormdata.customerName = v.customerName;
         this.addContractFormdata.customerId = v.id;
         // 赋值给取价格请求参数
         this.getNewPriceData.customerAddressName = v.customerFullName;
         this.getNewPriceData.customerAddressId = v.id;
         this.getNewPriceData.toStation = v.toStation;
         this.addContractFormdata.toStation = v.toStation;
         this.addContractFormdata.customerAddressId = v.id;
         this.addContractConsigneeShow = false;
      },
      // 品种选择器
      addContractCoalConfirm(e) {
         console.log('品种选择器', e);
         this.addContractCoalShow = false; // 关闭选择器
         this.addContractFormdata.coalId = e.value[0].id;
         this.addContractFormdata.coalName = e.value[0].label;
         // 煤种价格请求(煤厂=>价格参数)
         this.getNewPriceData.coalId = e.value[0].id;
         this.getNewPriceData.coalName = e.value[0].label;
         // this.selectCoalFiledData.compId = e.compId;
         // this.selectCoalFiledData.compName = e.compName;
         // this.selectCoalFiledData.toStation = e.fromStation;
         this.$reqGet('getNewPrice', this.getNewPriceData).then(res => {
            if (res.code == 0) {
               let data = res.data;
               if (data) {
                  this.currentCoal.coalName = data.coalName;
                  this.currentCoal.cokingPrice = data.cokingPrice; //焦化价格
                  this.currentCoal.noImportantPrice = data.noImportantPrice; //不重要价格
                  this.currentCoal.quotePrice = data.quotePrice; // 挂牌价格
                  this.currentCoal.steelMillPrice = data.steelMillPrice; // 钢厂价格
                  this.currentCoal.modifyId = data.modifyId; //修改id
                  this.currentCoal.modifyInfoId = data.id;
                  this.addContractFormdata.price = data.steelMillPrice;
                  // if (data.coalPath && data.coalPath.indexOf('动力煤') > -1) {
                  //    this.currentCoal.type = 0;
                  // } else {
                  //    this.currentCoal.type = 1;
                  // }
                  this.addContractFormdata.modifyId = data.modifyId;
                  // this.addContractFormdata.id = data.id;
               } else {
                  uni.$u.toast('煤种价格未设置');
               }
            }
         });
      },
      addContractCoalClose() {
         this.addContractCoalShow = false;
      },
      // 煤品种价格
      groupChange(e) {
         console.log('单选框小组', e);
      },
      changePriceMode(e) {
         if (!this.currentCoal) return;
         this.addContractFormdata.priceMode = e;
         switch (this.addContractFormdata.priceMode) {
            case '0':
               this.addContractFormdata.price = this.afterPrice.steelMillPrice;
               break;
            case '1':
               this.addContractFormdata.price = this.afterPrice.cokingPrice;
               break;
            case '2':
               this.addContractFormdata.price = this.afterPrice.noImportantPrice;
               break;
            case '3':
               this.addContractFormdata.price = this.afterPrice.quotePrice;
               break;
         }
      },
      // 优惠选择
      selectionChange(e) {
         this.multipleSelection = [];
         this.favouredpolicyList.forEach((item, i) => {
            if (e.detail.index.indexOf(i) != -1) {
               this.multipleSelection.push(item);
            }
         });
      },
      // 运输选择器
      addContractTransportConfirm(e) {
         this.addContractTransportShow = false;
         this.addContractFormdata.trainType = e.value[0].value;
         switch (this.addContractFormdata.trainType) {
            case 1:
               this.addContractTransport = '地销';
               break;
            case 2:
               this.addContractTransport = '路运';
               break;
         }
      },
      addContractTransportClose() {
         this.addContractTransportShow = false;
      },
      // 获取运费
      async getFreight(from, to, customerId) {
         let key = from + to + customerId;
         let price = this.trainfreight[key];
         price = await this.$reqGet('trainFreightFind', { from, to, customerId }).then(res => {
            let resPrice = 10; //默认价格为10
            if (res.data) {
               resPrice = res.data.price;
            }
            return resPrice;
         });
         return price;
      },
      addContractSanConfirm() {
         if (this.addContractFormdata.compId && this.addContractFormdata.customerId && this.addContractFormdata.filedId) {
            if (this.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('请规范输入所有信息');
         }
      },
      // 初始数据请求
      operato() {
         this.$reqGet('operator').then(res => {
            // console.log('operator', res);
            this.operator = res.data;
         });
      },
      pay_type() {
@@ -562,9 +1591,15 @@
         });
         // console.log(this.actions);
      },
      // 抑尘费
      others_params() {
         this.$reqGet('others_params').then(res => {
            // console.log('others_params', res);
            console.log('others_params', res);
            res.data.forEach(e => {
               if (e.label == 'dust') {
                  this.dust = parseFloat(e.value);
               }
            });
         });
      },
      coalprice() {
@@ -572,14 +1607,24 @@
            // console.log('coalprice', res);
         });
      },
      // 级别距优惠
      jcfavouredpolicyitem() {
         this.$reqGet('jcfavouredpolicyitem', { current: 1, size: 1000, status: 0 }).then(res => {
            // console.log('jcfavouredpolicyitem', res);
            console.log('级别距优惠', res);
            // this.favouredpolicyListAll = res.data.records;
         });
      },
      // 获取所有的优惠政策
      getFavouredPolicyItem() {
         this.$reqGet('getFavouredPolicyItem', { current: 1, size: 1000, status: 0 }).then(res => {
            console.log('所有优惠政策', res.data.records);
            this.favouredpolicyListAll = res.data.records;
         });
      },
      // 煤场
      coalfiled() {
         this.$reqGet('coalfiled', { current: 1, size: 10 }).then(res => {
            // console.log('coalfiled', res);
         this.$reqGet('coalfiled', this.coalfiledParams).then(res => {
            this.coalfiledData = res.data.records;
         });
      },
      // 时间
@@ -596,8 +1641,79 @@
      // moveHandleContract(){
      //    return true;
      // },
      // 新建发运申请
      newApplicationFormDataClick() {
         console.log('确认新增申请表单');
         this.$refs.formRef
            .validate()
            .then(res => {
               let amount = 0;
               this.newFormData.contractOrders.forEach(e => {
                  amount += Number(e.amount);
               });
               if (this.newFormData.payType == '0') {
                  if (this.newFormData.contractOrders.length <= 0) {
                     this.$u.toast('请添加订单子项!');
                     return false;
                  } else if (this.accountDetails.balance < amount) {
                     let msg = this.accountDetails.balance == null ? 0 : this.accountDetails.balance;
                     uni.showToast({
                        title: '客户账户现汇余额不足,现汇余额:' + msg,
                        icon: 'none',
                        duration: 2000
                     });
                  } else {
                     console.log('提交整体', this.newFormData);
                     this.xswaybill();
                  }
               } else {
                  if (this.newFormData.contractOrders.length <= 0) {
                     this.$u.toast('请添加订单子项!');
                     return false;
                  } else if (this.accountDetails.balance2 < amount) {
                     let msg = this.accountDetails.balance2 == null ? 0 : this.accountDetails.balance2;
                     uni.showToast({
                        title: '客户账户承兑余额不足,承兑余额:' + msg,
                        icon: 'none',
                        duration: 2000
                     });
                  } else {
                     console.log('提交整体', this.newFormData);
                     this.xswaybill();
                  }
               }
            })
            .catch(err => {
               uni.$u.toast('校验失败');
            });
      },
      // 删除订单卡片
      deleteContractCardClick(e) {
         console.log('删除订单卡片', e);
         this.newFormData.contractOrders.splice(e, 1);
      },
      editApplicationClick(index) {
         this.editApplicationIndex = index;
         this.addContractFormdata = this.newFormData.contractOrders[index];
         this.addContractShow = true;
      },
      xswaybill() {
         console.log('新建发运申请', this.newFormData);
         uni.showLoading({
            title: '加载中...'
         });
         this.$reqPost('xswaybill', this.newFormData).then(res => {
            uni.hideLoading();
            console.log('新建发运申请', res);
            if (res.code == 0) {
               this.$u.toast('添加成功,即将返回申请页!!!');
               setTimeout(() => {
                  uni.navigateBack({
                     // url: '/pages/my-application/my-application'
                     delta: 2
                  });
               }, 1500);
            }
         });
      },
      backPage() {
         uni.navigateBack({
@@ -617,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 {
@@ -630,6 +1748,7 @@
                     }
                  }
               }
               .u-form-item__body__right {
                  .u-form-item__body__right__content {
                     .u-form-item__body__right__content__slot {
@@ -646,78 +1765,102 @@
      .u-popup {
         .u-transition {
            height: 95%;
            .u-popup__content {
               overflow: scroll !important;
               .selectCustomerTitle {
                  margin-bottom: 0;
               }
               .selectCustomerContainer {
                  padding: 0 4%;
                  // .loadmoreClass{
                  //    .u-loadmore{
                  //       .u-loadmore__content{
                  //          .u-loadmore__content__text{
                  //          }
                  //       }
                  //    }
                  // }
                  .searchContainer {
                     .u-input {
                        width: 90%;
                     }
                  }
                  .searchCustomerBtn {
                     margin-top: vww(10);
                     display: flex;
                     .u-button {
                        width: 30%;
                     }
                  }
                  // 数据列表
                  .searchResultList {
                     margin-top: vww(16);
                     .u-collapse {
                        .u-collapse-item {
                           .u-collapse-item__content {
                              .u-collapse-item__content__text {
                                 padding: 0;
                  }
                  // 滚动通知
                  .tapStyle{
                     margin-top: vww(30);
                  }
                  // 合同表格
                  .tableContract {
                     display: flex;
                     justify-content: center;
                     .uni-table-scroll {
                        min-width: 0 !important;
                        .uni-table {
                           .uni-table-tr {
                              padding: 0;
                              font-size: vww(13);
                              .uni-table-th {
                                 width: vww(100);
                                 height: vww(32);
                                 line-height: vww(20);
                                 padding: vww(5) vww(10);
                                 color: #111111;
                                 font-weight: 400;
                                 background: #f5f5f5;
                              }
                              .uni-table-td {
                                 line-height: vww(20);
                                 padding: vww(5) vww(10);
                                 color: #111111;
                              }
                           }
                        }
                     }
                     .customerDetails {
                        .uni-table-scroll {
                           min-width: 0 !important;
                           // overflow-x: hidden;
                           .uni-table {
                              .uni-table-tr {
                                 padding: 0;
                                 font-size: vww(13);
                                 .uni-table-th {
                                    width: vww(100);
                                    height: vww(32);
                                    line-height: vww(20);
                                    padding: vww(5) vww(10);
                                    color: #111111;
                                    font-weight: 400;
                                    background: #f5f5f5;
                                 }
                                 .uni-table-td {
                                    height: vww(32);
                                    line-height: vww(20);
                                    padding: vww(5) vww(10);
                                    color: #111111;
                                 }
                              }
                           }
                     .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;
                        }
                        .table-head {
                           height: vww(32);
                           border: vww(1) solid #dddddd;
                           display: flex;
                           justify-content: space-between;
                           font-size: vww(13);
                           line-height: vww(32);
                           padding: 0 vww(8);
                           background: #f5f5f5;
                           .titleText {
                              font-weight: 550;
                           }
                           .timeText {
                              color: #999999;
                        .TableUtilBtnContainer {
                           .u-button {
                              width: vww(20);
                           }
                        }
                     }
@@ -747,24 +1890,204 @@
                        }
                     }
                  }
                  // 时间选择器
                  .selectContractStartTime{
                  .selectContractStartTime {
                     .u-popup {
                        .u-transition {
                           height: auto;
                        }
                     }
                  }
                  .selectContractEndTime{
                  .selectContractEndTime {
                     .u-popup {
                        .u-transition {
                           height: auto;
                        }
                     }
                  }
               }
            }
         }
      }
   }
   // 煤厂
   .addContractContainer {
      .u-popup {
         .u-transition {
            height: 95%;
            .u-popup__content {
               overflow: scroll !important;
               .addContractFormTitle {
                  margin-bottom: 0;
               }
               // 搜索
               .coalFiledSelectSearch {
               }
               // 选择煤种
               .coalFiledSelectPopup {
                  .u-popup {
                     .u-transition {
                        height: 80%;
                        .u-popup__content {
                           overflow: scroll !important;
                           // 表格
                           .coalFiledTable {
                              width: 92%;
                              display: flex;
                              justify-content: center;
                              margin: 0 auto;
                              .uni-table-scroll {
                                 min-width: 0 !important;
                                 .uni-table {
                                    .uni-table-tr {
                                       padding: 0;
                                       font-size: vww(13);
                                       .uni-table-th {
                                          width: vww(100);
                                          height: vww(32);
                                          line-height: vww(20);
                                          padding: vww(5) vww(10);
                                          color: #111111;
                                          font-weight: 400;
                                          background: #f5f5f5;
                                       }
                                       .uni-table-td {
                                          line-height: vww(20);
                                          padding: vww(5) vww(10);
                                          color: #111111;
                                       }
                                    }
                                 }
                              }
                              .tableBody {
                                 width: 80%;
                              }
                              .TableUtilBtn {
                                 width: 20%;
                                 overflow: hidden;
                                 .uni-table {
                                    min-width: 0 !important;
                                 }
                                 .TableUtilBtnContainer {
                                    .u-button {
                                       width: vww(20);
                                    }
                                 }
                              }
                           }
                        }
                     }
                  }
               }
            }
         }
      }
   }
   // 添加合同
   .addContractContainer {
      .u-popup {
         .u-transition {
            height: 95%;
            .u-popup__content {
               // background-color: rgb(247, 247, 247);
               overflow: scroll !important;
               .addContractForm {
                  width: 92%;
                  margin: 0 auto;
                  // 表单
                  // .u-form{
                  //    .u-form-item{
                  //       .u-form-item__body{
                  //          .u-form-item__body__right{
                  //             .u-form-item__body__right__content__slot{
                  //                .u-input{
                  //                   border:1px solid #dddddd;
                  //                   .u-input__content{
                  //                   }
                  //                }
                  //             }
                  //          }
                  //       }
                  //    }
                  // }
                  .formUpCard {
                     margin-top: vww(10);
                     padding: vww(10);
                     border-radius: vww(4);
                     box-shadow: 0 2px 16px #e5e5e5, 0 0 1px #e5e5e5, 0 0 1px #e5e5e5;
                     background-color: #ffffff;
                     // 价格卡片
                     .priceList {
                        min-height: vww(20);
                        border-radius: vww(4);
                        padding: vww(10) 0;
                        box-shadow: 0 2px 16px #e5e5e5, 0 0 1px #e5e5e5, 0 0 1px #e5e5e5;
                        // margin-top:vww(10);
                        background-color: #ffffff;
                        .currentPriceContainer {
                           .currentPriceBox {
                              width: 92%;
                              margin: 0 auto;
                           }
                        }
                        .selectPriceContainer {
                           .selectPricebox {
                              width: 92%;
                              margin: 0 auto;
                              .selectPriceboxItem {
                                 display: flex;
                                 justify-content: space-between;
                              }
                           }
                        }
                     }
                  }
                  .formDownCard {
                     border-radius: vww(4);
                     padding: vww(10);
                     box-shadow: 0 2px 16px #e5e5e5, 0 0 1px #e5e5e5, 0 0 1px #e5e5e5;
                     margin-top: vww(10);
                     background-color: #ffffff;
                  }
                  .addContractConfirm {
                     margin-top: vww(30);
                  }
               }
               // 品种选择器
               .addContractCoalPicker {
                  .u-popup {
                     .u-transition {
                        height: auto;
                     }
                  }
               }
            }
         }
@@ -774,44 +2097,64 @@
   // 表格
   .newApplicationTable {
      margin: vww(40) auto;
      width: 91%;
      .uni-table {
         .uni-table-tr {
            .uni-table-th {
               padding: 0;
               width: vww(88);
               height: vww(40);
               background-color: #f5f5f5;
               color: #111111;
               font-size: vww(13);
               font-weight: 500;
            }
            .uni-table-td {
               width: vww(253);
               height: vww(40);
               background-color: #ffffff;
               color: #111111;
               font-size: vww(13);
               display: flex;
               justify-content: space-between;
               align-items: center;
               .text {
               }
               .icon {
                  display: flex;
                  align-items: center;
                  image {
                     width: vww(10);
                     height: vww(5.5);
      width: 100%;
      padding: vww(0) vww(10) vww(60) vww(10);
      box-sizing: border-box;
      .u-swipe-action {
         .u-swipe-action-item {
            box-shadow: 0 2px 16px #e5e5e5, 0 0 1px #e5e5e5, 0 0 1px #e5e5e5;
            margin-top: vww(10);
            .u-swipe-action-item__right {
               .u-swipe-action-item__right__button {
                  .u-swipe-action-item__right__button__wrapper {
                     background-color: #ee336b !important;
                  }
               }
            }
         }
      }
      // 边框
      // .table--border{
      //    border:1px solid #DDDDDD;
      // }
      .cardList {
         height: vww(130);
         border-radius: vww(4);
         padding: vww(10);
         position: relative;
         .cardListIcon {
            position: absolute;
            right: vww(20);
            top: vww(20);
         }
         .cardList-container {
            .cardList_item {
               margin-top: vww(12);
               font-size: 14px;
               display: flex;
               view {
                  width: 50%;
                  &:nth-child(2) {
                     margin-left: vww(20);
                  }
               }
            }
         }
      }
      .addCard {
         width: 100%;
         height: vww(130);
         margin-top: vww(10);
         border-radius: vww(4);
         display: flex;
         justify-content: center;
         align-items: center;
         box-shadow: 0 2px 16px #e5e5e5, 0 0 1px #e5e5e5, 0 0 1px #e5e5e5;
      }
   }
   // button