Skip to content

V
vue-gjjs
Commit ed28c7ac by 潘际乾
Options

litopn ui改造

parent 5f352094
Showing with 113 additions and 95 deletions
src/assets/css/common.css
......@@ -112,7 +112,7 @@
.el-tabs .el-tabs__content {
/* background: #fff; */
padding: 10px;
/* padding: 10px; */
}
.el-tabs--card>.el-tabs__header .el-tabs__item {
......@@ -153,6 +153,10 @@
margin-bottom: -2px;
}
.el-form-item__label {
padding: 0 20px 0 0;
}
.el-form-item--small .el-form-item__label {
font-size: var(--normalfont);
height: var(--lineheight);
......@@ -161,8 +165,8 @@
.el-form-item--mini.el-form-item,
.el-form-item--small.el-form-item {
margin-bottom: 12px;
margin-top: 20px;
margin-bottom: 20px;
/* margin-top: 20px; */
}
.el-input--small .el-input__inner {
......@@ -374,14 +378,22 @@
}
.el-collapse .el-collapse-item__wrap{
background-color: var(--bgcolor);
/* background-color: var(--bgcolor); */
}
.el-collapse-item__header{
background-color: var(--bgcolor);
/* background-color: var(--bgcolor); */
}
.el-collapse-item__header.is-active{
font-size: 15px;
font-weight: bold;
}
.col-left {
padding-right: 20px;
}
.col-right {
padding-left: 20px;
}
\ No newline at end of file
src/components/Content.vue
......@@ -10,7 +10,7 @@
height: {
type: Number,
require: false,
default: 250
default: 240
}
},
data() {
......
src/components/FunctionBtn.vue
......@@ -133,7 +133,7 @@ export default {
flex-wrap: nowrap;
justify-content: center;
align-items: flex-start;
height: 24px;
/* height: 24px; */
text-align: center;
margin-right:10px;
}
......@@ -152,7 +152,7 @@ export default {
margin: 0px 10px 0px 0px;
}
.m-funcBtn-eContainer .el-button--default {
background-image: linear-gradient(#fff,#dedede);
/* background-image: linear-gradient(#fff,#dedede); */
border: 1px solid #ccc;
}
.m-funcBtn-eContainer .el-button--primary {
......
src/views/Business/Bopsel/index.vue
......@@ -121,6 +121,6 @@ export default {
<style>
.el-tabs .el-tabs__content {
/* background: #fff; */
padding: 5px;
/* padding: 5px; */
}
</style>
src/views/Business/Infbed/index.vue
......@@ -184,7 +184,7 @@ export default {
</script>
<style>
.infbedTab .el-tabs__content {
padding: 10px 0 10px 0;
/* padding: 10px 0 10px 0; */
}
.infbedTab .infrow {
......@@ -201,6 +201,6 @@ export default {
background-color: #f7faff;
}
.eContainer {
padding: 0px 15px 3px;
}
/* padding: 0px 15px 3px; */
}
</style>
src/views/Business/Inflid/Infsea.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-list-search @form-reset="handleReset" @form-search="handleSearch">
<template v-slot="searchSlot">
<el-form
......
src/views/Business/Litopn/Detp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- ========================左边======================== -->
<c-col :span="11">
<c-col :span="24">
......
src/views/Business/Litopn/Ovwp.vue
......@@ -4,7 +4,7 @@
<el-collapse-item title="概要" name="1">
<!-- ======================= 左 ========================= -->
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<el-col :spam="24">
<el-form-item
label="信用证编号"
......@@ -372,7 +372,7 @@
</c-col>
<!-- ======================右边====================== -->
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="24">
<el-form-item label="简略信息" prop="lidgrp.rec.nam">
<c-input
......
src/views/Business/Litopn/Ptyp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- ================= 左 ================== -->
<c-col :span="11">
<c-col :span="24">
......
src/views/Business/Sptrou/index.vue
......@@ -138,8 +138,8 @@ export default {
}
</script>
<style>
.m-Btn-eContainer {
display: flex; /*flex布局*/
/* .m-Btn-eContainer {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
......@@ -160,5 +160,5 @@ export default {
}
.m-funcBtn-eContainer .el-button--primary {
border: 1px solid #0D4FBD;
}
} */
</style>
src/views/Business/index.vue
......@@ -38,12 +38,15 @@ export default {
#business_container {
flex: 1;
width: 85%;
margin: 40px auto 0;
margin: 0 auto;
padding-top: 40px;
background-color: #ffffff;
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 12%), 0 0 3px 0 rgb(0 0 0 / 4%);
}
#business_container .eibs-tab {
padding: 0 15px;
padding: 40px;
}
#business_container .eibs-tab::after {
#business_container .eibs::after, #business_container .eibs-tab::after {
content: "";
display: block;
clear: both;
......
src/views/TaskList/index.vue
<template>
<div class="eContainer-taskList">
<c-tabs :value="tabVal" type="card" @tab-click="tabClick">
<el-tab-pane label="待经办列表" name="sptsel">
<!-- <c-table :columnsConfig="tableColumns" :list="tableData"></c-table> -->
<span slot="label">
待经办列表
<el-badge
v-if="$store.state.Status.taskList.sptsel > 0"
:value="$store.state.Status.taskList.sptsel"
:max="99"
/>
</span>
<c-content :height="180">
<t-sptsel />
</c-content>
</el-tab-pane>
<c-page title="任务列表">
<div class="eContainer-taskList">
<c-tabs :value="tabVal" type="card" @tab-click="tabClick">
<el-tab-pane label="待经办列表" name="sptsel">
<!-- <c-table :columnsConfig="tableColumns" :list="tableData"></c-table> -->
<span slot="label">
待经办列表
<el-badge
v-if="$store.state.Status.taskList.sptsel > 0"
:value="$store.state.Status.taskList.sptsel"
:max="99"
/>
</span>
<c-content>
<t-sptsel />
</c-content>
</el-tab-pane>
<el-tab-pane label="待复核列表" name="trnrel">
<span slot="label">
待复核列表
<el-badge
v-if="$store.state.Status.taskList.trnrel > 0"
:value="$store.state.Status.taskList.trnrel"
:max="99"
/>
</span>
<c-content :height="180">
<t-trnrel />
</c-content>
</el-tab-pane>
<el-tab-pane label="待复核列表" name="trnrel">
<span slot="label">
待复核列表
<el-badge
v-if="$store.state.Status.taskList.trnrel > 0"
:value="$store.state.Status.taskList.trnrel"
:max="99"
/>
</span>
<c-content>
<t-trnrel />
</c-content>
</el-tab-pane>
<el-tab-pane label="已完成列表" name="trnfnd">
<c-content :height="180">
<t-trnfnd />
</c-content>
</el-tab-pane>
<el-tab-pane label="待申报列表" name="bopsel">
<t-bopsel />
</el-tab-pane>
<el-tab-pane label="草稿箱" name="sptbrk">
<span slot="label">
草稿箱
<el-badge
v-if="$store.state.Status.taskList.sptbrk > 0"
:value="$store.state.Status.taskList.sptbrk"
:max="99"
/>
</span>
<t-sptbrk />
</el-tab-pane>
<el-tab-pane label="到期提示" name="diasel">
<span slot="label">
到期提示
<el-badge
v-if="$store.state.Status.taskList.diasel > 0"
:value="$store.state.Status.taskList.diasel"
:max="99"
/>
</span>
<c-content :height="180">
<t-diasel />
</c-content>
</el-tab-pane>
<!--
<el-tab-pane label="数据对比" name="compare">
<span slot="label">
数据对比
</span>
<c-content :height="180">
<t-compare />
</c-content>
<el-tab-pane label="已完成列表" name="trnfnd">
<c-content>
<t-trnfnd />
</c-content>
</el-tab-pane>
<el-tab-pane label="待申报列表" name="bopsel">
<t-bopsel />
</el-tab-pane>
<el-tab-pane label="草稿箱" name="sptbrk">
<span slot="label">
草稿箱
<el-badge
v-if="$store.state.Status.taskList.sptbrk > 0"
:value="$store.state.Status.taskList.sptbrk"
:max="99"
/>
</span>
<t-sptbrk />
</el-tab-pane>
<el-tab-pane label="到期提示" name="diasel">
<span slot="label">
到期提示
<el-badge
v-if="$store.state.Status.taskList.diasel > 0"
:value="$store.state.Status.taskList.diasel"
:max="99"
/>
</span>
<c-content>
<t-diasel />
</c-content>
</el-tab-pane>
-->
</c-tabs>
</div>
<!--
<el-tab-pane label="数据对比" name="compare">
<span slot="label">
数据对比
</span>
<c-content>
<t-compare />
</c-content>
</el-tab-pane>
-->
</c-tabs>
</div>
</c-page>
</template>
<script>
......
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