Ovwp1.vue

<template>
	<div class="eibs-tab">
		<c-col :span="24">
			<!-- ==================左边================ -->
			<c-col :span="12" style="padding-right: 20px">
				<c-col>
					<c-ptap
						:model="model"
						:isAdrblk='false'
						:haveAdrLabel="true"
						:noRef="true"
						:isAdrVisible="false"
						:disabledExtkey="true"
            :disabledRef="true"
						:disabled="true"
						:argadr="{title: $t('ptap.申请人'), grp: 'nidgrp', rol: 'apl'}"
					  ptytyp="C"
						>
					</c-ptap>
				</c-col>

				<c-col :span="24">
					<c-col :span="12">
						<el-form-item :label="$t('hitopn.保函金额')" prop="nidgrp.cbs.max.cur">
							<c-select v-model="model.nidgrp.cbs.max.cur" style="width: 100%" placeholder="请选择保函币种" disabled >
								<el-option v-for="item in codes.curtxtList" :key="item.id" :label="item.cod+' '+item.txt" :value="item.cod"></el-option>
							</c-select>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item label-width="10px" prop="nidgrp.cbs.max.amt">
							<c-input-currency v-model="model.nidgrp.cbs.max.amt" disabled placeholder="请输入保函金额" :currency="model.nidgrp.cbs.max.cur"></c-input-currency>
						</el-form-item>
					</c-col>
				</c-col>

				<c-col :span="24">
					<c-col :span="12">
						<el-form-item :label="$t('hitopn.保函余额')" prop="nidgrp.cbs.opn1.cur">
							<c-select disabled v-model="model.nidgrp.cbs.opn1.cur" style="width: 100%" placeholder="请选择保函余额币种" >
								<el-option v-for="item in codes.curtxtList" :key="item.id" :label="item.cod+' '+item.txt" :value="item.cod"></el-option>
							</c-select>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item label-width="10px" prop="nidgrp.cbs.opn1.amt">
							<c-input-currency disabled v-model="model.nidgrp.cbs.opn1.amt" placeholder="请输入" :currency="model.nidgrp.cbs.opn1.cur"></c-input-currency>
						</el-form-item>
					</c-col>
				</c-col>
				
				<c-col :span="24">
					<c-col :span="18">
						<el-form-item :label="$t('hitopn.开立方式')" prop="nidgrp.rec.hndtyp">
							<c-select v-model="model.nidgrp.rec.hndtyp" style="width: 100%" :disabled="true" dbCode="hndtyp" placeholder="请选择开立方式">
								<!-- <el-option v-for="item in hndtypList" :key="item.id" :label="item.txt" :value="item.cod">
								</el-option> -->
							</c-select>
						</el-form-item>
					</c-col>
					<c-col :span="6">
						<el-form-item label-width="10px" class="checkbox-left">
							<c-checkbox v-model="model.nidgrp.rec.fenlishi" true-label="2" false-label="" :disabled="true" >分离式保函</c-checkbox>
						</el-form-item>
					</c-col>
				</c-col>

				<c-col :span="24">
					<el-form-item :label="$t('hitopn.保函类型')" prop="nidgrp.rec.gartyp">
						<c-select disabled v-model="model.nidgrp.rec.gartyp" style="width: 100%" placeholder="请选择保函类型" dbCode="TYPGAR">
						</c-select>
					</el-form-item>
				</c-col>
	
<!-- 
				<c-col :span="24">
					<el-form-item :label="$t('hitopn.面函标题')" prop="nitp.lettername">
						<c-input v-model="model.nitp.lettername" disabled maxlength="60" placeholder="请输入面函标题"></c-input>
					</el-form-item>
				</c-col> -->

				<c-col :span="24">
					<c-col :span="18">
						<el-form-item :label="$t('hitopn.文本格式')" prop="nidgrp.rec.gtxinr">
							<c-select v-model="model.nidgrp.rec.gtxinr" disabled style="width: 100%" placeholder="请选择文本格式" >
								<el-option v-for="item in codes.atxinrList" :key="item.value" :label="item.label" :value="item.value">
								</el-option>
							</c-select>
						</el-form-item>
					</c-col>
					<c-col :span="6">
						<el-form-item v-if="this.model.inifrm == 'HITPOP'" prop="nidgrp.rec.needcuscomopn"   class="checkbox-left" label-width="10px">
								<c-checkbox true-label='X' false-label='' disabled v-model="model.nidgrp.rec.needcuscomopn">需客户确认</c-checkbox>
						</el-form-item>
				  </c-col>
				</c-col>

				<c-col :span="24">
					<el-form-item label="文本语言" prop="nidgrp.rec.giduil">
						<c-select disabled v-model="model.nidgrp.rec.giduil" style="width: 100%" placeholder="请选择文本语言" dbCode="PAYUIL" >
						</c-select>
					</el-form-item>
				</c-col>

      </c-col>

