Commit 64197e78 authored by Hello's avatar Hello

融资合同创建修改

parent cf754486
......@@ -11,5 +11,5 @@ module.exports = {
ocrPath:'"http://www.xcmgfs.com:8087/r/api"',
fileUploadSvcPath:'"http://www.xcmgfs.com:8087/r/api/app/fileUploadSvc?sysName=XCMG_PROD&apiName="',
appId: '"com.xcmg.app"',
currentVersion: '"0.2.5"'
currentVersion: '"0.2.6"'
}
......@@ -2,13 +2,13 @@
<h-view id="startList">
<h-header :proportion="[5,1,1]" class="bar-custom">
<div slot="left" class="h-header-btn">
<img src="@/assets/userBind/arrow.png" @click="$routeGo()" >
<img src="@/assets/userBind/arrow.png" @click="$routeGo()">
<span>融租合同创建</span>
</div>
</h-header>
<Tab @getTabNum="getTabNum" />
<Tab @getTabNum="getTabNum"/>
<div class="search has-header">
<input v-model="keyWord" placeholder="请输入合同号/产品名称/承租人名称" >
<input v-model="keyWord" placeholder="请输入合同号/产品名称/承租人名称">
</div>
<scroll
ref="scroll"
......@@ -20,7 +20,7 @@
<div v-for="(item,index) in showList" :key="index" class="item" @click="changePage(item)">
<div class="left">
<span>
<img src="@/assets/contractStart/icon.png" >
<img src="@/assets/contractStart/icon.png">
</span>
</div>
<div class="right">
......@@ -31,15 +31,15 @@
<div class="right-bottom">
<ul>
<li>
承租人
<span>承租人:</span>
<span>{{ item.bp_name }}</span>
</li>
<li>
产品名称
<span>产品名称:</span>
<span>{{ item.division_n }}</span>
</li>
<li>
合同金额
<span>合同金额:</span>
<span class="number">{{ item.total_price|currency }}</span>
</li>
</ul>
......@@ -54,6 +54,7 @@
</template>
<script>
import Tab from '@/pages/contractStart/tab'
export default {
components: {
Tab,
......@@ -206,7 +207,7 @@ export default {
}
</script>
<style lang="less">
#startList {
#startList {
.search {
background-color: #fff;
padding: 8px 12px;
......@@ -216,12 +217,13 @@ export default {
z-index: 100;
margin-top: 52px;
margin-bottom: 8px;
input {
background: url("../../assets/contractStart/search1.png") 320px no-repeat;
background-size: 16px 16px;
background-color: rgba(239, 239, 239, 0.55);
padding-left: 12px;
height:36px;
height: 36px;
line-height: 36px;
border-radius: 4px;
width: 100%;
......@@ -244,6 +246,7 @@ export default {
border: 2px solid #bcc6ff;
}
}
.item {
width: 359px;
height: 148px;
......@@ -251,10 +254,12 @@ export default {
border-radius: 2px;
margin: 0 auto;
margin-top: 9px;
.left {
width: 15%;
height: 100%;
float: left;
span {
display: block;
width: 30px;
......@@ -266,16 +271,19 @@ export default {
justify-content: center;
margin-left: 10px;
margin-top: 8px;
img {
width: 11px;
height: 14px;
}
}
}
.right {
height: 100%;
width: 85%;
float: right;
.right-top {
width: 285px;
height: 45px;
......@@ -285,13 +293,16 @@ export default {
letter-spacing: 0;
line-height: 45px;
border-bottom: 1px solid #f3f3f7;
span:last-child {
float: right;
}
}
.right-bottom {
width: 285px;
margin-top: 10px;
.number {
font-family: Verdana-Bold;
font-size: 14px;
......@@ -299,47 +310,67 @@ export default {
letter-spacing: 0;
font-weight: bold;
}
li {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #4b4a4b;
letter-spacing: 0;
height: 30px;
//height: 30px;
width: 100%;
display: flex;
justify-content: space-between;
margin: 5px 0;
//align-items: center;
span {
float: right;
line-height: 18px;
&:first-child {
width: 70px;
}
}
/*span{
margin-top: 5px;
}
span:last-child {
float: right;
}*/
}
}
}
}
.add {
color: #fff;
background-color: #0041c4;
}
.content {
position: absolute;
top: 0;
}
.scrollContent {
padding-top: 2.92rem;
padding-bottom: 20px;
}
.tab-style {
width: 100%;
position: absolute;
}
}
}
.platform-ios {
.platform-ios {
#startList {
.scrollContent {
padding-top: 3.32rem;
}
}
}
}
@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
.platform-ios {
#startList {
.scrollContent {
......@@ -347,18 +378,19 @@ export default {
}
}
}
}
// iPhoneXR适配
@media (device-width: 414px) and (device-height: 896px) {
}
// iPhoneXR适配
@media (device-width: 414px) and (device-height: 896px) {
.platform-ios {
#startList {
.scrollContent {
padding-top: 3.72rem;
}
.search {
input {
background: url("../../assets/contractStart/search1.png") 320px
no-repeat;
background: url("../../assets/contractStart/search1.png") 320px no-repeat;
background-size: 16px 16px;
background-color: rgba(239, 239, 239, 0.55);
padding: 8px 12px;
......@@ -371,5 +403,5 @@ export default {
}
}
}
}
}
</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