mxx 3 vuotta sitten
vanhempi
commit
daa24d143b

+ 5 - 0
src/views/contractManagement/purchaseContractAdd.vue

@@ -219,6 +219,10 @@
             <el-option v-for="item in options" :key="item.value" :label="item.staffName" :value="item.staffName" />
           </el-select>
         </ws-form-item>
+          <ws-form-item label="结算重量方式" span="1" prop="settlementWeightMethod" class="readonly" v-if="deptBudgetList.deliverType==1">
+          <el-radio v-model="deptBudgetList.settlementWeightMethod" label="1">按出库重量结算</el-radio>
+          <el-radio v-model="deptBudgetList.settlementWeightMethod" label="2">按入库重量结算</el-radio>
+        </ws-form-item>
       </ws-info-table>
       <div class="wenzi">
         <h3>货物信息</h3>
@@ -452,6 +456,7 @@
           contractProcessInfo: {},
           sourceGoods: '',
           placeDelivery: '',
+          settlementWeightMethod:'1',
         },
         acceptanceCheck: {},
         pickerBeginDateBefore: {

+ 1285 - 1415
src/views/contractManagement/purchaseContractEdit.vue

@@ -7,27 +7,12 @@
         <h2 class="bg-left title">修改合同信息</h2>
       </el-col>
       <el-col :span="12" class="bg-right">
-        <el-button
-          class="bg-bottom"
-          type="primary"
-          size="small"
-          @click="returnsales()"
-          ><img
-            width="6"
-            height="10"
-            style="vertical-align: bottom; margin-right: 3px"
-            src="../../../public/img/lujing.png"
-            alt=""
-          />
-          返回</el-button
-        >
+        <el-button class="bg-bottom" type="primary" size="small" @click="returnsales()"><img width="6" height="10"
+            style="vertical-align: bottom; margin-right: 3px" src="../../../public/img/lujing.png" alt="" />
+          返回</el-button>
       </el-col>
     </el-row>
-    <ws-form
-      ref="deptBudgetList"
-      :rules="mainReportAdd"
-      :model="deptBudgetList"
-    >
+    <ws-form ref="deptBudgetList" :rules="mainReportAdd" :model="deptBudgetList">
       <div class="remark">
         <h3>基本信息</h3>
         <p style="color: #8890b1">
@@ -36,7 +21,7 @@
         </p>
       </div>
       <ws-info-table>
-         <ws-form-item label="合同类型" span="1" prop="agreementType">
+        <ws-form-item label="合同类型" span="1" prop="agreementType">
           {{ deptBudgetList.agreementType }}
         </ws-form-item>
         <ws-form-item label="合同编号" v-if="deptBudgetList.agreementType=='采购合同'" span="1" prop="contractNo">
@@ -50,12 +35,7 @@
         </ws-form-item>
         <!-- 运输方式 -->
         <ws-form-item label="运输方式" span="1" prop="shippingType">
-          <ws-input
-            v-model="deptBudgetList.shippingType"
-            maxlength="100"
-            placeholder="请输入运输方式"
-            size="small"
-          />
+          <ws-input v-model="deptBudgetList.shippingType" maxlength="100" placeholder="请输入运输方式" size="small" />
         </ws-form-item>
 
         <!-- 买方 -->
@@ -64,118 +44,62 @@
         </ws-form-item>
         <!-- 交货方式 -->
         <ws-form-item label="结算方式" span="1" prop="settlementMethod">
-          <ws-input
-            v-model="deptBudgetList.settlementMethod"
-            maxlength="100"
-            placeholder="请输入结算方式"
-            size="small"
-          />
+          <ws-input v-model="deptBudgetList.settlementMethod" maxlength="100" placeholder="请输入结算方式" size="small" />
         </ws-form-item>
         <!-- 卖方 -->
-        <ws-form-item class="readonly" label="卖方" span="1" prop="seller"
-          >{{ deptBudgetList.seller }}
+        <ws-form-item class="readonly" label="卖方" span="1" prop="seller">{{ deptBudgetList.seller }}
         </ws-form-item>
 
-        <ws-form-item
-          class="readonly"
-          label="交货方式"
-          span="1"
-          prop="sourceGoods"
-        >
+        <ws-form-item class="readonly" label="交货方式" span="1" prop="sourceGoods">
           {{ deptBudgetList.deliverType1 }}
         </ws-form-item>
         <!-- 买方电话 -->
         <ws-form-item label="买方电话" span="1" prop="buyerPhone">
-          <ws-input
-            v-model="deptBudgetList.buyerPhone"
-            maxlength="100"
-            size="small"
-          />
+          <ws-input v-model="deptBudgetList.buyerPhone" maxlength="100" size="small" />
         </ws-form-item>
         <!-- 包装方式 -->
         <ws-form-item label="包装方式" span="1" prop="packingMethod">
-          <ws-select
-            v-model="deptBudgetList.packingMethod"
-            placeholder=""
-            class="typeselect"
-            @change="selectpackingMethod"
-          >
-            <ws-option
-              v-for="item in packtypeList"
-              :key="item.constKey"
-              :label="item.constValue"
-              :value="item.constValue"
-            />
+          <ws-select v-model="deptBudgetList.packingMethod" placeholder="" class="typeselect"
+            @change="selectpackingMethod">
+            <ws-option v-for="item in packtypeList" :key="item.constKey" :label="item.constValue"
+              :value="item.constValue" />
           </ws-select>
         </ws-form-item>
         <!-- 卖方电话 -->
         <ws-form-item label="卖方电话" span="1" prop="sellerPhone">
-          <ws-input
-            v-model="deptBudgetList.sellerPhone"
-            maxlength="100"
-            size="small"
-            placeholder="请输入卖方电话"
-          />
+          <ws-input v-model="deptBudgetList.sellerPhone" maxlength="100" size="small" placeholder="请输入卖方电话" />
         </ws-form-item>
         <!-- 验收方式 -->
         <ws-form-item label="验收方式" span="1" prop="acceptanceMethod">
-          <el-select
-            v-model="deptBudgetList.acceptanceMethod"
-            placeholder="请选择验收方式"
-            style="width: 100%"
-            filterable
-            @change="selectunitList"
-          >
-            <el-option
-              v-for="(item, index) in unitList"
-              :key="item.constValue"
-              :label="item.constValue"
-              :value="item.constValue"
-            >
+          <el-select v-model="deptBudgetList.acceptanceMethod" placeholder="请选择验收方式" style="width: 100%" filterable
+            @change="selectunitList">
+            <el-option v-for="(item, index) in unitList" :key="item.constValue" :label="item.constValue"
+              :value="item.constValue">
               <span class="unit-left" style="float: left">
                 <span v-if="item.flag == 'delete'"> {{ item.constValue }}</span>
                 <!-- 新增文本框 -->
                 <div v-if="item.flag !== 'delete'" @click.stop>
-                  <ws-input
-                    v-model="item.constValue"
-                    clearable
-                    maxlength="10"
-                    style="width: 200px"
-                  ></ws-input>
+                  <ws-input v-model="item.constValue" clearable maxlength="10" style="width: 200px"></ws-input>
                 </div>
               </span>
               <span style="float: right; color: #8492a6; font-size: 13px">
                 <!-- 对号 -->
-                <i
-                  class="el-icon-check"
-                  style="line-height: 29px; margin-left: 10px"
-                  v-if="item.flag !== 'delete'"
-                  @click.stop="saveClick(item, index)"
-                ></i>
+                <i class="el-icon-check" style="line-height: 29px; margin-left: 10px" v-if="item.flag !== 'delete'"
+                  @click.stop="saveClick(item, index)"></i>
                 <!-- 编辑 -->
-                <i
-                  class="el-icon-edit"
-                  style="line-height: 29px; margin-left: 10px"
-                  v-if="item.flag == 'delete'"
-                  @click.stop="editClick(item, index)"
-                ></i>
+                <i class="el-icon-edit" style="line-height: 29px; margin-left: 10px" v-if="item.flag == 'delete'"
+                  @click.stop="editClick(item, index)"></i>
                 <!-- 删除 -->
-                <i
-                  class="el-icon-delete"
-                  style="line-height: 29px"
-                  @click.stop="deleteClick(item, index)"
-                ></i>
+                <i class="el-icon-delete" style="line-height: 29px" @click.stop="deleteClick(item, index)"></i>
               </span>
             </el-option>
             <!-- 新增按钮 -->
             <el-option value="" label="">
-              <div
-                style="
+              <div style="
                   text-align: right;
                   border-top: 1px solid #dcdfe6;
                   padding: 5px;
-                "
-              >
+                ">
                 <ws-button type="primary" @click.stop="addClick">{{
                   $t('button.add')
                 }}</ws-button>
@@ -185,59 +109,31 @@
         </ws-form-item>
         <!-- 重量(吨) -->
         <ws-form-item label="重量(吨)" span="1" prop="weight">
-          <ws-input
-            v-model="deptBudgetList.weight"
-            maxlength="100"
-            size="small"
-            placeholder="请输入重量(吨)"
-          />
+          <ws-input v-model="deptBudgetList.weight" maxlength="100" size="small" placeholder="请输入重量(吨)" />
         </ws-form-item>
         <!-- 交货日期(起) -->
         <ws-form-item label="交货日期(起)" span="1" prop="deliveryDateStart">
-          <ws-date-picker
-            v-model="deptBudgetList.deliveryDateStart"
-            type="date"
-            placeholder="请选择交货日期(起)"
-            value-format="yyyy-MM-dd"
-          />
+          <ws-date-picker v-model="deptBudgetList.deliveryDateStart" type="date" placeholder="请选择交货日期(起)"
+            value-format="yyyy-MM-dd" />
         </ws-form-item>
         <!-- 溢短装(%) -->
         <ws-form-item label="溢短装(%)" span="1" prop="overShort">
-          <ws-input
-            v-model="deptBudgetList.overShort"
-            maxlength="100"
-            size="small"
-            placeholder="请输入溢短装比例(%)"
-          />
+          <ws-input v-model="deptBudgetList.overShort" maxlength="100" size="small" placeholder="请输入溢短装比例(%)" />
         </ws-form-item>
         <!-- 交货日期(止) -->
         <ws-form-item label="交货日期(止)" span="1" prop="deliveryDateEnd">
-          <ws-date-picker
-            v-model="deptBudgetList.deliveryDateEnd"
-            type="date"
-            placeholder="请选择交货日期(止)"
-            value-format="yyyy-MM-dd"
-          />
+          <ws-date-picker v-model="deptBudgetList.deliveryDateEnd" type="date" placeholder="请选择交货日期(止)"
+            value-format="yyyy-MM-dd" />
         </ws-form-item>
         <!-- 合同单价(元/吨) -->
-        <ws-form-item
-          class="readonly"
-          label="合同单价(元/吨)"
-          span="1"
-          prop="unitContractPrice"
-        >
+        <ws-form-item class="readonly" label="合同单价(元/吨)" span="1" prop="unitContractPrice">
           <span v-if="deptBudgetList.unitContractPrice != 'null'">{{
             deptBudgetList.unitContractPrice
           }}</span>
         </ws-form-item>
         <!-- 合同总价(元) -->
         <ws-form-item label="合同总价(元)" span="1" prop="totalContractPrice">
-          <ws-input
-            v-model="deptBudgetList.totalContractPrice"
-            maxlength="100"
-            placeholder="请输入合同单价"
-            size="small"
-          />
+          <ws-input v-model="deptBudgetList.totalContractPrice" maxlength="100" placeholder="请输入合同单价" size="small" />
         </ws-form-item>
         <!-- 货源所在地区 -->
         <ws-form-item label="货源所在地区" span="1" prop="packingMethod">
@@ -256,12 +152,7 @@
         </ws-form-item>
         <!-- 货源详细地址 -->
         <ws-form-item label="货源详细地址" span="1" prop="sourceGoods">
-          <ws-input
-            v-model="deptBudgetList.sourceGoods"
-            maxlength="100"
-            placeholder="请输入货源详细地址"
-            size="small"
-          />
+          <ws-input v-model="deptBudgetList.sourceGoods" maxlength="100" placeholder="请输入货源详细地址" size="small" />
         </ws-form-item>
         <!-- 交货地所在地区 -->
         <ws-form-item label="交货地所在地区" span="1" prop="packingMethod">
@@ -274,141 +165,71 @@
             style="width: 200%"
             @change="handleChange1"
           /> -->
-            <el-button @click="mapInputClick('deliveryProv')" class='address-btn'>
+          <el-button @click="mapInputClick('deliveryProv')" class='address-btn'>
             {{newSelectedOptions1}}
           </el-button>
         </ws-form-item>
         <!-- 交货地详细地址 -->
         <ws-form-item label="交货地详细地址" span="1" prop="placeDelivery">
-          <ws-input
-            v-model="deptBudgetList.placeDelivery"
-            maxlength="100"
-            placeholder="请输入交货地详细地址"
-            size="small"
-          />
+          <ws-input v-model="deptBudgetList.placeDelivery" maxlength="100" placeholder="请输入交货地详细地址" size="small" />
         </ws-form-item>
 
         <!-- 签订日期 -->
         <ws-form-item label="签订日期" span="1" prop="signingDate">
-          <ws-date-picker
-            v-model="deptBudgetList.signingDate"
-            type="date"
-            placeholder="请选择合同签订日期"
-            value-format="yyyy-MM-dd"
-          />
+          <ws-date-picker v-model="deptBudgetList.signingDate" type="date" placeholder="请选择合同签订日期"
+            value-format="yyyy-MM-dd" />
         </ws-form-item>
 
         <!-- 最终实际交易量(吨) -->
-        <ws-form-item
-          label="最终实际交易量(吨)"
-          span="1"
-          prop="totalContractPrice"
-        >
-          <ws-input
-            v-model="deptBudgetList.finalTradingVolume"
-            maxlength="100"
-            placeholder="请输入最终实际交易量"
-            size="small"
-          />
+        <ws-form-item label="最终实际交易量(吨)" span="1" prop="totalContractPrice">
+          <ws-input v-model="deptBudgetList.finalTradingVolume" maxlength="100" placeholder="请输入最终实际交易量" size="small" />
         </ws-form-item>
 
         <!-- 临时仓库负责人 -->
-        <ws-form-item
-          label="临时仓库负责人"
-          span="1"
-          prop="packingMethod"
-          v-if="deptBudgetList.deliverType == 1"
-        >
-          <el-select
-            v-model="deptBudgetList.personCharge"
-            placeholder="请选择临时仓库负责人"
-            filterable
-            
-            @change="selectstaff"
-          >
-            <el-option
-              v-for="item in options"
-              :key="item.value"
-              :label="item.staffName"
-              :value="item.staffName"
-            />
+        <ws-form-item label="临时仓库负责人" span="1" prop="packingMethod" v-if="deptBudgetList.deliverType == 1">
+          <el-select v-model="deptBudgetList.personCharge" placeholder="请选择临时仓库负责人" filterable @change="selectstaff">
+            <el-option v-for="item in options" :key="item.value" :label="item.staffName" :value="item.staffName" />
           </el-select>
         </ws-form-item>
+        <ws-form-item class="readonly" label="交货方式" span="1" prop="settlementWeightMethod">
+          {{ deptBudgetList.settlementWeightMethod==1?'按出库重量结算':'按入库重量结算' }}
+        </ws-form-item>
       </ws-info-table>
       <base-card>
-        <!--面试信息-->
+        <!--货物信息-->
         <div class="remark">
           <h3>货物信息</h3>
         </div>
         <ws-info-table>
-          <ws-form-item
-            class="readonly"
-            label="货名"
-            span="1"
-            prop="waterContent"
-          >
+          <ws-form-item class="readonly" label="货名" span="1" prop="waterContent">
             {{ deptBudgetList.contractGoodsInfo.goodsName }}
           </ws-form-item>
           <ws-form-item label="水分(%)<=" span="1" prop="intendedShipId">
-            <ws-input
-              v-model="deptBudgetList.contractGoodsInfo.waterContent"
-              placeholder="请输入水分占比"
-              maxlength="100"
-              size="small"
-            />
+            <ws-input v-model="deptBudgetList.contractGoodsInfo.waterContent" placeholder="请输入水分占比" maxlength="100"
+              size="small" />
           </ws-form-item>
-          <ws-form-item label="品级" span="1" prop="grade" class="readonly">        
-              {{ deptBudgetList.contractGoodsInfo.grade}}
+          <ws-form-item label="品级" span="1" prop="grade" class="readonly">
+            {{ deptBudgetList.contractGoodsInfo.grade}}
           </ws-form-item>
           <ws-form-item label="杂质(%)<=" span="1" prop="impurity">
-            <ws-input
-              v-model="deptBudgetList.contractGoodsInfo.impurity"
-              placeholder="请输入杂质占比(%)"
-              maxlength="100"
-              size="small"
-            />
+            <ws-input v-model="deptBudgetList.contractGoodsInfo.impurity" placeholder="请输入杂质占比(%)" maxlength="100"
+              size="small" />
           </ws-form-item>
           <ws-form-item label="容重(克/升)>=" span="1" prop="bulkDensity">
-            <ws-input
-              v-model="deptBudgetList.contractGoodsInfo.bulkDensity"
-              placeholder="请输入容重"
-              maxlength="100"
-              size="small"
-            />
+            <ws-input v-model="deptBudgetList.contractGoodsInfo.bulkDensity" placeholder="请输入容重" maxlength="100"
+              size="small" />
           </ws-form-item>
-          <ws-form-item
-            label="霉变粒(%)<="
-            span="1"
-            prop="mildewGrain"
-            class="result"
-          >
-            <ws-input
-              v-model="deptBudgetList.contractGoodsInfo.mildewGrain"
-              placeholder="请输入霉变粒占比(%)"
-              maxlength="100"
-              size="small"
-            />
+          <ws-form-item label="霉变粒(%)<=" span="1" prop="mildewGrain" class="result">
+            <ws-input v-model="deptBudgetList.contractGoodsInfo.mildewGrain" placeholder="请输入霉变粒占比(%)" maxlength="100"
+              size="small" />
           </ws-form-item>
           <ws-form-item label="热损伤(%)<=" span="1" prop="jiaorenli">
-            <ws-input
-              v-model="deptBudgetList.contractGoodsInfo.jiaorenli"
-              placeholder="请输入输入热损伤占比(%)"
-              maxlength="100"
-              size="small"
-            />
+            <ws-input v-model="deptBudgetList.contractGoodsInfo.jiaorenli" placeholder="请输入输入热损伤占比(%)" maxlength="100"
+              size="small" />
           </ws-form-item>
-          <ws-form-item
-            label="不完善粒(%)<="
-            span="1"
-            prop="imperfectGrain"
-            class="result"
-          >
-            <ws-input
-              v-model="deptBudgetList.contractGoodsInfo.imperfectGrain"
-              placeholder="请输入不完善粒占比(%)"
-              maxlength="100"
-              size="small"
-            />
+          <ws-form-item label="不完善粒(%)<=" span="1" prop="imperfectGrain" class="result">
+            <ws-input v-model="deptBudgetList.contractGoodsInfo.imperfectGrain" placeholder="请输入不完善粒占比(%)"
+              maxlength="100" size="small" />
           </ws-form-item>
         </ws-info-table>
         <div class="remark">
@@ -416,1295 +237,1344 @@
         </div>
         <ws-info-table>
           <ws-form-item label="已付款(元)" span="1" prop="mildewGrain">
-            <ws-input
-              v-model="deptBudgetList.contractProcessInfo.mildewGrain"
-              placeholder="请输入已付款(元)"
-              maxlength="100"
-              size="small"
-            />
+            <ws-input v-model="deptBudgetList.contractProcessInfo.mildewGrain" placeholder="请输入已付款(元)" maxlength="100"
+              size="small" />
           </ws-form-item>
           <ws-form-item label="已开发票(元)" span="1" prop="goodsName">
-            <ws-input
-              v-model="deptBudgetList.contractProcessInfo.goodsName"
-              placeholder="请输入已开发票(元)"
-              maxlength="100"
-              size="small"
-            />
+            <ws-input v-model="deptBudgetList.contractProcessInfo.goodsName" placeholder="请输入已开发票(元)" maxlength="100"
+              size="small" />
           </ws-form-item>
           <ws-form-item label="费用支出(元)" span="1" prop="waterContent">
-            <ws-input
-              v-model="deptBudgetList.contractProcessInfo.waterContent"
-              placeholder="请输入费用支出(元)"
-              maxlength="100"
-              size="small"
-            />
+            <ws-input v-model="deptBudgetList.contractProcessInfo.waterContent" placeholder="请输入费用支出(元)" maxlength="100"
+              size="small" />
           </ws-form-item>
-          <ws-form-item label="未开发票(元)" span="1" prop="impurity"
-            ><ws-input
-              v-model="deptBudgetList.contractProcessInfo.impurity"
-              placeholder="请输入未开发票(元)"
-              maxlength="100"
-              size="small"
-            />
+          <ws-form-item label="未开发票(元)" span="1" prop="impurity">
+            <ws-input v-model="deptBudgetList.contractProcessInfo.impurity" placeholder="请输入未开发票(元)" maxlength="100"
+              size="small" />
           </ws-form-item>
 
-          <ws-form-item
-            label="已完成发运量(吨)"
-            span="1"
-            prop="imperfectGrain"
-            class="result"
-          >
-            <ws-input
-              v-model="deptBudgetList.contractProcessInfo.imperfectGrain"
-              maxlength="100"
-              size="small"
-            />
+          <ws-form-item label="已完成发运量(吨)" span="1" prop="imperfectGrain" class="result">
+            <ws-input v-model="deptBudgetList.contractProcessInfo.imperfectGrain" maxlength="100" size="small" />
           </ws-form-item>
-          <ws-form-item label="双章原件回收情况" span="1" prop="grade"
-            ><ws-select
-              v-model="deptBudgetList.contractProcessInfo.grade"
-              placeholder=""
-              class="typeselect"
-              @change="selectChapterTwo"
-            >
-              <ws-option
-                v-for="item in ChapterTwoList"
-                :key="item.constValue"
-                :label="item.constValue"
-                :value="item.constValue"
-              />
+          <ws-form-item label="双章原件回收情况" span="1" prop="grade">
+            <ws-select v-model="deptBudgetList.contractProcessInfo.grade" placeholder="" class="typeselect"
+              @change="selectChapterTwo">
+              <ws-option v-for="item in ChapterTwoList" :key="item.constValue" :label="item.constValue"
+                :value="item.constValue" />
             </ws-select>
           </ws-form-item>
         </ws-info-table>
         <div class="remark">
           <h3>备注信息</h3>
         </div>
-        <ws-input
-          v-model="deptBudgetList.remarks"
-          type="textarea"
-          row="3"
-          placeholder="请输入备注信息,不超过200字"
-          maxlength="200"
-        />
-        <ws-upload
-        ref="upload"
-        :comp-id="compId"
-        :appendix-ids="deptBudgetList.addressUrl"
-        :size-limit="size"
-        @onChange="onChange"
-        accept=".jpg, .jpeg, .png, .pdf, .doc, .zip, .rar"
-        v-hasPermission="`contractManagement.buyContract.buyContractInfo.appl`"
-      />
+        <ws-input v-model="deptBudgetList.remarks" type="textarea" row="3" placeholder="请输入备注信息,不超过200字"
+          maxlength="200" />
+        <ws-upload ref="upload" :comp-id="compId" :appendix-ids="deptBudgetList.addressUrl" :size-limit="size"
+          @onChange="onChange" accept=".jpg, .jpeg, .png, .pdf, .doc, .zip, .rar"
+          v-hasPermission="`contractManagement.buyContract.buyContractInfo.appl`" />
       </base-card>
     </ws-form>
-      <div v-if="dialogVisible" class="map">
-          <map-drag  @marker="marker" :isShowaddress='true' v-on:addressListen='getAddress' :type="type"></map-drag>
+    <div v-if="dialogVisible" class="map">
+      <map-drag @marker="marker" :isShowaddress='true' v-on:addressListen='getAddress' :type="type"></map-drag>
     </div>
     <div style="text-align: right; padding: 10px">
-      <el-button class="bg-bottom" type="primary" size="small" @click="submit()"
-        >提交</el-button
-      >
+      <el-button class="bg-bottom" type="primary" size="small" @click="submit()">提交</el-button>
     </div>
   </div>
 </template>
 <script>
-import { regionData, CodeToText, TextToCode } from 'element-china-area-data'
-import {
-  packList,
-  addList,
-  xiala,
-  addxiala,
-  editxiala,
-  delxiala,
-  examineList,
-  editInfo,
-  getstafffind
-} from '@/model/contarct/index'
-import WsUpload from '@/components/WsUpload'
-import { EventBus, dayjs } from 'base-core-lib'
-import mapDrag from '@/components/mapdrag/mapdrag'
-export default {
-  name: 'viewSpareMoney',
-  watch: {
-    vesselId(val) {
-      this.getVesselData()
-    },
-    isShow(val) {
-      this.showType = val
-    },
-  },
-  components: {
-    WsUpload,
-    mapDrag
-  },
-  data() {
-    return {
-        type:"",
-      dialogVisible:false,
-      //弹出框
-      dialogViewSpareMoney: false,
-      dialogApproveFormVisible: false,
-      // 船舶类型
-      monetaryKey: null,
-      // 表格显示数据
-      tableDate: [],
-      // 是否显示
-      showType: true,
-      // 年
-      year: '',
-      size: 10,
-      // 提交类型
-      submitType: true,
-      tableData: [{ date: 1111, name: 'qqqq', address: 'errrtt' }],
-      ruleDeptBudget: [],
-      deptBudgetList: {
-        contractProcessInfo: {},
-        contractGoodsInfo: {},
-		sourceGoods:'',
-		placeDelivery:'',
+  import {
+    regionData,
+    CodeToText,
+    TextToCode
+  } from 'element-china-area-data'
+  import {
+    packList,
+    addList,
+    xiala,
+    addxiala,
+    editxiala,
+    delxiala,
+    examineList,
+    editInfo,
+    getstafffind
+  } from '@/model/contarct/index'
+  import WsUpload from '@/components/WsUpload'
+  import {
+    EventBus,
+    dayjs
+  } from 'base-core-lib'
+  import mapDrag from '@/components/mapdrag/mapdrag'
+  export default {
+    name: 'viewSpareMoney',
+    watch: {
+      vesselId(val) {
+        this.getVesselData()
       },
-      options_: regionData,
-      selectedOptions: [],
-      newSelectedOptions:'请选择货源所在地',
-      selectedOptions1: [],
-      newSelectedOptions1:'请选择交货所在地区',
-      mainReportAdd: {},
-      list: {},
-      unitList: [],
-      options: [],
-      staffList: [],
-      packtypeList: [],
-      goodnameList: [],
-      gradeList: [],
-      ChapterTwoList: [],
-      appendixIdsAdd: '',
-      pickerBeginDateBefore: {
-        disabledDate: (time) => {
-          return time.getTime() > Date.now()
-        },
+      isShow(val) {
+        this.showType = val
       },
-      acceptanceCheck: {},
-      compId: sessionStorage.getItem('ws-pf_compId'),
-    }
-  },
-
-  activated() {
-    getstafffind({ roles: 'd6a5c8a52da544309259f91f75de1ec6' })
-      .toPromise()
-      .then((response) => {
-        this.options = response
-        this.staffList = response
-      })
-    this.loaddata()
-    this.showType = this.isShow
-  },
-  methods: {
-        getAddress(data){
-      if(data[4]=='source'){
-        this.newSelectedOptions = data[0]+'/'+data[1]+'/'+data[2]
-        this.deptBudgetList.sourceProvince = data[0]
-        this.deptBudgetList.sourceCity = data[1]
-        this.deptBudgetList.sourceArea = data[2]
-        this.deptBudgetList.sourceGoods = data[3]
-      }else{
-        this.newSelectedOptions1 = data[0]+'/'+data[1]+'/'+data[2]
-        this.deptBudgetList.deliveryProvince =data[0]
-        this.deptBudgetList.deliveryCity =data[1]
-        this.deptBudgetList.deliveryArea =data[2]
-        this.deptBudgetList.placeDelivery =data[3]
-      }
-    },
-      mapInputClick(type){
-       this.dialogVisible = true
-       this.type=type
-    },
-    blurMap(){
-        this.dialogVisible = false
-    },
-    focusMap(){
-      this.dialogVisible = true
     },
-    dataFilter(val) {
-      this.deptBudgetList.personCharge = val
-      if (val) {
-        //val存在
-        this.options = this.staffList.filter((item) => {
-          if (
-            !!~item.staffName.indexOf(val) ||
-            !!~item.staffName.toUpperCase().indexOf(val.toUpperCase())
-          ) {
-            return true
-          }
-        })
-      } else {
-        //val为空时,还原数组
-        this.options = this.staffList
-      }
+    components: {
+      WsUpload,
+      mapDrag
     },
-    selectstaff(e) {
-      for (var i = 0; i < this.staffList.length; i++) {
-        if (this.staffList[i].staffName == e) {
-          this.deptBudgetList.personPhone = this.staffList[i].staffMobilePhone
-          this.deptBudgetList.personChargeKey = this.staffList[i].staffId
-        }
+    data() {
+      return {
+        type: "",
+        dialogVisible: false,
+        //弹出框
+        dialogViewSpareMoney: false,
+        dialogApproveFormVisible: false,
+        // 船舶类型
+        monetaryKey: null,
+        // 表格显示数据
+        tableDate: [],
+        // 是否显示
+        showType: true,
+        // 年
+        year: '',
+        size: 10,
+        // 提交类型
+        submitType: true,
+        tableData: [{
+          date: 1111,
+          name: 'qqqq',
+          address: 'errrtt'
+        }],
+        ruleDeptBudget: [],
+        deptBudgetList: {
+          contractProcessInfo: {},
+          contractGoodsInfo: {},
+          sourceGoods: '',
+          placeDelivery: '',
+        },
+        options_: regionData,
+        selectedOptions: [],
+        newSelectedOptions: '请选择货源所在地',
+        selectedOptions1: [],
+        newSelectedOptions1: '请选择交货所在地区',
+        mainReportAdd: {},
+        list: {},
+        unitList: [],
+        options: [],
+        staffList: [],
+        packtypeList: [],
+        goodnameList: [],
+        gradeList: [],
+        ChapterTwoList: [],
+        appendixIdsAdd: '',
+        pickerBeginDateBefore: {
+          disabledDate: (time) => {
+            return time.getTime() > Date.now()
+          },
+        },
+        acceptanceCheck: {},
+        compId: sessionStorage.getItem('ws-pf_compId'),
       }
     },
-    handleChange(value) {
-      this.selectedOptions = value
-    },
-    handleChange1(value) {
-      this.selectedOptions1 = value
-    },
-    loaddata() {
-      // 数据
-      examineList({ id: this.$route.query.id })
-        .toPromise()
-        .then((response) => {
-          if (response.weight) {
-            response.weight = String(response.weight)
-          }
-          if (response.overShort) {
-            response.overShort = String(response.overShort)
-          }
-          if (response.totalContractPrice) {
-            response.totalContractPrice = String(response.totalContractPrice)
-          }
-          if (response.unitContractPrice) {
-            response.unitContractPrice = String(response.unitContractPrice)
-          }
-          var tmp = []
-          tmp[0] = TextToCode[response.sourceProvince].code
-
-          tmp[1] = TextToCode[response.sourceProvince][response.sourceCity].code
-
-          if (tmp[0] == 810000 || tmp[0] == 820000) {
-            tmp[2] = null
-          } else {
-            tmp[2] =
-              TextToCode[response.sourceProvince][response.sourceCity][
-                response.sourceArea
-              ].code
-          }
-          this.selectedOptions = tmp
-          var tmp1 = []
-          tmp1[0] = TextToCode[response.deliveryProvince].code
-          tmp1[1] =
-            TextToCode[response.deliveryProvince][response.deliveryCity].code
-
-          if (tmp1[0] == 810000 || tmp1[0] == 820000) {
-            tmp1[2] = null
-          } else {
-            tmp1[2] =
-              TextToCode[response.deliveryProvince][response.deliveryCity][
-                response.deliveryArea
-              ].code
-          }
-          this.selectedOptions1 = tmp1
-          this.deptBudgetList = response
-          if (this.deptBudgetList.deliverType == 1) {
-            this.deptBudgetList.deliverType1 = '我方自提'
-          } else if (this.deptBudgetList.deliverType == 2) {
-            this.deptBudgetList.deliverType1 = '对方送货'
-          }
-          
-        })
-      // 包装方式
-      packList({ constId: 'CON1' })
-        .toPromise()
-        .then((response) => {
-          this.packtypeList = response
-        })
-      // 验收方式
-      this.getUnitList()
-      // 货名
-      packList({ constId: 'CON2' })
-        .toPromise()
-        .then((response) => {
-          this.goodnameList = response
-        })
-      // 品级
-      packList({ constId: 'CON3' })
-        .toPromise()
-        .then((response) => {
-          this.gradeList = response
+
+    activated() {
+      getstafffind({
+          roles: 'd6a5c8a52da544309259f91f75de1ec6'
         })
-      // 双章
-      packList({ constId: 'CON4' })
         .toPromise()
         .then((response) => {
-          this.ChapterTwoList = response
-        })
-    },
-    addClick() {
-      this.unitList.push({
-        flag: 'add',
-        constValue: '',
-        constKey: '',
-      })
-    },
-     // 上传附件
-    onChange () {
-      this.$refs.upload
-        .handleSaveBill()
-        .then(async response => {
-          this.deptBudgetList.addressUrl = response
-        })
-        .catch(res => {
-          EventBus.$emit('error', (JSON.parse(res) || {}).message)
-          this.$refs.upload.clearFiles()
+          this.options = response
+          this.staffList = response
         })
+      this.loaddata()
+      this.showType = this.isShow
     },
-    getUnitList() {
-      xiala({
-        compId: sessionStorage.getItem('ws-pf_compId'),
-        constCode: 'TYPEYAN',
-      })
-        .toPromise()
-        .then((response) => {
-          this.unitList = response
-          let currItem
-          this.unitList.forEach((item, index, arr) => {
-            item.flag = 'delete'
-            if (this.vModel == item.constKey) {
-              currItem = item
+    methods: {
+      getAddress(data) {
+        if (data[4] == 'source') {
+          this.newSelectedOptions = data[0] + '/' + data[1] + '/' + data[2]
+          this.deptBudgetList.sourceProvince = data[0]
+          this.deptBudgetList.sourceCity = data[1]
+          this.deptBudgetList.sourceArea = data[2]
+          this.deptBudgetList.sourceGoods = data[3]
+        } else {
+          this.newSelectedOptions1 = data[0] + '/' + data[1] + '/' + data[2]
+          this.deptBudgetList.deliveryProvince = data[0]
+          this.deptBudgetList.deliveryCity = data[1]
+          this.deptBudgetList.deliveryArea = data[2]
+          this.deptBudgetList.placeDelivery = data[3]
+        }
+      },
+      mapInputClick(type) {
+        this.dialogVisible = true
+        this.type = type
+      },
+      blurMap() {
+        this.dialogVisible = false
+      },
+      focusMap() {
+        this.dialogVisible = true
+      },
+      dataFilter(val) {
+        this.deptBudgetList.personCharge = val
+        if (val) {
+          //val存在
+          this.options = this.staffList.filter((item) => {
+            if (
+              !!~item.staffName.indexOf(val) ||
+              !!~item.staffName.toUpperCase().indexOf(val.toUpperCase())
+            ) {
+              return true
             }
           })
-          //
-          if (currItem) {
-            this.selectContract(currItem.constValue)
+        } else {
+          //val为空时,还原数组
+          this.options = this.staffList
+        }
+      },
+      selectstaff(e) {
+        for (var i = 0; i < this.staffList.length; i++) {
+          if (this.staffList[i].staffName == e) {
+            this.deptBudgetList.personPhone = this.staffList[i].staffMobilePhone
+            this.deptBudgetList.personChargeKey = this.staffList[i].staffId
           }
+        }
+      },
+      handleChange(value) {
+        this.selectedOptions = value
+      },
+      handleChange1(value) {
+        this.selectedOptions1 = value
+      },
+      loaddata() {
+        // 数据
+        examineList({
+            id: this.$route.query.id
+          })
+          .toPromise()
+          .then((response) => {
+            if (response.weight) {
+              response.weight = String(response.weight)
+            }
+            if (response.overShort) {
+              response.overShort = String(response.overShort)
+            }
+            if (response.totalContractPrice) {
+              response.totalContractPrice = String(response.totalContractPrice)
+            }
+            if (response.unitContractPrice) {
+              response.unitContractPrice = String(response.unitContractPrice)
+            }
+            var tmp = []
+            tmp[0] = TextToCode[response.sourceProvince].code
+
+            tmp[1] = TextToCode[response.sourceProvince][response.sourceCity].code
+
+            if (tmp[0] == 810000 || tmp[0] == 820000) {
+              tmp[2] = null
+            } else {
+              tmp[2] =
+                TextToCode[response.sourceProvince][response.sourceCity][
+                  response.sourceArea
+                ].code
+            }
+            this.selectedOptions = tmp
+            var tmp1 = []
+            tmp1[0] = TextToCode[response.deliveryProvince].code
+            tmp1[1] =
+              TextToCode[response.deliveryProvince][response.deliveryCity].code
+
+            if (tmp1[0] == 810000 || tmp1[0] == 820000) {
+              tmp1[2] = null
+            } else {
+              tmp1[2] =
+                TextToCode[response.deliveryProvince][response.deliveryCity][
+                  response.deliveryArea
+                ].code
+            }
+            this.selectedOptions1 = tmp1
+            this.deptBudgetList = response
+            if (this.deptBudgetList.deliverType == 1) {
+              this.deptBudgetList.deliverType1 = '我方自提'
+            } else if (this.deptBudgetList.deliverType == 2) {
+              this.deptBudgetList.deliverType1 = '对方送货'
+            }
+
+          })
+        // 包装方式
+        packList({
+            constId: 'CON1'
+          })
+          .toPromise()
+          .then((response) => {
+            this.packtypeList = response
+          })
+        // 验收方式
+        this.getUnitList()
+        // 货名
+        packList({
+            constId: 'CON2'
+          })
+          .toPromise()
+          .then((response) => {
+            this.goodnameList = response
+          })
+        // 品级
+        packList({
+            constId: 'CON3'
+          })
+          .toPromise()
+          .then((response) => {
+            this.gradeList = response
+          })
+        // 双章
+        packList({
+            constId: 'CON4'
+          })
+          .toPromise()
+          .then((response) => {
+            this.ChapterTwoList = response
+          })
+      },
+      addClick() {
+        this.unitList.push({
+          flag: 'add',
+          constValue: '',
+          constKey: '',
         })
-    },
-    // 关闭 dialog时 处理文件url 初始化upload组件
-    handleClose() {
-      this.dialogViewSpareMoney = false
-    },
-    handleExamine() {},
-    approve() {},
-    returnsales() {
-      this.$router.push({ path: 'buyContract' })
-    },
-    selectChapterTwo(e) {
-      for (var i = 0; i < this.ChapterTwoList.length; i++) {
-        if (this.ChapterTwoList[i].constValue == e) {
-          this.deptBudgetList.gradeKey = this.ChapterTwoList[i].constKey
+      },
+      // 上传附件
+      onChange() {
+        this.$refs.upload
+          .handleSaveBill()
+          .then(async response => {
+            this.deptBudgetList.addressUrl = response
+          })
+          .catch(res => {
+            EventBus.$emit('error', (JSON.parse(res) || {}).message)
+            this.$refs.upload.clearFiles()
+          })
+      },
+      getUnitList() {
+        xiala({
+            compId: sessionStorage.getItem('ws-pf_compId'),
+            constCode: 'TYPEYAN',
+          })
+          .toPromise()
+          .then((response) => {
+            this.unitList = response
+            let currItem
+            this.unitList.forEach((item, index, arr) => {
+              item.flag = 'delete'
+              if (this.vModel == item.constKey) {
+                currItem = item
+              }
+            })
+            //
+            if (currItem) {
+              this.selectContract(currItem.constValue)
+            }
+          })
+      },
+      // 关闭 dialog时 处理文件url 初始化upload组件
+      handleClose() {
+        this.dialogViewSpareMoney = false
+      },
+      handleExamine() {},
+      approve() {},
+      returnsales() {
+        this.$router.push({
+          path: 'buyContract'
+        })
+      },
+      selectChapterTwo(e) {
+        for (var i = 0; i < this.ChapterTwoList.length; i++) {
+          if (this.ChapterTwoList[i].constValue == e) {
+            this.deptBudgetList.gradeKey = this.ChapterTwoList[i].constKey
+          }
         }
-      }
-    },
-    selectunitList(e) {
-      for (var i = 0; i < this.unitList.length; i++) {
-        if (this.unitList[i].constValue == e) {
-          this.deptBudgetList.packingMethodKey = this.unitList[i].constKey
+      },
+      selectunitList(e) {
+        for (var i = 0; i < this.unitList.length; i++) {
+          if (this.unitList[i].constValue == e) {
+            this.deptBudgetList.packingMethodKey = this.unitList[i].constKey
+          }
         }
-      }
-    },
-    selectgrade(e) {
-      for (var i = 0; i < this.gradeList.length; i++) {
-        if (this.gradeList[i].constValue == e) {
-          this.deptBudgetList.gradeKey = this.gradeList[i].constKey
+      },
+      selectgrade(e) {
+        for (var i = 0; i < this.gradeList.length; i++) {
+          if (this.gradeList[i].constValue == e) {
+            this.deptBudgetList.gradeKey = this.gradeList[i].constKey
+          }
         }
-      }
-    },
-    selectpackingMethod(e) {
-      for (var i = 0; i < this.packtypeList.length; i++) {
-        if (this.packtypeList[i].constValue == e) {
-          this.deptBudgetList.acceptanceMethodKey =
-            this.packtypeList[i].constKey
+      },
+      selectpackingMethod(e) {
+        for (var i = 0; i < this.packtypeList.length; i++) {
+          if (this.packtypeList[i].constValue == e) {
+            this.deptBudgetList.acceptanceMethodKey =
+              this.packtypeList[i].constKey
+          }
         }
-      }
-    },
-    saveClick(item, index) {
-      console.log(item)
+      },
+      saveClick(item, index) {
+        console.log(item)
 
-      if (Object.is(item.id, 1)) {
-        return
-      }
-      if (Object.is(this.unitList[index].flag, 'delete')) {
-        this.$set(this.unitList, index, { flag: 'check' })
-      } else {
-        this.$set(this.unitList, index, { flag: 'delete' })
-      }
-      if (!item.constValue) {
-        this.unitList.splice(index, 1)
-        return
-      }
-      if (item.flag == 'add') {
-        item.constKey = Math.random() * 20
-        this.acceptanceCheck.compId = this.compId
-        this.acceptanceCheck.constKey = item.constKey
-        this.acceptanceCheck.constCode = 'TYPEYAN'
-        this.acceptanceCheck.constValue = item.constValue
-        this.acceptanceCheck.id = item.id
-        addxiala(this.acceptanceCheck)
-          .toPromise()
-          .then((response) => {
-            this.getUnitList()
+        if (Object.is(item.id, 1)) {
+          return
+        }
+        if (Object.is(this.unitList[index].flag, 'delete')) {
+          this.$set(this.unitList, index, {
+            flag: 'check'
+          })
+        } else {
+          this.$set(this.unitList, index, {
+            flag: 'delete'
+          })
+        }
+        if (!item.constValue) {
+          this.unitList.splice(index, 1)
+          return
+        }
+        if (item.flag == 'add') {
+          item.constKey = Math.random() * 20
+          this.acceptanceCheck.compId = this.compId
+          this.acceptanceCheck.constKey = item.constKey
+          this.acceptanceCheck.constCode = 'TYPEYAN'
+          this.acceptanceCheck.constValue = item.constValue
+          this.acceptanceCheck.id = item.id
+          addxiala(this.acceptanceCheck)
+            .toPromise()
+            .then((response) => {
+              this.getUnitList()
+            })
+        } else if (item.flag == 'check') {
+          this.acceptanceCheck.compId = this.compId
+          this.acceptanceCheck.constKey = item.constKey
+          this.acceptanceCheck.constCode = 'TYPEYAN'
+          this.acceptanceCheck.constValue = item.constValue
+          this.acceptanceCheck.id = item.id
+          editxiala(this.acceptanceCheck)
+            .toPromise()
+            .then((response) => {
+              this.getUnitList()
+            })
+        }
+      },
+      // 编辑
+      editClick(item, index) {
+        const map = JSON.parse(JSON.stringify(item))
+        if (Object.is(item.id, 1)) {
+          return
+        }
+        if (Object.is(this.unitList[index].flag, 'delete')) {
+          map.flag = 'check'
+          this.$set(this.unitList, index, map)
+        } else {
+          map.flag = 'delete'
+          this.$set(this.unitList, index, map)
+        }
+      },
+      // 删除
+      deleteClick(item, index) {
+        if (Object.is(item.constKey, 1)) {
+          return
+        }
+        if (!item.constValue) {
+          this.unitList.splice(index, 1)
+          return
+        }
+        delxiala({
+            id: this.unitList[index].id
           })
-      } else if (item.flag == 'check') {
-        this.acceptanceCheck.compId = this.compId
-        this.acceptanceCheck.constKey = item.constKey
-        this.acceptanceCheck.constCode = 'TYPEYAN'
-        this.acceptanceCheck.constValue = item.constValue
-        this.acceptanceCheck.id = item.id
-        editxiala(this.acceptanceCheck)
           .toPromise()
           .then((response) => {
             this.getUnitList()
+            this.pleaseChoose = ''
           })
-      }
-    },
-    // 编辑
-    editClick(item, index) {
-      const map = JSON.parse(JSON.stringify(item))
-      if (Object.is(item.id, 1)) {
-        return
-      }
-      if (Object.is(this.unitList[index].flag, 'delete')) {
-        map.flag = 'check'
-        this.$set(this.unitList, index, map)
-      } else {
-        map.flag = 'delete'
-        this.$set(this.unitList, index, map)
-      }
-    },
-    // 删除
-    deleteClick(item, index) {
-      if (Object.is(item.constKey, 1)) {
-        return
-      }
-      if (!item.constValue) {
-        this.unitList.splice(index, 1)
-        return
-      }
-      delxiala({ id: this.unitList[index].id })
-        .toPromise()
-        .then((response) => {
-          this.getUnitList()
-          this.pleaseChoose = ''
-        })
-    },
-    submit() {
-      if (!this.deptBudgetList.contractNo) {
-        this.$message({
-          message: '合同编号不能为空',
-          type: 'warning',
-        })
-        return
-      }
-      if (
-        this.deptBudgetList.contractNo.length < 6 ||
-        this.deptBudgetList.contractNo.length > 50
-      ) {
-        this.$message({
-          message: '合同编号长度不符合要求,请输入6到50个字符之内!',
-          type: 'warning',
-        })
-        return
-      }
-      if (!this.deptBudgetList.shippingType) {
-        this.$message({
-          message: '运输方式不能为空',
-          type: 'warning',
-        })
-        return
-      }
-      if (
-        this.deptBudgetList.shippingType.length < 1 ||
-        this.deptBudgetList.shippingType.length > 20
-      ) {
-        this.$message({
-          message: '运输方式长度不符合要求,请输入1到20个字符之内!',
-          type: 'warning',
-        })
-        return
-      }
-      if (!this.deptBudgetList.buyer) {
-        this.$message({
-          message: '买方名称不能为空',
-          type: 'warning',
-        })
-        return
-      }
-      if (this.deptBudgetList.buyer.length > 30) {
-        this.$message({
-          message: '买方名称长度不符合要求,请输入30个字符之内!',
-          type: 'warning',
-        })
-        return
-      }
-      if (!this.deptBudgetList.settlementMethod) {
-        this.$message({
-          message: '结算方式不能为空',
-          type: 'warning',
-        })
-        return
-      }
-      if (
-        this.deptBudgetList.settlementMethod.length < 1 ||
-        this.deptBudgetList.settlementMethod.length > 20
-      ) {
-        this.$message({
-          message: '结算方式长度不符合要求,请输入1到20个字符之内!',
-          type: 'warning',
-        })
-        return
-      }
-      if (!this.deptBudgetList.seller) {
-        this.$message({
-          message: '请输入卖方名称!',
-          type: 'warning',
-        })
-        return
-      }
-      if (this.deptBudgetList.seller.length > 30) {
-        this.$message({
-          message: '卖方名称长度不符合要求,请输入30个字符之内!',
-          type: 'warning',
-        })
-        return
-      }
-      if (!this.deptBudgetList.buyerPhone) {
-        this.$message({
-          message: '请输入买方电话!',
-          type: 'warning',
-        })
-        return
-      }
-      if (isNaN(this.deptBudgetList.buyerPhone)) {
-        this.$message({
-          message: '输入买方电话有误!',
-          type: 'warning',
-        })
-        return
-      }
-      if (
-        this.deptBudgetList.buyerPhone.length < 7 ||
-        this.deptBudgetList.buyerPhone.length > 20
-      ) {
-        this.$message({
-          message: '买方电话长度不符合要求,请输入7到20个字符之内!',
-          type: 'warning',
-        })
-        return
-      }
-      if (!this.deptBudgetList.sellerPhone) {
-        this.$message({
-          message: '请输入卖方电话!',
-          type: 'warning',
-        })
-        return
-      }
-      if (isNaN(this.deptBudgetList.sellerPhone)) {
-        this.$message({
-          message: '输入卖方电话有误!',
-          type: 'warning',
-        })
-        return
-      }
-      if (
-        this.deptBudgetList.sellerPhone.length < 7 ||
-        this.deptBudgetList.sellerPhone.length > 20
-      ) {
-        this.$message({
-          message: '卖方电话长度不符合要求,请输入7到20个字符之内!',
-          type: 'warning',
-        })
-        return
-      }
-      if (!this.deptBudgetList.acceptanceMethod) {
-        this.$message({
-          message: '请选择验收方式',
-          type: 'warning',
-        })
-        return
-      }
-      if (!this.deptBudgetList.weight) {
-        this.$message({
-          message: '请输入重量!',
-          type: 'warning',
-        })
-        return
-      }
-      if (
-        isNaN(this.deptBudgetList.weight) ||
-        (String(this.deptBudgetList.weight).indexOf('.') != -1 &&
-          String(this.deptBudgetList.weight).length -
+      },
+      submit() {
+        if (!this.deptBudgetList.contractNo) {
+          this.$message({
+            message: '合同编号不能为空',
+            type: 'warning',
+          })
+          return
+        }
+        if (
+          this.deptBudgetList.contractNo.length < 6 ||
+          this.deptBudgetList.contractNo.length > 50
+        ) {
+          this.$message({
+            message: '合同编号长度不符合要求,请输入6到50个字符之内!',
+            type: 'warning',
+          })
+          return
+        }
+        if (!this.deptBudgetList.shippingType) {
+          this.$message({
+            message: '运输方式不能为空',
+            type: 'warning',
+          })
+          return
+        }
+        if (
+          this.deptBudgetList.shippingType.length < 1 ||
+          this.deptBudgetList.shippingType.length > 20
+        ) {
+          this.$message({
+            message: '运输方式长度不符合要求,请输入1到20个字符之内!',
+            type: 'warning',
+          })
+          return
+        }
+        if (!this.deptBudgetList.buyer) {
+          this.$message({
+            message: '买方名称不能为空',
+            type: 'warning',
+          })
+          return
+        }
+        if (this.deptBudgetList.buyer.length > 30) {
+          this.$message({
+            message: '买方名称长度不符合要求,请输入30个字符之内!',
+            type: 'warning',
+          })
+          return
+        }
+        if (!this.deptBudgetList.settlementMethod) {
+          this.$message({
+            message: '结算方式不能为空',
+            type: 'warning',
+          })
+          return
+        }
+        if (
+          this.deptBudgetList.settlementMethod.length < 1 ||
+          this.deptBudgetList.settlementMethod.length > 20
+        ) {
+          this.$message({
+            message: '结算方式长度不符合要求,请输入1到20个字符之内!',
+            type: 'warning',
+          })
+          return
+        }
+        if (!this.deptBudgetList.seller) {
+          this.$message({
+            message: '请输入卖方名称!',
+            type: 'warning',
+          })
+          return
+        }
+        if (this.deptBudgetList.seller.length > 30) {
+          this.$message({
+            message: '卖方名称长度不符合要求,请输入30个字符之内!',
+            type: 'warning',
+          })
+          return
+        }
+        if (!this.deptBudgetList.buyerPhone) {
+          this.$message({
+            message: '请输入买方电话!',
+            type: 'warning',
+          })
+          return
+        }
+        if (isNaN(this.deptBudgetList.buyerPhone)) {
+          this.$message({
+            message: '输入买方电话有误!',
+            type: 'warning',
+          })
+          return
+        }
+        if (
+          this.deptBudgetList.buyerPhone.length < 7 ||
+          this.deptBudgetList.buyerPhone.length > 20
+        ) {
+          this.$message({
+            message: '买方电话长度不符合要求,请输入7到20个字符之内!',
+            type: 'warning',
+          })
+          return
+        }
+        if (!this.deptBudgetList.sellerPhone) {
+          this.$message({
+            message: '请输入卖方电话!',
+            type: 'warning',
+          })
+          return
+        }
+        if (isNaN(this.deptBudgetList.sellerPhone)) {
+          this.$message({
+            message: '输入卖方电话有误!',
+            type: 'warning',
+          })
+          return
+        }
+        if (
+          this.deptBudgetList.sellerPhone.length < 7 ||
+          this.deptBudgetList.sellerPhone.length > 20
+        ) {
+          this.$message({
+            message: '卖方电话长度不符合要求,请输入7到20个字符之内!',
+            type: 'warning',
+          })
+          return
+        }
+        if (!this.deptBudgetList.acceptanceMethod) {
+          this.$message({
+            message: '请选择验收方式',
+            type: 'warning',
+          })
+          return
+        }
+        if (!this.deptBudgetList.weight) {
+          this.$message({
+            message: '请输入重量!',
+            type: 'warning',
+          })
+          return
+        }
+        if (
+          isNaN(this.deptBudgetList.weight) ||
+          (String(this.deptBudgetList.weight).indexOf('.') != -1 &&
+            String(this.deptBudgetList.weight).length -
             (String(this.deptBudgetList.weight).indexOf('.') + 1) >
             3) ||
-        this.deptBudgetList.weight < 0 ||
-        this.deptBudgetList.weight > 200000
-      ) {
-        this.$message({
-          message: '输入重量有误!',
-          type: 'warning',
-        })
-        return
-      }
-      if (!this.deptBudgetList.deliveryDateStart) {
-        this.$message({
-          message: '请选择交货日期(起)',
-          type: 'warning',
-        })
-        return
-      }
-      if (!this.deptBudgetList.overShort){
-        this.$message({
-          message: '请输入溢短装!',
-          type: 'warning',
-        })
-        return
-      }
-      if (
-        isNaN(this.deptBudgetList.overShort) ||
-        (String(this.deptBudgetList.overShort).indexOf('.') != -1 &&
-          String(this.deptBudgetList.overShort).length -
+          this.deptBudgetList.weight < 0 ||
+          this.deptBudgetList.weight > 200000
+        ) {
+          this.$message({
+            message: '输入重量有误!',
+            type: 'warning',
+          })
+          return
+        }
+        if (!this.deptBudgetList.deliveryDateStart) {
+          this.$message({
+            message: '请选择交货日期(起)',
+            type: 'warning',
+          })
+          return
+        }
+        if (!this.deptBudgetList.overShort) {
+          this.$message({
+            message: '请输入溢短装!',
+            type: 'warning',
+          })
+          return
+        }
+        if (
+          isNaN(this.deptBudgetList.overShort) ||
+          (String(this.deptBudgetList.overShort).indexOf('.') != -1 &&
+            String(this.deptBudgetList.overShort).length -
             (String(this.deptBudgetList.overShort).indexOf('.') + 1) >
             2) ||
-        this.deptBudgetList.overShort < 0 ||
-        this.deptBudgetList.overShort > 50
-      ) {
-        this.$message({
-          message: '溢短装输入有误!',
-          type: 'warning',
-        })
-        return
-      }
-      if (!this.deptBudgetList.deliveryDateEnd) {
-        this.$message({
-          message: '请选择交货日期(止)',
-          type: 'warning',
-        })
-        return
-      }
-       //时间
-      if (
-        new Date(this.deptBudgetList.deliveryDateStart).getTime() >
-        new Date(this.deptBudgetList.deliveryDateEnd).getTime()
-      ) {
-        this.$message({
-          message: '交货日期(止)选择错误',
-          type: 'warning',
-        })
-        return
-      }
-      if (!this.deptBudgetList.unitContractPrice) {
-        this.$message({
-          message: '请输入合同单价!',
-          type: 'warning',
-        })
-        return
-      }
-      if (
-        isNaN(this.deptBudgetList.unitContractPrice) ||
-        (String(this.deptBudgetList.unitContractPrice).indexOf('.') != -1 &&
-          String(this.deptBudgetList.unitContractPrice).length -
-            (String(this.deptBudgetList.unitContractPrice).indexOf('.') + 1) >
-            2) ||
-        this.deptBudgetList.unitContractPrice <= 0 ||
-        this.deptBudgetList.unitContractPrice > 10000
-      ) {
-        this.$message({
-          message: '合同单价输入有误!',
-          type: 'warning',
-        })
-        return
-      }
-      if (!this.deptBudgetList.totalContractPrice) {
-        this.$message({
-          message: '请输入合同总价!',
-          type: 'warning',
-        })
-        return
-      }
-      if (
-        isNaN(this.deptBudgetList.totalContractPrice) ||
-        (String(this.deptBudgetList.totalContractPrice).indexOf('.') != -1 &&
-          String(this.deptBudgetList.totalContractPrice).length -
+          this.deptBudgetList.overShort < 0 ||
+          this.deptBudgetList.overShort > 50
+        ) {
+          this.$message({
+            message: '溢短装输入有误!',
+            type: 'warning',
+          })
+          return
+        }
+        if (!this.deptBudgetList.deliveryDateEnd) {
+          this.$message({
+            message: '请选择交货日期(止)',
+            type: 'warning',
+          })
+          return
+        }
+        //时间
+        if (
+          new Date(this.deptBudgetList.deliveryDateStart).getTime() >
+          new Date(this.deptBudgetList.deliveryDateEnd).getTime()
+        ) {
+          this.$message({
+            message: '交货日期(止)选择错误',
+            type: 'warning',
+          })
+          return
+        }
+        if (!this.deptBudgetList.unitContractPrice) {
+          this.$message({
+            message: '请输入合同单价!',
+            type: 'warning',
+          })
+          return
+        }
+        if (
+          isNaN(this.deptBudgetList.unitContractPrice) ||
+          (String(this.deptBudgetList.unitContractPrice).indexOf('.') != -1 &&
+            String(this.deptBudgetList.unitContractPrice).length -
+            (String(this.deptBudgetList.unitContractPrice).indexOf('.') + 1) >
+            2) ||
+          this.deptBudgetList.unitContractPrice <= 0 ||
+          this.deptBudgetList.unitContractPrice > 10000
+        ) {
+          this.$message({
+            message: '合同单价输入有误!',
+            type: 'warning',
+          })
+          return
+        }
+        if (!this.deptBudgetList.totalContractPrice) {
+          this.$message({
+            message: '请输入合同总价!',
+            type: 'warning',
+          })
+          return
+        }
+        if (
+          isNaN(this.deptBudgetList.totalContractPrice) ||
+          (String(this.deptBudgetList.totalContractPrice).indexOf('.') != -1 &&
+            String(this.deptBudgetList.totalContractPrice).length -
             (String(this.deptBudgetList.totalContractPrice).indexOf('.') + 1) >
             2) ||
-        this.deptBudgetList.totalContractPrice <= 0 ||
-        this.deptBudgetList.totalContractPrice > 1000000000
-      ) {
-        this.$message({
-          message: '合同总价输入有误!',
-          type: 'warning',
-        })
-        return
-      }
-      if (!this.newSelectedOptions) {
-        this.$message({
-          message: '请选择货源所在地区!',
-          type: 'warning',
-        })
-        return
-      }
-      if (!this.deptBudgetList.sourceGoods) {
-        this.$message({
-          message: '请输入货源详细地址!',
-          type: 'warning',
-        })
-        return
-      }
-      if (!this.newSelectedOptions1) {
-        this.$message({
-          message: '请选择交货所在地区!',
-          type: 'warning',
-        })
-        return
-      }
-      if (!this.deptBudgetList.placeDelivery) {
-        this.$message({
-          message: '请输入交货详细地址!',
-          type: 'warning',
-        })
-        return
-      }
-      if (!this.deptBudgetList.signingDate) {
-        this.$message({
-          message: '请选择签订日期',
-          type: 'warning',
-        })
-        return
-      }
-      if (
-        isNaN(this.deptBudgetList.finalTradingVolume) ||
-        (String(this.deptBudgetList.finalTradingVolume).indexOf('.') != -1 &&
-          String(this.deptBudgetList.finalTradingVolume).length -
+          this.deptBudgetList.totalContractPrice <= 0 ||
+          this.deptBudgetList.totalContractPrice > 1000000000
+        ) {
+          this.$message({
+            message: '合同总价输入有误!',
+            type: 'warning',
+          })
+          return
+        }
+        if (!this.newSelectedOptions) {
+          this.$message({
+            message: '请选择货源所在地区!',
+            type: 'warning',
+          })
+          return
+        }
+        if (!this.deptBudgetList.sourceGoods) {
+          this.$message({
+            message: '请输入货源详细地址!',
+            type: 'warning',
+          })
+          return
+        }
+        if (!this.newSelectedOptions1) {
+          this.$message({
+            message: '请选择交货所在地区!',
+            type: 'warning',
+          })
+          return
+        }
+        if (!this.deptBudgetList.placeDelivery) {
+          this.$message({
+            message: '请输入交货详细地址!',
+            type: 'warning',
+          })
+          return
+        }
+        if (!this.deptBudgetList.signingDate) {
+          this.$message({
+            message: '请选择签订日期',
+            type: 'warning',
+          })
+          return
+        }
+        if (
+          isNaN(this.deptBudgetList.finalTradingVolume) ||
+          (String(this.deptBudgetList.finalTradingVolume).indexOf('.') != -1 &&
+            String(this.deptBudgetList.finalTradingVolume).length -
             (String(this.deptBudgetList.finalTradingVolume).indexOf('.') + 1) >
             3) ||
-        this.deptBudgetList.finalTradingVolume < 0 ||
-        this.deptBudgetList.finalTradingVolume > 200000
-      ) {
-        this.$message({
-          message: '最终实际成交量有误!',
-          type: 'warning',
-        })
-        return
-      }
-      //货物信息
-      if (!this.deptBudgetList.contractGoodsInfo.goodsName) {
-        this.$message({
-          message: '请选择货名',
-          type: 'warning',
-        })
-        return
-      }
-      if (!this.deptBudgetList.contractGoodsInfo.waterContent) {
-        this.$message({
-          message: '请输入水分',
-          type: 'warning',
-        })
-        return
-      }
-      if (
-        this.deptBudgetList.contractGoodsInfo.waterContent &&
-        String(this.deptBudgetList.contractGoodsInfo.waterContent).indexOf('.') != -1 &&
-        String(this.deptBudgetList.contractGoodsInfo.waterContent).length -
+          this.deptBudgetList.finalTradingVolume < 0 ||
+          this.deptBudgetList.finalTradingVolume > 200000
+        ) {
+          this.$message({
+            message: '最终实际成交量有误!',
+            type: 'warning',
+          })
+          return
+        }
+        //货物信息
+        if (!this.deptBudgetList.contractGoodsInfo.goodsName) {
+          this.$message({
+            message: '请选择货名',
+            type: 'warning',
+          })
+          return
+        }
+        if (!this.deptBudgetList.contractGoodsInfo.waterContent) {
+          this.$message({
+            message: '请输入水分',
+            type: 'warning',
+          })
+          return
+        }
+        if (
+          this.deptBudgetList.contractGoodsInfo.waterContent &&
+          String(this.deptBudgetList.contractGoodsInfo.waterContent).indexOf('.') != -1 &&
+          String(this.deptBudgetList.contractGoodsInfo.waterContent).length -
           (String(this.deptBudgetList.contractGoodsInfo.waterContent).indexOf('.') + 1) >
-          2||this.deptBudgetList.contractGoodsInfo.waterContent>40||this.deptBudgetList.contractGoodsInfo.waterContent<0
-      ) {
-        this.$message({
-          message: '水分输入错误',
-          type: 'warning',
-        })
-        return
-      }
-      if (!this.deptBudgetList.contractGoodsInfo.grade) {
-        this.$message({
-          message: '请选择品级',
-          type: 'warning',
-        })
-        return
-      }
-      if (!this.deptBudgetList.contractGoodsInfo.impurity) {
-        this.$message({
-          message: '请输入杂质',
-          type: 'warning',
-        })
-        return
-      }
-      if (
-        this.deptBudgetList.contractGoodsInfo.impurity &&
-        String(this.deptBudgetList.contractGoodsInfo.impurity).indexOf('.') != -1 &&
-        String(this.deptBudgetList.contractGoodsInfo.impurity).length -
+          2 || this.deptBudgetList.contractGoodsInfo.waterContent > 40 || this.deptBudgetList.contractGoodsInfo
+          .waterContent < 0
+        ) {
+          this.$message({
+            message: '水分输入错误',
+            type: 'warning',
+          })
+          return
+        }
+        if (!this.deptBudgetList.contractGoodsInfo.grade) {
+          this.$message({
+            message: '请选择品级',
+            type: 'warning',
+          })
+          return
+        }
+        if (!this.deptBudgetList.contractGoodsInfo.impurity) {
+          this.$message({
+            message: '请输入杂质',
+            type: 'warning',
+          })
+          return
+        }
+        if (
+          this.deptBudgetList.contractGoodsInfo.impurity &&
+          String(this.deptBudgetList.contractGoodsInfo.impurity).indexOf('.') != -1 &&
+          String(this.deptBudgetList.contractGoodsInfo.impurity).length -
           (String(this.deptBudgetList.contractGoodsInfo.impurity).indexOf('.') + 1) >
-          2||this.deptBudgetList.contractGoodsInfo.impurity>40||this.deptBudgetList.contractGoodsInfo.impurity<0
-      ) {
-        this.$message({
-          message: '杂质输入错误',
-          type: 'warning',
-        })
-        return
-      }
-      if (!this.deptBudgetList.contractGoodsInfo.bulkDensity) {
-        this.$message({
-          message: '请输入容重',
-          type: 'warning',
-        })
-        return
-      }
-      if (
-        (this.deptBudgetList.contractGoodsInfo.bulkDensity &&
-          String(this.deptBudgetList.contractGoodsInfo.bulkDensity).indexOf('.') != -1 &&
-          String(this.deptBudgetList.contractGoodsInfo.bulkDensity).length -
+          2 || this.deptBudgetList.contractGoodsInfo.impurity > 40 || this.deptBudgetList.contractGoodsInfo.impurity < 0
+        ) {
+          this.$message({
+            message: '杂质输入错误',
+            type: 'warning',
+          })
+          return
+        }
+        if (!this.deptBudgetList.contractGoodsInfo.bulkDensity) {
+          this.$message({
+            message: '请输入容重',
+            type: 'warning',
+          })
+          return
+        }
+        if (
+          (this.deptBudgetList.contractGoodsInfo.bulkDensity &&
+            String(this.deptBudgetList.contractGoodsInfo.bulkDensity).indexOf('.') != -1 &&
+            String(this.deptBudgetList.contractGoodsInfo.bulkDensity).length -
             (String(this.deptBudgetList.contractGoodsInfo.bulkDensity).indexOf('.') + 1) >
-            2) || this.deptBudgetList.contractGoodsInfo.bulkDensity > 1000 || this.deptBudgetList.contractGoodsInfo.bulkDensity < 0
-      ) {
-        this.$message({
-          message: '容重输入错误',
-          type: 'warning',
-        })
-        return
-      }
-      if (!this.deptBudgetList.contractGoodsInfo.mildewGrain) {
-        this.$message({
-          message: '请输入霉变粒',
-          type: 'warning',
-        })
-        return
-      }
-      if (
-        !this.deptBudgetList.contractGoodsInfo.mildewGrain ||
-        (String(this.deptBudgetList.contractGoodsInfo.mildewGrain).indexOf(
-          '.'
-        ) != -1 &&
-          String(this.deptBudgetList.contractGoodsInfo.mildewGrain).length -
-            (String(this.deptBudgetList.contractGoodsInfo.mildewGrain).indexOf(
+            2) || this.deptBudgetList.contractGoodsInfo.bulkDensity > 1000 || this.deptBudgetList.contractGoodsInfo
+          .bulkDensity < 0
+        ) {
+          this.$message({
+            message: '容重输入错误',
+            type: 'warning',
+          })
+          return
+        }
+        if (!this.deptBudgetList.contractGoodsInfo.mildewGrain) {
+          this.$message({
+            message: '请输入霉变粒',
+            type: 'warning',
+          })
+          return
+        }
+        if (
+          !this.deptBudgetList.contractGoodsInfo.mildewGrain ||
+          (String(this.deptBudgetList.contractGoodsInfo.mildewGrain).indexOf(
               '.'
-            ) +
+            ) != -1 &&
+            String(this.deptBudgetList.contractGoodsInfo.mildewGrain).length -
+            (String(this.deptBudgetList.contractGoodsInfo.mildewGrain).indexOf(
+                '.'
+              ) +
               1) >
-            2||this.deptBudgetList.contractGoodsInfo.mildewGrain>40||this.deptBudgetList.contractGoodsInfo.mildewGrain<0)
-      ) {
-        this.$message({
-          message: '霉变粒输入错误',
-          type: 'warning',
-        })
-        return
-      }
-      if (!this.deptBudgetList.contractGoodsInfo.jiaorenli) {
-        this.$message({
-          message: '请输入热损伤',
-          type: 'warning',
-        })
-        return
-      }
-      if (
-        !this.deptBudgetList.contractGoodsInfo.jiaorenli ||
-        (String(this.deptBudgetList.contractGoodsInfo.jiaorenli).indexOf('.') !=
-          -1 &&
-          String(this.deptBudgetList.contractGoodsInfo.jiaorenli).length -
+            2 || this.deptBudgetList.contractGoodsInfo.mildewGrain > 40 || this.deptBudgetList.contractGoodsInfo
+            .mildewGrain < 0)
+        ) {
+          this.$message({
+            message: '霉变粒输入错误',
+            type: 'warning',
+          })
+          return
+        }
+        if (!this.deptBudgetList.contractGoodsInfo.jiaorenli) {
+          this.$message({
+            message: '请输入热损伤',
+            type: 'warning',
+          })
+          return
+        }
+        if (
+          !this.deptBudgetList.contractGoodsInfo.jiaorenli ||
+          (String(this.deptBudgetList.contractGoodsInfo.jiaorenli).indexOf('.') !=
+            -1 &&
+            String(this.deptBudgetList.contractGoodsInfo.jiaorenli).length -
             (String(this.deptBudgetList.contractGoodsInfo.jiaorenli).indexOf(
-              '.'
-            ) +
+                '.'
+              ) +
               1) >
-            2||this.deptBudgetList.contractGoodsInfo.jiaorenli>40||this.deptBudgetList.contractGoodsInfo.jiaorenli<0)
-      ) {
-        this.$message({
-          message: '热损伤输入错误',
-          type: 'warning',
-        })
-        return
-      }
-      if (!this.deptBudgetList.contractGoodsInfo.imperfectGrain) {
-        this.$message({
-          message: '请输入不完善粒',
-          type: 'warning',
-        })
-        return
-      }
-      if (
-        !this.deptBudgetList.contractGoodsInfo.imperfectGrain ||
-        (String(this.deptBudgetList.contractGoodsInfo.imperfectGrain).indexOf(
-          '.'
-        ) != -1 &&
-          String(this.deptBudgetList.contractGoodsInfo.imperfectGrain).length -
+            2 || this.deptBudgetList.contractGoodsInfo.jiaorenli > 40 || this.deptBudgetList.contractGoodsInfo
+            .jiaorenli < 0)
+        ) {
+          this.$message({
+            message: '热损伤输入错误',
+            type: 'warning',
+          })
+          return
+        }
+        if (!this.deptBudgetList.contractGoodsInfo.imperfectGrain) {
+          this.$message({
+            message: '请输入不完善粒',
+            type: 'warning',
+          })
+          return
+        }
+        if (
+          !this.deptBudgetList.contractGoodsInfo.imperfectGrain ||
+          (String(this.deptBudgetList.contractGoodsInfo.imperfectGrain).indexOf(
+              '.'
+            ) != -1 &&
+            String(this.deptBudgetList.contractGoodsInfo.imperfectGrain).length -
             (String(
-              this.deptBudgetList.contractGoodsInfo.imperfectGrain
-            ).indexOf('.') +
+                this.deptBudgetList.contractGoodsInfo.imperfectGrain
+              ).indexOf('.') +
               1) >
-            2||this.deptBudgetList.contractGoodsInfo.imperfectGrain>40||this.deptBudgetList.contractGoodsInfo.imperfectGrain<0)
-      ) {
-        this.$message({
-          message: '不完善粒输入错误',
-          type: 'warning',
-        })
-        return
-      }
-      if (
-        (this.deptBudgetList.contractProcessInfo.waterContent > 10000000) ||
+            2 || this.deptBudgetList.contractGoodsInfo.imperfectGrain > 40 || this.deptBudgetList.contractGoodsInfo
+            .imperfectGrain < 0)
+        ) {
+          this.$message({
+            message: '不完善粒输入错误',
+            type: 'warning',
+          })
+          return
+        }
+        if (
+          (this.deptBudgetList.contractProcessInfo.waterContent > 10000000) ||
           (this.deptBudgetList.contractProcessInfo.waterContent < 0) ||
-        (String(this.deptBudgetList.contractProcessInfo.waterContent).indexOf(
-          '.'
-        ) != -1 &&
-          String(this.deptBudgetList.contractProcessInfo.waterContent).length -
+          (String(this.deptBudgetList.contractProcessInfo.waterContent).indexOf(
+              '.'
+            ) != -1 &&
+            String(this.deptBudgetList.contractProcessInfo.waterContent).length -
             (String(
-              this.deptBudgetList.contractProcessInfo.waterContent
-            ).indexOf('.') +
+                this.deptBudgetList.contractProcessInfo.waterContent
+              ).indexOf('.') +
               1) >
             2)
-      ) {
-        this.$message({
-          message: '费用支出输入错误',
-          type: 'warning',
-        })
-        return
-      }
-      if (
-        (this.deptBudgetList.contractProcessInfo.goodsName > 1000000000) |
+        ) {
+          this.$message({
+            message: '费用支出输入错误',
+            type: 'warning',
+          })
+          return
+        }
+        if (
+          (this.deptBudgetList.contractProcessInfo.goodsName > 1000000000) |
           (this.deptBudgetList.contractProcessInfo.goodsName < 0) ||
-        (String(this.deptBudgetList.contractProcessInfo.goodsName).indexOf(
-          '.'
-        ) != -1 &&
-          String(this.deptBudgetList.contractProcessInfo.goodsName).length -
-            (String(this.deptBudgetList.contractProcessInfo.goodsName).indexOf(
+          (String(this.deptBudgetList.contractProcessInfo.goodsName).indexOf(
               '.'
-            ) +
+            ) != -1 &&
+            String(this.deptBudgetList.contractProcessInfo.goodsName).length -
+            (String(this.deptBudgetList.contractProcessInfo.goodsName).indexOf(
+                '.'
+              ) +
               1) >
             2)
-      ) {
-        this.$message({
-          message: '已开发票金额输入错误',
-          type: 'warning',
-        })
-        return
-      }
-      if (
-        (this.deptBudgetList.contractProcessInfo.impurity > 1000000000) |
+        ) {
+          this.$message({
+            message: '已开发票金额输入错误',
+            type: 'warning',
+          })
+          return
+        }
+        if (
+          (this.deptBudgetList.contractProcessInfo.impurity > 1000000000) |
           (this.deptBudgetList.contractProcessInfo.impurity < 0) ||
-        (String(this.deptBudgetList.contractProcessInfo.impurity).indexOf(
-          '.'
-        ) != -1 &&
-          String(this.deptBudgetList.contractProcessInfo.impurity).length -
-            (String(this.deptBudgetList.contractProcessInfo.impurity).indexOf(
+          (String(this.deptBudgetList.contractProcessInfo.impurity).indexOf(
               '.'
-            ) +
+            ) != -1 &&
+            String(this.deptBudgetList.contractProcessInfo.impurity).length -
+            (String(this.deptBudgetList.contractProcessInfo.impurity).indexOf(
+                '.'
+              ) +
               1) >
             2)
-      ) {
-        this.$message({
-          message: '未开发票金额输入错误',
-          type: 'warning',
-        })
-        return
-      }
-      if (
-        (!this.deptBudgetList.contractProcessInfo.mildewGrain > 1000000000) |
+        ) {
+          this.$message({
+            message: '未开发票金额输入错误',
+            type: 'warning',
+          })
+          return
+        }
+        if (
+          (!this.deptBudgetList.contractProcessInfo.mildewGrain > 1000000000) |
           (this.deptBudgetList.contractProcessInfo.mildewGrain < 0) ||
-        (String(this.deptBudgetList.contractProcessInfo.mildewGrain).indexOf(
-          '.'
-        ) != -1 &&
-          String(this.deptBudgetList.contractProcessInfo.mildewGrain).length -
+          (String(this.deptBudgetList.contractProcessInfo.mildewGrain).indexOf(
+              '.'
+            ) != -1 &&
+            String(this.deptBudgetList.contractProcessInfo.mildewGrain).length -
             (String(
-              this.deptBudgetList.contractProcessInfo.mildewGrain
-            ).indexOf('.') +
+                this.deptBudgetList.contractProcessInfo.mildewGrain
+              ).indexOf('.') +
               1) >
             2)
-      ) {
-        this.$message({
-          message: '未回款金额输入错误',
-          type: 'warning',
-        })
-        return
-      }
-      this.$confirm(`确定提交本次修改?`, {
-        cancelButtonText: '取消',
-        confirmButtonText: '确定',
-        type: 'warning'
-      })
-      .then(() => {
-      this.$refs.deptBudgetList.validate((valid) => {
-        if (valid) {
-          this.deptBudgetList.compId = this.compId
-          this.deptBudgetList.contractType = 2
-          editInfo(this.deptBudgetList)
-            .toPromise()
-            .then((response) => {
-              this.$message.success('编辑成功')
-              this.$router.push({ path: 'buyContract' })
-            })
-        } else {
-          EventBus.$emit('error', this.$t('showMessage.asteriskRequired'))
-          return false
+        ) {
+          this.$message({
+            message: '未回款金额输入错误',
+            type: 'warning',
+          })
+          return
         }
-      })
-      })
+        this.$confirm(`确定提交本次修改?`, {
+            cancelButtonText: '取消',
+            confirmButtonText: '确定',
+            type: 'warning'
+          })
+          .then(() => {
+            this.$refs.deptBudgetList.validate((valid) => {
+              if (valid) {
+                this.deptBudgetList.compId = this.compId
+                this.deptBudgetList.contractType = 2
+                editInfo(this.deptBudgetList)
+                  .toPromise()
+                  .then((response) => {
+                    this.$message.success('编辑成功')
+                    this.$router.push({
+                      path: 'buyContract'
+                    })
+                  })
+              } else {
+                EventBus.$emit('error', this.$t('showMessage.asteriskRequired'))
+                return false
+              }
+            })
+          })
+      },
     },
-  },
-}
+  }
 </script>
 <style lang="scss" scoped>
-.el-form {
-  padding: 0 15%;
-}
-/deep/.ws-info-table .el-form-item {
-  border-right: 1px solid #cdd2dc;
-  border-bottom: 1px solid #cdd2dc;
-}
-.readonly {
-  position: relative;
-}
-.readonly:after {
-  content: '*';
-  color: #ff2727;
-  position: absolute;
-  right: 8px;
-  z-index: 10;
-  top: 21%;
-  font-size: 20px;
-}
-.title {
-  position: relative;
-}
-.title::before {
-  content: '';
-  display: inline-block;
-  width: 5px;
-  height: 30px;
-  background: #5473e8;
-  position: absolute;
-  left: 0;
-}
-.el-button--primary {
-  background-color: #5878e8;
-  border-color: #5878e8;
-}
-.el-col {
-  background: #f6f7fc;
-}
-/deep/.ws-info-table .el-form-item .el-form-item__content {
-  padding: 0 25px;
-  border-left: 1px solid #cdd2dc;
-  background: #fafbfc;
-  color: #8890B1;
-}
-/deep/.el-form-item.is-success .el-input__inner , /deep/.el-cascader .el-input .el-input__inner, /deep/.el-textarea__inner{
-  color: #8890B1;
-}
-/deep/.ws-info-table .el-form-item .el-form-item__label {
-  width: 140px;
-  text-align: center;
-  background: #f0f2f6;
-  // border: 1px solid #cdd2dc;
-}
-.button-container {
-  display: flex;
-  flex-wrap: nowrap;
-  justify-content: space-between;
-  align-items: center;
-  background-color: #fff;
-  width: 100%;
-  height: 50px;
-  padding: 0 10px;
-  & > div {
-    margin-left: 10px;
+  .el-form {
+    padding: 0 15%;
+  }
+
+  /deep/.ws-info-table .el-form-item {
+    border-right: 1px solid #cdd2dc;
+    border-bottom: 1px solid #cdd2dc;
+  }
+
+  .readonly {
+    position: relative;
+  }
+
+  .readonly:after {
+    content: '*';
+    color: #ff2727;
+    position: absolute;
+    right: 8px;
+    z-index: 10;
+    top: 21%;
+    font-size: 20px;
+  }
+
+  .title {
+    position: relative;
+  }
+
+  .title::before {
+    content: '';
+    display: inline-block;
+    width: 5px;
+    height: 30px;
+    background: #5473e8;
+    position: absolute;
+    left: 0;
+  }
+
+  .el-button--primary {
+    background-color: #5878e8;
+    border-color: #5878e8;
+  }
+
+  .el-col {
+    background: #f6f7fc;
+  }
+
+  /deep/.ws-info-table .el-form-item .el-form-item__content {
+    padding: 0 25px;
+    border-left: 1px solid #cdd2dc;
+    background: #fafbfc;
+    color: #8890B1;
+  }
+
+  /deep/.el-form-item.is-success .el-input__inner,
+  /deep/.el-cascader .el-input .el-input__inner,
+  /deep/.el-textarea__inner {
+    color: #8890B1;
+  }
+
+  /deep/.ws-info-table .el-form-item .el-form-item__label {
+    width: 140px;
+    text-align: center;
+    background: #f0f2f6;
+    // border: 1px solid #cdd2dc;
+  }
+
+  .button-container {
     display: flex;
     flex-wrap: nowrap;
-    flex-direction: row;
-    & > span {
-      line-height: 50px;
-    }
-  }
+    justify-content: space-between;
+    align-items: center;
+    background-color: #fff;
+    width: 100%;
+    height: 50px;
+    padding: 0 10px;
+
+    &>div {
+      margin-left: 10px;
+      display: flex;
+      flex-wrap: nowrap;
+      flex-direction: row;
 
-  /deep/.auditFlow-box {
-    position: unset;
-    margin-left: 10px;
-    &/deep/.auditFlow-icon {
-      width: auto;
-      padding-right: 30px;
+      &>span {
+        line-height: 50px;
+      }
     }
-    &/deep/.auditFlow-main {
-      position: absolute;
+
+    /deep/.auditFlow-box {
+      position: unset;
+      margin-left: 10px;
+
+      &/deep/.auditFlow-icon {
+        width: auto;
+        padding-right: 30px;
+      }
+
+      &/deep/.auditFlow-main {
+        position: absolute;
+      }
     }
   }
-}
-.box-app {
-  display: inline-block;
-  float: left;
-  margin-left: 30px;
-  line-height: 50px;
-}
-/deep/.el-dialog {
-  .el-form-item {
-    margin-bottom: 0 !important;
-    .el-input--medium {
-      textarea {
-        min-height: 100px !important;
+
+  .box-app {
+    display: inline-block;
+    float: left;
+    margin-left: 30px;
+    line-height: 50px;
+  }
+
+  /deep/.el-dialog {
+    .el-form-item {
+      margin-bottom: 0 !important;
+
+      .el-input--medium {
+        textarea {
+          min-height: 100px !important;
+        }
       }
     }
   }
-}
-.collapse-bottom {
-  margin-bottom: 20px;
-}
-.input-main .textarea .el-textarea__inner {
-  width: 100%;
-  z-index: 1;
-}
-.bg-left {
-  padding-left: 30px;
-}
-.bg-right {
-  padding-right: 10px;
-  text-align: right;
-}
-.bg-bottom {
-  margin: 15px 0px;
-}
-.wenzi {
-  width: 900px;
-  margin: 0 auto;
-}
-.wenzi h3 {
-  display: inline-block;
-  left: 10px;
-}
-.wenzi p {
-  display: inline-block;
-}
-.center {
-  width: 900px;
-  margin: 0 auto;
-}
-.el-form-item {
-  width: 50%;
-}
-.el-form-item__label {
-  text-align: center;
-}
-.ce {
-  width: 900px;
-  margin: 0 auto;
-}
-/*.crt-main .textarea /deep/ .el-form-item__label {*/
-/*  height: 82px;*/
-/*}*/
-// 控制select为只读的时候显示样式
-
-.hide-sel {
-  .el-input__inner {
-    border: 0px;
+
+  .collapse-bottom {
+    margin-bottom: 20px;
   }
-  .el-icon-arrow-up {
-    display: none;
+
+  .input-main .textarea .el-textarea__inner {
+    width: 100%;
+    z-index: 1;
   }
-  .el-textarea__inner {
-    background-color: #fff !important;
-    border: 0;
+
+  .bg-left {
+    padding-left: 30px;
   }
-  .el-date-editor {
-    i {
-      display: none;
-    }
+
+  .bg-right {
+    padding-right: 10px;
+    text-align: right;
   }
-  .is-disabled {
-    .el-input__inner:hover {
-      background-color: #fff !important;
-      border: 0;
-    }
-    color: #606266;
+
+  .bg-bottom {
+    margin: 15px 0px;
+  }
+
+  .wenzi {
+    width: 900px;
+    margin: 0 auto;
+  }
+
+  .wenzi h3 {
+    display: inline-block;
+    left: 10px;
+  }
+
+  .wenzi p {
+    display: inline-block;
+  }
+
+  .center {
+    width: 900px;
+    margin: 0 auto;
+  }
+
+  .el-form-item {
+    width: 50%;
+  }
+
+  .el-form-item__label {
+    text-align: center;
+  }
+
+  .ce {
+    width: 900px;
+    margin: 0 auto;
+  }
+
+  /*.crt-main .textarea /deep/ .el-form-item__label {*/
+  /*  height: 82px;*/
+  /*}*/
+  // 控制select为只读的时候显示样式
+
+  .hide-sel {
     .el-input__inner {
-      background-color: #fff !important;
-      border: 0;
-      color: #606266;
+      border: 0px;
     }
+
+    .el-icon-arrow-up {
+      display: none;
+    }
+
     .el-textarea__inner {
       background-color: #fff !important;
       border: 0;
+    }
+
+    .el-date-editor {
+      i {
+        display: none;
+      }
+    }
+
+    .is-disabled {
+      .el-input__inner:hover {
+        background-color: #fff !important;
+        border: 0;
+      }
+
       color: #606266;
+
+      .el-input__inner {
+        background-color: #fff !important;
+        border: 0;
+        color: #606266;
+      }
+
+      .el-textarea__inner {
+        background-color: #fff !important;
+        border: 0;
+        color: #606266;
+      }
     }
   }
-}
 
-// 控制select为只读的时候显示样式
-/deep/.ws-class-table-col {
-  height: auto;
-  padding: 0px 2px;
-  /deep/.el-input__inner {
+  // 控制select为只读的时候显示样式
+  /deep/.ws-class-table-col {
+    height: auto;
     padding: 0px 2px;
+
+    /deep/.el-input__inner {
+      padding: 0px 2px;
+    }
   }
-}
-/deep/.is-disabled {
-  .el-input__prefix,
-  .el-input__suffix {
-    display: none;
+
+  /deep/.is-disabled {
+    .el-input__prefix,
+    .el-input__suffix {
+      display: none;
+    }
+
+    .el-input__inner {
+      background-color: #fff;
+      border-color: #fff !important;
+      color: #000 !important;
+      font-size: 14px;
+      cursor: text;
+      padding: 0 !important;
+    }
   }
-  .el-input__inner {
-    background-color: #fff;
-    border-color: #fff !important;
-    color: #000 !important;
-    font-size: 14px;
-    cursor: text;
-    padding: 0 !important;
+
+  .winseaview-view {
+    padding: 0 0 20px;
+  }
+
+  .container {
+    overflow: scroll;
+    height: 93vh;
+  }
+
+  /deep/.ws-info-table .el-form-item .el-form-item__label {
+    width: 130px;
+  }
+
+  .el-textarea {
+    width: 101%;
   }
-}
-.winseaview-view {
-  padding: 0 0 20px;
-}
-.container {
-  overflow: scroll;
-  height: 93vh;
-}
-/deep/.ws-info-table .el-form-item .el-form-item__label {
-  width: 130px;
-}
-.el-textarea{
-  width: 101%;
-}
-/deep/.iconclose:before {
+
+  /deep/.iconclose:before {
     display: none;
-}
-/deep/.winsea-card .card__header {
+  }
+
+  /deep/.winsea-card .card__header {
     font-size: 14px;
     color: #409eff;
     padding: 0 0 20px 10px;
     position: relative;
     display: none;
-}
-.addressUrls {
-  width: 100%;
-  display: flex;
-  margin-top: 10px;
-}
-.addressUrls-item {
-  position: relative;
-  display: flex;
-}
-.icon-guanbi {
-  position: absolute;
-  right: 8px;
-}
-.addressUrl {
-  margin: 0px 10px;
-  border-radius: 3px;
-}
-//上传文件成功标识
-/deep/.el-upload-list__item-status-label {
+  }
+
+  .addressUrls {
+    width: 100%;
+    display: flex;
+    margin-top: 10px;
+  }
+
+  .addressUrls-item {
+    position: relative;
+    display: flex;
+  }
+
+  .icon-guanbi {
+    position: absolute;
+    right: 8px;
+  }
+
+  .addressUrl {
+    margin: 0px 10px;
+    border-radius: 3px;
+  }
+
+  //上传文件成功标识
+  /deep/.el-upload-list__item-status-label {
     position: absolute;
     right: 22px;
     top: -1px;
     line-height: inherit;
     display: none;
-}
-.map{
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  margin: auto;
-  width: 850px;
-  height: 400px;
-  background: gainsboro;
-  border-radius: 20px;
-  padding: 10px;
-  box-sizing: border-box;
-  z-index: 99;
-}
-.amap-container{
-  width: 100%!important;
-}
-.address-btn{
-  width:100%;
-  text-align:left;
-}
+  }
+
+  .map {
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    margin: auto;
+    width: 850px;
+    height: 400px;
+    background: gainsboro;
+    border-radius: 20px;
+    padding: 10px;
+    box-sizing: border-box;
+    z-index: 99;
+  }
+
+  .amap-container {
+    width: 100% !important;
+  }
+
+  .address-btn {
+    width: 100%;
+    text-align: left;
+  }
 </style>

+ 1102 - 990
src/views/statisticalReport/stockSaleOutReportList.vue

@@ -1,998 +1,1110 @@
 //现货销售出库报表
 <template>
-	<div class="container">
-		<el-scrollbar style="height: 100%">
-			<el-row>
-				<el-col style="padding-left: 15px" :span="16">
-					<ws-button type="primary" v-hasPermission="`report.goodsSaleOutReport.view`" @click="adopt()">备注
-					</ws-button>
-					<ws-button type="primary" v-hasPermission="`report.goodsSaleOutReport.view`" @click="depositbutton()">定金
-					</ws-button>
-					<ws-button type="primary" v-hasPermission="`report.goodsSaleOutReport.payment`" @click="handlecollect()">收款
-					</ws-button>
-				</el-col>
-				<el-col style="text-align: right; line-height: 60px; padding-right: 10px" :span="8">
-					<el-select v-model="contractNo" placeholder="请选择合同" clearable filterable
-						@change="contractchange" maxlength="500" type="input" class="findValue">
-						<el-option v-if="item.reportStatus" v-for="item in options" :key="item.constKey"
-							:label="item.contractNo + '(' + item.reportStatus + ')'" :value="item.contractNo" />
-						<!-- <el-option v-if="!item.reportStatus" v-for="item in options" :key="item.constKey"
+  <div class="container">
+    <el-scrollbar style="height: 100%">
+      <el-row>
+        <el-col style="padding-left: 15px" :span="16">
+          <ws-button type="primary" v-hasPermission="`report.goodsSaleOutReport.view`" @click="adopt()">备注
+          </ws-button>
+          <ws-button type="primary" v-hasPermission="`report.goodsSaleOutReport.view`" @click="depositbutton()">定金
+          </ws-button>
+          <ws-button type="primary" v-hasPermission="`report.goodsSaleOutReport.payment`" @click="handlecollect()">收款
+          </ws-button>
+        </el-col>
+        <el-col style="text-align: right; line-height: 60px; padding-right: 10px" :span="8">
+          <el-select v-model="contractNo" placeholder="请选择合同" clearable filterable @change="contractchange"
+            maxlength="500" type="input" class="findValue">
+            <el-option v-if="item.reportStatus" v-for="item in options" :key="item.constKey"
+              :label="item.contractNo + '(' + item.reportStatus + ')'" :value="item.contractNo" />
+            <!-- <el-option v-if="!item.reportStatus" v-for="item in options" :key="item.constKey"
 							:label="item.contractNo" :value="item.contractNo" /> -->
-					</el-select>
-				</el-col>
-			</el-row>
-			<div v-if="contractNo != ''">
-				<span v-if="orderList.buyer">买方: {{ orderList.buyer }} </span>
-				<span v-else>买方: </span>
-			</div>
-			<div v-if="contractNo != ''">
-				<span v-if="orderList.goodsName">货名: {{ orderList.goodsName }} </span>
-				<span v-else>货名: </span>
-				<span v-if="orderList.weight">合同重量: {{ orderList.weight }} 吨</span>
-				<span v-else>合同重量: 0 吨</span>
-				<span v-if="outboundVolume">出库量: {{ outboundVolume }} 吨</span>
-				<span v-else>出库量: 0 吨</span>
-				<span v-if="orderList.unitContractPrice">合同单价: {{ orderList.unitContractPrice }} 元/吨</span>
-				<span v-else>合同单价: 0 元/吨</span>
-				<span v-if="amountReceivable">应收: {{ amountReceivable.toFixed(2) }} 元</span>
-				<span v-else>应收: 0 元</span>
-				<span v-if="amountReceived">已收: {{ amountReceived.toFixed(2) }} 元
-					<img width="18" height="20" style="vertical-align: text-top; position: relative; top: -1px"
-						src="../../../public/img/fujian.png" @click="fujian1()" alt="" />
-				</span>
-				<span v-else>已收: 0 元</span>
-				<span v-if="uncollectedAmount">未收: {{ uncollectedAmount.toFixed(2) }} 元</span>
-				<span v-else>未收: 0 元</span>
-				<span v-if="orderList.deposit">定金: {{ orderList.deposit }} 元
-					<img width="18" height="20" style="vertical-align: text-top; position: relative; top: -1px"
-						src="../../../public/img/fujian.png" @click="fujian()" alt="" />
-				</span>
-				<span v-else>定金: 0 元</span>
-			</div>
-
-			<el-table class="wenzi" :data="saleList.records" style="width: 100%; margin-top: 20px" ref="saleList" border
-				:summary-method="getSummaries" show-summary @selection-change="handleSelectionChange">
-				<el-table-column type="index" label="序号" width="50"></el-table-column>
-				<el-table-column class="table_td" prop="warehouseName" label="仓库"></el-table-column>
-				<el-table-column class="table_td" prop="carNo" label="车牌号"></el-table-column>
-				<el-table-column class="table_td" prop="deliveryDate" label="出库日期">
-					<template slot-scope="scope">
-						<span style="color: #ce4545;" v-if="scope.row.returnFlag == 1">{{scope.row.returnDate}}</span>
-						<span v-if="scope.row.returnFlag == null">{{scope.row.deliveryDate }}</span>
-					</template>
-				</el-table-column>
-				<el-table-column class="table_td" prop="grossWeight" label="毛重(吨)"></el-table-column>
-				<el-table-column class="table_td" prop="tare" label="皮重(吨)"></el-table-column>
-				<el-table-column class="table_td" prop="netWeight" label="净重(吨)">
-					<template slot-scope="scope">
-						<span style="color: #ce4545;" @click='fujian2(scope.row)'
-							v-if="scope.row.returnFlag == 1">{{scope.row.netWeight}}(退)</span>
-						<span @click='fujian2(scope.row)' v-if="scope.row.returnFlag == null">{{scope.row.netWeight }}</span>
-					</template>
-				</el-table-column>
-				<el-table-column class="table_td" prop="settlementWeight" label="结算重量(吨)">
-					<template slot-scope="scope">
-						<div class="inputChenge">
-							<el-input v-model="scope.row.settlementWeight" v-if="scope.row.identification == 'true'">
-							</el-input>
-							<div v-if="scope.row.identification == 'false'" class="inputs">
-								<span style="color: #ce4545;"
-									v-if="scope.row.returnFlag == 1">{{scope.row.settlementWeight}}</span>
-								<span v-if="scope.row.returnFlag == null">{{scope.row.settlementWeight }}</span>
-							</div>
-						</div>
-						<img  v-hasPermission="`report.goodsSaleOutReport.edit`" width="17" height="18" style="vertical-align: text-top; position: relative; top: -1px"
-							src="../../../public/img/edit.png" @click="whether(scope.row)"
-							v-if="scope.row.identification == 'false'" alt="" />
-						<i class="el-icon-check" style="line-height: 29px; margin-left: 10px"
-							v-if="scope.row.identification == 'true'" @click="weightClick(scope.row)"></i>
-					</template>
-				</el-table-column>
-				<el-table-column class="table_td" prop="amountIngReceivable" label="应收金额(元)">
-					<template slot-scope="scope">
-						<span v-if="scope.row.returnFlag == null">{{scope.row.amountIngReceivable.toFixed(2) }}</span>
-					</template>
-				</el-table-column>
-			</el-table>
-
-
-			<!-- 页数 -->
-			<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
-				:current-page="currentPage" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper"
-				:total="deptBudgetTotal"></el-pagination>
-		</el-scrollbar>
-		<!-- 定金弹窗 -->
-		<WinseaContentModal v-model="accessoryTFs" :title="$t('system.noticeCircular.information')"
-			@on-cancel="handleClose">
-			<div v-for="(item,index) in addressUrlArray" :key="index">
-				<img width="100" height="100" :src="item" alt="">
-			</div>
-		</WinseaContentModal>
-		<!-- 已收弹窗 -->
-		<WinseaContentModal v-model="accessoryTFs1" :title="$t('system.noticeCircular.information')"
-			@on-cancel="handleClose1">
-			<div style="display: flex;">
-				<div v-for="(item,index) in addressUrlArray1" :key="index" style="display:flex;">
-					<img width="100" height="100" :src="item" alt="">
-					<!-- <img src="https://taohaoliang.oss-cn-beijing.aliyuncs.com/admin/f43f512136a544d3bbcef0fa4259d274.png" alt=""> -->
-				</div>
-			</div>
-		</WinseaContentModal>
-		<WinseaContentModal v-model="accessoryTFs2" :title="$t('system.noticeCircular.information')"
-			@on-cancel="handleClose">
-			<img width="100" height="100" :src="appendixIdss2" alt="">      
-		</WinseaContentModal>
-		<!-- 收款 -->
-		<el-dialog width="25%" title="收款" :visible.sync="dialogFormVisible1" :append-to-body="true">
-			<el-form :model="form">
-				<el-form-item label="未收金额(元)" :label-width="formLabelWidth" prop="amountNotReceivable">
-					<span>{{ uncollectedAmount }}</span>
-				</el-form-item>
-				<el-form-item label="本次收款金额(元)" :label-width="formLabelWidth">
-					<el-input v-model="money" autocomplete="off" placeholder="请输入本次收款金额" class="deal"></el-input>
-				</el-form-item>
-				<el-form-item label="收款日期" prop="collectionDate" :label-width="formLabelWidth" class="deal">
-					<ws-date-picker v-model="collectionDate" type="date" placeholder="请选择收款日期" value-format="yyyy-MM-dd"
-						class="deal" />
-				</el-form-item>
-				<el-form-item label="上传收款截图" :label-width="formLabelWidth">
-					<el-upload ref='upload' action="https://www.zthymaoyi.com/upload/admin" list-type="picture-card"
-						:on-success="handlePictureCardPreview" :on-remove="handleRemove" class="photo2">
-						<i class="el-icon-plus"></i>
-					</el-upload>
-				</el-form-item>
-			</el-form>
-			<div slot="footer" class="dialog-footer">
-				<el-button @click="dialogFormVisible1 = false">取 消</el-button>
-				<el-button  v-hasPermission="`report.goodsSaleOutReport.payment`" type="primary" @click="collectment()">提 交</el-button>
-			</div>
-		</el-dialog>
-		<!-- 定金 -->
-		<el-dialog width="25%" title="定金" :visible.sync="dialogFormVisible2" :append-to-body="true">
-			<el-form :model="form">
-				<el-form-item label="已收定金(元)" :label-width="formLabelWidth">
-					<el-input v-model="orderList.deposit" autocomplete="off" placeholder="输入定金金额" class="deal"></el-input>
-				</el-form-item>
-				<el-form-item label="上传定金截图" :label-width="formLabelWidth">
-					<el-upload action="https://www.zthymaoyi.com/upload/admin" :limit='1' list-type="picture-card"
-						:on-success="handlePictureCardPreview1" :on-remove="handleRemove" class="photo2">
-						<i class="el-icon-plus"></i>
-					</el-upload>
-				</el-form-item>
-			</el-form>
-			<div slot="footer" class="dialog-footer">
-				<el-button @click="dialogFormVisible2 = false">取 消</el-button>
-				<el-button type="primary" @click="depositSubmit()">提 交</el-button>
-			</div>
-		</el-dialog>
-		<!--备注-->
-		<el-dialog width="25%" title="备注" :visible.sync="collectForm1" :append-to-body="true">
-			<el-form :model="form">
-				<div class="beizhu">
-					<el-input v-model="orderList.remark" autocomplete="off" placeholder="备注信息,不超过1000字" class="deal"></el-input>
-				</div>
-			</el-form>
-			<div slot="footer" class="dialog-footer">
-				<el-button  @click="collectForm1 = false">关闭</el-button>
-				<el-button  v-hasPermission="`report.goodsSaleOutReport.carry`" type="primary" @click="adoptRemarks()">保存</el-button>
-			</div>
-		</el-dialog>
-	</div>
-	<!-- </div> -->
+          </el-select>
+        </el-col>
+      </el-row>
+      <el-row class='row2' v-if='orderList.deliverType==1'>
+        <el-tabs v-model="activeName" @tab-click="handleClick">
+          <el-tab-pane v-for='(item,index) in orderList.tranTaskInfoList' :key='index'
+            :label="item.taskNo+'+('+item.tranProcessInfo.tranType +')'" :name="item.tranProcessInfo.processNo"></el-tab-pane>
+        </el-tabs>
+      </el-row>
+      <div v-if="contractNo != ''">
+        <span v-if="orderList.buyer">买方: {{ orderList.buyer }} </span>
+        <span v-else>买方: </span>
+      </div>
+      <div v-if="contractNo != ''">
+        <span v-if="orderList.goodsName">货名: {{ orderList.goodsName }} </span>
+        <span v-else>货名: </span>
+        <span v-if="orderList.weight">合同重量: {{ orderList.weight }} 吨</span>
+        <span v-else>合同重量: 0 吨</span>
+        <span v-if="outboundVolume">出库量: {{ outboundVolume }} 吨</span>
+        <span v-else>出库量: 0 吨</span>
+        <span v-if="orderList.unitContractPrice">合同单价: {{ orderList.unitContractPrice }} 元/吨</span>
+        <span v-else>合同单价: 0 元/吨</span>
+        <span v-if="amountReceivable">应收: {{ amountReceivable.toFixed(2) }} 元</span>
+        <span v-else>应收: 0 元</span>
+        <span v-if="amountReceived">已收: {{ amountReceived.toFixed(2) }} 元
+          <img width="18" height="20" style="vertical-align: text-top; position: relative; top: -1px"
+            src="../../../public/img/fujian.png" @click="fujian1()" alt="" />
+        </span>
+        <span v-else>已收: 0 元</span>
+        <span v-if="uncollectedAmount">未收: {{ uncollectedAmount.toFixed(2) }} 元</span>
+        <span v-else>未收: 0 元</span>
+        <span v-if="orderList.deposit">定金: {{ orderList.deposit }} 元
+          <img width="18" height="20" style="vertical-align: text-top; position: relative; top: -1px"
+            src="../../../public/img/fujian.png" @click="fujian()" alt="" />
+        </span>
+        <span v-else>定金: 0 元</span>
+      </div>
+      <!-- 自运 -->
+      {{this.tranType}}
+      <el-table class="wenzi" :data="saleList.records" style="width: 100%; margin-top: 20px" ref="saleList" border
+        :summary-method="getSummaries" show-summary @selection-change="handleSelectionChange"
+        @row-click="handleRowClick" v-if="orderList.deliverType==1">
+        <el-table-column type="selection" width="55"></el-table-column>
+        <el-table-column type="index" label="序号" width="50"></el-table-column>
+        <el-table-column class="table_td" prop="processNo" label="运输任务阶段编号"></el-table-column>
+        <el-table-column class="table_td" prop="warehouseName" label="仓库" v-if="this.tranType=='退库'"></el-table-column>
+        <el-table-column class="table_td" prop="carNo" label="车牌号" v-if="this.tranType=='汽运'||this.tranType=='退库'"></el-table-column>
+        <el-table-column class="table_td" prop="binNumber" label="仓位号" v-if="this.tranType=='散船'"></el-table-column>
+        <el-table-column class="table_td" prop="boxNo" label="车厢号" v-if="this.tranType=='火运'"></el-table-column>
+        <el-table-column class="table_td" prop="caseNo" label="箱号" v-if="this.tranType=='汽运'||this.tranType=='箱船'||this.tranType=='退库'"></el-table-column>
+        <el-table-column class="table_td" prop="titleNo" label="封号" v-if="this.tranType=='汽运'||this.tranType=='箱船'||this.tranType=='退库'"></el-table-column>
+        <el-table-column class="table_td" prop="createDate" label="卸车反馈日期" v-if="this.tranType=='汽运'||this.tranType=='火运'"></el-table-column>
+        <el-table-column class="table_td" prop="createDate" label="卸船反馈日期" v-if="this.tranType=='散船'||this.tranType=='箱船'"></el-table-column>
+        <el-table-column class="table_td" prop="returnDate" label="退库日期" v-if="this.tranType=='退库'"></el-table-column>
+        <el-table-column class="table_td" prop="feedbackPerson" label="卸车反馈人" v-if="this.tranType=='汽运'||this.tranType=='火运'"></el-table-column>
+        <el-table-column class="table_td" prop="feedbackPerson" label="卸船反馈人" v-if="this.tranType=='散船'||this.tranType=='箱船'"></el-table-column>
+        <el-table-column class="table_td" prop="grossWeight" label="毛重(吨)" v-if="this.tranType=='退库'"></el-table-column>
+        <el-table-column class="table_td" prop="tare" label="皮重(吨)" v-if="this.tranType=='退库'"></el-table-column>
+        <el-table-column class="table_td" prop="netWeight" label="净重(吨)" v-if="this.tranType=='退库'"></el-table-column>
+
+        <!-- <el-table-column class="table_td" prop="deliveryDate" label="出库日期">
+          <template slot-scope="scope">
+            <span style="color: #ce4545;" v-if="scope.row.returnFlag == 1">{{scope.row.returnDate}}</span>
+            <span v-if="scope.row.returnFlag == null">{{scope.row.deliveryDate }}</span>
+          </template>
+        </el-table-column> -->
+        <el-table-column class="table_td" prop="unloadingWeight" label="卸车净重(吨)" v-if="this.tranType=='汽运'||this.tranType=='火运'"></el-table-column>
+        <el-table-column class="table_td" prop="unloadingWeight" label="卸船净重(吨)" v-if="this.tranType=='散船'||this.tranType=='箱船'"></el-table-column>
+        <el-table-column class="table_td" prop="settlementWeight" label="结算重量(吨)"></el-table-column>
+        <el-table-column class="table_td" prop="amountIngReceivable" label="应收金额(元)"></el-table-column>
+        <el-table-column class="table_td" prop="amountEdReceivable" label="已收金额(元)">
+          <!-- <template slot-scope="scope">
+            <span style="color: #ce4545;" @click='fujian2(scope.row)'
+              v-if="scope.row.returnFlag == 1">{{scope.row.netWeight}}(退)</span>
+            <span @click='fujian2(scope.row)' v-if="scope.row.returnFlag == null">{{scope.row.netWeight }}</span>
+          </template> -->
+        </el-table-column>
+        <el-table-column class="table_td" prop="amountNotReceivable" label="未收金额(元)">
+          <!-- <template slot-scope="scope">
+            <div class="inputChenge">
+              <el-input v-model="scope.row.settlementWeight" v-if="scope.row.identification == 'true'">
+              </el-input>
+              <div v-if="scope.row.identification == 'false'" class="inputs">
+                <span style="color: #ce4545;" v-if="scope.row.returnFlag == 1">{{scope.row.settlementWeight}}</span>
+                <span v-if="scope.row.returnFlag == null">{{scope.row.settlementWeight }}</span>
+              </div>
+            </div>
+            <img v-hasPermission="`report.goodsSaleOutReport.edit`" width="17" height="18"
+              style="vertical-align: text-top; position: relative; top: -1px" src="../../../public/img/edit.png"
+              @click="whether(scope.row)" v-if="scope.row.identification == 'false'" alt="" />
+            <i class="el-icon-check" style="line-height: 29px; margin-left: 10px"
+              v-if="scope.row.identification == 'true'" @click="weightClick(scope.row)"></i>
+          </template> -->
+        </el-table-column>
+        <el-table-column class="table_td" prop="collectionDate" label="收款日期">
+          <!-- <template slot-scope="scope">
+            <span v-if="scope.row.returnFlag == null">{{scope.row.amountIngReceivable.toFixed(2) }}</span>
+          </template> -->
+        </el-table-column>
+        <el-table-column class="table_td" prop="status" label="状态">
+          <!-- <template slot-scope="scope">
+            <span v-if="scope.row.returnFlag == null">{{scope.row.amountIngReceivable.toFixed(2) }}</span>
+          </template> -->
+        </el-table-column>
+      </el-table>
+
+      <!-- 他运 -->
+      <el-table v-else class="wenzi" :data="saleList.records" style="width: 100%; margin-top: 20px" ref="saleList1"
+        border :summary-method="getSummaries" show-summary @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55"></el-table-column>
+        <el-table-column type="index" label="序号" width="50"></el-table-column>
+        <el-table-column class="table_td" prop="warehouseName" label="仓库"></el-table-column>
+        <el-table-column class="table_td" prop="carNo" label="车牌号"></el-table-column>
+        <el-table-column class="table_td" prop="deliveryDate" label="出库日期">
+          <template slot-scope="scope">
+            <span style="color: #ce4545;" v-if="scope.row.returnFlag == 1">{{scope.row.returnDate}}</span>
+            <span v-if="scope.row.returnFlag == null">{{scope.row.deliveryDate }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column class="table_td" prop="grossWeight" label="毛重(吨)"></el-table-column>
+        <el-table-column class="table_td" prop="tare" label="皮重(吨)"></el-table-column>
+        <el-table-column class="table_td" prop="netWeight" label="净重(吨)">
+          <template slot-scope="scope">
+            <span style="color: #ce4545;" @click='fujian2(scope.row)'
+              v-if="scope.row.returnFlag == 1">{{scope.row.netWeight}}(退)</span>
+            <span @click='fujian2(scope.row)' v-if="scope.row.returnFlag == null">{{scope.row.netWeight }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column class="table_td" prop="settlementWeight" label="结算重量(吨)">
+          <template slot-scope="scope">
+            <div class="inputChenge">
+              <el-input v-model="scope.row.settlementWeight" v-if="scope.row.identification == 'true'">
+              </el-input>
+              <div v-if="scope.row.identification == 'false'" class="inputs">
+                <span style="color: #ce4545;" v-if="scope.row.returnFlag == 1">{{scope.row.settlementWeight}}</span>
+                <span v-if="scope.row.returnFlag == null">{{scope.row.settlementWeight }}</span>
+              </div>
+            </div>
+            <img v-hasPermission="`report.goodsSaleOutReport.edit`" width="17" height="18"
+              style="vertical-align: text-top; position: relative; top: -1px" src="../../../public/img/edit.png"
+              @click="whether(scope.row)" v-if="scope.row.identification == 'false'" alt="" />
+            <i class="el-icon-check" style="line-height: 29px; margin-left: 10px"
+              v-if="scope.row.identification == 'true'" @click="weightClick(scope.row)"></i>
+          </template>
+        </el-table-column>
+        <el-table-column class="table_td" prop="amountIngReceivable" label="应收金额(元)">
+          <template slot-scope="scope">
+            <span v-if="scope.row.returnFlag == null">{{scope.row.amountIngReceivable.toFixed(2) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column class="table_td" prop="amountIngReceivable" label="已收金额(元)">
+          <template slot-scope="scope">
+            <span v-if="scope.row.returnFlag == null">{{scope.row.amountIngReceivable.toFixed(2) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column class="table_td" prop="amountIngReceivable" label="未收金额(元)">
+          <template slot-scope="scope">
+            <span v-if="scope.row.returnFlag == null">{{scope.row.amountIngReceivable.toFixed(2) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column class="table_td" prop="amountIngReceivable" label="收款日期">
+          <template slot-scope="scope">
+            <span v-if="scope.row.returnFlag == null">{{scope.row.amountIngReceivable.toFixed(2) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column class="table_td" prop="amountIngReceivable" label="状态">
+          <template slot-scope="scope">
+            <span v-if="scope.row.returnFlag == null">{{scope.row.amountIngReceivable.toFixed(2) }}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+
+
+      <!-- 页数 -->
+      <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
+        :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="deptBudgetTotal"></el-pagination>
+    </el-scrollbar>
+    <!-- 定金弹窗 -->
+    <WinseaContentModal v-model="accessoryTFs" :title="$t('system.noticeCircular.information')"
+      @on-cancel="handleClose">
+      <div v-for="(item,index) in addressUrlArray" :key="index">
+        <img width="100" height="100" :src="item" alt="">
+      </div>
+    </WinseaContentModal>
+    <!-- 已收弹窗 -->
+    <WinseaContentModal v-model="accessoryTFs1" :title="$t('system.noticeCircular.information')"
+      @on-cancel="handleClose1">
+      <div style="display: flex;">
+        <div v-for="(item,index) in addressUrlArray1" :key="index" style="display:flex;">
+          <img width="100" height="100" :src="item" alt="">
+          <!-- <img src="https://taohaoliang.oss-cn-beijing.aliyuncs.com/admin/f43f512136a544d3bbcef0fa4259d274.png" alt=""> -->
+        </div>
+      </div>
+    </WinseaContentModal>
+    <WinseaContentModal v-model="accessoryTFs2" :title="$t('system.noticeCircular.information')"
+      @on-cancel="handleClose">
+      <img width="100" height="100" :src="appendixIdss2" alt="">
+    </WinseaContentModal>
+    <!-- 收款 -->
+    <el-dialog width="25%" title="收款" :visible.sync="dialogFormVisible1" :append-to-body="true">
+      <el-form :model="form">
+        <el-form-item label="未收金额(元)" :label-width="formLabelWidth" prop="amountNotReceivable">
+          <span>{{ uncollectedAmount }}</span>
+        </el-form-item>
+        <el-form-item label="本次收款金额(元)" :label-width="formLabelWidth">
+          <el-input v-model="money" autocomplete="off" placeholder="请输入本次收款金额" class="deal"></el-input>
+        </el-form-item>
+        <el-form-item label="收款日期" prop="collectionDate" :label-width="formLabelWidth" class="deal">
+          <ws-date-picker v-model="collectionDate" type="date" placeholder="请选择收款日期" value-format="yyyy-MM-dd"
+            class="deal" />
+        </el-form-item>
+        <el-form-item label="上传收款截图" :label-width="formLabelWidth">
+          <el-upload ref='upload' action="https://www.zthymaoyi.com/upload/admin" list-type="picture-card"
+            :on-success="handlePictureCardPreview" :on-remove="handleRemove" class="photo2">
+            <i class="el-icon-plus"></i>
+          </el-upload>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisible1 = false">取 消</el-button>
+        <el-button v-hasPermission="`report.goodsSaleOutReport.payment`" type="primary" @click="collectment()">提 交
+        </el-button>
+      </div>
+    </el-dialog>
+    <!-- 定金 -->
+    <el-dialog width="25%" title="定金" :visible.sync="dialogFormVisible2" :append-to-body="true">
+      <el-form :model="form">
+        <el-form-item label="已收定金(元)" :label-width="formLabelWidth">
+          <el-input v-model="orderList.deposit" autocomplete="off" placeholder="输入定金金额" class="deal"></el-input>
+        </el-form-item>
+        <el-form-item label="上传定金截图" :label-width="formLabelWidth">
+          <el-upload action="https://www.zthymaoyi.com/upload/admin" :limit='1' list-type="picture-card"
+            :on-success="handlePictureCardPreview1" :on-remove="handleRemove" class="photo2">
+            <i class="el-icon-plus"></i>
+          </el-upload>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisible2 = false">取 消</el-button>
+        <el-button type="primary" @click="depositSubmit()">提 交</el-button>
+      </div>
+    </el-dialog>
+    <!--备注-->
+    <el-dialog width="25%" title="备注" :visible.sync="collectForm1" :append-to-body="true">
+      <el-form :model="form">
+        <div class="beizhu">
+          <el-input v-model="orderList.remark" autocomplete="off" placeholder="备注信息,不超过1000字" class="deal"></el-input>
+        </div>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="collectForm1 = false">关闭</el-button>
+        <el-button v-hasPermission="`report.goodsSaleOutReport.carry`" type="primary" @click="adoptRemarks()">保存
+        </el-button>
+      </div>
+    </el-dialog>
+  </div>
+  <!-- </div> -->
 </template>
 <script>
-	import {
-		getStockSaleReceiptList,
-		getStockSaleContractNoList,
-		stockSaleCollectMoney,
-		disOrRemarks,
-		saleEditSettlementWeight,
-	} from '@/model/statisticalReport/index'
-	import Pagination from '@/components/Pagination'
-	import WsUpload from '@/components/WsUpload'
-	import {
-		EventBus
-	} from 'base-core-lib'
-	export default {
-		name: 'viewSpareMoney',
-		components: {
-			WsUpload,
-			Pagination,
-		},
-		watch: {
-			vesselId(val) {
-				this.getList()
-			},
-			isShow(val) {
-				this.showType = val
-			},
-		},
-
-		data() {
-			return {
-				dialogFormVisible1: false,
-				dialogFormVisible2: false,
-				amountEdReceivable: 0,
-				amountNotReceivable: 0,
-				deptBudgetList: {},
-				//分页
-				currentPage: 1,
-				pageSize: 10,
-				allmoney1: 0,
-				deptCircularPage: {},
-				deptBudgetTotal: 0,
-				stockSaleReceiptReportList: [],
-				stockSaleReceiptReport: {
-					stockSaleReceiptReportList: [],
-					money: '',
-					amountEdReceivable: 0,
-					amountNotReceivable: 0,
-					collectionDate: '',
-					id: '',
-					invoiceType: '',
-				},
-				orderList: {},
-				options: [],
-				contractNoList: [],
-				contractNo: '',
-				dialogVisible: false,
-				form: {},
-				compId: sessionStorage.getItem('ws-pf_compId'),
-				collectForm: false,
-				collectForm1: false,
-				managementType: 3,
-				money: 0,
-				//  id:'',
-				collectmoney: 0,
-				remark: '',
-				remarkInformationList: {},
-				remarkInformation: {
-					remarkInformationList: [],
-					id: '',
-					remark: '',
-					deposit: '0',
-					depositUrl: '',
-				},
-				deposit: '0',
-				depositUrl: [],
-				saleList: [],
-				amountReceivable: '',
-				amountReceived: '',
-				uncollectedAmount: '',
-				outboundVolume: '',
-				collectionDate: '',
-				collectionScreenshot: '',
-				amountEdCollectionable: '',
-				actualCollectionment: '',
-				// collectDate: '',
-				calculationCollectable: '',
-				searchType: '',
-				searchTypeText: '',
-				formLabelWidth: '120px',
-				searchKeyWord: '',
-				value1: '', //收款日期
-				modification: [],
-				accessoryTFs: false,
-				appendixIdss: [],
-				accessoryTFs1: false,
-				appendixIdss1: [],
-				appendixIdss2:'',
-				accessoryTFs2: false,
-				addressUrlArray: [],
-				addressUrlArray1: [],
-			}
-		},
-		activated() {
-       var now = new Date();
-       var year = now.getFullYear(); //得到年份
-       var month = now.getMonth(); //得到月份
-       var date = now.getDate(); //得到日期
-       month = month + 1;
-       month = month.toString().padStart(2, "0");
-       date = date.toString().padStart(2, "0");
-       this.collectionDate = `${year}-${month}-${date}`;
-			this.getList()
-			this.showType = this.isShow
-		},
-		methods: {
-			//表头
-			contractchange(e) {
-				for (var i = 0; i < this.contractNoList.length; i++) {
-					if (this.contractNoList[i].contractNo == e) {
-						this.orderList = this.contractNoList[i]
-						if (this.contractNoList[i].depositUrl) {
-							this.addressUrlArray = this.contractNoList[i].depositUrl.split(',')
-						} else {
-							this.addressUrlArray = []
-						}
-					}
-				}
-				this.contractNo = e
-				this.getList()
-			},
-			//选择合同
-			dataFilter(val) {
-				this.contractNo = val
-				if (val) {
-					//val存在
-					this.options = this.contractNoList.filter(item => {
-						if (
-							!!~item.contractNo.indexOf(val) ||
-							!!~item.contractNo.toUpperCase().indexOf(val.toUpperCase())
-						) {
-							return true
-						}
-					})
-				} else {
-					//val为空时,还原数组
-					this.options = this.contractNoList
-				}
-			},
-			//修改结算重量
-			whether(row) {
-				row.identification = 'true'
-			},
-			weightClick(row) {
-				if (
-					row.settlementWeight > 200 ||
-					row.settlementWeight < 1 ||
-					(String(row.settlementWeight).indexOf(
-							'.'
-						) != -1 &&
-						String(row.settlementWeight).length -
-						(String(row.settlementWeight).indexOf(
-								'.'
-							) +
-							1) >
-						3)
-				) {
-					this.$message({
-						message: '结算重量输入错误',
-						type: 'warning',
-					})
-					return
-				}
-				this.$confirm(`确定要修改结算重量?`, {
-						confirmButtonText: '确定',
-						cancelButtonText: '取消',
-						type: 'warning',
-					})
-					.then(() => {
-						saleEditSettlementWeight({
-								settlementWeight: row.settlementWeight,
-								id: row.id,
-							})
-							.toPromise()
-							.then((response) => {
-								this.$notify.success({
-									title: '成功',
-									message: '结算重量修改成功',
-								})
-								this.getList()
-							})
-							.catch(() => {
-								return false
-							})
-					})
-			},
-			//备注信息
-			adopt() {
-				this.collectForm1 = true
-			},
-			adoptRemarks() {
-				// this.remarkInformation.remark = this.orderList.remark
-				this.$confirm(`确定要保存备注信息?`, {
-						confirmButtonText: '确定',
-						cancelButtonText: '取消',
-						type: 'warning',
-					})
-					.then(() => {
-						for (var i = 0; i < this.contractNoList.length; i++) {
-							if (this.contractNoList[i].contractNo == this.contractNo) {
-								this.remarkInformationList.id = this.contractNoList[i].id
-							}
-						}
-						this.remarkInformationList.remark = this.orderList.remark
-						disOrRemarks(this.remarkInformationList)
-							.toPromise()
-							.then(() => {
-								this.collectForm1 = false
-								this.$message.success('添加备注信息成功')
-								this.remarkInformationList = {}
-								this.getList()
-
-							})
-							.catch(() => {
-								return false
-							})
-					})
-			},
-			selectInit(row) {
-				//在这里一定要记得类型匹配的上。
-				if (row.approveStatus == null) {
-					return true
-				} else if (row.approveStatus != null) {
-					if (row.taskId == null) {
-						return false
-					} else {
-						return true
-					}
-				}
-			},
-			handleSelectionChange(val) {
-				this.modification = val
-			},
-			//合计
-			getSummaries(param) {
-				const {
-					columns,
-					data
-				} = param
-				const sums = []
-				columns.forEach((column, index) => {
-					if (index === 0) {
-						sums[index] = '合计'
-					} else if (
-						index === 7 ||
-						index === 8
-					) {
-						const values = data.map((item) => Number(item[column.property]))
-						if (!values.every((value) => isNaN(value))) {
-							sums[index] = values.reduce((prev, curr) => {
-								const value = Number(curr)
-								if (!isNaN(value)) {
-									return prev + curr
-								} else {
-									return prev
-								}
-							}, 0)
-						} else {
-							sums[index] = '元'
-						}
-					} else {
-						sums[index] = '--'
-					}
-				})
-				sums[sums.length-1]=sums[sums.length-1].toFixed(2)
-				sums[sums.length-2]=sums[sums.length-2].toFixed(2)
-				return sums
-			},
-			//定金
-			depositbutton() {
-				this.dialogFormVisible2 = true
-			},
-			depositSubmit() {
-				this.remarkInformation.deposit = this.orderList.deposit
-				this.remarkInformation.depositUrl = this.depositUrl
-				this.$confirm(`确定提交定金信息?`, {
-					cancelButtonText: '取消',
-					confirmButtonText: '确定',
-					type: 'warning',
-				}).then(() => {
-					for (var i = 0; i < this.contractNoList.length; i++) {
-						if (this.contractNoList[i].contractNo == this.contractNo) {
-							this.remarkInformationList.id = this.contractNoList[i].id
-						}
-					}
-					this.remarkInformationList.deposit = this.orderList.deposit
-					this.remarkInformationList.depositUrl = this.depositUrl.toString()
-					disOrRemarks(this.remarkInformationList)
-						.toPromise()
-						.then((response) => {
-							this.$notify.success({
-								title: '成功',
-								message: '定金成功',
-							})
-							this.remarkInformationList = {}
-							this.dialogFormVisible2 = false
-							this.getList()
-						})
-						.catch((response) => {
-							console.log(response)
-							EventBus.$emit('error', response.message)
-						})
-				})
-			},
-			//定金附件
-			fujian() {
-				if (this.orderList.depositUrl === null || this.orderList.depositUrl === '') {
-					EventBus.$emit(
-						'warning',
-						this.$t('system.noticeCircular.NoInformation')
-					)
-				}
-				this.appendixIdss = this.orderList.depositUrl
-				this.accessoryTFs = true
-			},
-			fujian2(item) {
-				if (item.poundImg === null || item.poundImg === '') {
-					EventBus.$emit(
-						'warning',
-						this.$t('system.noticeCircular.NoInformation')
-					)
-				}
-				this.appendixIdss2 = item.poundImg
-				this.accessoryTFs2 = true
-			},
-			handleClose() {
-				this.accessoryTFs = false
-			},
-			//已收附件
-			fujian1() {
-				if (this.addressUrlArray1.length == 0) {
-					EventBus.$emit(
-						'warning',
-						this.$t('system.noticeCircular.NoInformation')
-					)
-				} else {
-					this.appendixIdss1 = this.collectionScreenshot
-					this.accessoryTFs1 = true
-				}
-			},
-			handleClose1() {
-				this.accessoryTFs1 = false
-			},
-			//收款
-			handlecollect() {
-				this.amountEdReceivable = this.saleList.records[0].amountEdReceivable
-				this.amountNotReceivable = this.saleList.records[0].amountNotReceivable
-				this.stockSaleReceiptReportList = this.saleList.records
-				this.dialogFormVisible1 = true
-			},
-			collectment() {
-				this.stockSaleReceiptReport.money = this.money
-				this.stockSaleReceiptReport.collectionDate = this.collectionDate
-				if (
-					this.money == 0 ||
-					(String(this.money).indexOf('.') != -1 &&
-						String(this.money).length - (String(this.money).indexOf('.') + 1) >
-						2)
-				) {
-					this.$message({
-						message: '收款金额输入错误',
-						type: 'warning',
-					})
-					return
-				}
-				if (this.money) {
-					if (isNaN(this.money)) {
-						this.$message({
-							message: '收款金额非数字!',
-							type: 'warning',
-						})
-						return
-					}
-				}
-				if (!this.money) {
-					this.$message({
-						message: '收款金额不能为空!',
-						type: 'warning',
-					})
-					return
-				}
-				if (this.money >= 0&&this.money > this.uncollectedAmount) {
-					this.$message({
-						message: '收款金额不能大于未收金额!',
-						type: 'warning',
-					})
-					return
-			    }
-				this.$confirm(`确定提交收款信息?`, {
-					cancelButtonText: '取消',
-					confirmButtonText: '确定',
-					type: 'warning',
-				}).then(() => {
-					stockSaleCollectMoney({
-							stockSaleReceiptReportList: this.stockSaleReceiptReportList,
-							amountEdReceivable: this.amountEdReceivable,
-							amountNotReceivable: this.amountNotReceivable,
-							money: this.money,
-							collectionDate: this.collectionDate,
-							collectionScreenshot: this.collectionScreenshot,
-						})
-						.toPromise()
-						.then((response) => {
-							this.$notify.success({
-								title: '成功',
-								message: '收款成功',
-							})
-							this.stockSaleReceiptReportList = {}
-							this.money = ''
-							this.collectionDate = ''
-							this.collectionScreenshot = ''
-							this.$refs.upload.clearFiles()
-							this.dialogFormVisible1 = false
-							this.getList()
-						})
-						.catch((response) => {
-							console.log(response)
-							EventBus.$emit('error', response.message)
-						})
-				})
-			},
-			//列表
-			getList() {
-				getStockSaleReceiptList({
-						compId: sessionStorage.getItem('ws-pf_compId'),
-						currentPage: this.currentPage,
-						pageSize: this.pageSize,
-						searchType: this.searchType,
-						contractNo: this.contractNo,
-					})
-					.toPromise()
-					.then((response) => {
-						this.amountReceivable = 0
-						this.amountReceived = 0
-						this.uncollectedAmount = 0
-						this.outboundVolume = 0
-						let num = []
-						for (var i = 0; i < response.records.length; i++) {
-							response.records[i].identification = 'false'
-							this.amountReceivable += response.records[i].amountIngReceivable
-							this.amountReceived += response.records[i].amountEdReceivable
-							this.uncollectedAmount += response.records[i].amountNotReceivable
-							this.outboundVolume += response.records[i].settlementWeight
-							// this.addressUrlArray1.push(response.records[i].collectionScreenshot.split('$'))
-							if(response.records[i].collectionScreenshot!=null){
-							    num = response.records[i].collectionScreenshot.split('$')
-								for (let j = 0; j < num.length; j++) {
-									if (num[j] != '') {
-										if (this.addressUrlArray1.indexOf(num[j]) == -1) {
-											this.addressUrlArray1.push(num[j])
-										}
-
-									}
-								}
-							}
-						}
-						this.deptBudgetTotal = response.total
-						this.saleList = response
-					})
-				getStockSaleContractNoList({
-						compId: sessionStorage.getItem('ws-pf_compId'),
-						currentPage: this.currentPage,
-						pageSize: this.pageSize,
-						roleFlag: this.roleFlag,
-					})
-					.toPromise()
-					.then((response) => {
-						this.contractNoList = response
-						// this.contractNoList.unshift({})
-						this.options = this.contractNoList
-					})
-			},
-			//收款截图
-			handleRemove(file) {
-				console.log(file)
-			},
-			handlePictureCardPreview(file) {
-				this.collectionScreenshot = file.url
-			},
-			handlePictureCardPreview1(file) {
-				this.depositUrl = file.url
-			},
-			handleDownload(file) {
-				console.log(file)
-			},
-			handleSizeChange(val) {
-				console.log(`每页 ${val} 条`)
-				this.pageSize = val
-				this.getList()
-			},
-			handleCurrentChange(val) {
-				this.currentPage = val
-				console.log(`当前页: ${val}`)
-				this.getList()
-			},
-		},
-	}
+  import {
+    getStockSaleReceiptList,
+    getStockSaleContractNoList,
+    stockSaleCollectMoney,
+    disOrRemarks,
+    saleEditSettlementWeight,
+  } from '@/model/statisticalReport/index'
+  import Pagination from '@/components/Pagination'
+  import WsUpload from '@/components/WsUpload'
+  import {
+    EventBus
+  } from 'base-core-lib'
+  export default {
+    name: 'viewSpareMoney',
+    components: {
+      WsUpload,
+      Pagination,
+    },
+    watch: {
+      vesselId(val) {
+        this.getList()
+      },
+      isShow(val) {
+        this.showType = val
+      },
+    },
+
+    data() {
+      return {
+        tranType:'',
+        clickType: '',
+        activeName: '',
+        dialogFormVisible1: false,
+        dialogFormVisible2: false,
+        amountEdReceivable: 0,
+        amountNotReceivable: 0,
+        deptBudgetList: {},
+        //分页
+        currentPage: 1,
+        pageSize: 10,
+        allmoney1: 0,
+        deptCircularPage: {},
+        deptBudgetTotal: 0,
+        stockSaleReceiptReportList: [],
+        stockSaleReceiptReport: {
+          stockSaleReceiptReportList: [],
+          money: '',
+          amountEdReceivable: 0,
+          amountNotReceivable: 0,
+          collectionDate: '',
+          id: '',
+          invoiceType: '',
+        },
+        orderList: {},
+        options: [],
+        contractNoList: [],
+        contractNo: '',
+        dialogVisible: false,
+        form: {},
+        compId: sessionStorage.getItem('ws-pf_compId'),
+        collectForm: false,
+        collectForm1: false,
+        managementType: 3,
+        money: 0,
+        //  id:'',
+        collectmoney: 0,
+        remark: '',
+        remarkInformationList: {},
+        remarkInformation: {
+          remarkInformationList: [],
+          id: '',
+          remark: '',
+          deposit: '0',
+          depositUrl: '',
+        },
+        deposit: '0',
+        depositUrl: [],
+        saleList: [],
+        amountReceivable: '',
+        amountReceived: '',
+        uncollectedAmount: '',
+        outboundVolume: '',
+        collectionDate: '',
+        collectionScreenshot: '',
+        amountEdCollectionable: '',
+        actualCollectionment: '',
+        // collectDate: '',
+        calculationCollectable: '',
+        searchType: '',
+        searchTypeText: '',
+        formLabelWidth: '120px',
+        searchKeyWord: '',
+        value1: '', //收款日期
+        modification: [],
+        accessoryTFs: false,
+        appendixIdss: [],
+        accessoryTFs1: false,
+        appendixIdss1: [],
+        appendixIdss2: '',
+        accessoryTFs2: false,
+        addressUrlArray: [],
+        addressUrlArray1: [],
+      }
+    },
+    activated() {
+      var now = new Date();
+      var year = now.getFullYear(); //得到年份
+      var month = now.getMonth(); //得到月份
+      var date = now.getDate(); //得到日期
+      month = month + 1;
+      month = month.toString().padStart(2, "0");
+      date = date.toString().padStart(2, "0");
+      this.collectionDate = `${year}-${month}-${date}`;
+      this.getList()
+      this.showType = this.isShow
+    },
+    methods: {
+      handleRowClick(){},
+      handleClick(tab, event) {
+        console.log(tab,event);
+
+      },
+      //表头
+      contractchange(e) {
+        console.log('type',this.activeName)
+        for (var i = 0; i < this.contractNoList.length; i++) {
+          if (this.contractNoList[i].contractNo == e) {
+            this.orderList = this.contractNoList[i]
+            this.activeName = this.orderList.tranTaskInfoList[0].tranProcessInfo.processNo
+            this.tranType = this.orderList.tranTaskInfoList[0].tranProcessInfo.tranType
+            if (this.contractNoList[i].depositUrl) {
+              this.addressUrlArray = this.contractNoList[i].depositUrl.split(',')
+            } else {
+              this.addressUrlArray = []
+            }
+          }
+        }
+        this.contractNo = e
+        // this.$refs.saleList.doLayout();        
+        this.getList(this.orderList.deliverType)
+      },
+      //选择合同
+      dataFilter(val) {
+        this.contractNo = val
+        if (val) {
+          //val存在
+          this.options = this.contractNoList.filter(item => {
+            if (
+              !!~item.contractNo.indexOf(val) ||
+              !!~item.contractNo.toUpperCase().indexOf(val.toUpperCase())
+            ) {
+              return true
+            }
+          })
+        } else {
+          //val为空时,还原数组
+          this.options = this.contractNoList
+        }
+      },
+      //修改结算重量
+      whether(row) {
+        row.identification = 'true'
+      },
+      weightClick(row) {
+        if (
+          row.settlementWeight > 200 ||
+          row.settlementWeight < 1 ||
+          (String(row.settlementWeight).indexOf(
+              '.'
+            ) != -1 &&
+            String(row.settlementWeight).length -
+            (String(row.settlementWeight).indexOf(
+                '.'
+              ) +
+              1) >
+            3)
+        ) {
+          this.$message({
+            message: '结算重量输入错误',
+            type: 'warning',
+          })
+          return
+        }
+        this.$confirm(`确定要修改结算重量?`, {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning',
+          })
+          .then(() => {
+            saleEditSettlementWeight({
+                settlementWeight: row.settlementWeight,
+                id: row.id,
+              })
+              .toPromise()
+              .then((response) => {
+                this.$notify.success({
+                  title: '成功',
+                  message: '结算重量修改成功',
+                })
+                this.getList()
+              })
+              .catch(() => {
+                return false
+              })
+          })
+      },
+      //备注信息
+      adopt() {
+        this.collectForm1 = true
+      },
+      adoptRemarks() {
+        // this.remarkInformation.remark = this.orderList.remark
+        this.$confirm(`确定要保存备注信息?`, {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning',
+          })
+          .then(() => {
+            for (var i = 0; i < this.contractNoList.length; i++) {
+              if (this.contractNoList[i].contractNo == this.contractNo) {
+                this.remarkInformationList.id = this.contractNoList[i].id
+              }
+            }
+            this.remarkInformationList.remark = this.orderList.remark
+            disOrRemarks(this.remarkInformationList)
+              .toPromise()
+              .then(() => {
+                this.collectForm1 = false
+                this.$message.success('添加备注信息成功')
+                this.remarkInformationList = {}
+                this.getList()
+
+              })
+              .catch(() => {
+                return false
+              })
+          })
+      },
+      selectInit(row) {
+        //在这里一定要记得类型匹配的上。
+        // if (row.approveStatus == null) {
+        //   return true
+        // } else if (row.approveStatus != null) {
+        //   if (row.taskId == null) {
+        //     return false
+        //   } else {
+        //     return true
+        //   }
+        // }
+      },
+      handleSelectionChange(val) {
+        this.modification = val
+      },
+      //合计
+      getSummaries(param) {
+        const {
+          columns,
+          data
+        } = param
+        const sums = []
+        columns.forEach((column, index) => {
+          if (index === 0) {
+            sums[index] = '合计'
+          } else if (
+            index === 7 ||
+            index === 8
+          ) {
+            const values = data.map((item) => Number(item[column.property]))
+            if (!values.every((value) => isNaN(value))) {
+              sums[index] = values.reduce((prev, curr) => {
+                const value = Number(curr)
+                if (!isNaN(value)) {
+                  return prev + curr
+                } else {
+                  return prev
+                }
+              }, 0)
+            } else {
+              sums[index] = '元'
+            }
+          } else {
+            sums[index] = '--'
+          }
+        })
+        sums[sums.length - 1] = sums[sums.length - 1].toFixed(2)
+        sums[sums.length - 2] = sums[sums.length - 2].toFixed(2)
+        return sums
+      },
+      //定金
+      depositbutton() {
+        this.dialogFormVisible2 = true
+      },
+      depositSubmit() {
+        this.remarkInformation.deposit = this.orderList.deposit
+        this.remarkInformation.depositUrl = this.depositUrl
+        this.$confirm(`确定提交定金信息?`, {
+          cancelButtonText: '取消',
+          confirmButtonText: '确定',
+          type: 'warning',
+        }).then(() => {
+          for (var i = 0; i < this.contractNoList.length; i++) {
+            if (this.contractNoList[i].contractNo == this.contractNo) {
+              this.remarkInformationList.id = this.contractNoList[i].id
+            }
+          }
+          this.remarkInformationList.deposit = this.orderList.deposit
+          this.remarkInformationList.depositUrl = this.depositUrl.toString()
+          disOrRemarks(this.remarkInformationList)
+            .toPromise()
+            .then((response) => {
+              this.$notify.success({
+                title: '成功',
+                message: '定金成功',
+              })
+              this.remarkInformationList = {}
+              this.dialogFormVisible2 = false
+              this.getList()
+            })
+            .catch((response) => {
+              console.log(response)
+              EventBus.$emit('error', response.message)
+            })
+        })
+      },
+      //定金附件
+      fujian() {
+        if (this.orderList.depositUrl === null || this.orderList.depositUrl === '') {
+          EventBus.$emit(
+            'warning',
+            this.$t('system.noticeCircular.NoInformation')
+          )
+        }
+        this.appendixIdss = this.orderList.depositUrl
+        this.accessoryTFs = true
+      },
+      fujian2(item) {
+        if (item.poundImg === null || item.poundImg === '') {
+          EventBus.$emit(
+            'warning',
+            this.$t('system.noticeCircular.NoInformation')
+          )
+        }
+        this.appendixIdss2 = item.poundImg
+        this.accessoryTFs2 = true
+      },
+      handleClose() {
+        this.accessoryTFs = false
+      },
+      //已收附件
+      fujian1() {
+        if (this.addressUrlArray1.length == 0) {
+          EventBus.$emit(
+            'warning',
+            this.$t('system.noticeCircular.NoInformation')
+          )
+        } else {
+          this.appendixIdss1 = this.collectionScreenshot
+          this.accessoryTFs1 = true
+        }
+      },
+      handleClose1() {
+        this.accessoryTFs1 = false
+      },
+      //收款
+      handlecollect() {
+        this.amountEdReceivable = this.saleList.records[0].amountEdReceivable
+        this.amountNotReceivable = this.saleList.records[0].amountNotReceivable
+        this.stockSaleReceiptReportList = this.saleList.records
+        this.dialogFormVisible1 = true
+      },
+      collectment() {
+        this.stockSaleReceiptReport.money = this.money
+        this.stockSaleReceiptReport.collectionDate = this.collectionDate
+        if (
+          this.money == 0 ||
+          (String(this.money).indexOf('.') != -1 &&
+            String(this.money).length - (String(this.money).indexOf('.') + 1) >
+            2)
+        ) {
+          this.$message({
+            message: '收款金额输入错误',
+            type: 'warning',
+          })
+          return
+        }
+        if (this.money) {
+          if (isNaN(this.money)) {
+            this.$message({
+              message: '收款金额非数字!',
+              type: 'warning',
+            })
+            return
+          }
+        }
+        if (!this.money) {
+          this.$message({
+            message: '收款金额不能为空!',
+            type: 'warning',
+          })
+          return
+        }
+        if (this.money >= 0 && this.money > this.uncollectedAmount) {
+          this.$message({
+            message: '收款金额不能大于未收金额!',
+            type: 'warning',
+          })
+          return
+        }
+        this.$confirm(`确定提交收款信息?`, {
+          cancelButtonText: '取消',
+          confirmButtonText: '确定',
+          type: 'warning',
+        }).then(() => {
+          stockSaleCollectMoney({
+              stockSaleReceiptReportList: this.stockSaleReceiptReportList,
+              amountEdReceivable: this.amountEdReceivable,
+              amountNotReceivable: this.amountNotReceivable,
+              money: this.money,
+              collectionDate: this.collectionDate,
+              collectionScreenshot: this.collectionScreenshot,
+            })
+            .toPromise()
+            .then((response) => {
+              this.$notify.success({
+                title: '成功',
+                message: '收款成功',
+              })
+              this.stockSaleReceiptReportList = {}
+              this.money = ''
+              this.collectionDate = ''
+              this.collectionScreenshot = ''
+              this.$refs.upload.clearFiles()
+              this.dialogFormVisible1 = false
+              this.getList()
+            })
+            .catch((response) => {
+              console.log(response)
+              EventBus.$emit('error', response.message)
+            })
+        })
+      },
+      //列表
+      getList(type) {debugger
+        // 1自运2他运
+        let _data = {
+            compId: sessionStorage.getItem('ws-pf_compId'),
+            currentPage: this.currentPage,
+            pageSize: this.pageSize,
+            searchType: this.searchType,
+            contractNo: this.contractNo,
+          }
+          if(type==1){
+            _data.processNo = this.activeName
+          }
+        getStockSaleReceiptList(_data)
+          .toPromise()
+          .then((response) => {
+            this.amountReceivable = 0
+            this.amountReceived = 0
+            this.uncollectedAmount = 0
+            this.outboundVolume = 0
+            let num = []
+            for (var i = 0; i < response.records.length; i++) {
+              response.records[i].identification = 'false'
+              this.amountReceivable += response.records[i].amountIngReceivable
+              this.amountReceived += response.records[i].amountEdReceivable
+              this.uncollectedAmount += response.records[i].amountNotReceivable
+              this.outboundVolume += response.records[i].settlementWeight
+              // this.addressUrlArray1.push(response.records[i].collectionScreenshot.split('$'))
+              if (response.records[i].collectionScreenshot != null) {
+                num = response.records[i].collectionScreenshot.split('$')
+                for (let j = 0; j < num.length; j++) {
+                  if (num[j] != '') {
+                    if (this.addressUrlArray1.indexOf(num[j]) == -1) {
+                      this.addressUrlArray1.push(num[j])
+                    }
+
+                  }
+                }
+              }
+            }
+            this.deptBudgetTotal = response.total
+            this.saleList = response
+          })
+        getStockSaleContractNoList({
+            compId: sessionStorage.getItem('ws-pf_compId'),
+            currentPage: this.currentPage,
+            pageSize: this.pageSize,
+            roleFlag: this.roleFlag,
+          })
+          .toPromise()
+          .then((response) => {
+            this.contractNoList = response
+            // this.contractNoList.unshift({})
+            this.options = this.contractNoList
+          })
+      },
+      //收款截图
+      handleRemove(file) {
+        console.log(file)
+      },
+      handlePictureCardPreview(file) {
+        this.collectionScreenshot = file.url
+      },
+      handlePictureCardPreview1(file) {
+        this.depositUrl = file.url
+      },
+      handleDownload(file) {
+        console.log(file)
+      },
+      handleSizeChange(val) {
+        console.log(`每页 ${val} 条`)
+        this.pageSize = val
+        this.getList()
+      },
+      handleCurrentChange(val) {
+        this.currentPage = val
+        console.log(`当前页: ${val}`)
+        this.getList()
+      },
+    },
+  }
 </script>
 <style lang="scss" scoped>
-	.connert {
-		width: 90%;
-		margin: 0 auto;
-	}
-
-	.vertical-text-left {
-		width: 62px;
-		text-align: right;
-	}
-
-	//分页
-	.el-pagination {
-		padding: 10px 15px;
-		margin-bottom: 0;
-		text-align: center;
-	}
-
-	/deep/.el-pager li.active {
-		color: #5878e8;
-		cursor: default;
-	}
-
-	/deep/.el-pager li:hover {
-		color: #5878e8;
-		cursor: default;
-	}
-
-	.el-button--default {
-		color: #8890b1;
-		border-color: #e8eaf1;
-	}
-
-	/deep/.base_header_layout .grid-content.right .find.el-button--primary {
-		width: 30px;
-		margin-left: 0;
-		border-top-left-radius: 0px;
-		border-bottom-left-radius: 0px;
-	}
-
-	/deep/.findValue .el-input__inner {
-		border-top-right-radius: 0px;
-		border-bottom-right-radius: 0px;
-		width: 385px;
-	}
-
-	.completed.el-button--default {
-		border-color: #5878e8;
-		background-color: #f6f7fc;
-		color: #5878e8;
-	}
-
-	.putstorage.el-button--default,
-	.deliverystorage.el-button--default {
-		border-color: #8890b1;
-		background-color: #fff;
-		color: #8890b1;
-	}
-
-	/deep/.el-table td,
-	/deep/.el-table th.is-leaf {
-		border-right: 1px solid #e9ecf7;
-		text-align: center;
-	}
-
-	/deep/.el-table tr td:first-child,
-	/deep/.el-table tr th.is-leaf:first-child {
-		border-left: 1px solid #e9ecf7;
-	}
-
-	.record,
-	.adjustment {
-		display: inline-block;
-		color: #5878e8;
-		padding: 0 4px !important;
-		position: relative;
-	}
-
-	.record:after {
-		position: absolute;
-		content: '';
-		display: block;
-		top: 5px;
-		right: -2px;
-		width: 1px;
-		height: 12px;
-		background: #e9ecf7;
-	}
-
-	// .el-row{
-	//     height: 150px;
-	// }
-	.base_header_layout .grid-content {
-		margin-top: 80px;
-	}
-
-	.el-input--small .el-input__inner {
-		margin-left: 20px;
-	}
-
-	.el-range-editor--small.el-input__inner {
-		height: 32px;
-		margin-left: -20%;
-	}
-
-	//执行样式
-	.executory,
-	.inExecution,
-	.done {
-		width: 6px;
-		height: 6px;
-		display: inline-block;
-		border-radius: 50%;
-		position: relative;
-		top: -1px;
-		font-size: 14px;
-	}
-
-	.executory {
-		background: #ff9f24;
-	}
-
-	.inExecution {
-		background: #5878e8;
-	}
-
-	.done {
-		background: #50cad4;
-	}
-
-	.record,
-	.adjustment {
-		display: inline-block;
-		color: #5878e8;
-		padding: 0 4px !important;
-		position: relative;
-		font-size: 14px;
-	}
-
-	.container {
-		overflow: scroll;
-		height: 93vh;
-	}
-
-	.button-container {
-		display: flex;
-		flex-wrap: nowrap;
-		justify-content: space-between;
-		align-items: center;
-		background-color: #fff;
-		width: 100%;
-		height: 50px;
-		padding: 0 10px;
-
-		&>div {
-			margin-left: 10px;
-			display: flex;
-			flex-wrap: nowrap;
-			flex-direction: row;
-
-			&>span {
-				line-height: 50px;
-			}
-		}
-
-		/deep/.auditFlow-box {
-			position: unset;
-			margin-left: 10px;
-
-			&/deep/.auditFlow-icon {
-				width: auto;
-				padding-right: 30px;
-			}
-
-			&/deep/.auditFlow-main {
-				position: absolute;
-			}
-		}
-	}
-
-	.bg-left {
-		padding-left: 30px;
-	}
-
-	.title {
-		position: relative;
-	}
-
-	.title::before {
-		content: '';
-		display: inline-block;
-		width: 5px;
-		height: 30px;
-		background: #5473e8;
-		position: absolute;
-		left: 0;
-	}
-
-	.el-button--primary {
-		background-color: #5878e8;
-		border-color: #5878e8;
-		// margin-left: 85%;
-		margin-top: 13px;
-	}
-
-	//导航条样式
-	.el-col-12 {
-		width: 50%;
-		height: 60px;
-		background: #f6f7fc;
-		border-radius: 4px 4px 1px 1px;
-	}
-
-	.el-input--small .el-input__inner {
-		height: 32px;
-		line-height: 32px;
-		width: 385px;
-		margin-top: 10px;
-	}
-
-	.bg-bottom {
-		margin-left: 85%;
-	}
-
-	.but {
-		margin-left: 30%;
-		/* margin-top: -32px; */
-		overflow: auto;
-		/* float: left; */
-		/* margin-left: 1px; */
-		margin-left: -10px;
-	}
-
-	.el-input--small {
-		font-size: 13px;
-		width: 390px;
-		margin-left: 74%;
-	}
-
-	/deep/.el-table .el-table__header .cell,
-	.el-table .el-table__body .cell {
-		text-align: center;
-	}
-
-	.el-scrollbar__wrap {
-		overflow-y: hidden;
-	}
-
-	/deep/.deal {
-		margin-left: 0%;
-		width: 64%;
-	}
-
-	.photo {
-		padding: 0% 34%;
-	}
-
-	.photo1 {
-		padding: 0 10%;
-	}
-
-	.photo2 {
-		padding: 0 12%;
-	}
-
-	/deep/.el-form-item--small .el-form-item__label,
-	.el-form-item--small .el-form-item__content {
-		text-align: center;
-	}
-
-	hr {
-		width: 91%;
-	}
-
-	/deep/.deaal {
-		width: 66%;
-		margin-left: 9%;
-	}
-
-	.el-date-editor.el-input,
-	.el-date-editor.el-input__inner,
-	.el-input-number--small {
-	}
-
-	/deep/.el-table td,
-	.el-table th.is-leaf {
-		border-right: 1px solid #e9ecf7;
-		text-align: center;
-		height: 40px;
-	}
-
-	/deep/.beizhu .el-input--small .el-input__inner {
-		height: 220px;
-		line-height: 28px;
-		width: 146%;
-		margin-left: 15px;
-	}
-
-	.inputs {
-		margin: 0 auto;
-		margin-right: 15%;
-	}
-
-	.inputChenge {
-		width: 150%;
-		display: inline-flex;
-		margin-left: -80%;
-	}
+  .connert {
+    width: 90%;
+    margin: 0 auto;
+  }
+
+  .vertical-text-left {
+    width: 62px;
+    text-align: right;
+  }
+
+  //分页
+  .el-pagination {
+    padding: 10px 15px;
+    margin-bottom: 0;
+    text-align: center;
+  }
+
+  /deep/.el-pager li.active {
+    color: #5878e8;
+    cursor: default;
+  }
+
+  /deep/.el-pager li:hover {
+    color: #5878e8;
+    cursor: default;
+  }
+
+  .el-button--default {
+    color: #8890b1;
+    border-color: #e8eaf1;
+  }
+
+  /deep/.base_header_layout .grid-content.right .find.el-button--primary {
+    width: 30px;
+    margin-left: 0;
+    border-top-left-radius: 0px;
+    border-bottom-left-radius: 0px;
+  }
+
+  /deep/.findValue .el-input__inner {
+    border-top-right-radius: 0px;
+    border-bottom-right-radius: 0px;
+    width: 385px;
+  }
+
+  .completed.el-button--default {
+    border-color: #5878e8;
+    background-color: #f6f7fc;
+    color: #5878e8;
+  }
+
+  .putstorage.el-button--default,
+  .deliverystorage.el-button--default {
+    border-color: #8890b1;
+    background-color: #fff;
+    color: #8890b1;
+  }
+
+  /deep/.el-table td,
+  /deep/.el-table th.is-leaf {
+    border-right: 1px solid #e9ecf7;
+    text-align: center;
+  }
+
+  /deep/.el-table tr td:first-child,
+  /deep/.el-table tr th.is-leaf:first-child {
+    border-left: 1px solid #e9ecf7;
+  }
+
+  .record,
+  .adjustment {
+    display: inline-block;
+    color: #5878e8;
+    padding: 0 4px !important;
+    position: relative;
+  }
+
+  .record:after {
+    position: absolute;
+    content: '';
+    display: block;
+    top: 5px;
+    right: -2px;
+    width: 1px;
+    height: 12px;
+    background: #e9ecf7;
+  }
+
+  // .el-row{
+  //     height: 150px;
+  // }
+  .base_header_layout .grid-content {
+    margin-top: 80px;
+  }
+
+  .el-input--small .el-input__inner {
+    margin-left: 20px;
+  }
+
+  .el-range-editor--small.el-input__inner {
+    height: 32px;
+    margin-left: -20%;
+  }
+
+  //执行样式
+  .executory,
+  .inExecution,
+  .done {
+    width: 6px;
+    height: 6px;
+    display: inline-block;
+    border-radius: 50%;
+    position: relative;
+    top: -1px;
+    font-size: 14px;
+  }
+
+  .executory {
+    background: #ff9f24;
+  }
+
+  .inExecution {
+    background: #5878e8;
+  }
+
+  .done {
+    background: #50cad4;
+  }
+
+  .record,
+  .adjustment {
+    display: inline-block;
+    color: #5878e8;
+    padding: 0 4px !important;
+    position: relative;
+    font-size: 14px;
+  }
+
+  .container {
+    overflow: scroll;
+    height: 93vh;
+  }
+
+  .button-container {
+    display: flex;
+    flex-wrap: nowrap;
+    justify-content: space-between;
+    align-items: center;
+    background-color: #fff;
+    width: 100%;
+    height: 50px;
+    padding: 0 10px;
+
+    &>div {
+      margin-left: 10px;
+      display: flex;
+      flex-wrap: nowrap;
+      flex-direction: row;
+
+      &>span {
+        line-height: 50px;
+      }
+    }
+
+    /deep/.auditFlow-box {
+      position: unset;
+      margin-left: 10px;
+
+      &/deep/.auditFlow-icon {
+        width: auto;
+        padding-right: 30px;
+      }
+
+      &/deep/.auditFlow-main {
+        position: absolute;
+      }
+    }
+  }
+
+  .bg-left {
+    padding-left: 30px;
+  }
+
+  .title {
+    position: relative;
+  }
+
+  .title::before {
+    content: '';
+    display: inline-block;
+    width: 5px;
+    height: 30px;
+    background: #5473e8;
+    position: absolute;
+    left: 0;
+  }
+
+  .el-button--primary {
+    background-color: #5878e8;
+    border-color: #5878e8;
+    // margin-left: 85%;
+    margin-top: 13px;
+  }
+
+  //导航条样式
+  .el-col-12 {
+    width: 50%;
+    height: 60px;
+    background: #f6f7fc;
+    border-radius: 4px 4px 1px 1px;
+  }
+
+  .el-input--small .el-input__inner {
+    height: 32px;
+    line-height: 32px;
+    width: 385px;
+    margin-top: 10px;
+  }
+
+  .bg-bottom {
+    margin-left: 85%;
+  }
+
+  .but {
+    margin-left: 30%;
+    /* margin-top: -32px; */
+    overflow: auto;
+    /* float: left; */
+    /* margin-left: 1px; */
+    margin-left: -10px;
+  }
+
+  .el-input--small {
+    font-size: 13px;
+    width: 390px;
+    margin-left: 74%;
+  }
+
+  /deep/.el-table .el-table__header .cell,
+  .el-table .el-table__body .cell {
+    text-align: center;
+  }
+
+  .el-scrollbar__wrap {
+    overflow-y: hidden;
+  }
+
+  /deep/.deal {
+    margin-left: 0%;
+    width: 64%;
+  }
+
+  .photo {
+    padding: 0% 34%;
+  }
+
+  .photo1 {
+    padding: 0 10%;
+  }
+
+  .photo2 {
+    padding: 0 12%;
+  }
+
+  /deep/.el-form-item--small .el-form-item__label,
+  .el-form-item--small .el-form-item__content {
+    text-align: center;
+  }
+
+  hr {
+    width: 91%;
+  }
+
+  /deep/.deaal {
+    width: 66%;
+    margin-left: 9%;
+  }
+
+  .el-date-editor.el-input,
+  .el-date-editor.el-input__inner,
+  .el-input-number--small {}
+
+  /deep/.el-table td,
+  .el-table th.is-leaf {
+    border-right: 1px solid #e9ecf7;
+    text-align: center;
+    height: 40px;
+  }
+
+  /deep/.beizhu .el-input--small .el-input__inner {
+    height: 220px;
+    line-height: 28px;
+    width: 146%;
+    margin-left: 15px;
+  }
+
+  .inputs {
+    margin: 0 auto;
+    margin-right: 15%;
+  }
+
+  .inputChenge {
+    width: 150%;
+    display: inline-flex;
+    margin-left: -80%;
+  }
 </style>