<!-- ============右边================= -->
			<c-col :span="12" style="padding-right: 20px">
				<c-col :span="24">
					<el-form-item :label="$t('hitopn.保函编号')" prop="nidgrp.rec.ownref">
						<c-fullbox>
							<c-input v-model="model.nidgrp.rec.ownref" maxlength="16" placeholder="请输入保函编号" disabled></c-input>
							<template slot="footer">
								<c-button disabled
								  size="small" type="primary" @click="queryOwnref">获取</c-button>
							</template>
						</c-fullbox>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item :label="$t('hitopn.经办柜员')" prop="nidgrp.rec.ownusr" style="width: 100%">
						<c-input v-model="model.nidgrp.rec.ownusr" maxlength="8" placeholder="请输入经办柜员" disabled></c-input>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item :label="$t('hitopn.开立日期')" prop="nidgrp.rec.opndat">
						<c-date-picker type="date" v-model="model.nidgrp.rec.opndat" disabled style="width: 100%" placeholder="请选择开立日期" ></c-date-picker>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item :label="$t('hitopn.保函生效日')" prop="nidgrp.rec.inudat" >
						<c-date-picker type="date" v-model="model.nidgrp.rec.inudat" disabled style="width: 100%" placeholder="请选择保函生效日"></c-date-picker>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<c-col :span="18">
						<el-form-item :label="$t('hitopn.有效期')" prop="nidgrp.rec.expdat" >
							<c-date-picker disabled type="date" v-model="model.nidgrp.rec.expdat"
							  placeholder="请选择有效期"></c-date-picker>
						</el-form-item>
					</c-col>
					<c-col :span="6">
						<el-form-item class="checkbox-left" label-width="10px">
							<c-checkbox disabled v-model="model.nidgrp.rec.expflg" true-label="X" false-label="" >效期敞口</c-checkbox>
						</el-form-item>
					</c-col>
				</c-col>

				<c-col :span="24">
					<div style="width: calc(100% - 120px);margin-left: 120px;display: flex;align-item: center;justify-content: space-between;">
						<div style="width: 96px;">
							<el-form-item label-width="0" prop="nidgrp.rec.dzbhdk" class="checkbox-left">
								<c-checkbox disabled v-model="model.nidgrp.rec.dzbhdk" true-label="Y" false-label="">电子保函标志</c-checkbox>
							</el-form-item>
						</div>
						<!-- <div style="width: 84px;">
							<el-form-item label-width="0" prop="nidgrp.rec.cxmflg" class="checkbox-left">
								<c-checkbox v-model="model.nidgrp.rec.cxmflg" true-label="Y" false-label="N" disabled >生成查询码</c-checkbox>
							</el-form-item>
						</div> -->
						<div style="width: 70px;">
							<el-button size="mini" type="primary" disabled>
								协议签署
							</el-button>
						</div>
					</div>
				</c-col>

				<c-col :span="24">
					<el-form-item :label="$t('hitopn.电子渠道类型')" style="width: 100%">
						<c-select v-model="model.nidgrp.rec.fromflg" style="width: 100%" disabled placeholder="" dbCode="frmflg">
						</c-select>
					</el-form-item>
				</c-col>

			</c-col>
		</c-col>
	</div>
</template>
<script>
import event from "../../event";
import Default from "../../model/default";
export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event, Default],
  data() {
    return {
      markOrgList: [],
      haiGuanDataList: [],
      hndtypList: [],
      giduilList: [],
      curtxtList: []
    };
  },
	computed: {
    // judgementLableShow() {
    //   let judgeFlag = false;
    //   if (
    //     this.model.transName == "hitpop" &&
    //     this.$store.state.UserContext.currentOrg.departmentNumber == 1000
    //   ) {
    //     judgeFlag = true;
    //   }
    //   if (
    //     this.isInDisplay &&
    //     this.$store.state.UserContext.currentOrg.departmentNumber == 1000
    //   ) {
    //     judgeFlag = true;
    //   }
    //   return judgeFlag;
		// },
		// judgementWorkFlag(){
		// 	let judgeFlag = false;
		// 	if (this.codes.sndflgJudgement =='X') {
    //     judgeFlag = true;
    //   }
    //   return judgeFlag;
		// }
  },
  methods: {
    
    selectionChnage(val) {
      console.log(val);
      let list = val.map(item => {
        return item.extkey;
      });
      let str = list.length ? list.join("@") + "@" : "";
      this.model.nidgrp.rec.ptyhgq = str;
    },
    selectableFn(row) {
      // if (row.extkey === this.model.nidgrp.ben.pts.extkey) {
      //   this.$refs.multipleTable.toggleRowSelection(row, false);
      // }
      console.log(row);
      //如果已经勾选的后面ben输入了这个值，要置为空值，且灰显不能修改
      return row.extkey !== this.model.nidgrp.ben.pts.extkey;
    }
  },
  mounted() {
    // this.queryOrgList(), 
    // this.getResponsibleUser(), 
    // this.getHaiGuanData();
    // this.getHndtypData();
    // this.getGidUil();
    // this.getSdhflg();
  }
};
</script>
<style scoped>
.el-textarea .el-textarea__inner {
  height: 100px;
}
</style>