yiliangyiyun-pc-jj/src/views/salesManagement/salesPlanOrderList.vue

//销售订单
<template>
  <div class="container">
    <BaseHeaderLayout :leftSpan="15">
      <template slot="left"> </template>
      <template slot="right">
        <span style="width: 70px; display: inline-block; color: #8890b1"
          >状态：</span
        >
        <ws-select
          v-model="searchTypeText"
          placeholder=""
          class="typeselect"
          @change="selectExamineType"
          :value="searchType"
        >
          <ws-option
            v-for="item in searchTypeList"
            :key="item.value"
            :label="item.value"
            :value="item.value"
            style="color: #8890b1"
          />
        </ws-select>
        <ws-input
          v-model="searchKeyWord"
          placeholder="可按照合同编号和任务编号进行查找"
          clearable
          maxlength="500"
          type="input"
        ></ws-input>
        <ws-button class="find" type="primary" @click="find()"
          ><img
            width="16"
            height="16"
            style="
              vertical-align: text-top;
              position: relative;
              top: 0px;
              left: -8px;
            "
            src="../../../public/img/sousuo.png"
            alt=""
        /></ws-button>
        <!-- </div> -->
      </template>
    </BaseHeaderLayout>
    <el-table
      :data="warehouseList.records"
      size="small"
      element-loading-text="正在查询中。。。"
      border
      fit
      highlight-current-row
      height="700"
    >
      <el-table-column type="index" label="序号" width="50"></el-table-column>
      <el-table-column
        class="table_td"
        prop="contractNo"
        label="合同编号"
        width="100"
      >
      </el-table-column>
      <el-table-column
        class="table_td"
        prop="salePlan"
        label="销售计划"
        width="130"
      >
      </el-table-column>
      <el-table-column class="table_td" prop="customer" label="客户">
        <template slot-scope="scope">
          <div class="record" @click="customer(scope.row)">
            {{ scope.row.customer }}
          </div>
        </template>
      </el-table-column>
      <el-table-column
        class="table_td"
        width="100"
        prop="unitPrice"
        label="单价(元/吨)"
      >
        <!--改价记录-->
        <template slot-scope="scope">
          {{ scope.row.unitPrice }}
          <i
            v-if="scope.row.salePlanType == '期货'"
            @click="Changepricerecord(scope.row)"
            class="iconfont icon-lishi"
          ></i>
        </template>
      </el-table-column>
      <el-table-column
        class="table_td"
        width="100"
        prop="basis"
        label="基差(元/吨)"
      >
        <template slot-scope="scope">
          <span v-if="scope.row.salePlanType == '现货'">--</span>
          <span
            v-if="
              !scope.row.basischange &&
              scope.row.basis &&
              scope.row.salePlanType == '期货'
            "
            >{{ scope.row.basis }}</span
          >
          <input
            v-if="scope.row.basischange"
            style="width: 60px"
            v-model="basis"
            type="text"
          />
          <!--改基差-->
          <i
            @click="changebasis(scope.row)"
            v-if="scope.row.basischange && scope.row.salePlanType == '期货'"
            class="iconfont icon-dui"
          ></i>
          <img
            v-if="
              !scope.row.basischange &&
              scope.row.basis &&
              scope.row.salePlanType == '期货'
            "
            width="17"
            height="18"
            style="vertical-align: text-top; position: relative; top: -1px"
            src="../../../public/img/edit.png"
            @click="editbasis(scope.row)"
            alt=""
          />
          <span v-if="!scope.row.basis">-</span>
        </template>
      </el-table-column>
      <el-table-column
        class="table_td"
        prop="freezingDeposit"
        label="冻结定金(元)"
        width="90"
        ><template slot-scope="scope">
          <span v-if="scope.row.salePlanType == '现货'">--</span>
          <span v-if="scope.row.salePlanType == '期货'">{{
            scope.row.freezingDeposit
          }}</span>
        </template>
      </el-table-column>
      <el-table-column
        class="table_td"
        prop="defaultDeposit"
        label="拖欠定金(元)"
        width="100"
        ><template slot-scope="scope">
          <span v-if="scope.row.salePlanType == '现货'">--</span>
          <span v-if="scope.row.salePlanType == '期货'">{{
            scope.row.defaultDeposit
          }}</span>
        </template></el-table-column
      >
      <el-table-column
        width="100"
        class="table_td"
        prop="unloadingCharge"
        label="卸车费(元/吨)"
        ><template slot-scope="scope">
          <span v-if="scope.row.salePlanType == '现货'">--</span>
          <span v-if="scope.row.salePlanType == '期货'">{{
            scope.row.unloadingCharge
          }}</span>
        </template></el-table-column
      >
      <el-table-column
        width="100"
        class="table_td"
        prop="invoiceFee"
        label="发票费(元/吨)"
        ><template slot-scope="scope">
          <span v-if="scope.row.salePlanType == '现货'">--</span>
          <span v-if="scope.row.salePlanType == '期货'">{{
            scope.row.invoiceFee
          }}</span>
        </template></el-table-column
      >
      <el-table-column
        class="table_td"
        prop="transactionsNumber"
        label="合同重量(吨)"
        width="100"
      ></el-table-column>
      <el-table-column
        class="table_td"
        prop="stockOutQuantity"
        label="已出库量(吨)"
        width="90"
        ><template slot-scope="scope">
          <span v-if="scope.row.salePlanType == '现货'">--</span>
          <span v-if="scope.row.salePlanType == '期货'">{{
            scope.row.stockOutQuantity
          }}</span>
        </template></el-table-column
      >
      <el-table-column
        class="table_td"
        prop="openPosition"
        label="可平仓量(吨)"
        width="90"
        ><template slot-scope="scope">
          <span v-if="scope.row.salePlanType == '现货'">--</span>
          <span v-if="scope.row.salePlanType == '期货'">{{
            scope.row.openPosition
          }}</span>
        </template></el-table-column
      >
      <el-table-column
        class="table_td"
        prop="closedPosition"
        label="已平仓量(吨)"
        width="90"
      >
        <!--平仓记录-->
        <template slot-scope="scope">
          <span v-if="scope.row.salePlanType == '现货'">--</span>
          <span v-if="scope.row.salePlanType == '期货'">{{
            scope.row.closedPosition
          }}</span>
          <i
            v-if="scope.row.salePlanType == '期货'"
            @click="closedPosition(scope.row)"
            class="iconfont icon-lishi"
          ></i>
        </template>
      </el-table-column>
      <el-table-column
        class="table_td"
        prop="cumulativeTurnover"
        label="已成交量(吨)"
        width="90"
      >
        <!--成交记录-->
        <template slot-scope="scope">
          <span v-if="scope.row.salePlanType == '现货'">--</span>
          <span v-if="scope.row.salePlanType == '期货'">{{
            scope.row.cumulativeTurnover
          }}</span>
          <i
            v-if="scope.row.salePlanType == '期货'"
            @click="transactionRecord(scope.row)"
            class="iconfont icon-lishi"
          ></i>
        </template>
      </el-table-column>
      <el-table-column
        class="table_td"
        label="发票类型"
        prop="type"
      ></el-table-column>
       <el-table-column prop="packingType" label="包装方式">
        <template slot-scope="scope">
          <el-popover
            placement="top"
            :width="160"
            trigger="hover"
            visible-arrow="false"
          >
            <template>
              <span slot="reference">
                {{ scope.row.packingType }}
              </span>
            </template>
            <div>
              <span
                v-if="scope.row.packingType != '散装'"
                style="margin-left: 6px"
                >{{ scope.row.baggingNotes }}</span
              >
            </div>
          </el-popover>
        </template>
      </el-table-column>
      <el-table-column prop="status" label="状态">
        <template slot-scope="scope">
          <el-popover
            placement="left"
            :width="285"
            trigger="click"
            visible-arrow="false"
            @show="history(scope.row)"
          >
            <template>
              <span slot="reference">
                <span
                  v-if="scope.row.status == '待审核'"
                  class="executory"
                ></span>
                <span
                  v-if="scope.row.status == '已成交'"
                  class="inExecution"
                ></span>
                <span v-if="scope.row.status == '已完成'" class="done"></span>
                {{ scope.row.status }}
              </span>
            </template>
          </el-popover>
        </template>
      </el-table-column>
      <el-table-column
        class="table_td"
        label="更新时间"
        prop="updateDate"
        width="130"
      ></el-table-column>
      <el-table-column class="table_td" label="出库结算" prop="" width="130">
        <template slot-scope="scope"
          ><span v-if="scope.row.salePlanType != '现货'"
            >--</span
          ></template
        ></el-table-column
      >
      <el-table-column class="table_td" label="平仓结算" prop="" width="130"
        ><template slot-scope="scope"
          ><span v-if="scope.row.salePlanType != '现货'"
            >--</span
          ></template
        >
      </el-table-column>
      <el-table-column prop="seller" label="操作" width="360">
        <template slot-scope="scope">
          <!---成交-->
          <div
            v-if="
              (scope.row.status == '已通过' || scope.row.status == '已成交') &&
              scope.row.salePlanType == '期货'
            "
            class="record"
            @click="makeabargain(scope.row)"
          >
            成交
          </div>
          <!-- 补充定金 -->
          <div
            v-if="
              scope.row.defaultDeposit > 0 && scope.row.salePlanType == '期货'
            "
            class="record"
            @click="addthedeposit(scope.row)"
          >
            补充定金
          </div>
          <!--解冻定金-->
          <div
            v-if="
              scope.row.freezingDeposit > 0 && scope.row.salePlanType == '期货'
            "
            class="record"
            @click="unfreeze(scope.row)"
          >
            解冻定金
          </div>
          <!-- 平仓 -->
          <div
            v-if="
              scope.row.openPosition > 0 && scope.row.salePlanType == '期货'
            "
            class="record"
            @click="cloaeposition1(scope.row)"
          >
            平仓
          </div>
          <!--完成-->
          <div
            v-if="
              (scope.row.status == '已通过' || scope.row.status == '已成交') &&
              scope.row.salePlanType == '期货'
            "
            class="record"
            @click="handle(scope.row)"
          >
            完成
          </div>
          <!-- 审核 -->
          <div
            v-if="scope.row.status == '待审核'"
            type="text"
            class="record"
            @click="aduit(scope.row)"
          >
            审核
          </div>
          <!--删除-->
          <div
            v-if="scope.row.status == '待审核'"
            class="record"
            @click="deletehandle(scope.row)"
          >
            删除
          </div>
        </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-dialog
      width="30%"
      title="成交"
      :visible.sync="dialogFormVisible1"
      :append-to-body="true"
    >
      <el-form ref="warehouseList">
        <el-form-item
          label="成交价(元/吨)"
          prop="transactionPrice"
          :label-width="formLabelWidth"
        >
          <el-input
            v-model="clinchdeal1.transactionPrice"
            autocomplete="off"
            placeholder="请输入成交价"
            class="deal"
          ></el-input>
        </el-form-item>
        <el-form-item
          label="成交量(吨)"
          prop="transactionsNumber"
          :label-width="formLabelWidth"
        >
          <el-input
            v-model="clinchdeal1.turnover"
            autocomplete="off"
            placeholder="请输入成交量"
            class="deal"
          ></el-input>
        </el-form-item>
        <el-form-item
          label="基差(元/吨)"
          prop="basis"
          :label-width="formLabelWidth"
        >
          <el-input
            v-model="clinchdeal1.basis"
            autocomplete="off"
            placeholder="请输入基差"
            class="deal"
          ></el-input>
        </el-form-item>
        <el-form-item
          label="成交日期"
          prop="submissionDate"
          :label-width="formLabelWidth"
          class="deal"
        >
          <ws-date-picker
            v-model="clinchdeal1.dealDate"
            type="date"
            placeholder="请选择成交日期"
            value-format="yyyy-MM-dd"
            class="deal"
          />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisible1 = false">取 消</el-button>
        <el-button type="primary" @click="chengjiao()">确 定</el-button>
      </div>
    </el-dialog>
    <!-- 补充定金 -->
    <el-dialog
      width="40%"
      title="补充定金"
      :visible.sync="dialogFormVisible3"
      :append-to-body="true"
    >
      <el-form :model="form">
        <h5>{{ replenishlist.customer }}</h5>
        <el-form-item label="拖欠定金" :label-width="formLabelWidth">
          {{ replenishlist.defaultDeposit }}
        </el-form-item>
        <el-form-item label="可用定金" :label-width="formLabelWidth">
          {{ replenishlist.totalDeposit - replenishlist.freezingDeposit }}
        </el-form-item>
        <el-form-item label="补充金额" :label-width="formLabelWidth">
          <el-input
            v-model="replenishlist.money"
            autocomplete="off"
            placeholder="请输入补充金额"
            class="deal"
          ></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisible3 = false">取 消</el-button>
        <el-button type="primary" @click="replenish()">确 定</el-button>
      </div>
    </el-dialog>
    <!-- 平仓 -->
    <el-dialog
      width="40%"
      title="平仓"
      :visible.sync="dialogFormVisible2"
      :append-to-body="true"
    >
      <el-form class="closeposition">
        <el-form-item label="成交价格（元/吨）" prop="transactionPrice">
          <ws-select
            v-model="closePositionList1.transactionPrice"
            placeholder
            class="deal"
            placeholder="请输入成交价"
          >
            <ws-option
              v-for="item in transactionRecordList"
              :key="item.constKey"
              :label="item.transactionPrice"
              :value="item.transactionPrice"
            />
          </ws-select>
        </el-form-item>
        <el-form-item label="可平仓数量（吨）" prop="openPosition">
          <el-input
            v-model="closePositionList1.openPosition"
            autocomplete="off"
            class="deal"
          ></el-input>
        </el-form-item>
        <el-form-item label="平仓数量（吨）" prop="closingQuantity">
          <el-input
            v-model="closePositionList1.closingQuantity"
            autocomplete="off"
            placeholder="请输入平仓数量"
            class="deal"
          ></el-input>
        </el-form-item>
        <el-form-item label="平仓价格（元/吨）" prop="closeRate">
          <el-input
            v-model="closePositionList1.closeRate"
            autocomplete="off"
            placeholder="请输入平仓价格"
            class="deal"
          ></el-input>
        </el-form-item>
        <el-form-item label="平仓基差（元/吨）" prop="closingBasis">
          <el-input
            @input="yingfu"
            v-model="closePositionList1.closingBasis"
            autocomplete="off"
            placeholder="请输入平仓基差"
            class="deal"
          ></el-input>
        </el-form-item>
        <el-form-item label="平仓应付（元）" prop="closingPositionPayable">
          <el-input
            v-model="closePositionList1.closingPositionPayable"
            readonly="readonly"
            autocomplete="off"
            placeholder="不用编辑，自动计算"
            class="deal"
          ></el-input>
        </el-form-item>
        <el-form-item label="平仓日期" prop="closePositionDate">
          <el-date-picker
            v-model="closePositionList1.closePositionDate"
            type="date"
            placeholder="选择日期"
            format="yyyy 年 MM 月 dd 日"
            value-format="yyyy-MM-dd"
          />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisible2 = false">取 消</el-button>
        <el-button type="primary" @click="closepositionconfirm()"
          >确 定</el-button
        >
      </div>
    </el-dialog>
    <!-- 审核 -->
    <el-dialog
      width="40%"
      title="审核"
      :visible.sync="dialogFormVisible4"
      :append-to-body="true"
    >
      <el-form>
        <el-form-item label="交易类型" :label-width="formLabelWidth">
          销售
        </el-form-item>
        <el-form-item label="交易目标" :label-width="formLabelWidth">
          {{ aduitlist.tradingTarget }}
        </el-form-item>
        <el-form-item label="买方" :label-width="formLabelWidth">
          {{ aduitlist.buyer }}
        </el-form-item>
        <el-form-item label="买方电话" :label-width="formLabelWidth">
          {{ aduitlist.buyerPhone }}
        </el-form-item>
        <el-form-item label="交易数量(吨)" :label-width="formLabelWidth">
          {{ aduitlist.transactionsNumber }}
        </el-form-item>
        <el-form-item label="提交时间" :label-width="formLabelWidth">
          {{ aduitlist.submitDate }}
        </el-form-item>
        <el-form-item label="包装方式" :label-width="formLabelWidth">
          <ws-select
            v-model="aduitlist.packingType"
            placeholder
            class="deal"
            @change="selectpackingType"
          >
            <ws-option
              v-for="item in packingTypeList"
              :key="item.constKey"
              :label="item.constValue"
              :value="item.constValue"
            />
          </ws-select>
        </el-form-item>
        <el-form-item
          v-if="aduitlist.packingType != '散装'"
          label="袋装备注"
          :label-width="formLabelWidth"
        >
          <el-input
            maxlength="30"
            v-model="aduitlist.baggingNotes"
            autocomplete="off"
            placeholder="请输入袋装备注，最多30个字"
            class="deal"
          ></el-input>
        </el-form-item>
        <el-form-item label="发票类型" :label-width="formLabelWidth">
          <ws-select
            v-model="aduitlist.type"
            placeholder
            class="deal"
            @change="selectType"
          >
            <ws-option
              v-for="item in invoiceList"
              :key="item.constKey"
              :label="item.constValue"
              :value="item.constValue"
            />
          </ws-select>
        </el-form-item>
        <el-form-item label="单价(元/吨)" :label-width="formLabelWidth">
          <el-input
            v-model="aduitlist.unitPrice"
            autocomplete="off"
            placeholder="请输入单价"
            class="deal"
          ></el-input>
        </el-form-item>
        <el-form-item
          v-if="aduitlist.salePlanType == '期货'"
          label="基差(元/吨)"
          :label-width="formLabelWidth"
          v
        >
          <el-input
            v-model="aduitlist.basis"
            autocomplete="off"
            placeholder="请输入基差"
            class="deal"
          ></el-input>
        </el-form-item>
        <el-form-item
          v-if="aduitlist.salePlanType == '期货'"
          label="卸车费(元/吨)"
          :label-width="formLabelWidth"
        >
          <el-input
            v-model="aduitlist.unloadingCharge"
            autocomplete="off"
            placeholder="请输入卸车费"
            class="deal"
          ></el-input>
        </el-form-item>
        <el-form-item
          v-if="aduitlist.salePlanType == '期货'"
          label="发票费用(元/吨)"
          :label-width="formLabelWidth"
        >
          <el-input
            v-model="aduitlist.invoiceFee"
            autocomplete="off"
            placeholder="请输入发票费用"
            class="deal"
          ></el-input>
        </el-form-item>
        <el-form-item label="合同编号" :label-width="formLabelWidth">
          <ws-select
            v-model="aduitlist.contractNo"
            placeholder="请选择合同编号"
            class="deal"
          >
            <ws-option
              v-for="item in contractNolist"
              :key="item.constKey"
              :label="item.contractNo"
              :value="item.contractNo"
            />
          </ws-select>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisible4 = false">取 消</el-button>
        <el-button type="primary" @click="aduitconfirm()">通过</el-button>
      </div>
    </el-dialog>
    <!-- 客户信息 -->
    <el-dialog
      width="30%"
      title="客户信息"
      :visible.sync="dialogFormVisible8"
      :append-to-body="true"
    >
      <el-form class="customer" :model="form">
        <h4 v-if="customerlist.customerTypeFlag != 1">营业执照</h4>
        <img
          v-if="customerlist.customerTypeFlag != 1"
          width="50%"
          :src="customerlist.businessLicenseAddressUrl"
          alt
        />
        <el-form-item
          v-if="customerlist.customerTypeFlag != 1"
          label="公司名称"
          :label-width="formLabelWidth"
        >
          {{ customerlist.compName }}
        </el-form-item>
        <el-form-item
          v-if="customerlist.customerTypeFlag != 1"
          label="纳税人识别号"
          :label-width="formLabelWidth"
        >
          {{ customerlist.payTaxesCard }}
        </el-form-item>
        <div class="flex">
          <div style="flex: 1; text-align: center">
            <h4>身份证正面</h4>
            <img width="100%" :src="customerlist.cardAddressUrl1" alt />
          </div>
          <div style="flex: 1; text-align: center">
            <h4>身份证反面</h4>
            <img width="100%" :src="customerlist.cardAddressUrl2" alt />
          </div>
        </div>
        <el-form-item label="姓名" :label-width="formLabelWidth">
          {{ customerlist.customerName }}
        </el-form-item>
        <el-form-item label="身份证号" :label-width="formLabelWidth">
          {{ customerlist.customerNumberCard }}
        </el-form-item>
        <div class="flex">
          <div style="flex: 1; text-align: center">
            <h4>银行卡正面</h4>
            <img width="100%" :src="customerlist.payeeAddressUrl1" alt />
          </div>
          <div style="flex: 1; text-align: center">
            <h4>银行卡反面</h4>
            <img width="100%" :src="customerlist.payeeAddressUrl2" alt />
          </div>
        </div>
        <el-form-item label="银行卡号" :label-width="formLabelWidth">
          {{ customerlist.bankCard }}
        </el-form-item>
        <el-form-item label="开户行" :label-width="formLabelWidth">
          {{ customerlist.bankDeposit }}
        </el-form-item>
        <el-form-item label="开户支行" :label-width="formLabelWidth">
          {{ customerlist.bankDepositBranch }}
        </el-form-item>
        <el-form-item
          label="收款人姓名"
          :label-width="formLabelWidth"
          v-if="customerlist.customerTypeFlag == 1"
        >
          {{ customerlist.payeeName }}
        </el-form-item>
        <el-form-item
          label="收款人身份证号"
          :label-width="formLabelWidth"
          v-if="customerlist.customerTypeFlag == 1"
        >
          {{ customerlist.payeeNumberCard }}
        </el-form-item>
        <el-form-item label="手机号" :label-width="formLabelWidth">
          {{ customerlist.customerPhone }}
        </el-form-item>
        <el-form-item
          label="公司地址"
          :label-width="formLabelWidth"
          v-if="customerlist.customerTypeFlag != 1"
        >
          {{ customerlist.compAddress }}
        </el-form-item>
        <el-form-item
          label="联系地址"
          :label-width="formLabelWidth"
          v-if="customerlist.customerTypeFlag == 1"
        >
          {{ customerlist.compAddress }}
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisible8 = false">取 消</el-button>
      </div>
    </el-dialog>
    <!-- 成交记录 -->
    <el-dialog
      width="40%"
      title="成交记录"
      :visible.sync="dialogFormVisible6"
      :append-to-body="true"
    >
      <el-table :data="transactionRecordList">
        <el-table-column prop="transactionPrice" label="成交价">
        </el-table-column>
        <el-table-column prop="basis" label="基差"> </el-table-column>
        <el-table-column prop="turnover" label="成交量"> </el-table-column>
        <el-table-column prop="dealDate" label="成交日期"> </el-table-column>
      </el-table>
    </el-dialog>

    <!-- 平仓记录 -->
    <el-dialog
      width="40%"
      title="平仓记录"
      :visible.sync="dialogFormVisible7"
      :append-to-body="true"
    >
      <el-table :data="closePositionList">
        <el-table-column prop="transactionPrice" label="成交价">
        </el-table-column>
        <el-table-column prop="closingPrice" label="平仓价"> </el-table-column>
        <el-table-column prop="basis" label="基差"> </el-table-column>
        <el-table-column prop="turnover" label="平仓量"> </el-table-column>
        <el-table-column prop="dealDate" label="平仓日期"> </el-table-column>
      </el-table>
    </el-dialog>
    <!--改价记录-->
    <el-dialog
      width="30%"
      title="改价记录"
      :visible.sync="dialogFormVisible5"
      :append-to-body="true"
    >
      <div v-for="item in pricechange">
        <div>{{ item.priceType }}{{ item.price }}</div>
        <div>{{ item.updateDate }}</div>
      </div>
    </el-dialog>
  </div>

  <!-- </div> -->
