bonus
/
Zlpt_Portal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

需求列表完善

This commit is contained in:
BianLzhaoMin 2024-11-27 09:08:48 +08:00
parent 00dcf192e5
commit bfa5f4c771
3 changed files with 138 additions and 143 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components.d.ts vendored
View File

@ -8,34 +8,30 @@ export {}
declare module 'vue' {
export interface GlobalComponents {
Breadcrumb: typeof import('./src/components/Breadcrumb/index.vue')['default']
ElBreadcrumb: typeof import('element-plus/es')['ElBreadcrumb']
ElBreadcrumbItem: typeof import('element-plus/es')['ElBreadcrumbItem']
ElButton: typeof import('element-plus/es')['ElButton']
ElCarousel: typeof import('element-plus/es')['ElCarousel']
ElCarouselItem: typeof import('element-plus/es')['ElCarouselItem']
ElCascader: typeof import('element-plus/es')['ElCascader']
ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
ElCol: typeof import('element-plus/es')['ElCol']
ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
ElDialog: typeof import('element-plus/es')['ElDialog']
ElEmpty: typeof import('element-plus/es')['ElEmpty']
ElForm: typeof import('element-plus/es')['ElForm']
ElFormItem: typeof import('element-plus/es')['ElFormItem']
ElIcon: typeof import('element-plus/es')['ElIcon']
ElImage: typeof import('element-plus/es')['ElImage']
ElInput: typeof import('element-plus/es')['ElInput']
ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
ElMenu: typeof import('element-plus/es')['ElMenu']
ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
ElOption: typeof import('element-plus/es')['ElOption']
ElPagination: typeof import('element-plus/es')['ElPagination']
ElPopconfirm: typeof import('element-plus/es')['ElPopconfirm']
ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
ElProgress: typeof import('element-plus/es')['ElProgress']
ElRow: typeof import('element-plus/es')['ElRow']
ElSelect: typeof import('element-plus/es')['ElSelect']
ElTable: typeof import('element-plus/es')['ElTable']
ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
ElTag: typeof import('element-plus/es')['ElTag']
ElUpload: typeof import('element-plus/es')['ElUpload']
EquipCard: typeof import('./src/components/equipCard.vue')['default']
EquipCardHall: typeof import('./src/components/equipCardHall/index.vue')['default']
EquipCardNew: typeof import('./src/components/equipCardNew/index.vue')['default']

226
src/views/user/index.vue
View File

@ -1,20 +1,64 @@
<script setup lang="ts">
import { useRouter } from 'vue-router'
import { useStore } from '../../store/user'
import { mainStore } from '../../store/main'
import { useRoute } from 'vue-router'
import { useRouter } from 'vue-router'
import { useStore } from '../../store/user'
import { mainStore } from '../../store/main'
import { useRoute } from 'vue-router'
const spaceTop = ref('')
const store = useStore()
const router = useRouter()
const route = useRoute()
const spaceTop = ref('')
const store = useStore()
const router = useRouter()
const route = useRoute()
const userInfo: any = computed(() => {
return mainStore().userInfo
})
const userInfo: any = computed(() => {
return mainStore().userInfo
})
// 求租按钮
const seekingRentClick = () => {
// 求租按钮
const seekingRentClick = () => {
store.editcurrentMenuItem('baseInfo')
store.editCurrentMenuType(true)
store.editcurrentMenuList([
{ title: '基础信息', name: 'baseInfo' },
{ title: '订单管理', name: 'orderManagement' },
{ title: '子账号管理', name: 'subAccount' },
{ title: '业务开通', name: 'business' },
{ title: '寻源需求', name: 'sourcingNeed' },
])
router.push({ name: 'baseInfo' })
}
// 承租按钮
const lesseeClick = () => {
store.editcurrentMenuItem('orderManagementCz')
store.editCurrentMenuType(false)
store.editcurrentMenuList([
{ title: '订单管理', name: 'orderManagementCz' },
{ title: '商品管理', name: 'goodsManagement' },
{ title: '商品上下架', name: 'goodsUpdown' },
{ title: '机手管理', name: 'operatorManagement' },
{ title: '寻源竞价', name: 'sourcingBidding' },
{ title: '专区管理', name: 'zoneManag' },
])
router.push({ name: 'orderManagementCz' })
}
const handleSelect = (name: any, path: any) => {
store.editcurrentMenuItem(name)
}
const activeMenuItem = computed(() => {
return store.currentMenuItem
})
const activeseekingRent = computed(() => {
return store.currentMenuType
})
const menuList = computed(() => {
return store.menuList
})
watch(route, (newVlaue) => {
if (newVlaue.path.indexOf('myuser') === -1) {
store.editcurrentMenuItem('baseInfo')
store.editCurrentMenuType(true)
store.editcurrentMenuList([
@ -22,60 +66,16 @@
{ title: '订单管理', name: 'orderManagement' },
{ title: '子账号管理', name: 'subAccount' },
{ title: '业务开通', name: 'business' },
{ title: '寻源需求', name: 'sourcingNeed' }
])
router.push({ name: 'baseInfo' })
}
})
// 承租按钮
const lesseeClick = () => {
store.editcurrentMenuItem('orderManagementCz')
store.editCurrentMenuType(false)
store.editcurrentMenuList([
{ title: '订单管理', name: 'orderManagementCz' },
{ title: '商品管理', name: 'goodsManagement' },
{ title: '商品上下架', name: 'goodsUpdown' },
{ title: '机手管理', name: 'operatorManagement' },
{ title: '寻源竞价', name: 'sourcingBidding' },
{ title: '专区管理', name: 'zoneManag' }
])
router.push({ name: 'orderManagementCz' })
}
const handleSelect = (name: any, path: any) => {
store.editcurrentMenuItem(name)
}
const activeMenuItem = computed(() => {
return store.currentMenuItem
})
const activeseekingRent = computed(() => {
return store.currentMenuType
})
const menuList = computed(() => {
return store.menuList
})
watch(route, (newVlaue) => {
if (newVlaue.path.indexOf('myuser') === -1) {
store.editcurrentMenuItem('baseInfo')
store.editCurrentMenuType(true)
store.editcurrentMenuList([
{ title: '基础信息', name: 'baseInfo' },
{ title: '订单管理', name: 'orderManagement' },
{ title: '子账号管理', name: 'subAccount' },
{ title: '业务开通', name: 'business' }
])
}
})
onMounted(() => {
let divElement: any = document.getElementById('user-container')
let rect = divElement.getBoundingClientRect()
let top = rect.top + 20 + 'px'
spaceTop.value = top
})
onMounted(() => {
let divElement: any = document.getElementById('user-container')
let rect = divElement.getBoundingClientRect()
let top = rect.top + 20 + 'px'
spaceTop.value = top
})
</script>
<template>
@ -88,16 +88,17 @@
<img
v-else
src="https://zlpt-1259760603.cos.ap-nanjing.myqcloud.com/2023/12/09/815629f192564db98ac55a643b46f853gouwu.png"
alt="" />
alt=""
/>
<span>{{ userInfo.phonenumber || '' }}</span>
</div>
<div class="btn-box">
<span @click="seekingRentClick">
<a :class="activeseekingRent ? 'active' : ''">求租</a>
<a :class="activeseekingRent ? 'active' : ''">承租</a>
</span>
<span @click="lesseeClick">
<a :class="!activeseekingRent ? 'active' : ''">承租</a>
<a :class="!activeseekingRent ? 'active' : ''">出租</a>
</span>
</div>
@ -105,7 +106,8 @@
:default-active="activeMenuItem"
class="el-menu-vertical-demo"
router
@select="handleSelect">
@select="handleSelect"
>
<el-menu-item v-for="(item, index) in menuList" :key="index" :index="item.name">
{{ item.title }}
</el-menu-item>
@ -118,60 +120,60 @@
</template>
<style lang="scss">
.app-container {
background-color: #fff;
display: flex;
justify-content: space-between;
height: calc(100vh - v-bind('spaceTop'));
.app-container {
background-color: #fff;
display: flex;
justify-content: space-between;
height: calc(100vh - v-bind('spaceTop'));
.left-menu {
.left-menu {
width: 260px;
// height: 100%;
background-color: #f7f9fa;
border-radius: 5px;
margin-right: 15px;
.pic-box {
width: 260px;
// height: 100%;
background-color: #f7f9fa;
border-radius: 5px;
margin-right: 15px;
height: 180px;
text-align: center;
.pic-box {
width: 260px;
height: 180px;
text-align: center;
img {
margin: 30px 0 10px 0;
width: 90px;
height: 90px;
border-radius: 50%;
}
span {
display: block;
}
img {
margin: 30px 0 10px 0;
width: 90px;
height: 90px;
border-radius: 50%;
}
}
.btn-box {
height: 45px;
display: flex;
span {
height: 100%;
line-height: 45px;
flex: 1;
cursor: pointer;
text-align: center;
color: #82b8ff;
display: block;
}
}
}
.right-content {
width: calc(100% - 260px);
.btn-box {
height: 45px;
display: flex;
span {
height: 100%;
}
.active {
color: #2282ff;
border-bottom: 2px solid #2282ff;
font-weight: bold;
line-height: 45px;
flex: 1;
cursor: pointer;
text-align: center;
color: #82b8ff;
}
}
.right-content {
width: calc(100% - 260px);
height: 100%;
}
.active {
color: #2282ff;
border-bottom: 2px solid #2282ff;
font-weight: bold;
}
}
</style>

43
src/views/user/sourcingNeed/index.vue
View File

@ -1,30 +1,26 @@
<script setup lang="ts"></script>
<template>
<!-- 寻源需求 -->
<el-form :inline="true" size="small" label-width="auto">
<el-form-item label="寻源单编码：">
<el-input />
<el-form :inline="true" size="default" label-width="auto">
<el-form-item>
<el-input placeholder="请输入需求名称" />
</el-form-item>
<el-form-item label="寻源单标题：">
<el-input />
<el-form-item>
<el-input placeholder="请输入需求编号" />
</el-form-item>
<el-form-item label="寻源模板：">
<el-input />
<el-form-item>
<el-input placeholder="需求状态" />
</el-form-item>
<el-form-item label="外部单号：">
<el-input />
<el-form-item>
<el-input placeholder="截止日期" />
</el-form-item>
<el-form-item label="寻源类别：">
<el-input />
<el-form-item>
<el-input placeholder="发布时间" />
</el-form-item>
<el-form-item label="状态：">
<el-input />
</el-form-item>
<el-form-item label="寻源单编码：">
<el-form-item>
<el-button>查询</el-button>
<el-button>重置</el-button>
<el-button>寻源新增</el-button>
<el-button style="background-color: #17907f; color: #fff">需求新建</el-button>
</el-form-item>
</el-form>
@ -32,10 +28,11 @@
<el-table
show-overflow-tooltip
:header-cell-style="{
background: '#3E98FF',
color: '#fff'
}">
<el-table-column align="center" label="序号" type="index" />
background: '#17907f',
color: '#fff',
}"
>
<el-table-column align="center" label="序号" type="index" width="80" />
<el-table-column align="center" label="寻源单编码" />
<el-table-column align="center" label="外部单号" />
<el-table-column align="center" label="寻源单标题" />
@ -45,4 +42,4 @@
</el-table>
</template>
<style></style>
<script setup lang="ts"></script>