Skip to content

H
hls-xcmg-vue-app
Commit 64197e78 authored by Hello's avatar Hello
Browse files
Options

融资合同创建修改

parent cf754486
Hide whitespace changes
Inline Side-by-side
Showing with 184 additions and 152 deletions
config/prod.env.js
View file @ 64197e78
...@@ -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"'
} }
src/pages/contractStart/start-list.vue
View file @ 64197e78
...@@ -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,
...@@ -104,10 +105,10 @@ export default { ...@@ -104,10 +105,10 @@ export default {
let vm = this let vm = this
let randomString = Math.floor(Math.random() * 21) let randomString = Math.floor(Math.random() * 21)
let url = let url =
process.env.basePath + process.env.basePath +
'car_apply_list_query' + 'car_apply_list_query' +
'&index' + '&index' +
`'${randomString}'` `'${randomString}'`
let param = { let param = {
user_phone: window.localStorage.getItem('user_phone'), user_phone: window.localStorage.getItem('user_phone'),
car_start_status: vm.status, car_start_status: vm.status,
...@@ -164,10 +165,10 @@ export default { ...@@ -164,10 +165,10 @@ export default {
let vm = this let vm = this
let randomString = Math.floor(Math.random() * 21) let randomString = Math.floor(Math.random() * 21)
let url = let url =
process.env.basePath + process.env.basePath +
'car_apply_list_query' + 'car_apply_list_query' +
'&index' + '&index' +
`'${randomString}'` `'${randomString}'`
let param = { let param = {
user_phone: window.localStorage.getItem('user_phone'), user_phone: window.localStorage.getItem('user_phone'),
pagesize: 10, pagesize: 10,
...@@ -206,170 +207,201 @@ export default { ...@@ -206,170 +207,201 @@ 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;
position: absolute; position: absolute;
width: 100%;
height: 1.02rem;
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;
line-height: 36px;
border-radius: 4px;
width: 100%; width: 100%;
font-family: PingFangSC-Regular; height: 1.02rem;
font-size: 14px; z-index: 100;
color: #888c8f; margin-top: 52px;
} margin-bottom: 8px;
input::placeholder { input {
font-family: PingFangSC-Regular; background: url("../../assets/contractStart/search1.png") 320px no-repeat;
font-size: 14px; background-size: 16px 16px;
color: #888c8f; background-color: rgba(239, 239, 239, 0.55);
letter-spacing: 0; padding-left: 12px;
} height: 36px;
line-height: 36px;
border-radius: 4px;
width: 100%;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #888c8f;
}
input:focus { input::placeholder {
background: url("../../assets/contractStart/search2.png") 320px no-repeat; font-family: PingFangSC-Regular;
background-size: 16px 16px; font-size: 14px;
background-color: rgba(239, 239, 239, 0.55); color: #888c8f;
border: 2px solid #bcc6ff; letter-spacing: 0;
} }
}
.item { input:focus {
width: 359px; background: url("../../assets/contractStart/search2.png") 320px no-repeat;
height: 148px; background-size: 16px 16px;
background-color: #fff; background-color: rgba(239, 239, 239, 0.55);
border-radius: 2px; border: 2px solid #bcc6ff;
margin: 0 auto;
margin-top: 9px;
.left {
width: 15%;
height: 100%;
float: left;
span {
display: block;
width: 30px;
height: 30px;
background-color: #e8e9ed;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 10px;
margin-top: 8px;
img {
width: 11px;
height: 14px;
}
} }
} }
.right {
height: 100%; .item {
width: 85%; width: 359px;
float: right; height: 148px;
.right-top { background-color: #fff;
width: 285px; border-radius: 2px;
height: 45px; margin: 0 auto;
font-family: PingFangSC-Semibold; margin-top: 9px;
font-size: 15px;
color: #4b4a4b; .left {
letter-spacing: 0; width: 15%;
line-height: 45px; height: 100%;
border-bottom: 1px solid #f3f3f7; float: left;
span:last-child {
float: right; span {
display: block;
width: 30px;
height: 30px;
background-color: #e8e9ed;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 10px;
margin-top: 8px;
img {
width: 11px;
height: 14px;
}
} }
} }
.right-bottom {
width: 285px; .right {
margin-top: 10px; height: 100%;
.number { width: 85%;
font-family: Verdana-Bold; float: right;
font-size: 14px;
color: #4b4a4b; .right-top {
letter-spacing: 0; width: 285px;
font-weight: bold; height: 45px;
} font-family: PingFangSC-Semibold;
li { font-size: 15px;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #4b4a4b; color: #4b4a4b;
letter-spacing: 0; letter-spacing: 0;
height: 30px; line-height: 45px;
width: 100%; border-bottom: 1px solid #f3f3f7;
span {
span:last-child {
float: right; float: right;
} }
} }
.right-bottom {
width: 285px;
margin-top: 10px;
.number {
font-family: Verdana-Bold;
font-size: 14px;
color: #4b4a4b;
letter-spacing: 0;
font-weight: bold;
}
li {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #4b4a4b;
letter-spacing: 0;
//height: 30px;
width: 100%;
display: flex;
justify-content: space-between;
margin: 5px 0;
//align-items: center;
span {
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 { .add {
#startList { color: #fff;
background-color: #0041c4;
}
.content {
position: absolute;
top: 0;
}
.scrollContent { .scrollContent {
padding-top: 3.32rem; padding-top: 2.92rem;
padding-bottom: 20px;
}
.tab-style {
width: 100%;
position: absolute;
} }
} }
}
@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
.platform-ios { .platform-ios {
#startList { #startList {
.scrollContent { .scrollContent {
padding-top: 3.72rem; padding-top: 3.32rem;
} }
} }
} }
}
// iPhoneXR适配 @media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
@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 { }
input { }
background: url("../../assets/contractStart/search1.png") 320px
no-repeat; // iPhoneXR适配
background-size: 16px 16px; @media (device-width: 414px) and (device-height: 896px) {
background-color: rgba(239, 239, 239, 0.55); .platform-ios {
padding: 8px 12px; #startList {
border-radius: 4px; .scrollContent {
width: 100%; padding-top: 3.72rem;
font-family: PingFangSC-Regular; }
font-size: 14px;
color: #888c8f; .search {
input {
background: url("../../assets/contractStart/search1.png") 320px no-repeat;
background-size: 16px 16px;
background-color: rgba(239, 239, 239, 0.55);
padding: 8px 12px;
border-radius: 4px;
width: 100%;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #888c8f;
}
} }
} }
} }
} }
}
</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