yos_web/src/SDrpManagement/agentOrder/modules/edit.vue

<template>
  <div>
    <!-- <el-button :disabled="data.status !=='新建'" type="primary" size="mini" @click="onShow(drawer = true)">{{$t('编 辑')}}</el-button> -->
    <el-button
      type="primary"
      :disabled="data.type === '特殊订单'"
      size="mini"
      @click="onShow((drawer = true))"
      >{{ $t("编 辑") }}</el-button
    >
    <el-drawer :visible.sync="drawer" :wrapperClosable="false" direction="rtl" append-to-body size="80%">
      <div slot="title">
        <div class="flex-align-center">
          <p>
            <span style="font-size: 14px">{{ $t("订单合计") }}:</span
            ><span style="color: red; font-size: 16px"
              ><b
                >¥&nbsp;{{ tool.formatAmount(data.defaultamount, 2) }}</b
              ></span
            >
          </p>
          <!-- <label style="font-size:14px;margin-left:10px" for="">备注:</label>
        <input class="order__note__input" v-model="defaultData.remarks" type="text" :placeholder="$t(`请输入订单备注`)"> -->
          <!--        <p>运费:{{data.amount > data.freefreightamount >= 0?'当前订单免运费':`订单满${data.freefreightamount}元免运费,当前还差${data.freefreightamount - data.amount}元`}}</p>-->
        </div>
        <div class="flex-align-center">
          <!--        <p ><span style="font-size:14px">订单合计:</span><span style="color:red;font-size:16px;"><b>¥&nbsp;{{tool.formatAmount(data.amount,2)}}</b></span></p>-->
          <!-- <label style="font-size:14px;margin-left:10px" for="">备注:</label>
        <input class="order__note__input" v-model="defaultData.remarks" type="text" :placeholder="$t(`请输入订单备注`)"> -->
          <p
            v-if="freefreightamount"
            style="
              font-size: 13px !important;
              color: #8888;
              font-weight: normal;
            "
          >
            {{ $t(checkFreefreightamount) }}
          </p>
        </div>
      </div>
      <div class="drawer__panel">
        <!-- 项目订单显示信息 -->
        <div
          v-if="data.type === '项目订单'"
          class="reveive__panel normal-margin flex-align-center"
        >
          <p class="inline-16">
            <small>{{ $t("项目信息") }}:</small>{{ data.projectname }}
          </p>
          <p class="inline-16">
            <small>{{ $t("合同信息") }}:</small>{{ data.contract_title }}
          </p>
          <p class="inline-16">
            <small>{{ $t("领域") }}:</small>{{ data.tradefield }}
          </p>
          <p class="inline-16">
            <small>{{ $t("品牌") }}:</small>{{ data.brandname }}
          </p>
        </div>
        <div>
          <div class="mt-10">
            <p class="normal-title inline-16">{{ $t("支付信息") }}</p>
          </div>
          <div class="reveive__panel normal-margin">
            <p class="flex-align-center">
              <small>{{ $t("结算企业") }}:&nbsp;</small
              ><b>{{ defaultData.finance.enterprisename }}</b
              >&nbsp;<financeEnterprise
                v-if="data.type !== '项目订单'"
                @select="onSelect"
              ></financeEnterprise>
            </p>
            <div class="flex-align-center">
              <p class="inline-16">
                <small>{{ $t("账户余额") }}:&nbsp;</small
                ><b
                  >¥{{
                    tool.formatAmount(
                      defaultData.accountclass.balance
                        ? defaultData.accountclass.balance
                        : 0,
                      2
                    )
                  }}</b
                >
              </p>
              <p class="inline-16">
                <small>{{ $t("账户名称") }}:&nbsp;</small
                >{{
                  defaultData.accountclass.accountname
                    ? $t(defaultData.accountclass.accountname)
                    : $t("未选择账户")
                }}
              </p>
              <p>
                <small>{{ $t("本单金额") }}:&nbsp;</small
                >{{
                  data.rebate_used
                    ? tool.formatAmount(data.defaultamount - rebateamount, 2)
                    : data.defaultamount
                }}
              </p>
            </div>
            <div
              v-if="
                (data.type === '标准订单' || data.type === '特殊订单') &&
                isusedrebate === 1
              "
            >
              <el-checkbox
                v-model="checked"
                :true-label="1"
                :false-label="0"
                @change="rebateUsedChange"
                >{{ $t("使用返利金") }}</el-checkbox
              >
              <div v-if="checked" class="flex-align-center">
                <p class="inline-16">
                  <b
                    >{{ $t("返利金余额") }}:{{
                      tool.formatAmount(data.rebatebalance, 2)
                    }}</b
                  >
                </p>
                <el-input
                  class="inline-16"
                  size="mini"
                  style="width: 150px"
                  v-model="data.rebateamount"
                  @blur="useRebate(data.rebateamount)"
                  :placeholder="$t(`输入使用金额`)"
                ></el-input>
                <small
                  >({{ $t("返利金最高使用比例")
                  }}{{ data.order_rebate_userate }})</small
                >
                <!--              <small>(返利金最高使用比例{{data.order_rebate_userate}},本单上限:{{tool.formatAmount(data.amount * data.order_rebate_userate / 100,2)}})</small>-->
              </div>
            </div>
          </div>
        </div>
        <div class="flex-align-center normal-margin">
          <div style="flex: 1; margin-right: 10px">
            <div class="mt-10">
              <p class="normal-title inline-16">{{ $t("选择财务信息") }}</p>
              <el-popover
                placement="bottom"
                :title="$t(`选择财务信息`)"
                trigger="click"
                v-model="visible2"
              >
                <addAmountInfo
                  style="text-align: right"
                  :data="{ sys_enterpriseid: data.sys_enterpriseid }"
                  @onSuccess="
                    thisDetail()
                      .queryMainData()
                      .then(() => {
                        setDefaultData();
                      })
                  "
                />
                <el-table :data="financiallist" style="width: 100%" size="mini">
                  <el-table-column
                    prop="enterprisename"
                    :label="$t(`公司抬头`)"
                    width="120"
                  >
                  </el-table-column>
                  <el-table-column
                    prop="address"
                    :label="$t('开票地址')"
                    width="120"
                  >
                  </el-table-column>
                  <el-table-column
                    prop="bank"
                    :label="$t('开户行')"
                    width="120"
                  >
                  </el-table-column>
                  <el-table-column
                    prop="bankcardno"
                    :label="$t('开户账号')"
                    width="120"
                  >
                  </el-table-column>
                  <el-table-column :label="$t('操作')" width="120">
                    <template slot-scope="scope">
                      <el-button
                        class="inline-16"
                        type="text"
                        @click="
                          (defaultData.fin_info = scope.row), (visible2 = false)
                        "
                        size="mini"
                        >{{ $t("选 择") }}</el-button
                      >
                      <delete-btn
                        :message="$t('确定删除当前信息吗?')"
                        nameId="20221013160502"
                        nameKey="sys_enterprise_financeids"
                        :id="scope.row.sys_enterprise_financeid"
                        @deleteSuccess="
                          thisDetail()
                            .queryMainData()
                            .then(() => {
                              setDefaultData();
                            })
                        "
                      ></delete-btn>
                    </template>
                  </el-table-column>
                </el-table>

                <el-button slot="reference" type="text" size="mini">{{
                  $t("选择其他")
                }}</el-button>
              </el-popover>
            </div>
            <div class="reveive__panel normal-margin">
              <p>
                <small>{{ $t("抬头") }}:&nbsp;</small
                ><span class="inline-16"
                  ><b>{{ defaultData.fin_info.enterprisename }}</b></span
                >
              </p>
              <div class="flex-align-center">
                <p class="inline-16">
                  <small
                    >{{ $t("开票地址") }}:&nbsp;{{
                      defaultData.fin_info.address
                        ? defaultData.fin_info.address
                        : "--"
                    }}</small
                  >
                </p>
              </div>
              <p>
                <small
                  >{{ $t("开户行") }}:&nbsp;
                  {{ defaultData.fin_info.bank }} &emsp;</small
                >
              </p>
              <p>
                <small
                  >{{ $t("开户账号") }}:&nbsp;
                  {{ defaultData.fin_info.bankcardno }}</small
                >
              </p>
            </div>
          </div>
          <div style="flex: 1">
            <div class="mt-10">
              <p class="normal-title inline-16">{{ $t("收货信息") }}</p>
            </div>
            <div class="reveive__panel normal-margin">
              <div>
                <p class="inline-16">
                  <b>{{ selectEnterpriseInfo.enterprisename }}</b>
                </p>
                <el-popover
                  placement="bottom"
                  :title="$t(`选择企业`)"
                  trigger="click"
                  v-model="visible4"
                >
                  <div
                    class="flex-align-center"
                    style="justify-content: space-between; margin-bottom: 10px"
                  >
                    <el-input
                      size="small"
                      v-model="enterpriseParam.content.where.condition"
                      :placeholder="$t('请输入搜索内容')"
                      style="width: 150px"
                      @keyup.enter.native="
                        getEnterpriseList(
                          (enterpriseParam.content.pageNumber = 1)
                        )
                      "
                      @clear="
                        getEnterpriseList(
                          (enterpriseParam.content.pageNumber = 1)
                        )
                      "
                      clearable
                    ></el-input
                    >&nbsp;
                  </div>
                  <el-table
                    :data="enterpriseList"
                    style="width: 100%"
                    size="mini"
                  >
                    <el-table-column
                      prop="enterprisename"
                      :label="$t(`企业名称`)"
                      width="150"
                    >
                    </el-table-column>
                    <el-table-column :label="$t('地址')" width="360">
                      <template slot-scope="scope">
                        {{ scope.row.province }}{{ scope.row.city
                        }}{{ scope.row.county }}{{ scope.row.address }}
                      </template>
                    </el-table-column>
                    <el-table-column :label="$t('操作')" width="120">
                      <template slot-scope="scope">
                        <el-button
                          class="inline-16"
                          type="text"
                          @click="
                            (selectEnterpriseInfo = scope.row),
                              receiveAddress(),
                              (defaultData.re_info = {}),
                              (visible4 = false)
                          "
                          size="mini"
                          >{{ $t("选 择") }}</el-button
                        >
                        <!-- <delete-btn
                        message="确定删除当前地址吗?"
                        nameId="20221009155903"
                        nameKey="contactsid"
                        :id="scope.row.contactsid"
                        :isNumber="true"
                        @deleteSuccess="receiveAddress"
                      ></delete-btn> -->
                      </template>
                    </el-table-column>
                  </el-table>
                  <div class="container" style="text-align: right">
                    <el-pagination
                      background
                      small
                      :current-page="enterpriseParam.content.pageNumber"
                      @current-change="enterprisePageChange"
                      :page-size="enterpriseParam.content.pageSize"
                      layout="total,prev, pager, next"
                      :total="enterpriseTotal"
                    >
                    </el-pagination>
                  </div>
                  <el-button slot="reference" type="text" size="mini">{{
                    $t("选择企业")
                  }}</el-button>
                </el-popover>
              </div>
              <div>
                <p class="inline-16">
                  <span class="inline-16"
                    ><b>{{ defaultData.re_info.name }}</b></span
                  ><small>{{ defaultData.re_info.phonenumber }}</small>
                </p>
                <el-popover
                  placement="bottom"
                  :title="$t(`选择地址`)"
                  trigger="click"
                  v-model="visible"
                >
                  <div
                    class="flex-align-center"
                    style="justify-content: space-between; margin-bottom: 10px"
                  >
                    <el-input
                      size="small"
                      v-model="addressparam.content.where.condition"
                      :placeholder="$t('请输入搜索内容')"
                      style="width: 150px"
                      @keyup.enter.native="
                        receiveAddress((addressparam.content.pageNumber = 1))
                      "
                      @clear="
                        receiveAddress((addressparam.content.pageNumber = 1))
                      "
                      clearable
                    ></el-input
                    >&nbsp;
                    <addAddressInfo
                      style="text-align: right"
                      @onAddSuccess="receiveAddress()"
                      :mainData="{ sys_enterpriseid: data.sys_enterpriseid }"
                    />
                  </div>
                  <el-table
                    :data="receiveAddresslist"
                    style="width: 100%"
                    size="mini"
                  >
                    <el-table-column
                      prop="name"
                      :label="$t('联系人')"
                      width="90"
                    >
                    </el-table-column>
                    <el-table-column
                      prop="phonenumber"
                      :label="$t(`电话`)"
                      width="120"
                    >
                    </el-table-column>
                    <el-table-column :label="$t('地址')" width="360">
                      <template slot-scope="scope">
                        {{ scope.row.province }}{{ scope.row.city
                        }}{{ scope.row.county }}{{ scope.row.address }}
                      </template>
                    </el-table-column>
                    <el-table-column :label="$t('操作')" width="150">
                      <template slot-scope="scope">
                        <editAddressInfo
                          class="inline-16"
                          :mainData="{
                            sys_enterpriseid: data.sys_enterpriseid,
                          }"
                          :row="scope.row"
                          @onAddSuccess="receiveAddress()"
                        ></editAddressInfo>
                        <el-button
                          class="inline-16"
                          type="text"
                          @click="
                            (defaultData.re_info = scope.row), (visible = false)
                          "
                          size="mini"
                          >{{ $t("选 择") }}</el-button
                        >
                        <delete-btn
                          :message="$t('确定删除当前地址吗?')"
                          nameId="20221009155903"
                          nameKey="contactsids"
                          :id="scope.row.contactsid"
                          :isNumber="false"
                          @deleteSuccess="receiveAddress"
                        ></delete-btn>
                      </template>
                    </el-table-column>
                  </el-table>
                  <div
                    class="container"
                    v-if="addresstotal"
                    style="text-align: right"
                  >
                    <el-pagination
                      background
                      small
                      :current-page="addressparam.content.pageNumber"
                      @current-change="addresPageChange"
                      :page-size="addressparam.content.pageSize"
                      layout="total,prev, pager, next"
                      :total="addresstotal"
                    >
                    </el-pagination>
                  </div>
                  <el-button slot="reference" type="text" size="mini">{{
                    $t("选择其他地址")
                  }}</el-button>
                </el-popover>
              </div>
              <small
                >{{
                  defaultData.re_info.province
                    ? defaultData.re_info.province
                    : "--"
                }}{{ defaultData.re_info.city }}{{ defaultData.re_info.county
                }}{{
                  defaultData.re_info.address ? defaultData.re_info.address : ""
                }}</small
              >
            </div>
          </div>
        </div>
        <div class="normal-margin flex-align-center">
          <div class="inline-16" >
            <small
              ><b>{{ $t("回签单") }}</b
              >&nbsp;</small
            >
            <el-radio-group v-model="signbackstatus" :disabled="siteId == 'HY'">
              <el-radio label="不需要" :style="{marginTop:windowWidth>1132?0:'10px'}">{{ $t("不需要") }}</el-radio>
              <el-radio label="纸质件" :style="{marginTop:windowWidth>1132?0:'10px'}">{{ $t("纸质件") }}</el-radio>
              <el-radio label="扫描件" :style="{marginTop:windowWidth>1132?0:'10px'}">{{ $t("扫描件") }}</el-radio>
            </el-radio-group>
          </div>
          <div class="inline-16" v-if="tool.checkAuth($route.name,'relatedProject') && data.type == '标准订单'">
            <div :style="{marginTop:projectError?'20px':''}">
              <small class="inline-16"><span style="color:red;">*</span><b>{{$t(`关联项目`)}}:</b>&nbsp;</small>
              <popoverTemp class="inline-16" :tablecols="tablecols" :isButton="false" :params="paramsProject" :isRest="true"
                           placeholder="选择关联项目" @rowClick="rowClick" :inputData="projectname"></popoverTemp>
            </div>
            <div v-if="projectError" style="color:red;font-size: 12px;margin-left: 90px;">{{projectError}}</div>
          </div>
          <div class="inline-16">
            <small
              ><b>{{ $t("销售类别") }}:</b>&nbsp;</small
            >
            <el-select
              v-model="saletype"
              :style="{marginTop:windowWidth>1132?0:'10px'}"
              size="small"
              :placeholder="$t('请选择')"
            >
              <el-option
                v-for="item in saleroptions"
                :key="item.value"
                :label="$t(item.remarks)"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </div>
          <div
              class="inline-16"
            v-if="
              siteId == 'HY' &&
              (data.type == '标准订单' || data.type == '项目订单')
            "
          >
            <small
              ><b>{{ $t("是否样品订单") }}:</b>&nbsp;</small
            >
            <el-radio-group v-model="data.typemx">
              <el-radio label="样品">{{ $t("是") }}</el-radio>
              <el-radio label="">{{ $t("否") }}</el-radio>
            </el-radio-group>
          </div>
        </div>
        <div class="normal-margin">
          <p class="normal-title mt-10 inline-16">{{ $t("对外备注") }}</p>
          <el-input
            size="mini"
            class="order__note__input"
            type="textarea"
            v-model="defaultData.remarks"
            :autosize="{ minRows: 5 }"
            :placeholder="$t(`请输入对外备注`)"
          ></el-input>
        </div>
        <div class="normal-margin">
          <p class="normal-title mt-10 inline-16">{{ $t("对内备注") }}</p>
          <el-input
              size="mini"
              class="order__note__input"
              type="textarea"
              v-model="defaultData.remarks_in"
              :autosize="{ minRows: 5 }"
              :placeholder="$t(`请输入对内备注`)"
          ></el-input>
        </div>
        <div
          class="normal-margin"
          v-if="data.type === '标准订单' || data.type === '特殊订单'"
        >
          <p class="normal-title mt-10 inline-16">{{ $t("项目备注") }}</p>
          <el-input
            size="mini"
            class="order__note__input"
            type="textarea"
            v-model="data.projectnote"
            :autosize="{ minRows: 5 }"
            :placeholder="$t(`请输入项目备注`)"
          ></el-input>
        </div>
        <div class="mt-10">
          <div class="mt-10">
            <p class="normal-title inline-16">{{ $t("订单产品") }}</p>
            <!-- <el-button type="text" size="mini" @click="addMoreProduct">{{setcol === 12?'关闭选择':'添加产品'}}</el-button> -->
          </div>
          <el-row :gutter="10">
            <el-col :span="setcol">
              <product-list
                ref="prolist"
                :data="data"
                :type="'edit'"
                @onSuccess="onEditSuccess"
              ></product-list>
            </el-col>
            <el-col :span="24 - setcol">
              <add-product
                ref="addpro"
                :data="data"
                @onConfirm="onConfirm"
              ></add-product>
            </el-col>
          </el-row>
        </div>
      </div>
      <div class="fixed__btn__panel">
        <el-button
          size="small"
          @click="drawer = false"
          class="normal-btn-width"
          >{{ $t("取 消") }}</el-button
        >
        <el-button
          size="small"
          type="primary"
          @click="onSubmit"
          class="normal-btn-width"
          >{{ $t("保存修改") }}</el-button
        >
      </div>
    </el-drawer>
  </div>
