Skip to content

V
vue-gjjs
Commit 038e9d48 by zhengxiaokui
Options

zxk

parents e50d5f79 866f0e41
Showing with 510 additions and 124 deletions
src/components/SearchInput.vue 0 → 100644
<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>
src/components/index.js
......@@ -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)
......
src/views/Business/Bctacc/Ptyp.vue
......@@ -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>
......
src/views/Business/Bctacc/index.vue
......@@ -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"
......
src/views/Business/Bdtudp/Limitbody.vue
......@@ -38,7 +38,7 @@
icon="el-icon-search"
@click="onPreperButtxmsel"
>
Details
详情
</c-button>
</div>
</c-col>
......
src/views/Business/Bdtudp/Mt750p.vue
......@@ -97,7 +97,7 @@
<c-col :span="12">
<c-button size="small" type="primary" @click="onAcbpDet">
Details
详情
</c-button>
</c-col>
......
src/views/Business/Bdtudp/Othadvtypp.vue
......@@ -21,7 +21,7 @@
<c-col :span="12">
<c-button size="small" type="primary" @click="onBebpDet">
Details
详情
</c-button>
</c-col>
......
src/views/Business/Bdtudp/Shpdet.vue
......@@ -119,7 +119,7 @@
<!-- <el-col :span="12">
<c-button size="small" type="primary" @click="onShppDet">
Details
详情
</c-button>
</el-col> -->
......
src/views/Business/Cptadv/Opnp1.vue
......@@ -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>
......
src/views/Business/Cptopn/Doctre.vue
......@@ -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>
......
src/views/Business/Cptopn/Finp.vue
......@@ -165,7 +165,7 @@
></c-button
>
<c-button size="small" type="primary" @click="onFippDet">
Details
详情
</c-button>
</c-col>
......
src/views/Business/Cptopn/Setpan.vue
......@@ -266,7 +266,7 @@
<el-button
size="mini"
@click="detail2(scoped.$index, scoped.row)"
>details</el-button
>详情</el-button
>
</template>
</el-table-column>
......
src/views/Business/Diasel/Diaselp.vue
......@@ -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>'"
......
src/views/Business/Ditame/Amep.vue
......@@ -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>
......
src/views/Business/Ditame/Docpan.vue
......@@ -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">
......
src/views/Business/Ditame/Limitbody.vue
......@@ -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>
......
src/views/Business/Ditame/Ovwp.vue
......@@ -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>
......
src/views/Business/Ditopn/Ccvpan.vue
......@@ -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
......
src/views/Business/Ditopn/Detp.vue
......@@ -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">
......
src/views/Business/Ditopn/Limitbody.vue
......@@ -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>
......
src/views/Business/Ditopn/Ovwp.vue
......@@ -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>
......
src/views/Business/Ditopn/Rbip.vue
......@@ -27,7 +27,7 @@
<c-col :span="12">
<c-button size="small" type="primary" @click="onRmbpDet">
Details
详情
</c-button>
</c-col>
......
src/views/Business/Ditopn/Tk.vue
......@@ -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>
......
src/views/Business/Ditopn/index.vue
......@@ -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>
......
src/views/Business/Ditsel/Sel.vue
......@@ -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>
......
src/views/Business/Infbed/Ovwp.vue
......@@ -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">
......
src/views/Business/Infcpd/Infconp.vue
......@@ -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>
......
src/views/Business/Infcur/Curp0.vue
......@@ -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">
......
src/views/Business/Infpta/Ptap0.vue
......@@ -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>
......
src/views/Business/Infusr/Usrp0.vue
......@@ -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">
......
src/views/Business/Letopn/Ovwp.vue
......@@ -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"
......
src/views/Business/Sptrou/Sptnegp.vue
......@@ -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 -->
......
src/views/Business/Trnrel/Inftrnps.vue
......@@ -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>
......
src/views/Business/Trnrel/Trnp0.vue
......@@ -39,7 +39,7 @@
<c-col :span="12">
<c-button size="small" type="primary" @click="onRecpanDet">
&Details
详情
</c-button>
</c-col>
......
src/views/Layout/SideMenu.vue
......@@ -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,
......
src/views/Layout/index.vue
......@@ -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;
}
......
src/views/Public/Docpan.vue
......@@ -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">
......
src/views/Public/Ptap.vue
......@@ -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"
......
src/views/Public/PtapDome.vue 0 → 100644
<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