Commit 038e9d48 by zhengxiaokui

zxk

parents e50d5f79 866f0e41
<template>
<div class="search-wrapper" :class="{ 'customer-bor': resultDisplay }">
<c-input
prefix-icon="el-icon-search"
placeholder="全局搜索"
v-model="searchContent"
@keyup.enter.native="searchEvent"
@keydown.up.native="preDownEvent"
@keyup.up.native="preUpEvent"
@keydown.down.native="nextDownEvent"
@keyup.down.native="nextUpEvent"
@focus="focusInput"
@blur="blurInput"
></c-input>
<div
class="search-sug"
v-show="resultDisplay"
@mouseenter="isChoosing = true"
@mouseleave="isChoosing = false"
>
<ul>
<li
:class="{ 'sug-selected': item.selected }"
v-for="(item, idx) in searchResult"
:key="idx"
@mouseover="liOverEvent(idx)"
@mouseup.left="searchEvent(item.text)"
>
{{ item.text }}
</li>
</ul>
</div>
</div>
</template>
<script>
import debounce from "lodash/debounce";
export default {
name: "SearchInput",
data() {
return {
searchContent: "",
searchResult: [],
selectedIndex: 0,
resultDisplay: false,
// 鼠标选择结果集的状态
isChoosing: false,
debounceWrapper: debounce(this.queryData, 500),
};
},
watch: {
searchContent: function(val, oldVal) {
// console.log(val, oldVal);
if (val.trim() === "") {
return;
}
if (this.searchResult.map(r => r.text).includes(val)) {
return;
}
this.debounceWrapper();
},
},
methods: {
queryData() {
const testData = [
{ text: "打算大苏打", url: "" },
{ text: "sfsdfsdfsd", url: "" },
{ text: "是多少粉丝", url: "" },
{ text: "士大夫大师傅士大夫", url: "" },
{ text: "士大夫胜多负少", url: "" },
{ text: "法国发过价格非常", url: "" },
{ text: "让他换个风格和规范还没好v你", url: "" },
{ text: "十分士大夫士大夫", url: "" },
{ text: "v不错不错v吧", url: "" },
{ text: "发的深入沟通和一个航班发", url: "" },
{ text: "白飞飞更好发挥", url: "" },
{ text: "价格和法国的", url: "" },
{ text: "士大夫是任天堂", url: "" },
{ text: "股份回购价款", url: "" },
{ text: "分的高分很健康", url: "" },
{ text: "热天语言同日u", url: "" },
{ text: "微软谈好价格浮动", url: "" },
{ text: "v成本v那么就会有投入广告费", url: "" },
];
console.log("query data ..." + new Date().toLocaleString());
this.shuffle(testData);
const res = testData;
if (res && res.length > 0) {
this.resultDisplay = true;
this.searchResult = res;
} else {
this.searchResult = [];
this.resultDisplay = false;
}
},
shuffle(arr) {
let i = arr.length - 1;
while (i > 0) {
const n = (Math.random() * i) >>> 0;
[arr[n], arr[i]] = [arr[i], arr[n]];
i--;
}
},
searchEvent(val) {
if (typeof val === 'string') {
this.searchContent = val;
}
this.resultDisplay = false;
// TODO
console.log("go to ...");
},
focusInput() {
if (this.searchResult.length > 0) {
this.resultDisplay = true;
}
},
blurInput() {
if (!this.isChoosing) {
this.resultDisplay = false;
}
this.selectedIndex = -1;
this.clearHighlightItem();
},
goNext() {
if (this.searchResult.length === 0) {
return;
}
if (this.selectedIndex >= this.searchResult.length - 1) {
this.selectedIndex = 0;
} else {
this.selectedIndex++;
}
this.highlightItem(this.selectedIndex, true);
},
goPre() {
if (this.searchResult.length === 0) {
return;
}
if (this.selectedIndex <= 0) {
this.selectedIndex = this.searchResult.length - 1;
} else {
this.selectedIndex--;
}
this.highlightItem(this.selectedIndex, true);
},
highlightItem(idx, changeVal) {
// console.log(idx);
const lis = this.$el.querySelectorAll(".search-sug ul li");
lis.forEach((li) => (li.className = ""));
if (lis[idx] && this.searchResult[idx]) {
lis[idx].className = "sug-selected";
if (changeVal) {
this.searchContent = this.searchResult[idx].text;
}
}
},
liOverEvent(idx) {
this.selectedIndex = idx;
this.highlightItem(idx, false);
},
clearHighlightItem() {
this.$el
.querySelectorAll(".search-sug ul li")
.forEach((li) => (li.className = ""));
},
/**
* up按下
*/
preDownEvent() {
// console.log("up key: down");
this.goPre();
},
/**
* up弹起
*/
preUpEvent() {
// console.log("up key: up");
},
/**
* down按下
*/
nextDownEvent() {
// console.log("down key: down");
this.goNext();
},
/**
* down弹起
*/
nextUpEvent() {
// console.log("down key: up");
},
},
};
</script>
<style scoped>
.search-wrapper {
position: relative;
}
.search-wrapper >>> .el-input {
z-index: 2001;
}
.search-wrapper >>> .el-input .el-input__inner {
height: 30px;
}
.search-sug {
position: absolute;
width: 590px;
top: 28px;
border-radius: 0 0 10px 10px;
border: 2px solid #4e71f2;
box-shadow: none;
font-family: "Microsoft YaHei", Arial, sans-serif;
z-index: 2000;
background: #fff;
}
.search-sug ul {
margin: 7px 14px 0;
padding: 8px 0 7px;
background: 0 0;
border-top: 2px solid #f5f5f6;
}
.search-sug ul li {
list-style: none;
width: auto;
padding: 0 8px;
padding-left: 14px;
margin-left: -14px;
margin-right: -14px;
color: #626675;
font: 14px arial;
line-height: 28px;
background: 0 0;
font-family: "Microsoft YaHei", Arial, sans-serif;
position: relative;
cursor: pointer;
}
.search-sug ul li.sug-selected {
background-color: #f5f5f6;
color: #315efb;
}
.search-wrapper >>> .el-input__inner:focus {
border: 2px solid #4e71f2;
outline: 0;
}
.customer-bor >>> .el-input__inner {
border-bottom: 0 !important;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
</style>
......@@ -29,6 +29,7 @@ import Cascader from "./Cascader.vue"
import List from "./List"
import ListSearch from "./ListSearch"
import HighlightContent from "./HighlightContent"
import SearchInput from "./SearchInput.vue"
// 循环组件
import MessageArea from '~/widget/SwfMessage/MessageArea'
import CycList from '~/widget/SwfMessage/CycList'
......@@ -83,6 +84,7 @@ export default {
Vue.component("c-checkbox-group", CheckboxGroup)
Vue.component("c-cascader", Cascader)
Vue.component("c-highlight-content", HighlightContent)
Vue.component("c-search-input", SearchInput)
Vue.component("c-paged-select", PagedSelect)
Vue.component("c-function-btn", FunctionBtn)
Vue.component("c-bus-button", BusinessButon)
......
......@@ -27,7 +27,7 @@
<c-col :span="12">
<c-button size="small" type="primary" @click="onDrepDet">
Details
详情
</c-button>
</c-col>
......@@ -45,7 +45,7 @@
<c-col :span="12">
<c-button size="small" type="primary" @click="onRmipDet">
Details
详情
</c-button>
</c-col>
......@@ -129,7 +129,7 @@
<c-col :span="12">
<c-button size="small" type="primary" @click="onCo2pDet">
Details
详情
</c-button>
</c-col>
......@@ -147,7 +147,7 @@
<c-col :span="12">
<c-button size="small" type="primary" @click="onDrrpDet">
Details
详情
</c-button>
</c-col>
......
......@@ -12,7 +12,7 @@
<el-button size="small">使用模板</el-button>
<el-button size="small">制裁信息</el-button>
<el-button size="small">拆分报文</el-button>
<el-button size="small">提示</el-button>
<el-button size="small">智能提示</el-button>
</c-function-btn>
<el-form
:model="model"
......
......@@ -38,7 +38,7 @@
icon="el-icon-search"
@click="onPreperButtxmsel"
>
Details
详情
</c-button>
</div>
</c-col>
......
......@@ -97,7 +97,7 @@
<c-col :span="12">
<c-button size="small" type="primary" @click="onAcbpDet">
Details
详情
</c-button>
</c-col>
......
......@@ -21,7 +21,7 @@
<c-col :span="12">
<c-button size="small" type="primary" @click="onBebpDet">
Details
详情
</c-button>
</c-col>
......
......@@ -119,7 +119,7 @@
<!-- <el-col :span="12">
<c-button size="small" type="primary" @click="onShppDet">
Details
详情
</c-button>
</el-col> -->
......
......@@ -221,7 +221,7 @@
@click="onSeainf"
></c-button>
<c-button size="small" type="primary" @click="onOrcpDet">
Details
详情
</c-button>
</el-form-item>
</c-col>
......@@ -377,7 +377,7 @@
@click="onSeainf"
></c-button>
<c-button size="small" type="primary" @click="onSndpDet">
Details
详情
</c-button>
</el-form-item>
</c-col>
......@@ -481,10 +481,10 @@
type="primary"
icon="el-icon-search"
@click="onSeainf"
>i</c-button
></c-button
>
<c-button size="small" type="primary" @click="onPyepDet">
Details
详情
</c-button>
</el-form-item>
</c-col>
......
......@@ -84,7 +84,7 @@
<c-col :span="24" style="margin-top: 15px">
<c-button size="small" type="primary" @click="onTrndocButadd">
Details
详情
</c-button>
</c-col>
......
......@@ -165,7 +165,7 @@
></c-button
>
<c-button size="small" type="primary" @click="onFippDet">
Details
详情
</c-button>
</c-col>
......
......@@ -13,8 +13,12 @@
</c-col>
<c-col :span="4">
<el-form-item label="" label-width="15px">
<c-button size="small" type="primary" @click="onCptpGetref">
i
<c-button
size="small"
type="primary"
@click="onCptpGetref"
icon="el-icon-search"
>
</c-button>
<c-button size="small" type="primary" @click="onCptpGetref" disabled>
GetRef
......@@ -82,7 +86,7 @@
v-model="model.cpdgrp.cbs.nom1.cur"
style="width: 100%"
placeholder=""
@change="onNom1CurChange"
@change="onNom1CurChange"
>
<el-option
v-for="item in codes.cur"
......@@ -124,7 +128,7 @@
v-model="model.cptp.payuil"
style="width: 100%"
placeholder="请选择汇款语种"
@change="onPayuilChange"
@change="onPayuilChange"
>
<el-option
v-for="item in codes.payuil"
......@@ -325,7 +329,7 @@
style="width: 100%"
placeholder=""
v-model="model.cpdgrp.rec.swftyp"
:disabled="model.cptp.liqtyp!='C' && model.cptp.liqtyp!='S'"
:disabled="model.cptp.liqtyp != 'C' && model.cptp.liqtyp != 'S'"
>
<el-option
v-for="item in codes.swftyp"
......@@ -348,7 +352,9 @@
v-model="model.cptp.payeecountcode"
maxlength="3"
placeholder="请输入收款人常驻国家/地区代码"
@keyup.enter.native="showGridPromptDialog('cptp.payeecountcode')"
@keyup.enter.native="
showGridPromptDialog('cptp.payeecountcode')
"
></c-input>
</el-form-item>
</c-col>
......@@ -369,8 +375,7 @@
v-model="model.cptp.liqtyp"
style="width: 100%"
placeholder="请选择清算模式"
:disabled="
model.cpdgrp.cbs.nom1.amt === '0.000' "
:disabled="model.cpdgrp.cbs.nom1.amt === '0.000'"
>
<el-option
v-for="item in liqtypOptions"
......@@ -422,11 +427,15 @@
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="15px">
<c-button size="small" type="primary" @click="onCptpGetInfpta">
i
<c-button
size="small"
type="primary"
@click="onCptpGetInfpta"
icon="el-icon-search"
>
</c-button>
<c-button size="small" type="primary" @click="onSndpDet" disabled>
Details
详情
</c-button>
</el-form-item>
</c-col>
......@@ -475,11 +484,15 @@
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="15px">
<c-button size="small" type="primary" @click="onCptpGetInfpta">
i
<c-button
size="small"
type="primary"
@click="onCptpGetInfpta"
icon="el-icon-search"
>
</c-button>
<c-button size="small" type="primary" @click="onSndpDet" disabled>
Details
详情
</c-button>
</el-form-item>
</c-col>
......@@ -508,11 +521,15 @@
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="15px">
<c-button size="small" type="primary" @click="onCptpGetInfpta">
i
<c-button
size="small"
type="primary"
@click="onCptpGetInfpta"
icon="el-icon-search"
>
</c-button>
<c-button size="small" type="primary" @click="onSndpDet" disabled>
Details
详情
</c-button>
</el-form-item>
</c-col>
......@@ -623,18 +640,24 @@
v-model="model.cpdgrp.orc.pts.extkey"
maxlength="14"
placeholder="请输入收款人"
@keyup.enter.native="showGridPromptDialog('cpdgrp.orc.pts.extkey')"
@keyup.enter.native="
showGridPromptDialog('cpdgrp.orc.pts.extkey')
"
></c-input>
</el-form-item>
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="15px">
<c-button size="small" type="primary" @click="onCptpGetInfpta">
i
<c-button
size="small"
type="primary"
@click="onCptpGetInfpta"
icon="el-icon-search"
>
</c-button>
<c-button size="small" type="primary" @click="onSndpDet" disabled>
Details
详情
</c-button>
</el-form-item>
</c-col>
......@@ -655,11 +678,7 @@
</c-col>
<!-- ====================清算模式-人行支付系统===================== -->
<c-col
:span="24"
v-if="model.cptp.liqtyp === 'B'"
style="margin-top: 20px"
>
<c-col :span="24" v-if="model.cptp.liqtyp === 'B'" style="margin-top: 20px">
<!-- =========左========== -->
<c-col :span="11">
<c-col :span="24">
......@@ -728,8 +747,13 @@
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="15px">
<c-button size="small" type="primary" @click="onCptpGetInfpta">i</c-button>
<c-button size="small" type="primary" disabled>Details</c-button>
<c-button
size="small"
type="primary"
@click="onCptpGetInfpta"
icon="el-icon-search"
></c-button>
<c-button size="small" type="primary" disabled>详情</c-button>
</el-form-item>
</c-col>
</c-col>
......@@ -862,8 +886,13 @@
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="15px">
<c-button size="small" type="primary" @click="onCptpGetInfpta">i</c-button>
<c-button size="small" type="primary">Details</c-button>
<c-button
size="small"
type="primary"
@click="onCptpGetInfpta"
icon="el-icon-search"
></c-button>
<c-button size="small" type="primary">详情</c-button>
</el-form-item>
</c-col>
</c-col>
......@@ -883,11 +912,7 @@
</c-col>
<!-- ====================清算模式-CIPS系统===================== -->
<c-col
:span="24"
v-if="model.cptp.liqtyp === 'S'"
style="margin-top: 20px"
>
<c-col :span="24" v-if="model.cptp.liqtyp === 'S'" style="margin-top: 20px">
<!-- =========左========== -->
<c-col :span="11">
<c-col :span="24">
......@@ -956,8 +981,13 @@
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="15px">
<c-button size="small" type="primary" @click="onCptpGetInfpta">i</c-button>
<c-button size="small" type="primary" disabled>Details</c-button>
<c-button
size="small"
type="primary"
@click="onCptpGetInfpta"
icon="el-icon-search"
></c-button>
<c-button size="small" type="primary" disabled>详情</c-button>
</el-form-item>
</c-col>
</c-col>
......@@ -1057,8 +1087,13 @@
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="15px">
<c-button size="small" type="primary" @click="onCptpGetInfpta">i</c-button>
<c-button size="small" type="primary">Details</c-button>
<c-button
size="small"
type="primary"
@click="onCptpGetInfpta"
icon="el-icon-search"
></c-button>
<c-button size="small" type="primary">详情</c-button>
</el-form-item>
</c-col>
</c-col>
......@@ -1078,11 +1113,7 @@
</c-col>
<!-- ======================清算模式-Other================ -->
<c-col
:span="24"
v-if="model.cptp.liqtyp === 'O'"
style="margin-top: 20px"
>
<c-col :span="24" v-if="model.cptp.liqtyp === 'O'" style="margin-top: 20px">
<!-- ================左================= -->
<c-col :span="11" style="margin-top: 20px">
<c-col :span="24">
......@@ -1107,11 +1138,15 @@
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="15px">
<c-button size="small" type="primary" @click="onCptpGetInfpta">
i
<c-button
size="small"
type="primary"
@click="onCptpGetInfpta"
icon="el-icon-search"
>
</c-button>
<c-button size="small" type="primary" @click="onSndpDet">
Details
详情
</c-button>
</el-form-item>
</c-col>
......@@ -1159,11 +1194,15 @@
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="15px">
<c-button size="small" type="primary" @click="onCptpGetInfpta">
i
<c-button
size="small"
type="primary"
@click="onCptpGetInfpta"
icon="el-icon-search"
>
</c-button>
<c-button size="small" type="primary" @click="onSndpDet" disabled>
Details
详情
</c-button>
</el-form-item>
</c-col>
......@@ -1192,11 +1231,15 @@
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="15px">
<c-button size="small" type="primary" @click="onCptpGetInfpta">
i
<c-button
size="small"
type="primary"
@click="onCptpGetInfpta"
icon="el-icon-search"
>
</c-button>
<c-button size="small" type="primary" @click="onSndpDet" disabled>
Details
详情
</c-button>
</el-form-item>
</c-col>
......@@ -1252,11 +1295,15 @@
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="15px">
<c-button size="small" type="primary" @click="onCptpGetInfpta">
i
<c-button
size="small"
type="primary"
@click="onCptpGetInfpta"
icon="el-icon-search"
>
</c-button>
<c-button size="small" type="primary" @click="onSndpDet" disabled>
Details
详情
</c-button>
</el-form-item>
</c-col>
......@@ -1275,11 +1322,9 @@
</c-col>
</c-col>
</c-col>
<!-- ====================清算模式-代理行模式=================== -->
<c-col :span="24"
v-if="model.cptp.liqtyp === 'C'"
style="margin-top: 20px">
<c-col :span="24" v-if="model.cptp.liqtyp === 'C'" style="margin-top: 20px">
<!-- ==============左============== -->
<c-col :span="11">
<c-col :span="24">
......@@ -1304,11 +1349,15 @@
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="15px">
<c-button size="small" type="primary" @click="onCptpGetInfpta">
i
<c-button
size="small"
type="primary"
@click="onCptpGetInfpta"
icon="el-icon-search"
>
</c-button>
<c-button size="small" type="primary" @click="onSndpDet">
Details
详情
</c-button>
</el-form-item>
</c-col>
......@@ -1356,11 +1405,15 @@
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="15px">
<c-button size="small" type="primary" @click="onCptpGetInfpta">
i
<c-button
size="small"
type="primary"
@click="onCptpGetInfpta"
icon="el-icon-search"
>
</c-button>
<c-button size="small" type="primary" @click="onSndpDet" disabled>
Details
详情
</c-button>
</el-form-item>
</c-col>
......@@ -1381,42 +1434,43 @@
<!-- ==============右============== -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="清算代理行">
<c-select
v-model="model.cptp.cleage"
style="width: 70%"
placeholder="请选择清算代理行"
>
<el-option
v-for="item in cleageOptions"
:key="item.value"
:label="item.label"
:value="item.value"></el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="光大开户行">
<c-select
v-model="model.cptp.evebch"
style="width: 70%"
placeholder="请选择光大开户行"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="清算代理行账号">
<c-input
v-model="model.cptp.coract"
maxlength="32"
style="width: 90%"
placeholder="请输入清算代理行账号"
readonly
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="清算代理行">
<c-select
v-model="model.cptp.cleage"
style="width: 70%"
placeholder="请选择清算代理行"
>
<el-option
v-for="item in cleageOptions"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="光大开户行">
<c-select
v-model="model.cptp.evebch"
style="width: 70%"
placeholder="请选择光大开户行"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="清算代理行账号">
<c-input
v-model="model.cptp.coract"
maxlength="32"
style="width: 90%"
placeholder="请输入清算代理行账号"
readonly
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="指令代码" prop="cpdgrp.rec.f23e">
<c-input
v-model="model.cpdgrp.rec.f23e"
......@@ -1479,24 +1533,28 @@
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="银行操作码" prop="cpdgrp.rec.f23b">
<c-input
v-model="model.cpdgrp.rec.f23b"
style="width: 100%"
maxlength="4"
placeholder=""
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="汇率" prop="cpdgrp.rec.f36" label-width="100px">
<c-input
v-model="model.cpdgrp.rec.f36"
style="width: 100%"
placeholder=""
></c-input>
</el-form-item>
</c-col>
<el-form-item label="银行操作码" prop="cpdgrp.rec.f23b">
<c-input
v-model="model.cpdgrp.rec.f23b"
style="width: 100%"
maxlength="4"
placeholder=""
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label="汇率"
prop="cpdgrp.rec.f36"
label-width="100px"
>
<c-input
v-model="model.cpdgrp.rec.f36"
style="width: 100%"
placeholder=""
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="帐号" prop="cpdgrp.rec.pyeact">
......@@ -1512,18 +1570,26 @@
<c-col :span="24">
<c-col :span="17">
<el-form-item label="收款人" prop="cpdgrp.orc.pts.extkey">
<c-input placeholder=""
<c-input
placeholder=""
v-model="model.cpdgrp.orc.pts.extkey"
@keyup.enter.native="showGridPromptDialog('cpdgrp.orc.pts.extkey')"></c-input>
@keyup.enter.native="
showGridPromptDialog('cpdgrp.orc.pts.extkey')
"
></c-input>
</el-form-item>
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="15px">
<c-button size="small" type="primary" @click="onCptpGetInfpta">
i
<c-button
size="small"
type="primary"
@click="onCptpGetInfpta"
icon="el-icon-search"
>
</c-button>
<c-button size="small" type="primary" @click="onSndpDet" disabled>
Details
详情
</c-button>
</el-form-item>
</c-col>
......@@ -1540,7 +1606,6 @@
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
......@@ -2300,9 +2365,9 @@
top="10vh"
width="80%"
custom-class="infptaDialog"
:before-close="handleClose">
:before-close="handleClose"
>
<Infpta></Infpta>
</el-dialog>
</div>
</template>
......@@ -2312,12 +2377,12 @@ import CodeTable from "~/config/CodeTable";
import CommonProcess from "~/mixin/CommonProcess";
import Event from "~/model/Cptopn/Event";
import Utils from "~/utils";
import Infpta from "~/views/Business/Infpta"
import Infpta from "~/views/Business/Infpta";
export default {
inject: ["root"],
props: ["model", "codes"],
components: { Infpta },
components: { Infpta },
mixins: [CommonProcess],
data() {
return {
......@@ -2333,23 +2398,19 @@ export default {
{ value: "O", label: "Other" },
{ value: "S", label: "CIPS系统" },
],
infptaVisible: false
infptaVisible: false,
};
},
methods: {
...Event,
onCptpGetInfpta(){
this.infptaVisible=true
},
onCptpGetref() {
},
onCptpGetmod() {
onCptpGetInfpta() {
this.infptaVisible = true;
},
onCptpGetref() {},
onCptpGetmod() {},
handleClose(done) {
done();
}
},
},
created: function () {},
};
......
......@@ -266,7 +266,7 @@
<el-button
size="mini"
@click="detail2(scoped.$index, scoped.row)"
>details</el-button
>详情</el-button
>
</template>
</el-table-column>
......
......@@ -111,7 +111,7 @@
placeholder="请输入User ID"
style="width: 70%"
></c-input>
<c-button size="small" type="primary;width:10%">i</c-button>
<c-button size="small" type="primary" icon="el-icon-search"></c-button>
</el-form-item>
<el-form-item
v-if="model.usfmod.flt == '<SELB>'"
......
......@@ -24,7 +24,7 @@
</c-col>
<c-col :span="2">
<el-form-item label-width="15px">
<c-button size="small" type="primary;width:10%">i</c-button>
<c-button size="small" type="primary" icon="el-icon-search"></c-button>
</el-form-item>
</c-col>
......
......@@ -335,11 +335,11 @@
style="width: 250px"
v-model="dialog.rcv.pts.extkey"
/>
<c-button size="small" type="primary;width:20%"
>i</c-button
<c-button size="small" type="primary" icon="el-icon-search"
></c-button
>
<c-button size="small" type="primary">
Details
详情
</c-button>
</el-form-item>
<el-form-item v-else label="BIC">
......
......@@ -52,9 +52,10 @@
<el-form-item label="" label-width="20px">
<c-button
size="small"
type="primary;width:10%"
type="primary"
@click="onSeainf"
>i</c-button
icon="el-icon-search"
></c-button
>
<c-button
size="small"
......@@ -62,7 +63,7 @@
icon="el-icon-search"
@click="onPreperButtxmsel"
>
Details
详情
</c-button>
</el-form-item>
</c-col>
......
......@@ -16,9 +16,10 @@
<el-form-item label="" label-width="15px">
<c-button
size="small"
type="primary;width:10%"
type="primary"
@click="onSeainf"
>i</c-button
icon="el-icon-search"
></c-button
>
<c-button
size="small"
......@@ -59,9 +60,10 @@
<el-form-item label="" label-width="15px">
<c-button
size="small"
type="primary;width:10%"
type="primary"
@click="onExtkey"
>i</c-button
icon="el-icon-search"
></c-button
>
</el-form-item>
</c-col>
......@@ -406,12 +408,13 @@
<el-form-item label="" label-width="15px">
<c-button
size="small"
type="primary;width:10%"
type="primary"
@click="onSeainf"
>i</c-button
icon="el-icon-search"
></c-button
>
<c-button size="small" type="primary" @click="onAplpDet">
Details
详情
</c-button>
</el-form-item>
</c-col>
......@@ -552,12 +555,13 @@
<el-form-item label="" label-width="12px">
<c-button
size="small"
type="primary;width:10%"
type="primary"
@click="onSeainf"
>i</c-button
icon="el-icon-search"
></c-button
>
<c-button size="small" type="primary" @click="onBenpDet">
Details
详情
</c-button>
</el-form-item>
</c-col>
......
......@@ -17,7 +17,7 @@
<c-select
v-model="model.liaall.liaccv.concur"
disabled
style="width: 100%"
style="width: 95%"
placeholder="请选择Type of settlement"
>
<el-option
......@@ -80,7 +80,7 @@
<c-select
v-model="model.liaall.liaccv.concur"
disabled
style="width: 100%"
style="width: 95%"
placeholder="请选择Type of settlement"
>
<el-option
......@@ -150,7 +150,7 @@
<c-select
v-model="model.liaall.liaccv.concur"
disabled
style="width: 100%"
style="width: 95%"
placeholder="请选择Type of settlement"
>
<el-option
......
......@@ -15,27 +15,37 @@
</el-form-item>
<el-form-item label="远期付款指示" prop="didgrp.blk.defdet">
<c-input type="textarea" :disabled="model.didgrp.rec.avbby == 'P'" v-model="model.didgrp.blk.defdet" style="width:75%;margin-right:20px;" maxlength="140" show-word-limit placeholder="请输入" :autosize="{ minRows: 3,maxRows:5}"></c-input>
<c-button size="medium" type="primary" icon="el-icon-search" @click="onDefdetButtxmsel">
<c-col :span="20">
<c-input type="textarea" :disabled="model.didgrp.rec.avbby == 'P'" v-model="model.didgrp.blk.defdet" style="width:100%" maxlength="140" show-word-limit placeholder="请输入" :autosize="{ minRows: 3,maxRows:5}"></c-input>
</c-col>
<c-col :span="4" style="text-align: right">
<c-button size="medium" style="margin:0 0;" type="primary" icon="el-icon-search" @click="onDefdetButtxmsel">
</c-button>
</c-col>
</el-form-item>
<el-form-item label="交单期限" prop="didgrp.blk.preper">
<c-input type="textarea" v-model="model.didgrp.blk.preper" :disabled="this.flag" style="width:75%;margin-right:20px;" maxlength="105" show-word-limit placeholder="请输入"></c-input>
<c-button size="medium" type="primary" icon="el-icon-search" @click="onPreperButtxmsel">
<c-col :span="20">
<c-input type="textarea" v-model="model.didgrp.blk.preper" :disabled="this.flag" style="width:100%" maxlength="105" show-word-limit placeholder="请输入"></c-input>
</c-col>
<c-col :span="4" style="text-align: right">
<c-button size="medium" type="primary" style="margin:0 0;" icon="el-icon-search" @click="onPreperButtxmsel">
</c-button>
</c-col>
</el-form-item>
<el-form-item label="" prop="didgrp.blk.preperflg">
<c-checkbox v-model="model.didgrp.blk.preperflg" :click="preperflgExtkeyEvent()">修改交单期限文本</c-checkbox>
</el-form-item>
<el-form-item label="货物运输或交货方式/服务方式" prop="didgrp.rec.tratyp">
<c-select v-model="model.didgrp.rec.tratyp" style="width:50%" placeholder="请选择" @change="recTratypChange" :disabled="model.didgrp.rec.mytype == 'F'">
<el-form-item label="货物运输/交货/服务方式" prop="didgrp.rec.tratyp">
<c-col :span="10">
<c-select v-model="model.didgrp.rec.tratyp" style="width:90%" placeholder="请选择" @change="recTratypChange" :disabled="model.didgrp.rec.mytype == 'F'">
<el-option v-for="item in codes.tratyp" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</c-select>
</c-col>
</el-form-item>
<el-form-item v-if="model.didgrp.rec.mytype == 'H'" label="手输运输方式" prop="didgrp.rec.sdsrfs">
......
<template>
<div class="eibs-tab">
<!-- <c-row> -->
<c-col :span="24">
<c-col :span="11">
<el-form-item label="参考号" prop="didgrp.rec.tzref">
<c-input
v-model="model.didgrp.rec.tzref"
maxlength="35"
placeholder="请输入通知行编号"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- =========================通知行========================= -->
<c-col :span="11">
<el-form-item label="通知行BIC" prop="didgrp.adv.pts.extkey">
<c-input
v-model="model.didgrp.adv.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="showGridPromptDialog('didgrp.adv.pts.extkey')"
></c-input>
</el-form-item>
<el-form-item label="通知行联行行号" prop="didgrp.adv.pts.bankno">
<c-input
v-model="model.didgrp.adv.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('didgrp.adv.pts.bankno')"
></c-input>
</el-form-item>
<div class="eibs-tab">
<!-- <c-row> -->
<!--=== ==========左边=============== -->
<c-col :span="11">
<c-col :span="24">
<el-form-item label="通知行参考号" prop="didgrp.rec.tzref">
<c-input
v-model="model.didgrp.rec.tzref"
maxlength="35"
placeholder="请输入通知行编号"
></c-input>
</el-form-item>
</c-col>
<!-- =========================通知行========================= -->
<c-col :span="24">
<el-form-item label="通知行BIC" prop="didgrp.adv.pts.extkey">
<c-input
v-model="model.didgrp.adv.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="showGridPromptDialog('didgrp.adv.pts.extkey')"
></c-input>
</el-form-item>
</c-col>
<!-- <el-form-item label="通知行联行行号" prop="didgrp.adv.pts.bankno">
<c-input
v-model="model.didgrp.adv.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('didgrp.adv.pts.bankno')"
></c-input>
</el-form-item>
<el-form-item label="通知行联行名称" prop="didgrp.adv.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.adv.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="通知行地址" prop="didgrp.adv.pts.dizhii">
<c-input
disabled
type="textarea"
v-model="model.didgrp.adv.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item>
<c-col :span="12">
<el-form-item label="通知行邮编" prop="didgrp.adv.pts.youzbm">
<c-input
disabled
v-model="model.didgrp.adv.pts.youzbm"
maxlength="6"
placeholder="请输入邮编 电证用"
></c-input>
</el-form-item> </c-col
><c-col :span="12">
<el-form-item label="通知行电话" prop="didgrp.adv.pts.dihdig" label-width="100px">
<c-input
disabled
v-model="model.didgrp.adv.pts.dihdig"
maxlength="16"
placeholder="请输入电话"
></c-input>
</el-form-item>
</c-col>
</c-col>
<el-form-item label="通知行联行名称" prop="didgrp.adv.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.adv.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="通知行地址" prop="didgrp.adv.pts.dizhii">
<c-input
disabled
type="textarea"
v-model="model.didgrp.adv.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item> -->
<c-ptapdome
:disabledJigomc="true"
:disabledDizhii="true"
:model="model"
:argadr="{
title: '通知行',
rol: 'adv',
}"
></c-ptapdome>
<c-col :span="13">
<el-form-item label="通知行邮编" prop="didgrp.adv.pts.youzbm">
<c-input
disabled
v-model="model.didgrp.adv.pts.youzbm"
maxlength="6"
placeholder="请输入邮编 电证用"
></c-input>
</el-form-item> </c-col
><c-col :span="11">
<el-form-item
label="通知行电话"
prop="didgrp.adv.pts.dihdig"
label-width="100px"
>
<c-input
disabled
v-model="model.didgrp.adv.pts.dihdig"
maxlength="16"
placeholder="请输入电话"
></c-input>
</el-form-item>
</c-col>
<!-- ============= 议付行 ========================= -->
<c-col :span="13">
<el-form-item label="是否可议付" prop="didgrp.rec.fenctg">
<c-select
v-model="model.didgrp.rec.fenctg"
style="width: 100%"
placeholder="请选择是否可议付"
>
<el-option
v-for="item in codes.fenctg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="指定的有关银行 " prop="didgrp.rec.avbwth">
<c-select
:disabled="model.didgrp.rec.fenctg != 'Y'"
v-model="model.didgrp.rec.avbwth"
style="width: 100%"
placeholder="请选择指定的有关银行"
>
<el-option
v-for="item in codes.avbwth"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<!-- <el-form-item label="议付行联行行号" prop="didgrp.avb.pts.bankno">
<c-input
:disabled="model.didgrp.rec.fenctg != 'Y'"
v-model="model.didgrp.avb.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('didgrp.avb.pts.bankno')"
></c-input>
</el-form-item>
<el-form-item label="议付行名称" prop="didgrp.avb.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.avb.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="议付行地址" prop="didgrp.avb.pts.dizhii">
<c-input
:disabled="model.didgrp.rec.fenctg != 'Y'"
type="textarea"
v-model="model.didgrp.avb.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item> -->
<c-ptapdome
:disabledBankno="model.didgrp.rec.fenctg != 'Y'"
:disabledJigomc="true"
:disabledDizhii="model.didgrp.rec.fenctg != 'Y'"
:model="model"
:argadr="{
title: '议付行',
rol: 'avb',
}"
></c-ptapdome>
<!-- ========================转让行 ======================== -->
<c-col :span="13">
<el-form-item label="是否可以转让" prop="didgrp.rec.lcrtyp">
<c-select
v-model="model.didgrp.rec.lcrtyp"
style="width: 100%"
placeholder="请选择"
>
<el-option
v-for="item in codes.lcrtyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<!-- </c-row> -->
<!-- <el-form-item label="转让行联行行号" prop="didgrp.cmb.pts.bankno">
<c-input
:disabled="model.didgrp.rec.lcrtyp != 'IT'"
v-model="model.didgrp.cmb.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('didgrp.cmb.pts.bankno')"
></c-input>
</el-form-item>
<el-form-item label="转让行名称" prop="didgrp.cmb.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.cmb.pts.jigomc"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="转让行地址" prop="didgrp.cmb.pts.dizhii">
<c-input
:disabled="model.didgrp.rec.lcrtyp != 'IT'"
type="textarea"
v-model="model.didgrp.cmb.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item> -->
<c-ptapdome
:disabledBankno="model.didgrp.rec.lcrtyp != 'IT'"
:disabledJigomc="true"
:disabledDizhii="model.didgrp.rec.lcrtyp != 'IT'"
:model="model"
:argadr="{
title: '转让行',
rol: 'cmb',
}"
></c-ptapdome>
</c-col>
<!--=== ==========右边=============== -->
<c-col :span="11" :offset="1">
<!-- =========================开证行========================= -->
<c-col :span="11" :offset="1">
<el-form-item label="开证行BIC" prop="didgrp.iss.pts.extkey">
<c-input
v-model="model.didgrp.iss.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="showGridPromptDialog('didgrp.iss.pts.extkey')"
></c-input>
</el-form-item>
<el-form-item label="开证行联行行号" prop="didgrp.iss.pts.bankno">
<c-col :span="24">
<el-form-item label="开证行BIC" prop="didgrp.iss.pts.extkey">
<c-input
v-model="model.didgrp.iss.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="showGridPromptDialog('didgrp.iss.pts.extkey')"
></c-input>
</el-form-item>
</c-col>
<!-- <el-form-item label="开证行联行行号" prop="didgrp.iss.pts.bankno">
<c-input
disabled
v-model="model.didgrp.iss.pts.bankno"
......@@ -109,260 +260,187 @@
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item>
<c-col :span="12">
<el-form-item label="开证行邮编" prop="didgrp.iss.pts.youzbm">
<c-input
disabled
v-model="model.didgrp.iss.pts.youzbm"
maxlength="6"
placeholder="请输入邮编 电证用"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="开证行电话" prop="didgrp.iss.pts.dihdig" label-width="100px" >
<c-input
disabled
v-model="model.didgrp.iss.pts.dihdig"
maxlength="16"
placeholder="请输入电话"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- ============= 议付行 ========================= -->
<c-col :span="11">
<el-form-item label="是否可议付" prop="didgrp.rec.fenctg">
<c-select
v-model="model.didgrp.rec.fenctg"
style="width: 50%"
placeholder="请选择是否可议付"
>
<el-option
v-for="item in codes.fenctg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
<el-form-item label="指定的有关银行 " prop="didgrp.rec.avbwth">
<c-select
:disabled="model.didgrp.rec.fenctg != 'Y'"
v-model="model.didgrp.rec.avbwth"
style="width: 100%"
placeholder="请选择指定的有关银行"
>
<el-option
v-for="item in codes.avbwth"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
<el-form-item label="议付行联行行号" prop="didgrp.avb.pts.bankno">
<c-input
:disabled="model.didgrp.rec.fenctg != 'Y'"
v-model="model.didgrp.avb.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('didgrp.avb.pts.bankno')"
></c-input>
</el-form-item>
</el-form-item> -->
<c-ptapdome
:disabledBankno="true"
:disabledJigomc="true"
:disabledDizhii="true"
:model="model"
:argadr="{
title: '开证行',
rol: 'iss',
}"
:isIss="true"
></c-ptapdome>
<el-form-item label="议付行名称" prop="didgrp.avb.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.avb.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="议付行地址" prop="didgrp.avb.pts.dizhii">
<c-input
:disabled="model.didgrp.rec.fenctg != 'Y'"
type="textarea"
v-model="model.didgrp.avb.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item>
<c-col :span="13">
<el-form-item label="开证行邮编" prop="didgrp.iss.pts.youzbm">
<c-input
disabled
v-model="model.didgrp.iss.pts.youzbm"
maxlength="6"
placeholder="请输入邮编 电证用"
></c-input>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
label="开证行电话"
prop="didgrp.iss.pts.dihdig"
label-width="100px"
>
<c-input
disabled
v-model="model.didgrp.iss.pts.dihdig"
maxlength="16"
placeholder="请输入电话"
></c-input>
</el-form-item>
</c-col>
<!-- =========================保兑行========================= -->
<c-col :span="13">
<el-form-item label="是否可保兑" prop="didgrp.rec.bdflg">
<c-select
v-model="model.didgrp.rec.bdflg"
style="width: 100%"
placeholder="请选择是否可保兑"
>
<el-option
v-for="item in codes.bdflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<!-- =========================保兑行========================= -->
<c-col :span="11" :offset="1">
<el-form-item label="是否可保兑" prop="didgrp.rec.bdflg">
<c-select
v-model="model.didgrp.rec.bdflg"
style="width: 50%"
placeholder="请选择是否可保兑"
>
<el-option
v-for="item in codes.bdflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
<!-- <el-form-item label="保兑行联行行号" prop="didgrp.rmb.pts.bankno">
<c-input
:disabled="model.didgrp.rec.bdflg != 'Y'"
v-model="model.didgrp.rmb.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('didgrp.rmb.pts.bankno')"
></c-input>
</el-form-item>
<el-form-item label="保兑行联行行号" prop="didgrp.rmb.pts.bankno">
<c-input
:disabled="model.didgrp.rec.bdflg != 'Y'"
v-model="model.didgrp.rmb.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('didgrp.rmb.pts.bankno')"
></c-input>
</el-form-item>
<el-form-item label="保兑行名称" prop="didgrp.rmb.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.rmb.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="保兑行地址" prop="didgrp.rmb.pts.dizhii">
<c-input
:disabled="model.didgrp.rec.bdflg != 'Y'"
type="textarea"
v-model="model.didgrp.rmb.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">&nbsp;</c-col>
<!-- ========================转让行 ======================== -->
<c-col :span="11">
<el-form-item label="是否可以转让" prop="didgrp.rec.lcrtyp">
<c-select
v-model="model.didgrp.rec.lcrtyp"
style="width: 50%"
placeholder="请选择"
>
<el-option
v-for="item in codes.lcrtyp"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
<!-- </c-row> -->
<el-form-item label="转让行联行行号" prop="didgrp.cmb.pts.bankno">
<c-input
:disabled="model.didgrp.rec.lcrtyp != 'IT'"
v-model="model.didgrp.cmb.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('didgrp.cmb.pts.bankno')"
></c-input>
</el-form-item>
<el-form-item label="转让行名称" prop="didgrp.cmb.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.cmb.pts.jigomc"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="转让行地址" prop="didgrp.cmb.pts.dizhii">
<c-input
:disabled="model.didgrp.rec.lcrtyp != 'IT'"
type="textarea"
v-model="model.didgrp.cmb.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item>
</c-col>
<el-form-item label="保兑行名称" prop="didgrp.rmb.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.rmb.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="保兑行地址" prop="didgrp.rmb.pts.dizhii">
<c-input
:disabled="model.didgrp.rec.bdflg != 'Y'"
type="textarea"
v-model="model.didgrp.rmb.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item> -->
<c-ptapdome
:disabledBankno="model.didgrp.rec.bdflg != 'Y'"
:disabledJigomc="true"
:disabledDizhii="model.didgrp.rec.bdflg != 'Y'"
:model="model"
:argadr="{
title: '保兑行',
rol: 'rmb',
}"
></c-ptapdome>
<!-- ========================申请行 ======================== -->
<c-col :span="11" :offset="1">
<el-form-item label="申请行联行行号" prop="didgrp.apc.pts.bankno">
<c-input
v-model="model.didgrp.apc.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('didgrp.apc.pts.bankno')"
></c-input>
</el-form-item>
<el-form-item label="申请行名称" prop="didgrp.apc.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.apc.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="申请行地址" prop="didgrp.apc.pts.dizhii">
<c-input
type="textarea"
v-model="model.didgrp.apc.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input> </el-form-item
> <c-col :span="12">
<el-form-item label="申请人邮编" prop="didgrp.apc.pts.youzbm">
<c-input
v-model="model.didgrp.apc.pts.youzbm"
maxlength="6"
placeholder="请输入邮编 电证用"
></c-input>
</el-form-item>
</c-col><c-col :span="12">
<el-form-item label="申请人电话" prop="didgrp.apc.pts.dihdig" label-width="100px">
<c-input
v-model="model.didgrp.apc.pts.dihdig"
maxlength="16"
show-word-limit
placeholder="请输入电话 电证用"
></c-input>
</el-form-item>
</c-col>
<!-- <el-form-item label="申请行联行行号" prop="didgrp.apc.pts.bankno">
<c-input
v-model="model.didgrp.apc.pts.bankno"
maxlength="20"
placeholder="请输入Number of bank"
@keyup.enter.native="showGridPromptDialog('didgrp.apc.pts.bankno')"
></c-input>
</el-form-item>
<el-form-item label="申请行名称" prop="didgrp.apc.pts.jigomc">
<c-input
disabled
type="textarea"
v-model="model.didgrp.apc.pts.jigomc"
maxlength="35"
show-word-limit
placeholder="请输入联行名称 电证用"
></c-input>
</el-form-item>
<el-form-item label="申请行地址" prop="didgrp.apc.pts.dizhii">
<c-input
type="textarea"
v-model="model.didgrp.apc.pts.dizhii"
maxlength="35"
show-word-limit
placeholder="请输入地址 电证用"
></c-input>
</el-form-item> -->
<c-ptapdome
:disabledJigomc="true"
:model="model"
:argadr="{
title: '申请行',
rol: 'apc',
}"
></c-ptapdome>
<c-col :span="13">
<el-form-item label="申请人邮编" prop="didgrp.apc.pts.youzbm">
<c-input
v-model="model.didgrp.apc.pts.youzbm"
maxlength="6"
placeholder="请输入邮编 电证用"
></c-input>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item
label="申请人电话"
prop="didgrp.apc.pts.dihdig"
label-width="100px"
>
<c-input
v-model="model.didgrp.apc.pts.dihdig"
maxlength="16"
placeholder="请输入电话 电证用"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- <c-col :span="24">&nbsp;</c-col> -->
</div>
</div>
</template>
<script>
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
import Event from "~/model/Ditopn/Event";
import Utils from "~/utils";
import PtapDome from "~/views/Public/PtapDome";
export default {
inject: ['root'],
props: ["model", "codes"],
mixins: [CommonProcess],
data() {
return {
};
},
methods: {
...Event
},
created: function () {}
components: { "c-ptapdome": PtapDome },
inject: ["root"],
props: ["model", "codes"],
mixins: [CommonProcess],
data() {
return {};
},
methods: {
...Event,
},
created: function () {},
};
</script>
<style>
......
......@@ -75,14 +75,14 @@
<!-- </el-form-item> -->
</c-col>
<c-col :span="24">
<c-col :span="20">
<el-form-item label="" prop="liaall.limmod.limpts.wrk.pts.nam">
<c-input
v-model="model.liaall.limmod.limpts.wrk.pts.nam"
maxlength="16"
placeholder=""
:disabled="true"
style="width:90%"
style="width:95%"
></c-input>
</el-form-item>
</c-col>
......
......@@ -5,7 +5,7 @@
<c-col :span="11">
<c-col :span="20">
<el-form-item
label="参考号"
label="信用证号码"
prop="didgrp.rec.ownref"
style="width: 100%"
>
......@@ -296,11 +296,8 @@
<c-col :span="24">
<el-form-item label="有效地点" prop="didgrp.rec.expplc">
<c-input
type="textarea"
:rows="3"
v-model="model.didgrp.rec.expplc"
maxlength="35"
show-word-limit
placeholder="请输入Place of Expiry"
></c-input>
</el-form-item>
......
......@@ -27,7 +27,7 @@
<c-col :span="12">
<c-button size="small" type="primary" @click="onRmbpDet">
Details
详情
</c-button>
</c-col>
......
......@@ -6,25 +6,25 @@
</c-col>
-->
<c-col :span="24">
<el-form-item label="货物描述" prop="didgrp.blk.lcrgod">
<el-form-item label="货物描述" prop="didgrp.blk.lcrgod" label-width="180px">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.didgrp.blk.lcrgod" style="width:70%;margin-right:20px;" maxlength="1430" show-word-limit placeholder="请输入Description of Goods" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="单据要求" prop="didgrp.blk.lcrdoc">
<el-form-item label="单据要求" prop="didgrp.blk.lcrdoc" label-width="180px">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.didgrp.blk.lcrdoc" maxlength="1950" style="width:70%;margin-right:20px;" show-word-limit placeholder="请输入单据要求" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="附加条款" prop="didgrp.blk.adlcnd">
<el-form-item label="附加条款" prop="didgrp.blk.adlcnd" label-width="180px">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.didgrp.blk.adlcnd" style="width:70%;margin-right:20px;" maxlength="1430" show-word-limit placeholder="请输入附加条款" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="给付款丶承兑丶议付行的指示" prop="didgrp.blk.insbnk">
<el-form-item label="给付款/承兑/议付行的指示" prop="didgrp.blk.insbnk" label-width="180px">
<c-input type="textarea" :autosize="{ minRows: 6, maxRows: 8}" v-model="model.didgrp.blk.insbnk" style="width:70%;margin-right:20px;" maxlength="325" show-word-limit placeholder="请输入付行的指示" ></c-input>
</el-form-item>
</c-col>
......
......@@ -15,7 +15,7 @@
<el-button size="small">使用模板</el-button>
<el-button size="small">制裁信息</el-button>
<el-button size="small">拆分报文</el-button>
<el-button size="small">提示</el-button>
<el-button size="small">智能提示</el-button>
</c-function-btn>
<el-form
:model="model"
......@@ -27,7 +27,7 @@
:validate-on-rule-change="false"
>
<c-tabs :value="tabVal" ref="elment" type="card" @tab-click="tabClick">
<el-tab-pane label="内容" name="ovwp">
<el-tab-pane label="基本信息" name="ovwp">
<!--PD000001 -->
<c-content>
<m-ovwp :model="model" :codes="codes" />
......@@ -46,19 +46,21 @@
<m-rbip :model="model" :codes="codes"/>
</el-tab-pane>
-->
<el-tab-pane label="银行明细" name="detp1">
<el-tab-pane label="其他当事人" name="detp1">
<!--PD000452 -->
<c-content>
<m-detp1 :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="明细" name="detp">
<el-tab-pane label="详细信息" name="detp">
<!--PD000077 -->
<m-detp :model="model" :codes="codes" />
</el-tab-pane>
<el-tab-pane label="条款" name="tk">
<el-tab-pane label="单据要求" name="tk">
<!--PD000342 -->
<c-content>
<m-tk :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!-- document rules
......@@ -75,7 +77,7 @@
<m-litrmbl1 :model="model" :codes="codes"/>
</el-tab-pane>
-->
<el-tab-pane label="务" name="setpan">
<el-tab-pane label="费用及账务" name="setpan">
<!--PD000000 -->
<c-content>
<m-setpan :model="model" :codes="codes" />
......@@ -85,7 +87,7 @@
<m-glepan :model="model" :codes="codes" ref="glepan" />
</el-tab-pane>
<el-tab-pane label="或有" name="engp">
<el-tab-pane label="表外" name="engp">
<!--PD000027 -->
<m-engp :model="model" :codes="codes" />
......@@ -112,7 +114,7 @@
<m-mt799 :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000001 -->
<el-tab-pane label="统一授信" name="limitbody">
<el-tab-pane label="授信额度" name="limitbody">
<m-limitbody :model="model" :codes="codes" />
</el-tab-pane>
</c-tabs>
......
......@@ -17,7 +17,7 @@
</c-col>
<c-col :span="1">
<el-form-item label="" label-width="15px">
<c-button size="mini" type="primary;width:10%">i</c-button>
<c-button size="mini" type="primary" icon="el-icon-search"></c-button>
</el-form-item>
</c-col>
......@@ -275,7 +275,7 @@
</c-col>
<c-col :span="1">
<el-form-item label="" label-width="15px">
<c-button size="mini" type="primary;width:10%">i</c-button>
<c-button size="mini" type="primary" icon="el-icon-search"></c-button>
</el-form-item>
</c-col>
......@@ -481,8 +481,8 @@
</c-col>
<c-col :span="1">
<el-form-item label="" label-width="15px">
<c-button size="mini" type="primary;width:10%"
>i</c-button
<c-button size="mini" type="primary" icon="el-icon-search"
></c-button
>
</el-form-item>
</c-col>
......@@ -515,8 +515,8 @@
</c-col>
<c-col :span="1">
<el-form-item label="" label-width="15px">
<c-button size="mini" type="primary;width:10%"
>i</c-button
<c-button size="mini" type="primary" icon="el-icon-search"
></c-button
>
</el-form-item>
</c-col>
......@@ -678,8 +678,8 @@
</c-col>
<c-col :span="1">
<el-form-item label="" label-width="15px">
<c-button size="mini" type="primary;width:10%"
>i</c-button
<c-button size="mini" type="primary" icon="el-icon-search"
></c-button
>
</el-form-item>
</c-col>
......@@ -712,8 +712,8 @@
</c-col>
<c-col :span="1">
<el-form-item label="" label-width="15px">
<c-button size="mini" type="primary;width:10%"
>i</c-button
<c-button size="mini" type="primary" icon="el-icon-search"
></c-button
>
</el-form-item>
</c-col>
......
......@@ -15,7 +15,7 @@
</c-col>
<c-col :span="4">
<c-button size="small" type="primary;width:10%" @click="onSeainf">i</c-button>
<c-button size="small" type="primary" @click="onSeainf" icon="el-icon-search"></c-button>
</c-col>
<c-col :span="12">
......@@ -56,7 +56,7 @@
</c-col> -->
<c-col :span="4">
<c-button size="small" type="primary;width:10%" @click="onSeainf">i</c-button>
<c-button size="small" type="primary" @click="onSeainf" icon="el-icon-search"></c-button>
</c-col>
<c-col :span="12">
......
......@@ -21,7 +21,7 @@
</el-form-item>
</c-col>
<c-col :span="2" :offset="1">
<c-button size="small" type="primary;width:10%" @click="">i</c-button>
<c-button size="small" type="primary" icon="el-icon-search"></c-button>
</c-col>
<c-col :span="2">
<c-button size="small" type="primary" @click="onRecpanGetref">
......@@ -278,7 +278,7 @@
title: '汇款人',
grp: 'cpdgrp',
rol: 'orc',
}" :noRef="false" :onlySearch="false" @onSeainf="" @onAplpDet="onOrcpDet">
}" :noRef="false" :onlySearch="false" @onAplpDet="onOrcpDet">
</c-ptap>
</c-col>
</c-row>
......@@ -290,7 +290,7 @@
title: 'Ordering',
grp: 'cpdgrp',
rol: 'ori',
}" :noRef="false" :onlySearch="false" @onSeainf="" @onAplpDet="onOripDet">
}" :noRef="false" :onlySearch="false" @onAplpDet="onOripDet">
</c-ptap>
</c-col>
</c-row>
......@@ -320,7 +320,7 @@
title: '收款人',
grp: 'cpdgrp',
rol: 'pye',
}" :noRef="true" :onlySearch="false" @onSeainf="" @onAplpDet="onPyepDet">
}" :noRef="true" :onlySearch="false" @onAplpDet="onPyepDet">
</c-ptap>
</c-col>
</c-row>
......@@ -332,7 +332,7 @@
title: '发报行',
grp: 'cpdgrp',
rol: 'snd',
}" :noRef="true" :onlySearch="false" @onSeainf="" @onAplpDet="onSndpDet">
}" :noRef="true" :onlySearch="false" @onAplpDet="onSndpDet">
</c-ptap>
</c-col>
</c-row>
......
......@@ -16,10 +16,10 @@
</c-col>
-->
<c-col :span="3">
<c-button size="small" type="primary;width:10%" @click="">i</c-button>
<c-button size="small" type="primary" icon="el-icon-search"></c-button>
</c-col>
<c-col :span="3">
<c-button size="small" type="primary;width:10%" @click="">seainf</c-button>
<c-button size="small" type="primary" >seainf</c-button>
</c-col>
<!--
<c-col :span="3">
......
......@@ -15,7 +15,7 @@
</c-col>
<c-col :span="2">
<el-form-item label="" label-width="15px">
<c-button type="primary" disabled>i</c-button>
<c-button type="primary" disabled icon="el-icon-search"></c-button>
</el-form-item>
</c-col>
</c-col>
......@@ -48,7 +48,7 @@
</c-col>
<c-col :span="2">
<el-form-item label="" label-width="15px">
<c-button type="primary" disabled>i</c-button>
<c-button type="primary" disabled icon="el-icon-search"></c-button>
</el-form-item>
</c-col>
</c-col>
......
......@@ -20,7 +20,7 @@
</el-form-item>
</c-col>
<c-col :span="3">
<c-button size="small" type="primary;width:10%" @click="">i</c-button>
<c-button size="small" type="primary" icon="el-icon-search"></c-button>
</c-col>
<c-col :span="3">
<el-form-item label="" prop="recgrp.rec.resusrflg" label-width="0">
......
......@@ -13,8 +13,8 @@
</el-form-item>
</c-col>
<c-col :span="3">
<c-button size="small" type="primary;width:10%" @click="onSeainf"
>i</c-button
<c-button size="small" type="primary" @click="onSeainf" icon="el-icon-search"
></c-button
>
<c-button
size="small"
......
......@@ -70,7 +70,7 @@
</el-form-item>
</c-col>
<c-col :span="2" style="margin-left: 10px;">
<c-button type="primary">i</c-button>
<c-button type="primary" icon="el-icon-search"></c-button>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="recpan.atpget.sdamod.seainf" label-width="10px">
......@@ -96,7 +96,7 @@
</el-form-item>
</c-col>
<c-col :span="1" style="margin-left: 10px;">
<c-button type="primary" disabled>i</c-button>
<c-button type="primary" disabled icon="el-icon-search"></c-button>
</c-col>
<c-col :span="8">
<el-form-item
......@@ -125,7 +125,7 @@
</el-form-item>
</c-col>
<c-col :span="1" style="margin-left: 10px;">
<c-button type="primary">i</c-button>
<c-button type="primary" icon="el-icon-search"></c-button>
</c-col>
<c-col :span="8">
<!-- WORK GROUP -->
......
......@@ -130,8 +130,8 @@
placeholder="请输入Transaction Type "
></c-input>
<!-- <c-input v-model="model.atpget.sdamod.seainf" style="width:10%" placeholder="i"></c-input> -->
<c-button size="small" type="primary;width:10%" @click="onSeainf"
>i</c-button
<c-button size="small" type="primary" @click="onSeainf" icon="el-icon-search"
></c-button
>
</el-form-item>
</c-col>
......
......@@ -39,7 +39,7 @@
<c-col :span="12">
<c-button size="small" type="primary" @click="onRecpanDet">
&Details
详情
</c-button>
</c-col>
......
......@@ -7,13 +7,9 @@
@click="closeMenu"
></c-button>
<c-button icon="el-icon-s-unfold" v-else @click="openMenu"></c-button>
<c-input
prefix-icon="el-icon-search"
v-if="menuOpen"
v-model="searchContent"
@keyup.enter.native="searchMenuEvent"
placeholder="全局搜索"
></c-input>
<!-- <c-input prefix-icon="el-icon-search" v-if="menuOpen" v-model="searchContent"
@keyup.enter.native="searchMenuEvent" placeholder="全局搜索"></c-input> -->
<c-search-input></c-search-input>
</div>
<c-content :height="250">
<img
......@@ -217,13 +213,13 @@ export default {
position: relative;
}
.eContainer-menu-search .el-input {
width: auto;
position: absolute;
right: 20px;
top: 10px;
left: 60px;
}
.eContainer-menu-search .el-input, .eContainer-menu-search .search-wrapper {
width: auto;
position: absolute;
right: 20px;
top: 10px;
left: 60px;
}
.eContainer-menu-search .el-input .el-input__inner {
height: 30px;
......@@ -268,13 +264,9 @@ export default {
</style>
<style>
.eContainer-menu-search .el-input .el-input__inner {
height: 30px;
}
.el-menu-vertical-demo.el-menu--collapse {
width: 60px;
}
.el-menu-vertical-demo.el-menu--collapse {
width: 60px;
}
.el-submenu__title,
.el-menu-item,
......
......@@ -5,15 +5,15 @@
<el-header style="padding: 0">
<headerCom></headerCom>
</el-header>
<div style="height: 8px"></div>
<!-- <div style="height: 8px"></div> -->
<el-container>
<el-aside width="200px" style="background-color: white">
<el-aside width="240px" style="background-color: white">
<sideMenu></sideMenu>
</el-aside>
<div style="width: 8px"></div>
<el-main class="m-app-main">
<tagViews></tagViews>
<div style="height: 10px"></div>
<!-- <div style="height: 10px"></div> -->
<business style="background-color: var(--bgcolor)"></business>
<toolbars></toolbars>
</el-main>
......@@ -45,7 +45,8 @@ export default {
.el-aside {
height: 100%;
transition: width 300ms;
overflow: hidden;
/* overflow: hidden; */
overflow: unset;
padding-bottom: 68px;
box-sizing: border-box;
}
......
......@@ -130,7 +130,7 @@
</c-select>
</template>
</el-table-column>
<el-table-column label="操作">
<el-table-column label="操作" width="160">
<template slot-scope="scope">
<el-button
size="mini"
......@@ -336,11 +336,11 @@
style="width: 250px"
v-model="dialog.rcv.pts.extkey"
/>
<c-button size="small" type="primary;width:20%"
>i</c-button
<c-button size="small" type="primary" icon="el-icon-search"
></c-button
>
<c-button size="small" type="primary">
Details
详情
</c-button>
</el-form-item>
<el-form-item v-else label="BIC">
......
......@@ -14,7 +14,7 @@
<c-col :span="20">
<el-form-item
:label="`${argadr.title}编号`"
:label="`${argadr.title}ID`"
:prop="`${argadr.grp}.${argadr.rol}.pts.extkey`"
style="width: 100%"
>
......@@ -72,7 +72,7 @@
<template v-else>
<c-col :span="24">
<el-form-item
label="名称"
label="电证名称"
:prop="`${argadr.grp}.${argadr.rol}.namelc`"
>
<c-input
......@@ -80,6 +80,7 @@
v-model="model[argadr.grp][argadr.rol].namelc"
:placeholder="'请输入' + argadr.title + '名称'"
:disabled="disabled"
:rows="2"
maxlength="35"
show-word-limit
></c-input>
......@@ -88,11 +89,12 @@
<c-col :span="24">
<el-form-item
label="地址"
label="电证地址"
:prop="`${argadr.grp}.${argadr.rol}.adrelc`"
>
<c-input
type="textarea"
:rows="2"
v-model="model[argadr.grp][argadr.rol].adrelc"
:placeholder="'请输入' + argadr.title + '地址'"
:disabled="disabled"
......
<template>
<div class="eibs-tab">
<c-col :span="24" v-if="!isIss">
<el-form-item
:label="`${argadr.title}联行行号`"
:prop="`didgrp.${argadr.rol}.pts.bankno`"
>
<c-input
v-model="model.didgrp[argadr.rol].pts.bankno"
maxlength="20"
:disabled="disabledBankno"
:placeholder="'请输入' + argadr.title + '联行行号'"
@keyup.enter.native="showGridPromptDialog(`didigrp.${argadr.rol}.pts.bankno`)"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24" v-else>
<el-form-item
:label="`${argadr.title}联行行号`"
:prop="`didgrp.${argadr.rol}.pts.bankno`"
>
<c-input
v-model="model.didgrp[argadr.rol].pts.bankno"
maxlength="20"
:disabled="disabledBankno"
:placeholder="'请输入' + argadr.title + '联行行号'"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
:label="`${argadr.title}联行名称`"
:prop="`didgrp.${argadr.rol}.pts.jigomc`"
>
<c-input
type="textarea"
:rows="2"
v-model="model.didgrp[argadr.rol].pts.jigomc"
maxlength="35"
show-word-limit
:placeholder="'请输入' + argadr.title + '联行名称'"
:disabled="disabledJigomc"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
:label="`${argadr.title}地址`"
:prop="`didgrp.${argadr.rol}.pts.dizhii`"
>
<c-input
type="textarea"
:rows="2"
v-model="model.didgrp[argadr.rol].pts.dizhii"
maxlength="35"
show-word-limit
:placeholder="'请输入' + argadr.title + '地址'"
:disabled="disabledDizhii"
></c-input>
</el-form-item>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
// 机构信息模块
export default {
inject: ["root"],
mixins: [CommonProcess],
props: {
model: {
type: Object,
default: undefined,
},
argadr: {
type: Object,
default: function () {
return {
title: "", //角色名称
rol: "", //角色
};
},
},
disabledBankno: {
type: Boolean,
default: false,
},
disabledJigomc: {
type: Boolean,
default: false,
},
disabledDizhii: {
type: Boolean,
default: false,
},
isIss: {
//是否为开证行
type: Boolean,
default: false,
},
},
data() {
return {
data: [],
};
},
watch: {},
methods: {
},
created: function () {},
};
</script>
<style>
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment