Skip to content

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

融资合同创建修改

parent 14ab878e
Hide whitespace changes
Inline Side-by-side
Showing with 187 additions and 151 deletions
src/pages/contractStart/start-list.vue
View file @ 876789ab
......@@ -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,
......@@ -104,10 +105,10 @@ export default {
let vm = this
let randomString = Math.floor(Math.random() * 21)
let url =
process.env.basePath +
'car_apply_list_query' +
'&index' +
`'${randomString}'`
process.env.basePath +
'car_apply_list_query' +
'&index' +
`'${randomString}'`
let param = {
user_phone: window.localStorage.getItem('user_phone'),
car_start_status: vm.status,
......@@ -146,6 +147,10 @@ export default {
},
goAdd () {
hlsPopup.showLongCenter('暂不支持无关联进件的车辆发送')
// this.$router.push({
// name: 'AddCar',
// })
},
changePage (e) {
this.$router.push({
......@@ -160,10 +165,10 @@ export default {
let vm = this
let randomString = Math.floor(Math.random() * 21)
let url =
process.env.basePath +
'car_apply_list_query' +
'&index' +
`'${randomString}'`
process.env.basePath +
'car_apply_list_query' +
'&index' +
`'${randomString}'`
let param = {
user_phone: window.localStorage.getItem('user_phone'),
pagesize: 10,
......@@ -202,170 +207,201 @@ export default {
}
</script>
<style lang="less">
#startList {
.search {
background-color: #fff;
padding: 8px 12px;
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;
#startList {
.search {
background-color: #fff;
padding: 8px 12px;
position: absolute;
width: 100%;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #888c8f;
}
height: 1.02rem;
z-index: 100;
margin-top: 52px;
margin-bottom: 8px;
input::placeholder {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #888c8f;
letter-spacing: 0;
}
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%;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #888c8f;
}
input:focus {
background: url("../../assets/contractStart/search2.png") 320px no-repeat;
background-size: 16px 16px;
background-color: rgba(239, 239, 239, 0.55);
border: 2px solid #bcc6ff;
}
}
.item {
width: 359px;
height: 148px;
background-color: #fff;
border-radius: 2px;
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;
}
input::placeholder {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #888c8f;
letter-spacing: 0;
}
input:focus {
background: url("../../assets/contractStart/search2.png") 320px no-repeat;
background-size: 16px 16px;
background-color: rgba(239, 239, 239, 0.55);
border: 2px solid #bcc6ff;
}
}
.right {
height: 100%;
width: 85%;
float: right;
.right-top {
width: 285px;
height: 45px;
font-family: PingFangSC-Semibold;
font-size: 15px;
color: #4b4a4b;
letter-spacing: 0;
line-height: 45px;
border-bottom: 1px solid #f3f3f7;
span:last-child {
float: right;
.item {
width: 359px;
height: 148px;
background-color: #fff;
border-radius: 2px;
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-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;
.right {
height: 100%;
width: 85%;
float: right;
.right-top {
width: 285px;
height: 45px;
font-family: PingFangSC-Semibold;
font-size: 15px;
color: #4b4a4b;
letter-spacing: 0;
height: 30px;
width: 100%;
span {
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;
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 {
#startList {
.add {
color: #fff;
background-color: #0041c4;
}
.content {
position: absolute;
top: 0;
}
.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 {
#startList {
.scrollContent {
padding-top: 3.72rem;
padding-top: 3.32rem;
}
}
}
}
// iPhoneXR适配
@media (device-width: 414px) and (device-height: 896px) {
.platform-ios {
#startList {
.scrollContent {
padding-top: 3.72rem;
@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
.platform-ios {
#startList {
.scrollContent {
padding-top: 3.72rem;
}
}
.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;
}
}
// 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-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>
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