Commit 64197e78 authored by Hello's avatar Hello

融资合同创建修改

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