mkm/OfficeApp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

页面修改

Browse Source
This commit is contained in:
THK3121 2023-08-30 11:28:35 +08:00
parent 5073bdd82e
commit aaedc78dac
4 changed files with 182 additions and 170 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
api/property.js
View File

@ -1,19 +1,24 @@
import oahttp from "@/utils/logistics.js"; import oahttp from "@/utils/oahttp.js";;
/** /**
* 车辆列表 * 车辆列表
*/ */
export const getvehicleList = (data) => oahttp.get('/courierLstData', data) // https://worker-task.lihaink.cn/api/vehicle/addCar
export const getvehicleListApi = (data) => oahttp.get('/vehicle/vehicleIndex', data)
// 车辆详情 // 车辆详情
export const getvehicleDetail = (data) => oahttp.get('/courierLstData', data) export const getvehicleDetailApi = (data) => oahttp.get('/courierLstData', data)
// 车辆上传
export const upVehicleApi = (data) => oahttp.post('/vehicle/addCar', data)
// 申请用车
export const applycarApi = (data) => oahttp.post('/vehicle/addCar', data)
// 显示轨迹 // 显示轨迹
export const locusApi = (data) => oahttp.get('/courierLstData', data) export const locusApi = (data) => oahttp.get('/courierLstData', data)
// 签约列表 // 签约列表
export const getAgencyList = (data) => oahttp.get('/courierLstData', data) export const getAgencyListApi = (data) => oahttp.get('/courierLstData', data)
// 签约公司详情 // 签约公司详情
export const getAgencyDetail = (data) => oahttp.get('/courierLstData', data) export const getAgencyDetailApi = (data) => oahttp.get('/courierLstData', data)
// 车辆租赁 // 车辆租赁
export const leaseApi = (data) => oahttp.get('/courierLstData', data) export const leaseApi = (data) => oahttp.post('/vehicle/setContractByTownCompany', data)
// 生成合同 // 生成合同
export const contractApi = (data) => oahttp.get('/courierLstData', data) export const contractApi = (data) => oahttp.get('/courierLstData', data)
// 申请驳回 // 申请驳回

2
pages/oaHome/oaHome.vue
View File

@ -256,7 +256,9 @@
this.showToask(); this.showToask();
// this.initOaHomeDada(); // this.initOaHomeDada();
this.getOrderList(); this.getOrderList();
//#ifdef APP-PLUS
this.noticeFn() this.noticeFn()
// #endif
}, },
computed: { computed: {

8
subpkg/property/chosseCompany.vue
View File

@ -92,15 +92,21 @@
export default { export default {
data() { data() {
return { return {
dataList: [],
overruleValue: "", overruleValue: "",
showPop: false, showPop: false,
checked: [], checked: [],
carList: [1, 2] carList: [1, 2]
} }
}, },
onLaunch() {
getAgencyDetail().then(res => {
this.dataList = res
})
},
methods: { methods: {
confirm() { confirm() {
console.log(this.overruleValue) // console.log(this.overruleValue)
overruleApi().then(res => { overruleApi().then(res => {
Toast("操作成功") Toast("操作成功")
this.showPop = false this.showPop = false

325
subpkg/property/index.vue
View File

@ -1,180 +1,156 @@
<template> <template>
<view> <view class="">
<!-- <view class="serch"> <!-- 没有测含量 -->
<u-search placeholder="输入车牌号进行搜索" :show-action="true" bg-color="white" v-model="keywords" @search="serchFn" <view class="noCar" v-if='dataList.length==0'>
@custom="serchFn"></u-search> <!-- 申请 -->
</view> --> <view class="" v-if="step==1">
<view class="info">
<text>可监管车辆数量 10</text>
<view @click="showPop=true" class="not_leased">
<view class=""> <view class="">
租赁 10 你还没有所属车辆哦,请向镇公司申请用车或使用自有车辆并绑定系统
</view> </view>
<view class="triangle-up" v-if="1"> <view class="" style="margin: 20rpx 0;">
<u-button @tap="applycarFn" type="primary" style="background-color: #0122C7;border: none;"
class="btn">
申请用车</u-button>
</view> </view>
<view class="message_bottom" v-if="1"> <view class="">
可再租赁车辆:2辆 <u-button @tap="show=true" type="primary" style="background-color: #0122C7;border: none;"
class="btn">
上传自有车辆</u-button>
</view>
<u-modal :show="show" @close="show=false" @confirm="upCarFn" :closeOnClickOverlay="true" title="车辆上传">
<view class="slot-content">
<u--input placeholder="请输入您的车牌号" v-model="carLicense"></u--input>
</view>
</u-modal>
</view>
<!-- 等待 -->
<view class="" v-if='step==2'>
<view class="">
您已上传自用车辆,系统正在审核中,请耐心等待
</view> </view>
</view> </view>
<text>自有车辆 10</text>
</view> </view>
<!-- 公告栏 --> <view v-else>
<view class="application_tit"> <!-- <view class="serch">
<view class="head" @click="navgo('/subpkg/property/agencyList')"> <u-search placeholder="输入车牌号进行搜索" :show-action="true" bg-color="white" v-model="keywords" @search="serchFn"
<text>签约申请</text> @custom="serchFn"></u-search>
<view style="display: flex;"> </view> -->
<text>更多 </text> <view class="info">
<u-icon name="arrow-right"></u-icon> <text>可监管车辆数量 10</text>
<view @click="showPop=true" class="not_leased">
<view class="">
租赁 10
</view>
<view class="triangle-up" v-if="1">
</view>
<view class="message_bottom" v-if="1">
可再租赁车辆:2辆
</view>
</view> </view>
<text>自有车辆 10</text>
</view> </view>
<view class="content"> <!-- 公告栏 -->
<view class="li" @click="navgo('/subpkg/property/chosseCompany')" <view class="application_tit">
v-for="item,index in applicationList.slice(0, 2)"> <view class="head" @click="navgo('/subpkg/property/agencyList')">
<view class="date"> <text>签约申请</text>
<!-- {{item.}} --> <view style="display: flex;">
</view> <text>更多 </text>
<view class="text">
<!-- {{item.}} -->
</view>
<view class="detail">
<u-icon name="arrow-right"></u-icon> <u-icon name="arrow-right"></u-icon>
</view> </view>
</view> </view>
<view class="content">
</view> <view class="li" @click="navgo('/subpkg/property/chosseCompany')"
</view> v-for="item,index in applicationList.slice(0, 2)">
<view class="date">
<view v-if="true" class="personnel_list"> <!-- {{item.}} -->
<view v-if="dataList.length"> </view>
<view class="cards" v-for="item,index in dataList" :key="index" <view class="text">
@click="navgo('/subpkg/property/vehicle_a')"> <!-- {{item.}} -->
<view class="cards_head"> </view>
<text><!-- {{item.}} --></text> <view class="detail">
<u-icon name="arrow-right"></u-icon>
</view>
</view> </view>
<view class="cards_content">
<view class="right"> </view>
<!-- 已出租 --> </view>
<view v-if="1">
<view class="li"> <view v-if="true" class="personnel_list">
<text>使用人: </text> <view v-if="dataList.length">
<text> <!-- {{item.}} --></text> <view class="cards" v-for="item,index in dataList" :key="index"
<view style="float: right;"> @click="navgo('/subpkg/property/vehicle_a')">
<text style="color: green;" v-if="true">自有车辆</text> <view class="cards_head">
<text style="color: orange;" v-else>租赁车辆</text> <text><!-- {{item.}} --></text>
</view>
<view class="cards_content">
<view class="right">
<!-- 已出租 -->
<view v-if="1">
<view class="li">
<text>使用人: </text>
<text> <!-- {{item.}} --></text>
<view style="float: right;">
<text style="color: green;" v-if="true">自有车辆</text>
<text style="color: orange;" v-else>租赁车辆</text>
</view>
</view>
<view class="li">
<text>联系方式: </text>
<text><!-- {{item.}} --></text>
</view>
<view class="li">
<text>所属公司: </text>
<text> <!-- {{item.}} --> </text>
</view>
<view class="li">
<text>签约时间: </text>
<text> <!-- {{item.}} --> </text>
</view> </view>
</view>
<view class="li">
<text>联系方式: </text>
<text><!-- {{item.}} --></text>
</view>
<view class="li">
<text>所属公司: </text>
<text> <!-- {{item.}} --> </text>
</view>
<view class="li">
<text>签约时间: </text>
<text> <!-- {{item.}} --> </text>
</view>
</view>
<!-- 未出租 -->
<view class="" v-else>
<view class="li">
<text>车牌号: </text>
<text> <!-- {{item.}} --></text>
<view style="float: right;">
<text style="color: green;" v-if="true">自有车辆</text>
<text style="color: orange;" v-else>租赁车辆</text>
</view>
</view> </view>
<view class="li"> <!-- 未出租 -->
暂未出租，快去选择承租对象吧！ <view class="" v-else>
<view class="li">
<text>车牌号: </text>
<text> <!-- {{item.}} --></text>
<view style="float: right;">
<text style="color: green;" v-if="true">自有车辆</text>
<text style="color: orange;" v-else>租赁车辆</text>
</view>
</view>
<view class="li">
暂未出租，快去选择承租对象吧！
</view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> <view v-if="dataList.length==0&&!isNewCheck">
<view v-if="dataList.length==0&&!isNewCheck"> <view class="empty">
<view class="empty"> <!-- <view>
<!-- <view> 当前没有可以签约的的车辆,快去签约新车吧!
当前没有可以签约的的车辆,快去签约新车吧! </view> -->
</view> --> <!-- <u-button @click="showPop=true" type="primary" style="background-color: #0122C7;border: none;"
<!-- <u-button @click="showPop=true" type="primary" style="background-color: #0122C7;border: none;" class="btn">
class="btn"> 签约新车</u-button> -->
签约新车</u-button> -->
</view>
</view>
<!-- <view style="padding: 0 60rpx;" v-if="isNewCheck">
你已发起租赁{{newCarNum}}两新车的申请,后台正在为您加急处理中,请稍后~~
</view> -->
</view>
<!--
<view v-else>
<view class="personnel_list" @click="toDetail('/subpkg/property/vehicle_a')">
<view class="cards">
<view class="cards_head">
<text>车牌号</text>
</view>
<view class="cards_content">
<view class="right">
<view class="li">
<text>行驶总里程: </text>
<text> { item.name }</text>
</view>
<view class="li">
<text>本公司签约时间: </text>
<text>{ item.phone }</text>
</view>
<view class="li">
<text>承租公司: </text>
<text> 所属片区 </text>
</view>
<view class="li">
<text>负责人: </text>
<text> 所属片区 </text>
</view>
<view class="li">
<text>联系方式: </text>
<text> 所属片区 </text>
</view>
<view class="li">
<text>所属区域: </text>
<text> 所属片区 </text>
</view>
<view class="li">
<text>承租时间: </text>
<text> 所属片区 </text>
</view>
</view>
</view> </view>
</view> </view>
<!-- <view style="padding: 0 60rpx;" v-if="isNewCheck">
你已发起租赁{{newCarNum}}两新车的申请,后台正在为您加急处理中,请稍后~~
</view> -->
</view> </view>
<u-modal :show="showPop" @close="showPop=false" @confirm="confirm" :closeOnClickOverlay="true"
</view> --> :title="`请输入您需要租赁的车辆数量(上限为${dataList[0]})`">
<view class="slot-content">
<u-modal :show="showPop" @close="showPop=false" @confirm="confirm" :closeOnClickOverlay="true" <u--input placeholder="请输入内容" type="number" v-model="newCarNum"></u--input>
:title="newcarTit"> </view>
<view class="slot-content"> </u-modal>
<u--input placeholder="请输入内容" type="number" v-model="newCarNum"></u--input> <!-- <u-modal @close="show=false" @cancel="show=false" @confirm="relieveFn" :show="show" :showCancelButton="true"
</view> :showConfirmButton='true' :content='content'></u-modal> -->
</u-modal>
<!-- <u-modal @close="show=false" @cancel="show=false" @confirm="relieveFn" :show="show" :showCancelButton="true"
:showConfirmButton='true' :content='content'></u-modal> -->
<view class="" v-if='!curNow && dataList.length>0'>
<!-- <view class="add" @click="showPop=true">
<u-icon name="plus-circle" color="#0122C7" size="60"></u-icon>
签约新车
</view> -->
<!-- <mybtn position="position" text="签约" @click="signFn">
<u-icon name="edit-pen-fill" color="white" size="20"></u-icon>
</mybtn> -->
</view> </view>
</view> </view>
@ -184,9 +160,10 @@
<script> <script>
import { import {
getvehicleList, getvehicleListApi,
getAgencyList, getAgencyListApi,
leaseApi leaseApi,
upVehicleApi
} from "@/api/property.js" } from "@/api/property.js"
// import mybtn from "@/components/mybtn/mybtn.vue" // import mybtn from "@/components/mybtn/mybtn.vue"
import { import {
@ -200,10 +177,13 @@
name: "vehicle", name: "vehicle",
data() { data() {
return { return {
step: 1,
applicationList: [1, 1], applicationList: [1, 1],
// isNewCheck: true, // isNewCheck: true,
show: false,
carLicense: "",
showPop: false, showPop: false,
dataList: [1, 2, 3], dataList: [],
tabLists: [{ tabLists: [{
name: '未出租', name: '未出租',
}, { }, {
@ -218,10 +198,11 @@
}; };
}, },
onLoad() { onLoad() {
getvehicleList().then(res => { getvehicleListApi().then(res => {
console.log(res)
// this.getvehicleList = res // this.getvehicleList = res
}) })
getAgencyList().then(res => { getAgencyListApi().then(res => {
// this.applicationList=res // this.applicationList=res
}) })
@ -230,18 +211,31 @@
methods: { methods: {
applycarFn() {
this.step = 2
},
upCarFn() {
upVehicleApi({
license: this.carLicense
}).then(res => {
this.show = false
})
console.log(this.carLicense)
},
signFn() { signFn() {
this.toDetail("/subpkg/property/chosseCompany") this.toDetail("/subpkg/property/chosseCompany")
}, },
// serchFn() {
// console.log(this.keywords)
// },
confirm() { confirm() {
if (!this.newCarNum) return if (!this.newCarNum) return
// leaseApi().then(res=>{}) leaseApi({
num: Number(this.newCarNum)
}).then(res => {
this.newCarNum = ""
Toast(res.msg)
})
this.showPop = false this.showPop = false
Toast("操作成功")
// this.isNewCheck = true // this.isNewCheck = true
@ -266,6 +260,11 @@
margin: 28rpx 28rpx 0 28rpx; margin: 28rpx 28rpx 0 28rpx;
} }
.noCar {
// background-color: red;
padding: 50rpx;
}
.info { .info {
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;