</template>
<script>
import { packList } from '@/model/contarct/index'
import {
  detailsList,
  chengList,
  closePositionList,
  aduitsale,
  aduitcontractno,
  editStatus,
  deletesale,
  getpricelist,
} from '@/model/salesManagement/index'
import { downloadFile } from '@/utils/batchDown'
import Pagination from '@/components/Pagination'
import WsUpload from '@/components/WsUpload'
import { dayjs, fmoney, 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,
      dialogFormVisible3: false,
      dialogFormVisible4: false,
      dialogFormVisible5: false,
      dialogFormVisible6: false,
      dialogFormVisible7: false,
      dialogFormVisible8: false,
      dialogVisible: false,
      dialogImageUrl: '',
      form: {
        transactionPrice: '',
        transactionsNumber: '',
        basis: 0,
        submissionDate: '',
        // delivery: false,
        // type: [],
        // resource: '',
        // desc: ''
      },
      formLabelWidth: '120px',
      basischange: false,
      clinchdeal: {},
      clinchdeal1: {},
      barWidth: 0,
      barHeight: 0,
      retioX: 1,
      ratioY: 1,
      isTaped: false,
      isHover: false,
      isShow: !this.autohide,
      //弹出框
      dialogViewSpareMoney: false,
      dialogApproveFormVisible: false,
      // 船舶类型
      monetaryKey: null,
      // 表格显示数据
      tableDate: [],

      // 是否显示
      showType: true,
      // 年
      year: '',
      pickerOptions: {},
      value2: '',
      deptBudgetTotal: 0,
      currentPage: 1,
      tranTypeKey: 1,
      pageSize: 10,
      searchType: '',
      searchTypeText: '全部订单',
      searchKeyWord: '',
      contractType: 1,
      enter: {
        closePositionList: [],
      },
      transactionRecordList: [],
      // taskTypeList:[
      //   {value:'待审核',type:1},
      //   {value:'已完成',type:2},
      //   {value:'已通过',type:3},
      //   {value:'已成交',type:4},
      // ],

      // 提交类型
      submitType: true,
      size: 10,
      spanArr: [],
      // contractNo: '',
      customerlist: {},
      packingTypeList: [],
      inOutTaskNo: '',
      compId: sessionStorage.getItem('ws-pf_compId'),
      deptCircularPage: {},
      warehouseList: [],
      deptBudgetList: {},
      transactionRecordList: {},
      pcFlag: 1,
      invoiceList: [],
      contractNolist: [],
      pricechange: [],
      searchTypeList: [
        { value: '待审核', type: 1 },
        { value: '执行中', type: 2 },
        { value: '已完成', type: 3 },
        { value: '全部订单', type: '' },
      ],
      aduitlist: {},
      basis: 0,
      replenishlist: {},
      closePositionList1: {},
      closePositionList: [],
      historyList: [],
      pickerBeginDateBefore: {
        disabledDate: (time) => {
          return time.getTime() > Date.now()
        },
      },
      accessoryTFs: false,
    }
  },
  activated() {
    // this.loaddata()
    this.getList()
    this.showType = this.isShow
  },
  methods: {
    //查找
    find() {
      this.currentPage = 1
      this.getList()
    },
    selectExamineType(e) {
      for (var i = 0; i < this.searchTypeList.length; i++) {
        if (this.searchTypeList[i].value == e) {
          this.searchType = this.searchTypeList[i].type
        }
      }
    },
    //完成
    handle(item) {
      this.$confirm(`状态修改为已完成后不可再进行交易操作，是否确定修改？`, {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning',
      }).then(() => {
        editStatus({ id: item.id, flag: 2 })
          .toPromise()
          .then((response) => {
            this.$message.success('修改成功')
            this.getList()
          })
          .catch((req) => {
            this.$message.success('修改失败')
          })
      })
    },
    //成交
    makeabargain(item) {
      this.dialogFormVisible1 = true
      this.clinchdeal.id = item.id
      this.clinchdeal.contractNo = item.contractNo
      this.clinchdeal.goodsName = item.goodsName
      this.clinchdeal.planId = item.planId
      this.clinchdeal.buyer = item.buyer
      this.clinchdeal.commonId = item.commonId
    },
    //成交
    chengjiao() {
      if (!this.clinchdeal1.transactionPrice) {
        this.$message({
          message: '成交价不能为空',
          type: 'warning',
        })
        return
      }
      if (
        (this.clinchdeal1.transactionPrice &&
          String(this.clinchdeal1.transactionPrice).indexOf('.') != -1 &&
          String(this.clinchdeal1.transactionPrice).length -
            (String(this.clinchdeal1.transactionPrice).indexOf('.') + 1) >
            2) ||
        this.clinchdeal1.transactionPrice > 100000 ||
        this.clinchdeal1.transactionPrice < 0
      ) {
        this.$message({
          message: '成交价输入错误',
          type: 'warning',
        })
        return
      }
      if (!this.clinchdeal1.turnover) {
        this.$message({
          message: '成交量不能为空',
          type: 'warning',
        })
        return
      }
      if (
        (this.clinchdeal1.turnover &&
          String(this.clinchdeal1.turnover).indexOf('.') != -1 &&
          String(this.clinchdeal1.turnover).length -
            (String(this.clinchdeal1.turnover).indexOf('.') + 1) >
            2) ||
        this.clinchdeal1.turnover > 1000000 ||
        this.clinchdeal1.turnover < 1
      ) {
        this.$message({
          message: '成交量输入错误',
          type: 'warning',
        })
        return
      }
      if (!this.clinchdeal1.basis) {
        this.$message({
          message: '基差不能为空',
          type: 'warning',
        })
        return
      }
      if (
        (this.clinchdeal1.basis &&
          String(this.clinchdeal1.basis).indexOf('.') != -1 &&
          String(this.clinchdeal1.basis).length -
            (String(this.clinchdeal1.basis).indexOf('.') + 1) >
            2) ||
        this.clinchdeal1.basis > 10000 ||
        this.clinchdeal1.basis < 1
      ) {
        this.$message({
          message: '基差输入错误',
          type: 'warning',
        })
        return
      }
      if (!this.clinchdeal1.dealDate) {
        this.$message({
          message: '成交日期不能为空',
          type: 'warning',
        })
        return
      }
      this.$confirm(`确定提交成交信息`, {
        cancelButtonText: '取消',
        confirmButtonText: '确定',
        type: 'warning',
      }).then(() => {
        chengList({
          transactionRecord: this.clinchdeal1,
          id: this.clinchdeal.id,
          compId: sessionStorage.getItem('ws-pf_compId'),
          contractNo: this.clinchdeal.contractNo,
          planId: this.clinchdeal.planId,
          goodsName: this.clinchdeal.goodsName,
          buyer: this.clinchdeal.buyer,
          commonId: this.clinchdeal.commonId,
        })
          .toPromise()
          .then((response) => {
            this.$message.success('成交成功')
            this.dialogFormVisible1 = false
            // this.$router.go(-1)
          })
          .catch(() => {
            return false
          })
      })
    },
    //删除
    deletehandle(item) {
      this.$confirm(`销售订单删除后不可恢复，是否确定删除？`, {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning',
      }).then(() => {
        deletesale({ id: item.id })
          .toPromise()
          .then((response) => {
            this.$message.success('删除订单成功')
            this.getList()
          })
          .catch((req) => {
            this.$message.success('删除订单失败')
          })
      })
    },
    //平仓
    closepositionconfirm() {
      if (!this.closePositionList1.transactionPrice) {
        this.$message({
          message: '成交价不能为空！',
          type: 'warning',
        })
        return
      }
      if (!this.closePositionList1.closingQuantity) {
        this.$message({
          message: '平仓数量不能为空！',
          type: 'warning',
        })
        return
      }
      if (
        (this.closePositionList1.closingQuantity &&
          String(this.closePositionList1.closingQuantity).indexOf('.') != -1 &&
          String(this.closePositionList1.closingQuantity).length -
            (String(this.closePositionList1.closingQuantity).indexOf('.') + 1) >
            2) ||
        this.closePositionList1.closingQuantity >
          this.closePositionList1.openPosition ||
        this.closePositionList1.closingQuantity < 1
      ) {
        this.$message({
          message: '平仓数量超出上限',
          type: 'warning',
        })
        return
      }
      if (!this.closePositionList1.closeRate) {
        this.$message({
          message: '平仓价格不能为空！',
          type: 'warning',
        })
        return
      }
      if (
        (this.closePositionList1.closeRate &&
          String(this.closePositionList1.closeRate).indexOf('.') != -1 &&
          String(this.closePositionList1.closeRate).length -
            (String(this.closePositionList1.closeRate).indexOf('.') + 1) >
            2) ||
        this.closePositionList1.closeRate > 100000 ||
        this.closePositionList1.closeRate < 0
      ) {
        this.$message({
          message: '平仓价格输入错误',
          type: 'warning',
        })
        return
      }
      if (!this.closePositionList1.closingBasis) {
        this.$message({
          message: '平仓基差不能为空！',
          type: 'warning',
        })
        return
      }
      if (
        (this.closePositionList1.closingBasis &&
          String(this.closePositionList1.closingBasis).indexOf('.') != -1 &&
          String(this.closePositionList1.closingBasis).length -
            (String(this.closePositionList1.closingBasis).indexOf('.') + 1) >
            2) ||
        this.closePositionList1.closingBasis > 10000 ||
        this.closePositionList1.closingBasis < 1
      ) {
        this.$message({
          message: '平仓基差输入错误',
          type: 'warning',
        })
        return
      }
      if (!this.closePositionList1.closePositionDate) {
        this.$message({
          message: '平仓日期不能为空！',
          type: 'warning',
        })
        return
      }
      this.closePositionList1.compId = sessionStorage.getItem('ws-pf_compId')
      closePositionList(this.closePositionList1)
        .toPromise()
        .then((response) => {
          this.$message.success('平仓成功')
          this.closePositionList1 = {}
          this.dialogFormVisible2 = false
          this.getList()
        })
        .catch((req) => {
          this.$message.warning('平仓失败')
        })
    },
    cloaeposition1(item) {
      this.dialogFormVisible2 = true
      this.$set(this.closePositionList1, 'id', item.id)
      // this.transactionRecordList = item.transactionRecordList
      this.$set(this.closePositionList1, 'openPosition', item.openPosition)
      this.$set(
        this.closePositionList1,
        'transactionsNumber',
        item.transactionsNumber
      )
      this.$set(this.closePositionList1, 'contractNo', item.contractNo)
      this.$set(this.closePositionList1, 'planId', item.planId)
      this.$set(this.closePositionList1, 'closeRate', item.closeRate)
      this.$set(this.closePositionList1, 'seller', item.seller)
      this.$set(this.closePositionList1, 'commonId', item.commonId)
      getpricelist({
        id: item.id,
      })
        .toPromise()
        .then((response) => {
          this.transactionRecordList = response
        })
    },
    yingfu(item) {
      this.closePositionList1.closingPositionPayable =
        (this.closePositionList1.closeRate -
          this.closePositionList1.transactionPrice -
          this.closePositionList1.closingBasis) *
        this.closePositionList1.closingQuantity
    },
    //修改基差
    changebasis(item) {
      editStatus({ basis: this.basis, id: item.id, flag: 3 })
        .toPromise()
        .then((response) => {
          this.$message.success('修改基差成功')
          this.getList()
        })
        .catch((req) => {
          this.$message.success('修改基差失败')
        })
    },
    editbasis(item) {
      this.basis = item.basis
      item.basischange = true
    },
    //解冻定金
    unfreeze(item) {
      this.$confirm(`确定解冻订单（${item.salePlan}）的定金？`, {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning',
      }).then(() => {
        editStatus({ id: item.id, flag: 1 })
          .toPromise()
          .then((response) => {
            this.$message.success('解冻定金成功')
            this.getList()
          })
          .catch((req) => {
            this.$message.success('解冻定金失败')
          })
      })
    },
    //补充定金
    addthedeposit(item) {
      this.dialogFormVisible3 = true
      this.$set(this.replenishlist, 'id', item.id)
      this.$set(this.replenishlist, 'customer', item.customer)
      this.$set(this.replenishlist, 'defaultDeposit', item.defaultDeposit)
      this.$set(
        this.replenishlist,
        'totalDeposit',
        item.customerInfo.totalDeposit
      )
      this.$set(this.replenishlist, 'freezingDeposit', item.freezingDeposit)
    },
    replenish() {
      this.dialogFormVisible3 = false
      if (!this.replenishlist.money) {
        this.$message({
          message: '补充金额不能为空!',
          type: 'warning',
        })
        return
      }
      if (
        String(this.replenishlist.money).indexOf('.') != -1 &&
        String(this.replenishlist.money).length -
          (String(this.replenishlist.money).indexOf('.') + 1) >
          2
      ) {
        this.$message({
          message: '补充金额输入错误!',
          type: 'warning',
        })
        return
      }
      if (this.replenishlist.money > this.replenishlist.defaultDeposit) {
        this.$message({
          message: '补充金额不能超过拖欠定金!',
          type: 'warning',
        })
        return
      }
      if (
        this.replenishlist.money >
        this.replenishlist.totalDeposit - this.replenishlist.freezingDeposit
      ) {
        this.$message({
          message: '补充金额不能超过可用定金!',
          type: 'warning',
        })
        return
      }
      editStatus({
        money: this.replenishlist.money,
        id: this.replenishlist.id,
        flag: 0,
      })
        .toPromise()
        .then((response) => {
          this.$message.success('补充成功')
          this.getList()
        })
        .catch((req) => {
          this.$message.success('补充失败')
        })
    },
    //审核
    aduit(item) {
      this.dialogFormVisible4 = true
      this.aduitlist.id = item.id
      this.aduitlist.type = '销售'
      this.$set(this.aduitlist, 'buyer', item.buyer)
      this.$set(this.aduitlist, 'buyerPhone', item.buyerPhone)
      this.$set(this.aduitlist, 'tradingTarget', item.tradingTarget)
      this.$set(this.aduitlist, 'transactionsNumber', item.transactionsNumber)
      this.$set(this.aduitlist, 'submitDate', item.createDate)
      this.$set(this.aduitlist, 'packingType', item.packingType)
      this.$set(this.aduitlist, 'packingTypeKey', item.packingTypeKey)
      this.$set(this.aduitlist, 'taskId', item.taskId)
      this.$set(this.aduitlist, 'type', item.type)
      this.$set(this.aduitlist, 'typeKey', item.typeKey)
      this.$set(this.aduitlist, 'salePlanType', item.salePlanType)
    },
    aduitconfirm() {
      if (!this.aduitlist.unitPrice) {
        this.$message({
          message: '单价不能为空！',
          type: 'warning',
        })
        return
      }
      if (!this.aduitlist.basis && this.aduitlist.salePlanType == '期货') {
        this.$message({
          message: '基差不能为空！',
          type: 'warning',
        })
        return
      }
      if (!this.aduitlist.contractNo) {
        this.$message({
          message: '合同编号不能为空！',
          type: 'warning',
        })
        return
      }
      if (
        this.aduitlist.packingTypeKey != 1 &&
        this.aduitlist.baggingNotes.length > 30
      ) {
        this.$message({
          message: '袋装备注最长不能超过30字！',
          type: 'warning',
        })
        return
      }
      if (
        (this.aduitlist.unitPrice &&
          String(this.aduitlist.unitPrice).indexOf('.') != -1 &&
          String(this.aduitlist.unitPrice).length -
            (String(this.aduitlist.unitPrice).indexOf('.') + 1) >
            2) ||
        this.aduitlist.unitPrice > 100000 ||
        this.aduitlist.unitPrice < 1
      ) {
        this.$message({
          message: '单价输入错误',
          type: 'warning',
        })
        return
      }
      if (
        (this.aduitlist.salePlanType == '期货' &&
          this.aduitlist.basis &&
          String(this.aduitlist.basis).indexOf('.') != -1 &&
          String(aduitlist.basis).length -
            (String(this.aduitlist.basis).indexOf('.') + 1) >
            2) ||
        (this.aduitlist.salePlanType == '期货' &&
          this.aduitlist.basis > 10000) ||
        (this.aduitlist.salePlanType == '期货' && this.aduitlist.basis < 1)
      ) {
        this.$message({
          message: '基差输入错误',
          type: 'warning',
        })
        return
      }
      if (
        (this.aduitlist.invoiceFee &&
          String(this.aduitlist.invoiceFee).indexOf('.') != -1 &&
          String(aduitlist.invoiceFee).length -
            (String(this.aduitlist.invoiceFee).indexOf('.') + 1) >
            2) ||
        this.aduitlist.invoiceFee > 1000 ||
        this.aduitlist.invoiceFee < 0
      ) {
        this.$message({
          message: '发票费用输入错误',
          type: 'warning',
        })
        return
      }
      if (this.aduitlist.salePlanType == '期货') {
        this.aduitlist.basis = '+' + this.aduitlist.basis
      }
      this.aduitlist.salePlanType = this.aduitlist.salePlanType
      this.dialogFormVisible4 = false
      this.$confirm(`审核通过后，将通知客户订单生效，是否确定通过审核？`, {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning',
      }).then(() => {
        aduitsale(this.aduitlist)
          .toPromise()
          .then((response) => {
            this.$message.success('审核成功')
            this.getList()
          })
      })
    },
    //客户
    customer(item) {
      this.dialogFormVisible8 = true
      if (item.customerInfo) {
        this.customerlist = item.customerInfo
        this.customerlist.cardAddressUrl1 =
          this.customerlist.cardAddressUrl.split(',')[0]
        this.customerlist.cardAddressUrl2 =
          this.customerlist.cardAddressUrl.split(',')[1]
        this.customerlist.payeeAddressUrl1 =
          this.customerlist.payeeAddressUrl.split(',')[0]
        this.customerlist.payeeAddressUrl2 =
          this.customerlist.payeeAddressUrl.split(',')[1]
      }
    },
    //列表
    getList() {
      detailsList({
        compId: sessionStorage.getItem('ws-pf_compId'),
        currentPage: this.currentPage,
        pageSize: this.pageSize,
        pcFlag: this.pcFlag,
        searchType: this.searchType,
        searchKeyWord: this.searchKeyWord,
      })
        .toPromise()
        .then((response) => {
          for (var i = 0; i < response.records.length; i++) {
            response.records[i].basischange = false
            response.records[i].openPosition =
              response.records[i].cumulativeTurnover -
              response.records[i].closedPosition -
              response.records[i].stockOutQuantity
          }
          this.warehouseList = response
          this.deptCircularPage.currentPage = response.current
          this.deptCircularPage.pageSize = response.size
          this.deptBudgetTotal = response.total
        })
      //包装方式
      packList({ constId: 'PRO2' })
        .toPromise()
        .then((response) => {
          this.packingTypeList = response
        })
      // 发票
      packList({ constId: 'PRO5' })
        .toPromise()
        .then((response) => {
          this.invoiceList = response
        })
      // 合同编号
      aduitcontractno({
        compId: sessionStorage.getItem('ws-pf_compId'),
        flag: 1,
      })
        .toPromise()
        .then((response) => {
          this.contractNolist = response
        })
    },
    Changepricerecord(item) {
      this.dialogFormVisible5 = true
      this.pricechange = item.priceChangeRecordList
    },
    closedPosition(item) {
      this.dialogFormVisible7 = true
      this.closePositionList = item.closePositionList
    },
    transactionRecord(item) {
      this.dialogFormVisible6 = true
      this.transactionRecordList = item.transactionRecordList
    },

    selectpackingType(e) {
      for (var i = 0; i < this.packingTypeList.length; i++) {
        if (this.packingTypeList[i].constValue == e) {
          this.aduitlist.packingTypeKey = this.packingTypeList[i].constKey
          console.log(this.packingTypeList[i].constKey)
        }
      }
    },
    selectType(e) {
      for (var i = 0; i < this.invoiceList.length; i++) {
        if (this.invoiceList[i].constValue == e) {
          this.aduitlist.typeKey = this.invoiceList[i].constKey
        }
      }
    },
    handleRemove(file) {
      console.log(file)
    },
    handlePictureCardPreview(file) {
      this.dialogImageUrl = file.url
      this.dialogVisible = true
    },
    handleDownload(file) {
      console.log(file)
    },
    getSpanArr(data) {
      let that = this

      //页面展示的数据，不一定是全部的数据，所以每次都清空之前存储的 保证遍历的数据是最新的数据。以免造成数据渲染混乱

      that.spanArr = []

      that.pos = 0

      // //遍历数据

      data.forEach((item, index) => {
        //判断是否是第一项

        if (index === 0) {
          this.spanArr.push(1)
          this.pos = 0
        } else {
          //不是第一项时，就根据标识去存储
          if (data[index].warehouseNumViewList.length > 1) {
            查找到符合条件的数据时每次要把之前存储的数据 + 1
            this.spanArr[this.pos] = data[index].warehouseNumViewList.length
            this.spanArr.push(0)
          } else {
            // 没有符合的数据时，要记住当前的index
            this.spanArr.push(1)
            this.pos = index
          }
        }
      })
    },
    //返回
    revert() {
      this.$router.push({ path: 'warehouseManagementList' })
    },
    dateFormat(fmt, date) {
      let ret
      const opt = {
        'Y+': date.getFullYear().toString(), // 年
        'm+': (date.getMonth() + 1).toString(), // 月
        'd+': date.getDate().toString(), // 日
        'H+': date.getHours().toString(), // 时
        // "M+": date.getMinutes().toString(),         // 分
        // "S+": date.getSeconds().toString()          // 秒
        // 有其他格式化字符需求可以继续添加，必须转化成字符串
      }
      for (let k in opt) {
        ret = new RegExp('(' + k + ')').exec(fmt)
        if (ret) {
          fmt = fmt.replace(
            ret[1],
            ret[1].length == 1 ? opt[k] : opt[k].padStart(ret[1].length, '0')
          )
        }
      }
      return fmt
    },
    handleClose() {
      this.accessoryTFs = false
    },
    handleSizeChange(val) {
      console.log(`每页 ${val} 条`)
      this.pageSize = val
      this.getList()
    },
    handleCurrentChange(val) {
      this.currentPage = val
      console.log(`当前页: ${val}`)
      this.getList()
    },
    selecttaskType(e) {
      for (var i = 0; i < this.taskTypeList.length; i++) {
        if (this.taskTypeList[i].value == e) {
          this.searchType = this.taskTypeList[i].type
        }
      }
    },
    handleExamine(row) {
      this.$router.push({
        name: 'salesContractExamine',
        query: { id: row.id },
      })
    },
    // 关闭 dialog时 处理文件url 初始化upload组件
    handleCloe() {
      this.dialogViewSpareMoney = false
    },
    history(row) {
      billoperatehis({ id: row.id })
        .toPromise()
        .then((response) => {
          this.historyList = response
        })
    },
    async exportlist() {
      const { data } = await export1(
        {
          compId: sessionStorage.getItem('ws-pf_compId'),
          contractType: this.contractType,
          currentPage: this.currentPage,
          pageSize: this.pageSize,
          searchType: this.searchType,
          searchKeyWord: this.searchKeyWord,
          startDate: this.startDate,
          endDate: this.endDate,
        },
        {},
        { responseType: 'blob' }
      ).toPromise()
      downloadFile({
        res: data,
        fileName: `${
          this.date.year + (this.date.month ? `-${this.date.month}` : '')
        }_销售合同`,
        type: 'xls',
      })
    },
    total() {},
  },
}
</script>
<style lang="scss" scoped>
// @import '../../../../static/iconfont/iconfont.css';
.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--primary {
  background-color: #5878e8;
  border-color: #5878e8;
}
.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;
  margin-top: -1px;
  margin-left: -5px;
}
/deep/.findValue .el-input__inner {
  border-top-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: 20px;
}
//导航条样式
.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;
}
/deep/.el-table .el-table__header .cell,
.el-table .el-table__body .cell {
  text-align: center;
}
.el-scrollbar__wrap {
  overflow-y: hidden;
}
.deal {
  width: 66%;
}
.photo {
  padding: 0% 34%;
}
.photo1 {
  padding: 0 10%;
}
.photo2 {
  padding: 0 55%;
}
/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%;
}
/deep/.closeposition .el-form-item__label {
  width: 160px;
}
.customer .el-form-item {
  border-bottom: 1px solid #ccc;
}
.base_header_layout {
  padding: 10px 10px 0;
  background-color: #fff;
  height: 50px;
}
</style>