Skip to content

H
hls-xcmg-vue-app
Commit 5d65ac90 authored by linxin's avatar linxin
Browse files
Options

发车申请和确定接口已调完

parent 8c5bd18b
Hide whitespace changes
Inline Side-by-side
Showing with 459 additions and 275 deletions
src/pages/carConfirm/confirm-detail.vue
View file @ 5d65ac90
<template> <template>
<h-view id="addCar"> <h-view id="addCar">
<div v-show="downNum" class="modal-show"> <transition name="trans">
<div class="down"> <div v-show="downNum" class="modal-show">
<div class="top"> <div class="down">
录入产品信息 <div class="top">
<img src="@/assets/intoApproval/close.png" @click="downNum=false" > 录入产品信息
</div> <img src="@/assets/intoApproval/close.png" @click="downNum=false" >
<div class="down-content"> </div>
<span>请上传照片</span> <div class="down-content">
<div class="photo"> <span>请上传照片</span>
<!-- <img src=""> --> <div class="photo">
<!-- <img src=""> -->
</div>
<list-item :item-height="44">
<item>
<div slot="name">车架号</div>
<input
slot="content"
v-model="rentInfo.frame_number"
readonly
placeholder="自动识别车架号"
>
</item>
<item>
<div slot="name">发动机号</div>
<input slot="content" v-model="rentInfo.engine" readonly placeholder="自动识别发动机号" >
</item>
<item>
<div slot="name">厂商型号</div>
<input
slot="content"
v-model="rentInfo.manufacturer"
readonly
class="write"
placeholder="请输入厂商型号"
>
</item>
<item>
<div slot="name">车牌号</div>
<input
slot="content"
v-model="rentInfo.license_plate_number"
readonly
placeholder="请输入车牌号"
>
</item>
</list-item>
</div> </div>
<list-item :item-height="44">
<item>
<div slot="name">车架号</div>
<input slot="content" v-model="rentInfo.frame_number" readonly placeholder="自动识别车架号" >
</item>
<item>
<div slot="name">发动机号</div>
<input slot="content" v-model="rentInfo.engine" readonly placeholder="自动识别发动机号" >
</item>
<item>
<div slot="name">厂商型号</div>
<input
slot="content" v-model="rentInfo.manufacturer" readonly class="write"
placeholder="请输入厂商型号" >
</item>
<item>
<div slot="name">车牌号</div>
<input slot="content" v-model="rentInfo.license_plate_number" readonly placeholder="请输入车牌号" >
</item>
</list-item>
</div> </div>
</div> </div>
</div> </transition>
<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>
<h-content> <h-content>
...@@ -69,13 +85,16 @@ ...@@ -69,13 +85,16 @@
</item> </item>
<item> <item>
<div slot="name">租赁物数量</div> <div slot="name">租赁物数量</div>
<input <input slot="content" v-model="info.product_num" readonly placeholder="请输入租赁物数量" >
slot="content" v-model="info.product_num" readonly
placeholder="请输入租赁物数量" >
</item> </item>
</list-item> </list-item>
<div class="userInfo">设备清单</div> <div class="userInfo">设备清单</div>
<div v-for="(item,index) in numInt" :key="index" class="equipment" @click="downNum=true;getRent()"> <div
v-for="(item,index) in numInt"
:key="index"
class="equipment"
@click="downNum=true;getRent()"
>
<div class="left"> <div class="left">
<span> <span>
<img src="@/assets/contractStart/list.png" > <img src="@/assets/contractStart/list.png" >
...@@ -95,9 +114,8 @@ ...@@ -95,9 +114,8 @@
</div> </div>
</h-content> </h-content>
<bottom-tab> <bottom-tab>
<tab-button class="approve" @click.native="confirm">确定</tab-button> <tab-button class="approve" @click.native="isConfirm">确定</tab-button>
</bottom-tab> </bottom-tab>
</h-view> </h-view>
</template> </template>
<script> <script>
...@@ -108,28 +126,30 @@ export default { ...@@ -108,28 +126,30 @@ export default {
downNum: false, downNum: false,
show: false, show: false,
info: { info: {
'product_plan_id': '29', product_plan_id: '29',
'product_num': '1', product_num: '1',
'first_pay': '102500', first_pay: '102500',
'division_n': '平地机', division_n: '平地机',
'gps_fee': '500', gps_fee: '500',
'bp_name': '黄冲', bp_name: '黄冲',
'project_number': 'PJ2019050043', project_number: 'PJ2019050043',
'bp_agent_name': '上海汉得信息技术股份有限公司 ', bp_agent_name: '上海汉得信息技术股份有限公司 ',
'product_plan_id_n': 'PDJ', product_plan_id_n: 'PDJ',
}, },
rentInfo: { rentInfo: {
'frame_number': '', frame_number: '',
'engine': '', engine: '',
'manufacturer': '', manufacturer: '',
'license_plate_number': '', license_plate_number: '',
}, },
products: [], products: [],
equip: [{ equip: [
'product_id': '3', {
'product_code': 'GTC389', product_id: '3',
'contract_id': '231', product_code: 'GTC389',
}], contract_id: '231',
},
],
} }
}, },
computed: { computed: {
...@@ -148,19 +168,32 @@ export default { ...@@ -148,19 +168,32 @@ export default {
}) })
}, },
methods: { methods: {
isConfirm () {
this.hlsPopup.showConfirm({
title: '提示',
content: '您确定同意发车吗？',
onConfirm: data => {
if (data === 1) {
this.confirm()
}
},
})
},
confirm () { confirm () {
let vm = this let vm = this
let url = process.env.basePath + 'do_car_confirm' let url = process.env.basePath + 'do_car_confirm'
let param = { let param = {
'master': { master: {
'contract_id': '123', contract_id: '123',
'confirm_status': 'APPROVED', confirm_status: 'APPROVED',
}} },
}
hlsPopup.showLoading('请稍候') hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) { vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
if (res.result === 'S') { if (res.result === 'S') {
vm.equip = res.lists vm.equip = res.lists
vm.hlsPopup.showSuccess('发车成功')
} else { } else {
hlsPopup.showLongCenter(res.message) hlsPopup.showLongCenter(res.message)
} }
...@@ -223,18 +256,26 @@ export default { ...@@ -223,18 +256,26 @@ export default {
input::placeholder { input::placeholder {
color: #888c8f; color: #888c8f;
} }
.hide{ .trans-enter-active,
.trans-leave-active {
transition: opacity 0.5s;
}
.trans-enter,
.trans-leave-active {
opacity: 0;
}
.hide {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
img{ img {
width:30px; width: 30px;
height:30px; height: 30px;
margin-left:65%; margin-left: 65%;
} }
} }
.wrap{ .wrap {
padding-top:92px; padding-top: 92px;
} }
.modal-show { .modal-show {
width: 100%; width: 100%;
......
src/pages/carConfirm/confirm-list.vue
View file @ 5d65ac90
...@@ -129,7 +129,7 @@ export default { ...@@ -129,7 +129,7 @@ export default {
let vm = this let vm = this
let url = process.env.basePath + 'car_confirm_list_query' let url = process.env.basePath + 'car_confirm_list_query'
let param = { let param = {
order_id: window.sessionStorage.getItem('user_phone'), user_phone: window.localStorage.getItem('user_phone'),
} }
hlsPopup.showLoading('请稍候') hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) { vm.$post(url, param).then(function (res) {
......
src/pages/contractStart/add-car.vue
View file @ 5d65ac90
<template> <template>
<h-view id="addCar"> <h-view id="addCar">
<div class="modal-show"> <transition name="trans">
<div class="down"> <div v-show="downNum" class="modal-show">
<div class="top"> <div class="down">
录入产品信息 <div class="top">
<img src="@/assets/intoApproval/close.png" @click="downNum=false" > 录入产品信息
</div> <img src="@/assets/intoApproval/close.png" @click="downNum=false" >
<div class="down-content"> </div>
<span>请上传照片</span> <div class="down-content">
<div class="photo"> <span>请上传照片</span>
<!-- <img src=""> --> <div class="photo">
<!-- <img src=""> -->
</div>
<list-item :item-height="44">
<item>
<div slot="name">车架号</div>
<input slot="content" v-model="info.frame_number" placeholder="自动识别车架号" >
</item>
<item>
<div slot="name">发动机号</div>
<input slot="content" v-model="info.engine" placeholder="自动识别发动机号" >
</item>
<item>
<div slot="name">厂商型号</div>
<input
slot="content"
v-model="info.manufacturer"
class="write"
placeholder="请输入厂商型号"
>
</item>
<item>
<div slot="name">车牌号</div>
<input slot="content" v-model="info.license_plate_number" placeholder="请输入车牌号" >
</item>
<!-- <item :showArrow="true" @click.native="showModalValue=true">
<div slot="name">产品参数</div>
<input slot="content" v-model="info.bank_branch_name" placeholder="请选择产品参数" @click="changeHeight">
</item>-->
</list-item>
</div> </div>
<list-item :item-height="44"> <button @click="isSave">保存</button>
<item>
<div slot="name">车架号</div>
<input slot="content" v-model="info.frame_number" placeholder="自动识别车架号" >
</item>
<item>
<div slot="name">发动机号</div>
<input slot="content" v-model="info.engine" placeholder="自动识别发动机号" >
</item>
<item>
<div slot="name">厂商型号</div>
<input slot="content" v-model="info.manufacturer" class="write" placeholder="请输入厂商型号" >
</item>
<item>
<div slot="name">车牌号</div>
<input slot="content" v-model="info.license_plate_number" placeholder="请输入车牌号" >
</item>
<!-- <item :showArrow="true" @click.native="showModalValue=true">
<div slot="name">产品参数</div>
<input slot="content" v-model="info.bank_branch_name" placeholder="请选择产品参数" @click="changeHeight">
</item> -->
</list-item>
</div> </div>
<button @click="save">保存</button>
</div> </div>
</div> </transition>
<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>
<h-content> <h-content>
<div class="userInfo">承租人信息</div> <div class="userInfo">承租人信息</div>
<list-item :item-height="44"> <list-item :item-height="44">
<item :showArrow="true"> <item v-if="!read" :showArrow="true">
<div slot="name">合同号</div> <div slot="name">合同号</div>
<input slot="content" v-model="detail.project_number" placeholder="请选择合同号" @click="selectContruct" > <input
slot="content"
v-model="detail.project_number"
placeholder="请选择合同号"
@click="selectContruct"
>
</item>
<item v-if="read">
<div slot="name">合同号</div>
<input slot="content" v-model="detail.project_number" readonly placeholder="暂无数据" >
</item> </item>
<item :showArrow="true"> <item v-if="!read" :showArrow="true">
<div slot="name">经销商</div> <div slot="name">经销商</div>
<input slot="content" v-model="detail.bp_agent_name" placeholder="请选择经销商" @click="selectAgent" > <input
slot="content"
v-model="detail.bp_agent_name"
placeholder="请选择经销商"
@click="selectAgent"
>
</item>
<item v-if="read">
<div slot="name">经销商</div>
<input slot="content" v-model="detail.bp_agent_name" readonly placeholder="暂无数据" >
</item> </item>
<item> <item>
<div slot="name">承租人</div> <div slot="name">承租人</div>
<input slot="content" v-model="detail.bp_name" placeholder="请输入承租人姓名" > <input
slot="content"
v-model="detail.bp_name"
:placeholder="read?'暂无数据':'请输入承租人姓名'"
readonly="read"
>
</item> </item>
<item :showArrow="true"> <item v-if="!read" :showArrow="true">
<div slot="name">产品线</div> <div slot="name">产品线</div>
<input <input
slot="content" v-model="detail.division_n" placeholder="请选择产品线" slot="content"
@click="selectProductLine" > v-model="detail.division_n"
placeholder="请选择产品线"
@click="selectProductLine"
>
</item>
<item v-if="read">
<div slot="name">产品线</div>
<input slot="content" v-model="detail.division_n" readonly placeholder="暂无数据" >
</item> </item>
<item> <item>
<div slot="name">合同金额</div> <div slot="name">合同金额</div>
<input slot="content" v-model="detail.total_price" placeholder="请输入合同金额" > <input
slot="content"
v-model="detail.total_price"
:placeholder="read?'暂无数据':'请输入合同金额'"
readonly="read"
>
</item> </item>
<item :showArrow="true"> <item v-if="!read" :showArrow="true">
<div slot="name">商务政策</div> <div slot="name">商务政策</div>
<input <input
slot="content" v-model="detail.product_plan_name" placeholder="请选择合同政策" slot="content"
@click="selectProductPlan" > v-model="detail.product_plan_name"
placeholder="请选择合同政策"
@click="selectProductPlan"
>
</item>
<item v-if="read">
<div slot="name">商务政策</div>
<input slot="content" v-model="detail.product_plan_name" readonly placeholder="暂无数据" >
</item> </item>
<item> <item>
<div slot="name">租赁物数量</div> <div slot="name">租赁物数量</div>
<input slot="content" v-model="detail.product_num" placeholder="请输入租赁物数量" > <input slot="content" v-model="detail.product_num" readonly="read" placeholder="请输入租赁物数量" >
</item> </item>
</list-item> </list-item>
<div class="userInfo">设备清单</div> <div class="userInfo">设备清单</div>
<div v-for="(item,index) in numInt" :key="index" class="equipment" @click="trans"> <div
v-for="(item,index) in equip"
:key="index"
class="equipment"
@click="downNum = true;addContractId(item.contract_id)"
>
<div class="left"> <div class="left">
<span> <span>
<img src="@/assets/contractStart/list.png" > <img src="@/assets/contractStart/list.png" >
...@@ -91,7 +145,7 @@ ...@@ -91,7 +145,7 @@
<span class="status">已维护</span> <span class="status">已维护</span>
<p> <p>
参数项 参数项
<span>GTZ226</span> <span>{{ item.product_code }}</span>
</p> </p>
</div> </div>
<div class="right"> <div class="right">
...@@ -100,13 +154,16 @@ ...@@ -100,13 +154,16 @@
</div> </div>
</h-content> </h-content>
<bottom-tab> <bottom-tab>
<tab-button class="approve" @click.native="goAdd">发车申请</tab-button> <tab-button class="approve" @click.native="isApprove">发车申请</tab-button>
</bottom-tab> </bottom-tab>
<div class="bottom-pop"> <div class="bottom-pop">
<div class="bottom-content"> <div class="bottom-content">
<div class="box"> <div class="box">
<div class="fix"> <div class="fix">
<div class="hide"><div class="userInfo">产品查询</div><img src="@/assets/contractStart/delete.png" @click="hideBox"></div> <div class="hide">
<div class="userInfo">产品查询</div>
<img src="@/assets/contractStart/delete.png" @click="hideBox" >
</div>
<div class="bottom-top"> <div class="bottom-top">
<input placeholder="请输入产品线" > <input placeholder="请输入产品线" >
<img src="@/assets/contractStart/delete.png" > <img src="@/assets/contractStart/delete.png" >
...@@ -125,12 +182,16 @@ ...@@ -125,12 +182,16 @@
<div class="right"> <div class="right">
<ul> <ul>
<li> <li>
<span class="name">产品线</span>&ensp; &ensp; 挖掘机 <span class="name">产品线</span>&ensp; &ensp; 挖掘机
<span class="to-right"><span class="name">产品种类</span>&ensp; &ensp; *****</span> <span class="to-right">
<span class="name">产品种类</span>&ensp; &ensp; *****
</span>
</li> </li>
<li> <li>
<span class="name">参数项</span>&ensp; &ensp; GTZ226 <span class="name">参数项</span>&ensp; &ensp; GTZ226
<span class="to-right"><span class="name">产品名称</span>&ensp; &ensp; *****</span> <span class="to-right">
<span class="name">产品名称</span>&ensp; &ensp; *****
</span>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -148,72 +209,92 @@ export default { ...@@ -148,72 +209,92 @@ export default {
num: null, num: null,
downNum: false, downNum: false,
show: false, show: false,
productLine: [{ read: false,
'code': '5', productLine: [
'code_name': '测试3', {
}, { code: '5',
'code': '9', code_name: '测试3',
'code_name': 'PDJ', },
}, { {
'code': '6', code: '9',
'code_name': '测试1', code_name: 'PDJ',
}], },
productPlan: [{ {
'code': '5', code: '6',
'code_name': '测试3', code_name: '测试1',
}, { },
'code': '9', ],
'code_name': 'PDJ', productPlan: [
}, { {
'code': '6', code: '5',
'code_name': '测试1', code_name: '测试3',
}], },
contract: [{ {
'code': '5', code: '9',
'code_name': 'PRJ2019003', code_name: 'PDJ',
}, { },
'code': '9', {
'code_name': 'PRJ2019025', code: '6',
}, { code_name: '测试1',
'code': '6', },
'code_name': 'PRJ2019067', ],
}], contract: [
{
code: '5',
code_name: 'PRJ2019003',
},
{
code: '9',
code_name: 'PRJ2019025',
},
{
code: '6',
code_name: 'PRJ2019067',
},
],
agent: [ agent: [
{ {
'code': '7475', code: '7475',
'code_name': '北京去楼下科技有限公司', code_name: '北京去楼下科技有限公司',
}, { },
'code': '7709', {
'code_name': '主机厂法人', code: '7709',
}, { code_name: '主机厂法人',
'code': '7436', },
'code_name': '北京雪族科技有限公司', {
code: '7436',
code_name: '北京雪族科技有限公司',
}, },
], ],
info: { info: {
'contract_id': '', contract_id: '',
'frame_number': '', frame_number: '1',
'engine': '', engine: '1',
'manufacturer': '', manufacturer: '1',
'license_plate_number': '', license_plate_number: '1',
}, },
detail: { detail: {
'product_num': '', product_num: '',
'first_pay': '', first_pay: '',
'gps_fee': '', gps_fee: '',
'bp_name': '', bp_name: '',
'project_number': '', project_number: '',
'bp_agent_name': '', bp_agent_name: '',
'product_plan_id_n': '', product_plan_id_n: '',
'division': '', division: '',
'division_n': '', division_n: '',
'product_plan_id': '', product_plan_id: '',
'product_plan_name': '', product_plan_name: '',
'project_id': '', project_id: '',
// 'factory_bp_id': '', bp_id: '',
'bp_id': '',
}, },
equip: [], equip: [
{
product_id: '3',
product_code: 'GTC389',
contract_id: '231',
},
],
} }
}, },
computed: { computed: {
...@@ -227,23 +308,19 @@ export default { ...@@ -227,23 +308,19 @@ export default {
}, },
beforeRouteEnter (to, from, next) { beforeRouteEnter (to, from, next) {
next(vm => { next(vm => {
if (from.name === 'StartList') { // if (from.name === 'StartList') {
vm.getProductLine() // vm.getProductLine()
vm.getProductPlan() // vm.getProductPlan()
vm.getContractNum() // vm.getContractNum()
} // }
if (vm.$route.params.project_id) { if (vm.$route.params.project_id) {
vm.read = true
vm.getDetail() vm.getDetail()
vm.getEquipment() vm.getEquipment()
} }
}) })
}, },
methods: { methods: {
trans () {
let down = document.querySelector('.modal-show')
down.style.display = 'block'
down.style.opacity = '1'
},
save () { save () {
let vm = this let vm = this
let url = process.env.basePath + 'leases_info_save' let url = process.env.basePath + 'leases_info_save'
...@@ -254,7 +331,83 @@ export default { ...@@ -254,7 +331,83 @@ export default {
vm.$post(url, param).then(function (res) { vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
if (res.result === 'S') { if (res.result === 'S') {
// console.log(res) vm.hlsPopup.showSuccess('保存成功')
} else {
hlsPopup.showLongCenter(res.message)
}
})
},
isSave () {
this.hlsPopup.showConfirm({
title: '提示',
content: '您确定保存吗？',
onConfirm: data => {
if (data === 1) {
this.save()
}
},
})
},
isApprove () {
this.hlsPopup.showConfirm({
title: '提示',
content: '您确定申请发车吗？',
onConfirm: data => {
if (data === 1) {
this.approve()
}
},
})
},
getRent () {
let vm = this
let url = process.env.basePath + 'leases_info_query'
let param = {
contract_id: vm.equip.contract_id,
}
hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
Object.assign(vm.info, res.info)
} else {
hlsPopup.showLongCenter(res.message)
}
})
},
addContractId (e) {
this.info.contract_id = e
},
approve () {
let vm = this
let url = process.env.basePath + 'car_apply_submit'
let param = {
master: {
project_id: this.$route.params.project_id,
},
}
hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.hlsPopup.showSuccess('申请成功')
} else {
hlsPopup.showLongCenter(res.message)
}
})
},
getEquipment () {
let vm = this
let url = process.env.basePath + 'car_equip_list_query'
let param = {
project_id: this.$route.params.project_id,
}
hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.equip = res.lists
vm.getRent()
} else { } else {
hlsPopup.showLongCenter(res.message) hlsPopup.showLongCenter(res.message)
} }
...@@ -324,34 +477,18 @@ export default { ...@@ -324,34 +477,18 @@ export default {
}, },
}) })
}, },
getEquipment () {
let vm = this
let url = process.env.basePath + 'car_equip_list_query'
let param = {
project_id: vm.$route.params.project_id,
}
hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.equip = res.lists
} else {
hlsPopup.showLongCenter(res.message)
}
})
},
getDetail () { getDetail () {
let obj = { let obj = {
'product_plan_id': '29', product_plan_id: '29',
'product_num': '1', product_num: '1',
'first_pay': '102500', first_pay: '102500',
'division_n': '平地机', division_n: '平地机',
'gps_fee': '500', gps_fee: '500',
'bp_name': '黄冲', bp_name: '黄冲',
'project_number': 'PJ2019050043', project_number: 'PJ2019050043',
'bp_agent_name': '上海汉得信息技术股份有限公司 ', bp_agent_name: '上海汉得信息技术股份有限公司 ',
'product_plan_id_n': 'PDJ', product_plan_id_n: 'PDJ',
'total_price': '1111111111', total_price: '1111111111',
} }
Object.assign(this.detail, obj) Object.assign(this.detail, obj)
// let vm = this // let vm = this
...@@ -451,29 +588,36 @@ export default { ...@@ -451,29 +588,36 @@ export default {
input::placeholder { input::placeholder {
color: #888c8f; color: #888c8f;
} }
.hide{ .trans-enter-active,
.trans-leave-active {
transition: opacity 0.5s;
}
.trans-enter,
.trans-leave-active {
opacity: 0;
}
.hide {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
img{ img {
width:30px; width: 30px;
height:30px; height: 30px;
margin-left:65%; margin-left: 65%;
} }
} }
.wrap{ .wrap {
padding-top:92px; padding-top: 92px;
} }
.modal-show { .modal-show {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: none;
position: absolute; position: absolute;
display: flex;
z-index: 900; z-index: 900;
background-color: rgba(56, 63, 69, 0.3); background-color: rgba(56, 63, 69, 0.3);
justify-content: center; justify-content: center;
align-items: center; align-items: center;
opacity: 0;
.down { .down {
position: relative; position: relative;
width: 314px; width: 314px;
...@@ -645,7 +789,7 @@ export default { ...@@ -645,7 +789,7 @@ export default {
.bottom-content { .bottom-content {
width: 100%; width: 100%;
height: 0px; height: 0px;
transition:0.3s linear; transition: 0.3s linear;
border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0;
position: absolute; position: absolute;
bottom: 0px; bottom: 0px;
...@@ -654,11 +798,11 @@ export default { ...@@ -654,11 +798,11 @@ export default {
.box { .box {
width: 359px; width: 359px;
margin: 0 auto; margin: 0 auto;
.fix{ .fix {
position:fixed; position: fixed;
background-color: #fff; background-color: #fff;
border-radius: 20px; border-radius: 20px;
z-index:999; z-index: 999;
} }
.bottom-top { .bottom-top {
width: 100%; width: 100%;
...@@ -739,11 +883,10 @@ export default { ...@@ -739,11 +883,10 @@ export default {
color: rgba(56, 63, 69, 0.6); color: rgba(56, 63, 69, 0.6);
letter-spacing: 0.43px; letter-spacing: 0.43px;
} }
} }
.to-right{ .to-right {
float: right; float: right;
margin-right:36px; margin-right: 36px;
} }
li:first-child { li:first-child {
border-bottom: 1px solid #fff; border-bottom: 1px solid #fff;
......
src/pages/contractStart/start-list.vue
View file @ 5d65ac90
...@@ -11,12 +11,13 @@ ...@@ -11,12 +11,13 @@
<input placeholder="请输入合同号/产品线/承租人名称" > <input placeholder="请输入合同号/产品线/承租人名称" >
</div> </div>
<h-content class="my-content"> <h-content class="my-content">
<scroll <scroll ref="scroll" :updateData="[contructs]" :pullUp="true">
ref="scroll" <div
:updateData="[contructs]" v-for="(item,index) in showList"
:pullUp="true" :key="index"
> class="item"
<div v-for="(item,index) in showList" :key="index" class="item" @click="changePage(item.project_id)"> @click="changePage(item.project_id)"
>
<div class="left"> <div class="left">
<span> <span>
<img src="@/assets/contractStart/icon.png" > <img src="@/assets/contractStart/icon.png" >
...@@ -45,12 +46,10 @@ ...@@ -45,12 +46,10 @@
</div> </div>
</div> </div>
</div> </div>
</scroll>
</scroll></h-content> </h-content>
<bottom-tab> <bottom-tab>
<tab-button class="add" @click.native="goAdd"> <tab-button class="add" @click.native="goAdd">新增发车</tab-button>
新增发车
</tab-button>
</bottom-tab> </bottom-tab>
</h-view> </h-view>
</template> </template>
...@@ -64,22 +63,24 @@ export default { ...@@ -64,22 +63,24 @@ export default {
return { return {
tabNum: 0, tabNum: 0,
contructs: [], contructs: [],
lists: [{ lists: [
'project_id': '48812', {
'project_number': '', project_id: '48812',
'bp_name': '李四', project_number: '',
'total_price': '51', bp_name: '李四',
'division_n': 'PDJ', total_price: '51',
'leases_status': 'Y', division_n: 'PDJ',
}, leases_status: 'Y',
{ },
'project_id': '48800', {
'project_number': '', project_id: '48800',
'bp_name': '张三', project_number: '',
'total_price': '51', bp_name: '张三',
'division_n': 'PDJ', total_price: '51',
'leases_status': 'N', division_n: 'PDJ',
}], leases_status: 'N',
},
],
showList: [], showList: [],
undo: [], undo: [],
done: [], done: [],
...@@ -93,7 +94,7 @@ export default { ...@@ -93,7 +94,7 @@ export default {
}) })
}, },
watch: { watch: {
'tabNum': { tabNum: {
handler () { handler () {
if (this.tabNum === 0) { if (this.tabNum === 0) {
this.showList = this.undo this.showList = this.undo
...@@ -140,7 +141,7 @@ export default { ...@@ -140,7 +141,7 @@ export default {
let vm = this let vm = this
let url = process.env.basePath + 'car_apply_list_query' let url = process.env.basePath + 'car_apply_list_query'
let param = { let param = {
order_id: window.sessionStorage.getItem('user_phone'), user_phone: window.localStorage.getItem('user_phone'),
} }
hlsPopup.showLoading('请稍候') hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) { vm.$post(url, param).then(function (res) {
...@@ -240,12 +241,12 @@ export default { ...@@ -240,12 +241,12 @@ export default {
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;
color: #4b4a4b; color: #4b4a4b;
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;
...@@ -256,15 +257,14 @@ export default { ...@@ -256,15 +257,14 @@ export default {
span { span {
float: right; float: right;
} }
} }
} }
} }
} }
} }
.add{ .add {
color:#fff; color: #fff;
background-color:#0041C4; background-color: #0041c4;
} }
} }
</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