冲突合并
This commit is contained in:
commit
0848782d52
|
|
@ -10,7 +10,13 @@ declare module 'vue' {
|
|||
ElButton: typeof import('element-plus/es')['ElButton']
|
||||
ElCarousel: typeof import('element-plus/es')['ElCarousel']
|
||||
ElCarouselItem: typeof import('element-plus/es')['ElCarouselItem']
|
||||
<<<<<<< HEAD
|
||||
ElDivider: typeof import('element-plus/es')['ElDivider']
|
||||
=======
|
||||
ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
|
||||
ElCol: typeof import('element-plus/es')['ElCol']
|
||||
ElDialog: typeof import('element-plus/es')['ElDialog']
|
||||
>>>>>>> dev-songyang
|
||||
ElForm: typeof import('element-plus/es')['ElForm']
|
||||
ElFormItem: typeof import('element-plus/es')['ElFormItem']
|
||||
ElIcon: typeof import('element-plus/es')['ElIcon']
|
||||
|
|
@ -19,14 +25,12 @@ declare module 'vue' {
|
|||
ElMenu: typeof import('element-plus/es')['ElMenu']
|
||||
ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
|
||||
ElOption: typeof import('element-plus/es')['ElOption']
|
||||
ElPageHeader: typeof import('element-plus/es')['ElPageHeader']
|
||||
ElPagination: typeof import('element-plus/es')['ElPagination']
|
||||
ElProgress: typeof import('element-plus/es')['ElProgress']
|
||||
ElSelect: typeof import('element-plus/es')['ElSelect']
|
||||
ElTable: typeof import('element-plus/es')['ElTable']
|
||||
ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
|
||||
ElTimeline: typeof import('element-plus/es')['ElTimeline']
|
||||
ElTimelineItem: typeof import('element-plus/es')['ElTimelineItem']
|
||||
ElTag: typeof import('element-plus/es')['ElTag']
|
||||
ElUpload: typeof import('element-plus/es')['ElUpload']
|
||||
EquipCard: typeof import('./src/components/equipCard.vue')['default']
|
||||
EquipDetailTable: typeof import('./src/components/equipDetailTable.vue')['default']
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
|
||||
const handleSelectionChange = (val: any) => {
|
||||
const codeList = val.map((ele: any) => {
|
||||
return ele.v_code
|
||||
return ele
|
||||
})
|
||||
// console.log("code", codeList)
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,14 @@
|
|||
// 个人中心 承租下的上下架页面
|
||||
|
||||
import { get, post } from '../../index'
|
||||
|
||||
// 装备上架接口
|
||||
export const goodsUpApi = (data: any) => {
|
||||
return post('/off', data)
|
||||
}
|
||||
|
||||
// 装备下架接口
|
||||
export const goodsDownApi = (data: any) => {
|
||||
return post('/off', data)
|
||||
}
|
||||
|
||||
|
|
@ -154,7 +154,18 @@ const routes: Array<RouteRecordRaw> = [
|
|||
name: 'orderManagementCz',
|
||||
component: () => import('views/user/orderManagementCz/index.vue'),
|
||||
meta: {
|
||||
title: '基础信息',
|
||||
title: '订单管理(承租)',
|
||||
keepAlive: true,
|
||||
AuthFlag: false
|
||||
},
|
||||
},
|
||||
/* 订单管理(结算) */
|
||||
{
|
||||
path: 'settlement',
|
||||
name: 'settlement',
|
||||
component: () => import('views/user/orderManagementCz/settlement/index.vue'),
|
||||
meta: {
|
||||
title: '订单管理(结算)',
|
||||
keepAlive: true,
|
||||
AuthFlag: false
|
||||
},
|
||||
|
|
|
|||
|
|
@ -3,6 +3,8 @@
|
|||
import FormComponent from 'components/FormComponent/index.vue'
|
||||
import PagingComponent from 'components/PagingComponent/index.vue'
|
||||
import uploadComponent from 'components/uploadComponent/index.vue'
|
||||
import { ElMessage } from 'element-plus'
|
||||
|
||||
import { ref } from 'vue'
|
||||
|
||||
import { useStore } from 'store/user'
|
||||
|
|
@ -87,9 +89,9 @@
|
|||
/*
|
||||
* 商品入驻弹框参数
|
||||
*/
|
||||
const equipmentDeploymentParams = reactive({
|
||||
const equipmentDeploymentParams: any = ref({
|
||||
/* 租赁范围 */
|
||||
easeScope: '',
|
||||
leaseScope: '',
|
||||
/* 设备所在地 */
|
||||
location: '',
|
||||
/* 设备所在地 省 */
|
||||
|
|
@ -147,16 +149,27 @@
|
|||
id: '20',
|
||||
utr: 'https://zlpt-1259760603.cos.ap-nanjing.myqcloud.com/488bab245180ebf9f1f3d7db5301be4.png'
|
||||
}
|
||||
]
|
||||
],
|
||||
/* 设备状态 */
|
||||
maStatus: 15
|
||||
})
|
||||
|
||||
const initData = ref(JSON.parse(JSON.stringify(equipmentDeploymentParams)))
|
||||
|
||||
const pageSize = 20
|
||||
const pageNumber = 1
|
||||
const total: any = 20
|
||||
const total: any = ref(0)
|
||||
|
||||
const tableData: any = reactive({
|
||||
list: []
|
||||
})
|
||||
|
||||
// 获取数据列表
|
||||
const getList = async () => {
|
||||
const res = await getEquipmentListApi({})
|
||||
const res: any = await getEquipmentListApi({})
|
||||
console.log('获取数据列表***', res)
|
||||
total.value = res.total
|
||||
tableData.list = res.rows
|
||||
}
|
||||
|
||||
getList()
|
||||
|
|
@ -168,6 +181,9 @@
|
|||
// 编辑按钮
|
||||
const editRowInfo = (row: any) => {
|
||||
console.log(row, '编辑当前数据')
|
||||
|
||||
equipmentDeploymentParams.value = row
|
||||
dialogFormVisibleSettlein.value = true
|
||||
}
|
||||
// 删除按钮
|
||||
const deleteRowInfo = (row: any) => {
|
||||
|
|
@ -176,6 +192,7 @@
|
|||
|
||||
// 装备入驻按钮
|
||||
const equipmentDeployment = () => {
|
||||
equipmentDeploymentParams.value = initData
|
||||
// 打开入驻弹框
|
||||
dialogFormVisibleSettlein.value = true
|
||||
}
|
||||
|
|
@ -185,10 +202,18 @@
|
|||
// 入驻框保存提交
|
||||
const submitBtn = async () => {
|
||||
console.log(AssemblyRegisterAddress, '地址***---***')
|
||||
equipmentDeploymentParams.location = AssemblyRegisterAddress.join(',')
|
||||
equipmentDeploymentParams.value.location = AssemblyRegisterAddress.join(',')
|
||||
// equipmentDeploymentParams.typeId = deviceType.join(',')
|
||||
const res = await equipmentDeploymentApi(equipmentDeploymentParams)
|
||||
console.log(res, '商品入驻结果999')
|
||||
const res: any = await equipmentDeploymentApi(equipmentDeploymentParams)
|
||||
if (res.code === 200) {
|
||||
ElMessage({
|
||||
type: 'success',
|
||||
message: '入驻成功'
|
||||
})
|
||||
|
||||
dialogFormVisibleSettlein.value = false
|
||||
getList()
|
||||
}
|
||||
|
||||
/* ruleFormRef.value.validate((valid: any) => {
|
||||
console.log(valid)
|
||||
|
|
@ -196,62 +221,62 @@
|
|||
}
|
||||
|
||||
const tableProps: any = ref([
|
||||
{ v_label: '编码', v_props: 'v_code', v_slot: '', width: '' },
|
||||
{ v_label: '租赁范围', v_props: 'v_lease_scope', v_slot: '', width: '' },
|
||||
{ v_label: '装备类型', v_props: 'v_equipment_type', v_slot: '', width: '' },
|
||||
{ v_label: '编码', v_props: 'code', v_slot: '', width: '' },
|
||||
{ v_label: '租赁范围', v_props: 'leaseScope', v_slot: '', width: '' },
|
||||
{ v_label: '装备类型', v_props: 'modelName', v_slot: '', width: '' },
|
||||
{ v_label: '装备名称', v_props: 'v_equipment_name', v_slot: '', width: '' },
|
||||
{ v_label: '租金', v_props: 'v_rent', v_slot: '', width: '' },
|
||||
{ v_label: '状态', v_props: 'v_type', v_slot: 'v_type', width: '' },
|
||||
{ v_label: '租金', v_props: 'monthLeasePrice', v_slot: '', width: '' },
|
||||
{ v_label: '状态', v_props: 'maStatus', v_slot: 'v_type', width: '' },
|
||||
{ v_label: '操作', v_props: 'v_operate', v_slot: 'operate', width: '140px' }
|
||||
])
|
||||
|
||||
const tableData: any = [
|
||||
{
|
||||
v_code: '123456',
|
||||
v_lease_scope: '2023/12/12',
|
||||
v_equipment_type: '挖掘机',
|
||||
v_equipment_name: '2023新版挖掘机',
|
||||
v_rent: '123/月',
|
||||
v_type: 1,
|
||||
v_operate: ''
|
||||
},
|
||||
{
|
||||
v_code: '123456',
|
||||
v_lease_scope: '2023/12/12',
|
||||
v_equipment_type: '挖掘机',
|
||||
v_equipment_name: '2023新版挖掘机',
|
||||
v_rent: '123/月',
|
||||
v_type: 2,
|
||||
v_operate: ''
|
||||
},
|
||||
{
|
||||
v_code: '123456',
|
||||
v_lease_scope: '2023/12/12',
|
||||
v_equipment_type: '挖掘机',
|
||||
v_equipment_name: '2023新版挖掘机',
|
||||
v_rent: '123/月',
|
||||
v_type: 3,
|
||||
v_operate: ''
|
||||
},
|
||||
{
|
||||
v_code: '123456',
|
||||
v_lease_scope: '2023/12/12',
|
||||
v_equipment_type: '挖掘机',
|
||||
v_equipment_name: '2023新版挖掘机',
|
||||
v_rent: '123/月',
|
||||
v_type: 3,
|
||||
v_operate: ''
|
||||
},
|
||||
{
|
||||
v_code: '123456',
|
||||
v_lease_scope: '2023/12/12',
|
||||
v_equipment_type: '挖掘机',
|
||||
v_equipment_name: '2023新版挖掘机',
|
||||
v_rent: '123/月',
|
||||
v_type: 3,
|
||||
v_operate: ''
|
||||
}
|
||||
]
|
||||
// const tableData: any = [
|
||||
// {
|
||||
// v_code: '123456',
|
||||
// v_lease_scope: '2023/12/12',
|
||||
// v_equipment_type: '挖掘机',
|
||||
// v_equipment_name: '2023新版挖掘机',
|
||||
// v_rent: '123/月',
|
||||
// v_type: 1,
|
||||
// v_operate: ''
|
||||
// },
|
||||
// {
|
||||
// v_code: '123456',
|
||||
// v_lease_scope: '2023/12/12',
|
||||
// v_equipment_type: '挖掘机',
|
||||
// v_equipment_name: '2023新版挖掘机',
|
||||
// v_rent: '123/月',
|
||||
// v_type: 2,
|
||||
// v_operate: ''
|
||||
// },
|
||||
// {
|
||||
// v_code: '123456',
|
||||
// v_lease_scope: '2023/12/12',
|
||||
// v_equipment_type: '挖掘机',
|
||||
// v_equipment_name: '2023新版挖掘机',
|
||||
// v_rent: '123/月',
|
||||
// v_type: 3,
|
||||
// v_operate: ''
|
||||
// },
|
||||
// {
|
||||
// v_code: '123456',
|
||||
// v_lease_scope: '2023/12/12',
|
||||
// v_equipment_type: '挖掘机',
|
||||
// v_equipment_name: '2023新版挖掘机',
|
||||
// v_rent: '123/月',
|
||||
// v_type: 3,
|
||||
// v_operate: ''
|
||||
// },
|
||||
// {
|
||||
// v_code: '123456',
|
||||
// v_lease_scope: '2023/12/12',
|
||||
// v_equipment_type: '挖掘机',
|
||||
// v_equipment_name: '2023新版挖掘机',
|
||||
// v_rent: '123/月',
|
||||
// v_type: 3,
|
||||
// v_operate: ''
|
||||
// }
|
||||
// ]
|
||||
|
||||
// 表单 lable 数据
|
||||
const formItemList: any = ref([
|
||||
|
|
@ -263,7 +288,7 @@
|
|||
])
|
||||
|
||||
// 装备入驻弹框显示隐藏
|
||||
const dialogFormVisibleSettlein = ref(false)
|
||||
const dialogFormVisibleSettlein: any = ref(false)
|
||||
|
||||
const rules = ref({
|
||||
v_name: [
|
||||
|
|
@ -293,11 +318,12 @@
|
|||
</FormComponent>
|
||||
|
||||
<!-- 表格 -->
|
||||
<TableComponent :tableProps="tableProps" :tableData="tableData" @getRowId="getRowId">
|
||||
<TableComponent :tableProps="tableProps" :tableData="tableData.list" @getRowId="getRowId">
|
||||
<template v-slot:v_type="{ row }">
|
||||
<el-tag v-if="row.v_type === 1" size="small" type="success">租赁中</el-tag>
|
||||
<el-tag v-if="row.v_type === 2" size="small" type="warning">已上架</el-tag>
|
||||
<el-tag v-if="row.v_type === 3" size="small" type="info">待上架</el-tag>
|
||||
<el-tag v-if="row.maStatus === '15'" size="small" type="info">待上架审批</el-tag>
|
||||
<el-tag v-if="row.maStatus === '16'" size="small" type="warning">待租</el-tag>
|
||||
<el-tag v-if="row.maStatus === '17'" size="small" type="success">在租</el-tag>
|
||||
<el-tag v-if="row.maStatus === '18'" size="small" type="danger">下架</el-tag>
|
||||
</template>
|
||||
<template v-slot:operate="{ row }">
|
||||
<el-button size="small" type="primary" @click="editRowInfo(row)">编辑</el-button>
|
||||
|
|
@ -323,7 +349,7 @@
|
|||
<el-input
|
||||
autocomplete="off"
|
||||
style="width: 360px"
|
||||
v-model="equipmentDeploymentParams.easeScope"
|
||||
v-model="equipmentDeploymentParams.leaseScope"
|
||||
clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="设备所在地">
|
||||
|
|
@ -484,8 +510,8 @@
|
|||
style="width: 220px; margin: 0 5px"
|
||||
clearable
|
||||
v-model="equipmentDeploymentParams.isOperator">
|
||||
<el-option label="是" value="1"></el-option>
|
||||
<el-option label="是" value="2"></el-option>
|
||||
<el-option label="是" value="0"></el-option>
|
||||
<el-option label="否" value="1"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
|
|
|
|||
|
|
@ -5,25 +5,58 @@
|
|||
import TableComponent from 'components/TableComponent/index.vue'
|
||||
import FormComponent from 'components/FormComponent/index.vue'
|
||||
import PagingComponent from 'components/PagingComponent/index.vue'
|
||||
import { getEquipmentListApi } from 'http/api/usercenter/goodsmang'
|
||||
import { goodsUpApi } from 'http/api/usercenter/goodsupdown'
|
||||
import { ElMessage } from 'element-plus'
|
||||
const pageSize = 20
|
||||
const pageNumber = 1
|
||||
const total: any = 20
|
||||
const total: any = ref(0)
|
||||
|
||||
// 上架参数
|
||||
const groundingParams: any = ref([])
|
||||
// 获取数据列表
|
||||
const getList = () => {
|
||||
console.log('获取数据列表***')
|
||||
const getList = async () => {
|
||||
const res: any = await getEquipmentListApi({})
|
||||
console.log('获取数据列表***', res)
|
||||
total.value = res.total
|
||||
tableData.value = res.rows
|
||||
}
|
||||
|
||||
// 选择复选框时获取需要删除的数据源
|
||||
getList()
|
||||
|
||||
// 选择复选框时获取的数据源
|
||||
const getRowId = (val: any) => {
|
||||
console.log(val, '需要删除的数据源**')
|
||||
val.forEach((item: any, index: any) => {
|
||||
groundingParams.value[index] = {
|
||||
/* 设备id */
|
||||
maId: item.maId,
|
||||
/* 申请时间 */
|
||||
applyTime: '',
|
||||
/* 申请人 */
|
||||
applyUser: '',
|
||||
/* 申请企业*/
|
||||
applyCompany: '',
|
||||
/* 1为上架 2为下架 */
|
||||
type: 1
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 上架按钮
|
||||
const handleGrounding = () => {
|
||||
console.log('上架设备')
|
||||
// 批量上架按钮
|
||||
const handleGrounding = async () => {
|
||||
const res: any = await goodsUpApi(groundingParams.value)
|
||||
if (res.code === 200) {
|
||||
ElMessage({
|
||||
type: 'success',
|
||||
message: '批量上架申请成功'
|
||||
})
|
||||
getList()
|
||||
groundingParams.value = []
|
||||
}
|
||||
}
|
||||
|
||||
// 下架按钮
|
||||
// 批量下架按钮
|
||||
const handleOffshelf = () => {
|
||||
console.log('下架设备')
|
||||
}
|
||||
|
|
@ -35,64 +68,45 @@
|
|||
const deleteRowInfo = (row: any) => {
|
||||
console.log(row, '删除当前数据')
|
||||
}
|
||||
// 上架按钮
|
||||
const groundingBtn = async (row: any) => {
|
||||
groundingParams.value[0] = {
|
||||
/* 设备id */
|
||||
maId: row.maId,
|
||||
/* 申请时间 */
|
||||
applyTime: '',
|
||||
/* 申请人 */
|
||||
applyUser: '',
|
||||
/* 申请企业*/
|
||||
applyCompany: '',
|
||||
/* 1为上架 2为下架 */
|
||||
type: 1
|
||||
}
|
||||
const res: any = await goodsUpApi(groundingParams.value)
|
||||
if (res.code === 200) {
|
||||
ElMessage({
|
||||
type: 'success',
|
||||
message: '上架申请成功'
|
||||
})
|
||||
getList()
|
||||
groundingParams.value = []
|
||||
}
|
||||
}
|
||||
|
||||
// 下架按钮
|
||||
const offShelfBtn = () => {}
|
||||
|
||||
const tableProps: any = ref([
|
||||
{ v_label: '编码', v_props: 'v_code', v_slot: '', width: '' },
|
||||
{ v_label: '租赁范围', v_props: 'v_lease_scope', v_slot: '', width: '' },
|
||||
{ v_label: '装备类型', v_props: 'v_equipment_type', v_slot: '', width: '' },
|
||||
{ v_label: '编码', v_props: 'code', v_slot: '', width: '' },
|
||||
{ v_label: '租赁范围', v_props: 'leaseScope', v_slot: '', width: '' },
|
||||
{ v_label: '装备类型', v_props: 'modelName', v_slot: '', width: '' },
|
||||
{ v_label: '装备名称', v_props: 'v_equipment_name', v_slot: '', width: '' },
|
||||
{ v_label: '租金', v_props: 'v_rent', v_slot: '', width: '' },
|
||||
{ v_label: '状态', v_props: 'v_type', v_slot: 'v_type', width: '' },
|
||||
{ v_label: '操作', v_props: 'v_operate', v_slot: 'operate', width: '140px' }
|
||||
{ v_label: '租金', v_props: 'monthLeasePrice', v_slot: '', width: '' },
|
||||
{ v_label: '状态', v_props: 'maStatus', v_slot: 'v_type', width: '' },
|
||||
{ v_label: '操作', v_props: 'v_operate', v_slot: 'operate', width: '200px' }
|
||||
])
|
||||
|
||||
const tableData: any = [
|
||||
{
|
||||
v_code: '123456',
|
||||
v_lease_scope: '2023/12/12',
|
||||
v_equipment_type: '挖掘机',
|
||||
v_equipment_name: '2023新版挖掘机',
|
||||
v_rent: '123/月',
|
||||
v_type: 1,
|
||||
v_operate: ''
|
||||
},
|
||||
{
|
||||
v_code: '123456',
|
||||
v_lease_scope: '2023/12/12',
|
||||
v_equipment_type: '挖掘机',
|
||||
v_equipment_name: '2023新版挖掘机',
|
||||
v_rent: '123/月',
|
||||
v_type: 2,
|
||||
v_operate: ''
|
||||
},
|
||||
{
|
||||
v_code: '123456',
|
||||
v_lease_scope: '2023/12/12',
|
||||
v_equipment_type: '挖掘机',
|
||||
v_equipment_name: '2023新版挖掘机',
|
||||
v_rent: '123/月',
|
||||
v_type: 3,
|
||||
v_operate: ''
|
||||
},
|
||||
{
|
||||
v_code: '123456',
|
||||
v_lease_scope: '2023/12/12',
|
||||
v_equipment_type: '挖掘机',
|
||||
v_equipment_name: '2023新版挖掘机',
|
||||
v_rent: '123/月',
|
||||
v_type: 3,
|
||||
v_operate: ''
|
||||
},
|
||||
{
|
||||
v_code: '123456',
|
||||
v_lease_scope: '2023/12/12',
|
||||
v_equipment_type: '挖掘机',
|
||||
v_equipment_name: '2023新版挖掘机',
|
||||
v_rent: '123/月',
|
||||
v_type: 3,
|
||||
v_operate: ''
|
||||
}
|
||||
]
|
||||
const tableData: any = ref([])
|
||||
|
||||
// 表单 lable 数据
|
||||
const formItemList: any = ref([
|
||||
|
|
@ -110,7 +124,7 @@
|
|||
<FormComponent :formItemList="formItemList">
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="handleGrounding">批量上架</el-button>
|
||||
<el-button type="wanring" @click="handleOffshelf">批量下架</el-button>
|
||||
<el-button type="warning" @click="handleOffshelf">批量下架</el-button>
|
||||
</el-form-item>
|
||||
</FormComponent>
|
||||
|
||||
|
|
@ -118,11 +132,14 @@
|
|||
|
||||
<TableComponent :tableProps="tableProps" :tableData="tableData" @getRowId="getRowId">
|
||||
<template v-slot:v_type="{ row }">
|
||||
<el-tag v-if="row.v_type === 1" size="small" type="success">租赁中</el-tag>
|
||||
<el-tag v-if="row.v_type === 2" size="small" type="warning">已上架</el-tag>
|
||||
<el-tag v-if="row.v_type === 3" size="small" type="info">待上架</el-tag>
|
||||
<el-tag v-if="row.maStatus === '15'" size="small" type="info">待上架审批</el-tag>
|
||||
<el-tag v-if="row.maStatus === '16'" size="small" type="warning">待租</el-tag>
|
||||
<el-tag v-if="row.maStatus === '17'" size="small" type="success">在租</el-tag>
|
||||
<el-tag v-if="row.maStatus === '18'" size="small" type="danger">下架</el-tag>
|
||||
</template>
|
||||
<template v-slot:operate="{ row }">
|
||||
<el-button size="small" type="primary" @click="groundingBtn(row)">上架</el-button>
|
||||
<el-button size="small" type="primary" @click="offShelfBtn(row)">下架</el-button>
|
||||
<el-button size="small" type="primary" @click="editRowInfo(row)">编辑</el-button>
|
||||
<el-button size="small" type="danger" @click="deleteRowInfo(row)">删除</el-button>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
import { ref } from 'vue'
|
||||
const queryParams = ref({})
|
||||
import PagingComponent from 'components/PagingComponent/index.vue'
|
||||
|
||||
const pageSize = 20
|
||||
const pageNumber = 1
|
||||
const total: any = 20
|
||||
|
|
|
|||
|
|
@ -0,0 +1,102 @@
|
|||
<script setup lang="ts"></script>
|
||||
|
||||
<template>
|
||||
<el-form :inline="true" label-width="120px">
|
||||
<el-row>
|
||||
<el-form-item>订单编号: xxxxx12134566</el-form-item>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item>单位: xxxxx12134566</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item>联系电话: xxxxx12134566</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item>租赁时长: xxxxx12134566</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item>设备进场地址: xxxxx12134566</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item>详细地址: xxxxx12134566</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item>项目说明: xxxxx12134566</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item>设备编号: xxxxx12134566</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item>设备类型: xxxxx12134566</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item>设备组别: xxxxx12134566</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item>设备名称: xxxxx12134566</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item>设备规格: xxxxx12134566</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item>机手需求: xxxxx12134566</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item>租金: xxxxx12134566</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item>发票类型: xxxxx12134566</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item>订单起止时间: xxxxx12134566</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<h3>费用明细</h3>
|
||||
|
||||
<el-table border>
|
||||
<el-table-column label="订单起止时间"></el-table-column>
|
||||
<el-table-column label="租赁时常"></el-table-column>
|
||||
<el-table-column label="租金"></el-table-column>
|
||||
<el-table-column label="合计"></el-table-column>
|
||||
</el-table>
|
||||
<el-form-item>
|
||||
<el-button>添加增项</el-button>
|
||||
<el-button>添加减项</el-button>
|
||||
</el-form-item>
|
||||
|
||||
<el-table border>
|
||||
<el-table-column label="类别"></el-table-column>
|
||||
<el-table-column label="描述"></el-table-column>
|
||||
<el-table-column label="金额"></el-table-column>
|
||||
</el-table>
|
||||
|
||||
<br />
|
||||
<el-form-item>订单金额: xxxx</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-button>确认结算</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
|
||||
<style lang="scss">
|
||||
.el-form {
|
||||
padding: 15px;
|
||||
|
||||
h3 {
|
||||
margin: 10px 0;
|
||||
font-size: 16px;
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue