Skip to content

V
vue-gjjs
Commit 39bf82ea by Wuyuqiu
Options

ui美化litopn

parent b7a9f8f2
Showing with 158 additions and 111 deletions
src/assets/css/common.css
...@@ -396,4 +396,8 @@ ...@@ -396,4 +396,8 @@
.col-right { .col-right {
padding-left: 20px; padding-left: 20px;
}
.el-button{
height: 32px;
} }
\ No newline at end of file
src/views/Business/Litdav/index.vue
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick"> <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<!--PD000045 name="davp"--> <!--PD000045 name="davp"-->
<el-tab-pane label="收到通知"> <el-tab-pane label="收到通知" name="davp">
<c-content> <c-content>
<m-davp :model="model" :codes="codes"/> <m-davp :model="model" :codes="codes"/>
</c-content> </c-content>
......
src/views/Business/Litopn/Addbcb.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange"> <el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="备查表" name="1"> <el-collapse-item title="备查表" name="addbcb">
<c-col :span="24"> <c-col :span="24">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="货物简称" prop="godnam"> <el-form-item label="货物简称" prop="godnam">
...@@ -194,7 +194,7 @@ ...@@ -194,7 +194,7 @@
</el-form-item> </el-form-item>
</c-col> --> </c-col> -->
</el-collapse-item> </el-collapse-item>
<el-collapse-item title="附言" name="2"> <el-collapse-item title="附言" name="coninfp">
<!-- 附言 --> <!-- 附言 -->
<m-coninfp :model="model" :codes="codes" /> <m-coninfp :model="model" :codes="codes" />
</el-collapse-item> </el-collapse-item>
...@@ -217,7 +217,7 @@ export default { ...@@ -217,7 +217,7 @@ export default {
mixins: [commonProcess], mixins: [commonProcess],
data() { data() {
return { return {
activeNames: ["1"], activeNames: ["addbcb"],
}; };
}, },
methods: { methods: {
......
src/views/Business/Litopn/Cnyp.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="12"> <el-collapse v-model="activeNames" @change="handleChange">
<c-col :span="18"> <el-collapse-item title="申报信息" name="cnyp">
<el-form-item label="是否报送跨境人民币2101表" prop="cnybop.cnyflg"> <c-col :span="12">
<c-select disabled v-model="model.cnybop.cnyflg" style="width:70%" placeholder="请选择是否报送跨境人民币2101表" <c-col :span="18">
:code="codes.cnyflg"> <el-form-item label="是否报送跨境人民币2101表" prop="cnybop.cnyflg">
</c-select> <c-select
</el-form-item> disabled
</c-col> v-model="model.cnybop.cnyflg"
style="width: 70%"
placeholder="请选择是否报送跨境人民币2101表"
:code="codes.cnyflg"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="18"> <c-col :span="18">
<el-form-item label="是否报送跨境人民币2107表" prop="cnybop.traflg"> <el-form-item label="是否报送跨境人民币2107表" prop="cnybop.traflg">
<c-select disabled v-model="model.cnybop.traflg" style="width:70%" placeholder="请选择是否报送跨境人民币2107表" <c-select
:code="codes.traflg"> disabled
</c-select> v-model="model.cnybop.traflg"
</el-form-item> style="width: 70%"
</c-col> placeholder="请选择是否报送跨境人民币2107表"
:code="codes.traflg"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="18"> <c-col :span="18">
<el-form-item label="是否报送跨境人民币2111表" prop="cnybop.outflg"> <el-form-item label="是否报送跨境人民币2111表" prop="cnybop.outflg">
<c-select disabled v-model="model.cnybop.outflg" style="width:70%" placeholder="请选择是否报送跨境人民币2111表" <c-select
:code="codes.outflg"> disabled
</c-select> v-model="model.cnybop.outflg"
</el-form-item> style="width: 70%"
</c-col> placeholder="请选择是否报送跨境人民币2111表"
:code="codes.outflg"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="18"> <c-col :span="18">
<el-form-item label="是否报送跨境人民币2106表" prop="cnybop.libflg"> <el-form-item label="是否报送跨境人民币2106表" prop="cnybop.libflg">
<c-select v-model="model.cnybop.libflg" style="width:70%" placeholder="请选择是否报送跨境人民币2106表" <c-select
:code="codes.libflg"> v-model="model.cnybop.libflg"
</c-select> style="width: 70%"
</el-form-item> placeholder="请选择是否报送跨境人民币2106表"
</c-col> :code="codes.libflg"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="18"> <c-col :span="18">
<el-form-item label="是否报送跨境人民币2122表" prop="cnybop.vouflg"> <el-form-item label="是否报送跨境人民币2122表" prop="cnybop.vouflg">
<c-select disabled v-model="model.cnybop.vouflg" style="width:70%" placeholder="请选择是否报送跨境人民币2122表" <c-select
:code="codes.vouflg"> disabled
</c-select> v-model="model.cnybop.vouflg"
</el-form-item> style="width: 70%"
</c-col> placeholder="请选择是否报送跨境人民币2122表"
</c-col> :code="codes.vouflg"
>
</c-select>
</el-form-item>
</c-col>
</c-col>
</el-collapse-item>
<el-collapse-item
title="2106银行跟单结算及表外融资"
name="libp"
v-if="this.model.cnybop.libflg == '1'"
>
<!-- 2106银行跟单结算及表外融资 -->
<m-libp :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess"; import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable" import CodeTable from "~/config/CodeTable";
import Event from "~/model/Litopn/Event" import Event from "~/model/Litopn/Event";
import Libp from "./Libp.vue"; import Libp from "./Libp";
export default { export default {
inject: ['root'], inject: ["root"],
components: { Libp }, components: { "m-libp": Libp },
props: ["model", "codes"], props: ["model", "codes"],
mixins: [commonProcess], mixins: [commonProcess],
data() { data() {
return { return {
activeNames: ["cnyp"],
} };
}, },
methods: { ...Event }, methods: { ...Event },
created: function () { created: function () {},
};
}
}
</script> </script>
<style> <style>
</style> </style>
src/views/Business/Litopn/Ovwp.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange"> <el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="概要" name="1"> <el-collapse-item title="概要" name="ovwp">
<!-- ======================= 左 ========================= --> <!-- ======================= 左边 ========================= -->
<c-col :span="12" style="padding-right: 20px;"> <c-col :span="12" style="padding-right: 20px;">
<el-col :spam="24"> <el-col :spam="24">
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
></c-input> ></c-input>
<template slot="footer"> <template slot="footer">
<c-button <c-button
style="margin: 0 10px 0 10px; padding: 0 12px" style="margin: 0 10px 0 10px; padding: 0 12px;height:32px;"
size="small" size="small"
type="primary" type="primary"
@click="onSeainf" @click="onSeainf"
...@@ -89,49 +89,51 @@ ...@@ -89,49 +89,51 @@
--> -->
<el-col :span="24"> <el-col :span="24">
<c-col :span="11"> <c-fullbox>
<el-form-item label="名义金额" prop="lidgrp.cbs.nom1.cur"> <c-col :span="11">
<c-select <el-form-item label="名义金额" prop="lidgrp.cbs.nom1.cur">
v-model="model.lidgrp.cbs.nom1.cur" <c-select
style="width: 100%" v-model="model.lidgrp.cbs.nom1.cur"
placeholder="币种" style="width: 100%"
:code="codes.curtxt1" placeholder="币种"
@keyup.enter.native="nom1CurEvent" :code="codes.curtxt1"
> @keyup.enter.native="nom1CurEvent"
<!-- <el-option >
v-for="item in codes.curtxt1" <!-- <el-option
:key="item.value" v-for="item in codes.curtxt1"
:label="item.label" :key="item.value"
:value="item.value" :label="item.label"
> :value="item.value"
</el-option> -->
</c-select>
</el-form-item>
</c-col>
<c-col :span="9">
<el-form-item
style="text-align: left"
label-width="20px"
prop="lidgrp.cbs.nom1.amt"
> >
<c-input-currency </el-option> -->
v-model="model.lidgrp.cbs.nom1.amt" </c-select>
style="text-align: left; width: 100%" </el-form-item>
placeholder="请输入金额" </c-col>
></c-input-currency> <c-col :span="9">
</el-form-item> <el-form-item
</c-col> style="text-align: left"
label-width="20px"
<c-col :span="4"> prop="lidgrp.cbs.nom1.amt"
<template>
<c-checkbox
@change="open"
v-model="model.litp.aamp.aammod.addamtflg"
style="padding-left: 5px"
>附加金额</c-checkbox
> >
</template> <c-input-currency
</c-col> v-model="model.lidgrp.cbs.nom1.amt"
style="text-align: left; width: 100%"
placeholder="请输入金额"
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="4">
<template slot="footer">
<c-checkbox
@change="open"
v-model="model.litp.aamp.aammod.addamtflg"
style="padding-left: 5px"
>附加金额</c-checkbox
>
</template>
</c-col>
</c-fullbox>
</el-col> </el-col>
<c-col :span="14"> <c-col :span="14">
<el-form-item label="溢短装" prop="lidgrp.rec.nomtop"> <el-form-item label="溢短装" prop="lidgrp.rec.nomtop">
...@@ -699,26 +701,30 @@ ...@@ -699,26 +701,30 @@
</c-col> </c-col>
</c-col> </c-col>
</el-collapse-item> </el-collapse-item>
<el-collapse-item title="详情" name="2"> <el-collapse-item title="详情" name="detp">
<!-- 详情 --> <!-- 详情 -->
<m-detp :model="model" :codes="codes" /> <m-detp :model="model" :codes="codes" />
</el-collapse-item> </el-collapse-item>
<el-collapse-item title="当事人" name="3"> <el-collapse-item title="当事人" name="ptyp">
<!-- 当事人 --> <!-- 当事人 -->
<m-ptyp :model="model" :codes="codes" /> <m-ptyp :model="model" :codes="codes" />
</el-collapse-item> </el-collapse-item>
<el-collapse-item title="货物" name="4"> <el-collapse-item title="货物" name="dogp">
<!-- 货物 --> <!-- 货物 -->
<m-doxp :model="model" :codes="codes" :dtyp="'dogp'" :rec="'lid'" /> <m-doxp :model="model" :codes="codes" :dtyp="'dogp'" :rec="'lid'" />
</el-collapse-item> </el-collapse-item>
<el-collapse-item title="单据" name="5"> <el-collapse-item title="单据" name="dorp">
<!-- 单据 --> <!-- 单据 -->
<m-doxp :model="model" :codes="codes" :dtyp="'dorp'" :rec="'lid'" /> <m-doxp :model="model" :codes="codes" :dtyp="'dorp'" :rec="'lid'" />
</el-collapse-item> </el-collapse-item>
<el-collapse-item title="附加条件" name="6"> <el-collapse-item title="附加条件" name="adcp">
<!-- 附加条款 --> <!-- 附加条款 -->
<m-doxp :model="model" :codes="codes" :dtyp="'adcp'" :rec="'lid'" /> <m-doxp :model="model" :codes="codes" :dtyp="'adcp'" :rec="'lid'" />
</el-collapse-item> </el-collapse-item>
<el-collapse-item title="附加金额" name="aamp" v-if="model.litp.aamp.aammod.addamtflg">
<!-- 附加金额 -->
<m-aamp :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse> </el-collapse>
</div> </div>
</template> </template>
...@@ -733,6 +739,7 @@ import Dogp from "./Dogp"; ...@@ -733,6 +739,7 @@ import Dogp from "./Dogp";
import Dorp from "./Dorp"; import Dorp from "./Dorp";
import Adcp from "./Adcp"; import Adcp from "./Adcp";
import Doxp from "~/views/Public/Doxp"; import Doxp from "~/views/Public/Doxp";
import Aamp from "./Aamp";
export default { export default {
components: { components: {
...@@ -742,6 +749,7 @@ export default { ...@@ -742,6 +749,7 @@ export default {
"m-dorp": Dorp, "m-dorp": Dorp,
"m-adcp": Adcp, "m-adcp": Adcp,
"m-doxp": Doxp, "m-doxp": Doxp,
"m-aamp": Aamp,
}, },
inject: ["root"], inject: ["root"],
props: ["model", "codes"], props: ["model", "codes"],
...@@ -750,7 +758,7 @@ export default { ...@@ -750,7 +758,7 @@ export default {
return { return {
zmqflg: null, zmqflg: null,
flag: true, flag: true,
activeNames: ["1"], activeNames: ["ovwp"],
}; };
}, },
methods: { methods: {
......
src/views/Business/Litopn/index.vue
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
</el-tab-pane> </el-tab-pane>
<!--PD000001 --> <!--PD000001 -->
<el-tab-pane <!-- <el-tab-pane
v-if="model.litp.aamp.aammod.addamtflg" v-if="model.litp.aamp.aammod.addamtflg"
label="附加金额" label="附加金额"
name="aamp" name="aamp"
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
<c-content> <c-content>
<m-aamp :model="model" :codes="codes" /> <m-aamp :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane> -->
<!--PD000077 --> <!--PD000077 -->
<!-- <el-tab-pane label="详情" name="detp"> <!-- <el-tab-pane label="详情" name="detp">
...@@ -136,7 +136,7 @@ ...@@ -136,7 +136,7 @@
</el-tab-pane> </el-tab-pane>
<!--PD000110 --> <!--PD000110 -->
<el-tab-pane <!-- <el-tab-pane
label="2106银行跟单结算及表外融资" label="2106银行跟单结算及表外融资"
name="libp" name="libp"
v-if="this.model.cnybop.libflg == '1'" v-if="this.model.cnybop.libflg == '1'"
...@@ -144,7 +144,7 @@ ...@@ -144,7 +144,7 @@
<c-content> <c-content>
<m-libp :model="model" :codes="codes" /> <m-libp :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane> -->
<!--PD000346 --> <!--PD000346 -->
<el-tab-pane <el-tab-pane
......
src/views/Public/Engp.vue
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
Liability Liability
</c-col> --> </c-col> -->
<el-collapse v-model="activeNames" @change="handleChange"> <el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="表外记账" name="1"> <el-collapse-item title="表外记账" name="engp">
<c-col :span="24" style=""> <c-col :span="24" style="">
<c-table <c-table
:list="model.liaall.liaallg" :list="model.liaall.liaallg"
...@@ -205,11 +205,11 @@ ...@@ -205,11 +205,11 @@
</el-form-item> </el-form-item>
</c-col> --> </c-col> -->
</el-collapse-item> </el-collapse-item>
<el-collapse-item title="结算" name="2"> <el-collapse-item title="结算" name="setpan">
<!-- 结算 --> <!-- 结算 -->
<m-setpan :model="model" :codes="codes" /> <m-setpan :model="model" :codes="codes" />
</el-collapse-item> </el-collapse-item>
<el-collapse-item title="会计分录" name="3"> <el-collapse-item title="会计分录" name="glepan">
<!-- 会计分录 --> <!-- 会计分录 -->
<m-glepan :model="model" :codes="codes" /> <m-glepan :model="model" :codes="codes" />
</el-collapse-item> </el-collapse-item>
...@@ -238,7 +238,7 @@ export default { ...@@ -238,7 +238,7 @@ export default {
dialogVisible: false, dialogVisible: false,
dialog: {}, dialog: {},
index: 0, index: 0,
activeNames: ["1"], activeNames: ["engp"],
}; };
}, },
methods: { methods: {
......
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