</template>

<script>
import previewImage from "@/components/previewImage/index.vue";
import productList from "./productlist.vue";
import addProduct from "@/template/orderCanUseProduct/index.vue";
import financeEnterprise from "@/template/orderCanUseFinance/index.vue";
import addAmountInfo from "@/components/financialInfo/modules/add";
import addAddressInfo from "@/HManagement/marketing2/agent/details/modules/address/add";
import editAddressInfo from "@/HManagement/marketing2/agent/details/modules/address/edit";
export default {
  props: ["data"],
  components: {
    previewImage,
    productList,
    addProduct,
    financeEnterprise,
    addAmountInfo,
    addAddressInfo,
    editAddressInfo,
  },
  inject: ["thisDetail"],
  computed: {
    checkFreefreightamount() {
      let result = "";
      switch (this.freefreightamount) {
        case -1:
          result = this.$t("不免运费");
          break;
        case 0:
          result = this.$t("免运费");
          break;
        default:
          result =
            this.data.amount >= this.freefreightamount
              ? this.$t("当前订单免运费")
              : this.$t("订单满") +
                `‘${this.tool.formatAmount(this.freefreightamount, 2)}’${this.$t(
                  "元免运费,当前还差"
                )}‘${this.tool.formatAmount(
                  this.freefreightamount - this.data.amount,
                  2
                )}’${this.$t("元")}`;
          break;
      }
      return result;
    },
  },
  data() {
    return {
      siteId: JSON.parse(sessionStorage.getItem("active_account")).siteid,
      checked: 0,
      visible: false,
      visible1: false,
      visible2: false,
      visible3: false,
      visible4: false,
      drawer: false,
      receiveAddresslist: [],
      selectEnterpriseInfo: "",
      enterpriseList: [],
      accountlist: [],
      rebateAccount: [],
      logisticcomlist: [],
      financiallist: [],
      saleroptions: [],
      defaultData: {
        re_info: {},
        logist_info: {},
        fin_info: {},
        finance: {},
        accountclass: {},
        account_index: 0,
        remarks: this.data.remarks,
        remarks_in:""
      },
      total: 0,
      setcol: 24,
      rebateamount: null,
      isusedrebate: 0,
      signbackstatus: "不需要",
      saletype: "",
      freefreightamount: "",
      addresstotal: 0,
      addressparam: {
        id: "20230220002602",
        content: {
          nocache: true,
          pageNumber: 1,
          pageSize: 10,
          sys_enterpriseid: "",
          where: {
            condition: "",
            workaddress: 1,
          },
        },
      },
      enterpriseParam: {
        id: 20230320134702,
        content: {
          pageNumber: 1,
          pageSize: 15,
          sys_enterpriseid: "",
          where: {
            condition: "",
          },
        },
      },
      enterpriseTotal: 0,
      windowWidth: document.documentElement.clientWidth,  //实时屏幕宽度
      tablecols:'',
      paramsProject:{
        "content": {
          "sys_enterpriseid": '',
          "pageNumber": 1,
          "pageSize": 100,
          "where": {
            "condition": ""
          }
        },
        "id": 2026011416113702,
      },
      projectname:'',
      sa_projectid:'',
      projectError:''
    };
  },
  created() {
    this.queryBasicInfo();
    this.tablecols = this.tool.tabelCol(this.$route.name)['projectSelectTable'].tablecols
  },
  methods: {
    enterprisePageChange(n) {
      this.enterpriseParam.content.pageNumber = n;
      this.getEnterpriseList();
    },
    addresPageChange(n) {
      this.addressparam.content.pageNumber = n;
      this.receiveAddress();
    },
    async queryBasicInfo() {
      const res = await this.$api.requested({
        id: 20220920084001,
        content: {
          sys_enterpriseid: this.data.sys_enterpriseid,
        },
      });
      this.freefreightamount = res.data.freefreightamount;
    },
    onShow() {
      this.initPage();
    },
    async initPage() {
      this.setDefaultData();

      this.receiveAddress();

      this.getEnterpriseList();

      this.queryUsedrebate();

      this.selectOptions();

      this.checked = this.data.rebate_used;
      if (this.data.rebateamount > this.data.defaultamount) {
        this.rebateamount = this.tool.formatAmount(
          +this.data.defaultamount / 2
        );
      } else {
        this.rebateamount = this.data.rebateamount;
      }
    },
    /* 获取当前经销商企业列表 */
    async getEnterpriseList() {
      this.enterpriseParam.content.sys_enterpriseid =
        this.data.sys_enterpriseid;
      const res = await this.$api.requested(this.enterpriseParam);
      this.enterpriseList = res.data;
      this.enterpriseTotal = res.total;
      console.log(this.enterpriseList, "企业列表");
    },
    // 收货信息:合作企业联系人
    async receiveAddress(fn) {
      this.addressparam.content.sys_enterpriseid =
        this.selectEnterpriseInfo.sys_enterpriseid;
      const res = await this.$api.requested(this.addressparam);
      this.addresstotal = res.total;
      this.receiveAddresslist = res.data;
    },

    // 设置默认信息
    async setDefaultData() {
      this.projectError = ''
      this.paramsProject.content.sys_enterpriseid = this.data.sys_enterpriseid
      this.sa_projectid = ''
      this.projectname = ''
      this.defaultData.rebatebalance = this.data.rebatebalance;
      this.defaultData.finance = this.data.finance;
      this.defaultData.fin_info = this.data.finance;
      this.defaultData.accountclass = this.data.accountclass;
      this.defaultData.re_info = this.data.contacts;
      this.financiallist = this.data.pay_finance;
      this.saletype = this.data.saletype;
      this.signbackstatus = this.data.signbackstatus;
      this.selectEnterpriseInfo = this.data.contactsEnterprise;
      this.defaultData.remarks = this.data.remarks
      this.defaultData.remarks_in = this.data.remarks_in
    },

    async onSubmit() {
      if (this.sa_projectid == '' && this.tool.checkAuth(this.$route.name,'relatedProject') && this.data.type == '标准订单'){
        this.projectError = '请选择关联项目'
      }else {
        if (this.data.type == '标准订单'){
          const res = await this.$api.requested({
            id: 20221108111402,
            content: {
              sa_orderid: this.$route.query.id,
              sys_enterpriseid: this.data.sys_enterpriseid, //订货企业id
              sa_accountclassid: this.defaultData.accountclass.sa_accountclassid, //营销账户类型ID
              sa_brandid: this.data.sa_brandid, //品牌ID
              sa_contractid: this.data.sa_contractid, //合同ID，标准订单不传
              sa_projectid: this.sa_projectid, //工程项目表ID，标准订单不传
              sys_enterprise_financeid:
              this.defaultData.fin_info.sys_enterprise_financeid, //合作企业财务信息ID（开票信息）
              sa_logiscompid: this.defaultData.logist_info.sa_logiscompid, //物流公司档案ID
              rec_contactsid: this.defaultData.re_info.contactsid, //合作企业联系人表ID（收货信息）
              type: this.data.type, //订单类型
              typemx: this.data.typemx, //明细分类，可选
              remarks: this.defaultData.remarks, //可选
              saler_hrid: this.data.saler_hrid, //销售人员hrid,业务员hrid
              signbackstatus: this.signbackstatus,
              tradefieldmx: this.data.tradefieldmx,
              pay_enterpriseid: this.data.pay_enterpriseid,
              tradefield: this.data.tradefield,
              saletype: this.saletype,
              rebate_used: this.data.rebate_used, //默认0，是否使用返利金
              signbacknum: "",
              sa_promotionid: this.data.sa_promotionid,
              billdate: this.data.billdate,
              projectnote: this.data.projectnote,
              remarks_in:this.defaultData.remarks_in
            },
          });
          this.tool.showMessage(res, () => {
            this.$emit("onSuccess");
            /*  if (this.data.type === '标准订单' ||  this.data.type === '特殊订单') {
              this.isusedrebate === 1?this.useRebate(this.data.rebateamount):""
            }*/
          });
        }else {
          const res = await this.$api.requested({
            id: 20221108111402,
            content: {
              sa_orderid: this.$route.query.id,
              sys_enterpriseid: this.data.sys_enterpriseid, //订货企业id
              sa_accountclassid: this.defaultData.accountclass.sa_accountclassid, //营销账户类型ID
              sa_brandid: this.data.sa_brandid, //品牌ID
              sa_contractid: this.data.sa_contractid, //合同ID，标准订单不传
              sa_projectid: this.data.sa_projectid, //工程项目表ID，标准订单不传
              sys_enterprise_financeid:
              this.defaultData.fin_info.sys_enterprise_financeid, //合作企业财务信息ID（开票信息）
              sa_logiscompid: this.defaultData.logist_info.sa_logiscompid, //物流公司档案ID
              rec_contactsid: this.defaultData.re_info.contactsid, //合作企业联系人表ID（收货信息）
              type: this.data.type, //订单类型
              typemx: this.data.typemx, //明细分类，可选
              remarks: this.defaultData.remarks, //可选
              saler_hrid: this.data.saler_hrid, //销售人员hrid,业务员hrid
              signbackstatus: this.signbackstatus,
              tradefieldmx: this.data.tradefieldmx,
              pay_enterpriseid: this.data.pay_enterpriseid,
              tradefield: this.data.tradefield,
              saletype: this.saletype,
              rebate_used: this.data.rebate_used, //默认0，是否使用返利金
              signbacknum: "",
              sa_promotionid: this.data.sa_promotionid,
              billdate: this.data.billdate,
              projectnote: this.data.projectnote,
              remarks_in:this.defaultData.remarks_in
            },
          });
          this.tool.showMessage(res, () => {
            this.$emit("onSuccess");
            /*  if (this.data.type === '标准订单' ||  this.data.type === '特殊订单') {
              this.isusedrebate === 1?this.useRebate(this.data.rebateamount):""
            }*/
          });
        }

      }
    },
    onEditSuccess() {
      this.$refs.addpro.listData();
      this.$emit("onSuccess");
    },
    addMoreProduct() {
      this.setcol === 12 ? (this.setcol = 24) : (this.setcol = 12);
    },
    // 订单添加商品
    async onConfirm(data) {
      const res = await this.$api.requested({
        id: 20221109093602,
        content: {
          sa_orderid: this.$route.query.id, //订单ID
          sys_enterpriseid: this.data.sys_enterpriseid, //企业ID
          type: "标准订单", //订单类型
          items: data.map((e) => {
            return {
              sa_orderitemsid: 0,
              itemid: e.itemid,
              qty: e.orderminqty,
              needdate: e.deliverydate,
            };
          }),
        },
      });
      this.tool.showMessage(res, () => {
        this.setcol = 24;
        this.$refs["prolist"].listData();
        this.$emit("onSuccess");
      });
    },
    async useRebate(e) {
      let that = this;
      /* 修改返利金 */
      let rebateamount = e;
      let amount = Math.round((this.data.order_rebate_userate * this.data.defaultamount)*100)/100; //最大可用金额
      const res = await this.$api.requested({
        id: 20230218225002,
        content: {
          sa_orderid: this.data.sa_orderid, //订单金额
          isused: 1, //是否使用
          rebateamount: rebateamount > amount ? amount : rebateamount,
        },
      });
      if (res.data == "成功") {
        this.$emit("onSuccess");
        this.initPage();
        if (rebateamount > amount) {
          this.data.rebateamount = amount;
          this.$message({
            message: this.$t("返利金最大可用值") + amount,
            type: "warning",
          });
        }
      } else {
        this.$message.success(res.msg);
      }
    },
    // 查询站点是否使用返利金
    async queryUsedrebate() {
      const res = await this.$api.requested({
        classname: "webmanage.site.site",
        method: "querySite_Parameter",
        content: {},
      });
      this.isusedrebate = res.data.order_rebate_used;
    },
    // 选择结算企业
    onSelect(data) {
      this.defaultData.finance = data;
      this.financiallist = data.finance;
      data.finance.forEach((e) => {
        if (e.isdefault === 1) {
          this.defaultData.fin_info = e;
        } else {
          this.defaultData.fin_info =
            data.finance.length > 0 ? data.finance[0] : {};
        }
      });
    },

    async selectOptions() {
      const res = await this.$store.dispatch("optiontypeselect", "saletype");
      this.saleroptions = res.data;
    },
    async rebateUsedChange() {
      console.log(this.data);
      if (this.data.status != "新建") return 1;
      let amount = Math.round((this.data.order_rebate_userate * this.data.defaultamount)*100)/100; //最大可用金额
      let rebatebalance = this.data.rebatebalance; //返利金账户余额
      const res = await this.$api.requested({
        id: 20230218225002,
        content: {
          sa_orderid: this.data.sa_orderid, //订单金额
          isused: this.checked, //是否使用
          rebateamount: rebatebalance > amount ? amount : rebatebalance, //返利金使用金额
        },
      });
      if (res.code == 0){
        this.tool.showMessage(res,()=>{})
      }else {
        this.$emit("onSuccess");
      }

      // this.data.rebate_used = res.msg !== '成功' ? this.data.rebate_used == 0?1:0:this.data.rebate_used
    },
  },
  mounted () {
    var that = this;
    // <!--把window.onresize事件挂在到mounted函数上-->
    window.onresize = () => {
      return (() => {
        window.fullWidth = document.documentElement.clientWidth;
        that.windowWidth = window.fullWidth; // 宽
        console.log(that.windowWidth,'屏幕宽度')
      })()
    };
  },
};
</script>
<style>
</style>
<style scoped>
.reveive__panel {
  font-size: 16px;
  line-height: 30px;
  padding: 10px;
  background: #d9ecff;
  border: 1px dashed #0676e7;
}
.account__panel small,
.reveive__panel small {
  color: #888;
}
.account__panel {
  width: calc(25% - 26px);
  padding: 10px;
  margin-bottom: 10px;
  border: 1px dashed #666;
}
.act {
  background: #d9ecff;
  border: 1px dashed #0676e7;
}
.image {
  width: 40px;
  height: 40px;
  margin: 0px auto;
}
.order__note__input {
  border: none;
  outline: none;
  /* margin-left: 10px; */
  /* border-bottom: 1px solid #f1f2f3; */
  flex: 1;
}
</style>