Regp.vue

<template>
  <div class="eibs-tab">
    <c-col :span="24">
      <!-- ==================左边================ -->
      <c-col :span="12" style="padding-right: 20px">
        <c-col :span="24">
          <c-form-item label="业务编号" prop="fxdgrp.rec.ownref">
            <c-fullbox>
              <c-input
                v-model="model.fxdgrp.rec.ownref"
                maxlength="16"
                placeholder="请输入业务编号"
                disabled
              >
              </c-input>
              <template slot="footer">
                <c-button
                  style="margin: 0 0"
                  size="small"
                  type="primary"
                  :disabled="getOwnrefFlg"
                  @click="getOwnref"
                >
                  获取
                </c-button>
              </template>
            </c-fullbox>
          </c-form-item>
        </c-col>
        <c-col :span="24">
          <c-form-item label="业务负责人" prop="fxdgrp.rec.usr">
            <c-input v-model="model.fxdgrp.rec.usr" placeholder="请输入业务负责人" disabled></c-input>
          </c-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="平盘类型" prop="fxdgrp.rec.fxtyp">
            <c-select
              v-model="model.fxdgrp.rec.fxtyp"
              style="width: 100%"
              placeholder="请输入平盘类型"
              :code="codes.fxt_fxtyp"
              :filterKey="['LB', 'LS']"
            >
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="卖出金额" prop="fxdgrp.cbs.max.cur">
              <c-select-cur
                v-model="model.fxdgrp.cbs.max.cur"
                style="width: 100%"
                dbCode="curtxt"
                @change="onMaxcurChange"
              >
              </c-select-cur>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item label-width="5px" prop="fxdgrp.cbs.max.amt">
              <c-input-currency
                :currency="model.fxdgrp.cbs.max.cur"
                v-model="model.fxdgrp.cbs.max.amt"
                @change="onMaxamtChange"
              ></c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>
        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="买入金额" prop="fxdgrp.cbs.nom1.cur">
              <c-select-cur
                v-model="model.fxdgrp.cbs.nom1.cur"
                style="width: 100%"
                :code="codes.bopcur"
                disabled

              >
              </c-select-cur>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item label-width="5px" prop="fxdgrp.cbs.nom1.amt">
              <c-input-currency
                disabled
                :currency="model.fxdgrp.cbs.nom1.cur"
                v-model="model.fxdgrp.cbs.nom1.amt"
              ></c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>
        <c-col :span="24">
          <c-form-item label="平盘牌价" prop="fxdgrp.rec.rat">
            <c-input-currency
              v-model="model.fxdgrp.rec.rat"
              @change="onRatChange"
              style="width: 100%"
              :precision="6"
              placeholder="请输入平盘牌价"
            >
            </c-input-currency>
          </c-form-item>
        </c-col>
        <c-col :span="24">
          <c-form-item label="中间价" prop="fxdgrp.rec.midrat">
            <c-input-currency
              v-model="model.fxdgrp.rec.midrat"
              style="width: 100%"
              :precision="6"
              disabled
              placeholder="请输入中间价"
            >
            </c-input-currency>
          </c-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="成交日" prop="fxdgrp.rec.opndat">
            <c-date-picker
              type="date"
              v-model="model.fxdgrp.rec.opndat"
              style="width: 100%"
              placeholder="请输入成交日"
            >
            </c-date-picker>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <c-form-item label="备注" prop="fxdgrp.blk.remark">
            <c-input
              type="textarea"
              v-model="model.fxdgrp.blk.remark"
              maxlength="140"
              :rows="4"
              style="width: 100%"
              placeholder="请输入备注"
            >
            </c-input>
          </c-form-item>
        </c-col>
      </c-col>
      <!-- ==================右边================ -->
      <c-col :span="12" style="padding-right: 20px">
        <c-col :span="24">
			<c-form-item :label="$t('fxtlop.业务名称')" prop="fxdgrp.rec.nam">
				<c-input  v-model="defaultNam950" maxlength="40" disabled></c-input>
			</c-form-item>
		</c-col>
		<c-col :span="24">
          <el-card class="box-card">
            <c-ptap
              :model="model"
              :requiredExtkey="true"
              :disabledExtkey="false"
              :disabled="false"
              :isAdrblk="true"
              :haveAdrLabel="true"
              :isShowCard="false"
              :argadr="{ title: '平盘对手', grp: 'fxdgrp', rol: 'apl' }"
              :label="{
                labelExtkey: '平盘对手',
                labelNam: '名称',
                labelAdrblk: '地址',
              }"
              ptytyp="C"
            >
            </c-ptap>
          </el-card>
        </c-col>
        <c-col :span="24">
          <el-form-item label="起息日" prop="fxdgrp.rec.valdat">
            <c-date-picker
              type="date"
              v-model="model.fxdgrp.rec.valdat"
              style="width: 100%"
              placeholder="请输入起息日"
            >
            </c-date-picker>
          </el-form-item>
        </c-col>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess, event],
  data() {
    return {};
  },
  computed:{
    getOwnrefFlg: function () {
      let flg = this.model.fxdgrp.rec.fxtyp == '' || this.model.fxdgrp.apl.pts.ptainr == ''
          || this.model.fxdgrp.cbs.max.cur == '' || this.model.fxdgrp.rec.ownref != ''
      return flg;
    },
    defaultNam950: function () {
      let amount = this.moneyFormat(this.model.fxdgrp.cbs.max.amt, this.model.fxdgrp.cbs.max.cur)
      let nam=this.getCodelabel(this.model.fxdgrp.rec.fxtyp, "fxt_fxtyp") + ","
          + this.model.fxdgrp.cbs.max.cur + " " + amount;
      this.model.fxdgrp.rec.nam=nam;
      return nam;
    },
  },
  methods: {
    //获取码值
    getCodelabel(value, codenam) {
      const codeobj = this.codes[codenam].find(obj => obj.value === value)
      return codeobj ? codeobj.label : value;
    },
  },
  created: function () {},
};
</script>
<style></style>