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

新增寻源比价 企业专区等菜单

This commit is contained in:
songyang 2023-12-13 11:21:25 +08:00
parent 0dfa819171
commit 0b9bcc4046
17 changed files with 834 additions and 161 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
components.d.ts vendored
View File

@ -7,9 +7,15 @@ export {}
declare module 'vue' {
export interface GlobalComponents {
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']
ElDropdown: typeof import('element-plus/es')['ElDropdown']
ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
@ -19,8 +25,21 @@ declare module 'vue' {
ElIcon: typeof import('element-plus/es')['ElIcon']
ElImage: typeof import('element-plus/es')['ElImage']
ElInput: typeof import('element-plus/es')['ElInput']
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']
ElProgress: typeof import('element-plus/es')['ElProgress']
ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
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']
ElTabPane: typeof import('element-plus/es')['ElTabPane']
ElTabs: typeof import('element-plus/es')['ElTabs']
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']
FooterInfo: typeof import('./src/components/FooterInfo/index.vue')['default']

2
src/components/Navmenu/index.vue
View File

@ -22,7 +22,7 @@
v-for="item in navMenuList"
:key="item.name"
@click="navMenuClick(item.routerName)"
:class="{ active: route.name === item.routerName }">
:class="{ active: route.meta.activeName === item.routerName }">
{{ item.name }}
</li>
</ul>

91
src/router/index.ts
View File

@ -85,7 +85,8 @@ const routes: Array<RouteRecordRaw> = [
meta: {
title: '首页',
keepAlive: true,
AuthFlag: false
AuthFlag: false,
activeName: 'home',
},
},
// 自选直租
@ -94,7 +95,8 @@ const routes: Array<RouteRecordRaw> = [
name: 'equipList',
component: () => import('views/equip/list.vue'),
meta: {
title: ''
title: '',
activeName: 'equipList',
}
},
//装备详情
@ -103,7 +105,7 @@ const routes: Array<RouteRecordRaw> = [
name: 'equipDetail',
component: () => import('views/equip/detail.vue'),
meta: {
title: ''
title: '',
}
},
// 资讯详情
@ -127,11 +129,49 @@ const routes: Array<RouteRecordRaw> = [
path: '/parity',
name: 'parity',
meta: {
title: '寻源比较',
title: '寻源比价',
isLogin: true,
AuthFlag: false
AuthFlag: false,
activeName: 'parity',
},
component: () => import('views/parity/index.vue')
redirect: '/parity/hall',
component: () => import('views/parity/index.vue'),
children: [
{
path: 'hall',
name: 'hall',
meta: {
title: '寻源比价大厅',
isLogin: true,
AuthFlag: false,
activeName: 'parity',
},
component: () => import('views/parity/parityCom/hall.vue'),
},
{
path: 'notice',
name: 'notice',
meta: {
title: '寻源结果公示公告',
isLogin: true,
AuthFlag: false,
activeName: 'parity',
},
component: () => import('views/parity/parityCom/notice.vue'),
}
]
},
// 寻源比价 （报价）
{
path: '/quotation',
name: 'quotation',
meta: {
title: '企业专区',
isLogin: true,
AuthFlag: false,
},
component: () => import('views/parity/parityCom/quotation.vue')
},
// 企业专区页面
{
@ -140,7 +180,8 @@ const routes: Array<RouteRecordRaw> = [
meta: {
title: '企业专区',
isLogin: true,
AuthFlag: false
AuthFlag: false,
activeName: 'enterpriseZone',
},
component: () => import('views/enterpriseZone/index.vue')
},
@ -228,6 +269,18 @@ const routes: Array<RouteRecordRaw> = [
isLogin: true
},
},
/* 寻源需求 */
{
path: 'sourcingNeed',
name: 'sourcingNeed',
component: () => import('views/user/sourcingNeed/index.vue'),
meta: {
title: '寻源需求',
keepAlive: true,
AuthFlag: false,
isLogin: true
},
},
{
path: 'orderManagementCz',
name: 'orderManagementCz',
@ -305,7 +358,29 @@ const routes: Array<RouteRecordRaw> = [
AuthFlag: false,
isLogin: true
},
}
},
{
path: 'sourcingBidding',
name: 'sourcingBidding',
component: () => import('views/user/sourcingBidding/index.vue'),
meta: {
title: '寻源竞价',
keepAlive: true,
AuthFlag: false,
isLogin: true
},
},
{
path: 'zoneManag',
name: 'zoneManag',
component: () => import('views/user/zoneManag/index.vue'),
meta: {
title: '专区管理',
keepAlive: true,
AuthFlag: false,
isLogin: true
},
},
]
},
]

1
src/store/user.ts
View File

@ -10,6 +10,7 @@ export const useStore = defineStore('myUser', {
{ title: '订单管理', name: 'orderManagement' },
{ title: '子账号管理', name: 'subAccount' },
{ title: '业务开通', name: 'business' },
{ title: '寻源需求', name: 'sourcingNeed' },
],
provinceList: [], // 省份信息
marketList: [], // 市级信息

3
src/views/home/index.vue
View File

@ -211,12 +211,13 @@
.left-nav {
position: relative;
margin-top: 8px;
width: 200px;
height: 100%;
display: flex;
background-color: #f7f9fa;
flex-direction: column;
justify-content: space-around;
// justify-content: space-around;
.item-nav {
// text-align: left;

33
src/views/parity/index.vue
View File

@ -1,26 +1,33 @@
<script setup lang="ts">
import NavMenu from 'components/Navmenu/index.vue'
const router = useRouter()
const activeName = ref('hall')
const activeList = ref([
{ v_name: 'hall', v_label: '寻源大厅' },
{ v_name: 'notice', v_label: '寻源结果公示公告' }
])
const handleClick = (tab: any) => {
router.push(tab.props.name)
}
</script>
<template>
<!-- 寻源比价 -->
<NavMenu />
<!-- 表单 -->
<el-form :inline="true">
<el-form-item label="寻源标题：">
<el-input style="width: 160px" />
</el-form-item>
<el-form-item label="日期范围：">
<el-input style="width: 160px" />
</el-form-item>
</el-form>
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
<el-tab-pane
:label="item.v_label"
:name="item.v_name"
v-for="item in activeList"
:key="item.v_name">
<router-view />
</el-tab-pane>
</el-tabs>
</template>
<style scoped>
.el-form {
<style scoped lang="scss">
.el-tabs {
padding: 15px 0;
}
</style>

56
src/views/parity/parityCom/hall.vue Normal file
View File

@ -0,0 +1,56 @@
<script setup lang="ts">
import ItemCard from './itemCard.vue'
const time = ref('')
</script>
<template>
<!-- 寻源大厅 -->
<el-form :inline="true">
<el-form-item label="寻源大厅" style="font-weight: bold"></el-form-item>
<el-form-item label="寻源标题">
<el-input />
</el-form-item>
<el-form-item label="日期范围">
<el-date-picker
v-model="time"
type="daterange"
unlink-panels
range-separator="-"
start-placeholder="开始时间"
end-placeholder="结束时间"
style="width: 220px" />
</el-form-item>
<el-form-item>
<el-button type="primary">查询</el-button>
<el-button>重置</el-button>
</el-form-item>
</el-form>
<!-- 卡片详情 -->
<div class="card-details">
<div class="card-item">
<ItemCard />
</div>
</div>
</template>
<style lang="scss" scoped>
.card-details {
display: flex;
flex-wrap: wrap;
.card-item {
width: calc((100% - 24px) / 4);
// height: 200px;
// background-color: pink;
margin-right: 8px;
margin-bottom: 8px;
border: 1px solid #1e9fff;
border-radius: 5px;
}
.card-item:nth-child(4n) {
margin-right: 0;
}
}
</style>

36
src/views/parity/parityCom/itemCard.vue Normal file
View File

@ -0,0 +1,36 @@
<script setup lang="ts"></script>
<template>
<!-- 寻源大厅卡片列表 -->
<div class="item-box">
<div>R00020437</div>
<h2>变压器M23110056</h2>
<div class="f14">2023-11-16 17:35至2023-11-19 12:00</div>
<div>汇源通测试公司更改图片</div>
<div class="f14">cao hong shu 135**** 11111</div>
<div style="text-align: center">
<el-button type="primary" @click="$router.push('/quotation')">查看</el-button>
</div>
</div>
</template>
<style scoped lang="scss">
.item-box {
padding: 10px;
h2 {
font-weight: bold;
}
div,
h2 {
height: 36px;
line-height: 36px;
}
.f14 {
font-size: 14px;
}
}
</style>

36
src/views/parity/parityCom/notice.vue Normal file
View File

@ -0,0 +1,36 @@
<script setup lang="ts">
const time = ref('')
</script>
<template>
<!-- 寻源结果公示公告 -->
<el-form :inline="true">
<el-form-item label="寻源结果公示" style="font-weight: bold"></el-form-item>
<el-form-item label="寻源编号">
<el-input />
</el-form-item>
<el-form-item label="寻源标题">
<el-input />
</el-form-item>
<el-form-item>
<el-button type="primary">查询</el-button>
<el-button>重置</el-button>
</el-form-item>
</el-form>
<!-- 列表 -->
<el-table
:header-cell-style="{
background: '#3E98FF',
color: '#fff'
}">
<el-table-column align="center" label="寻源编号"></el-table-column>
<el-table-column align="center" label="寻源标题"></el-table-column>
<el-table-column align="center" label="发布单位"></el-table-column>
<el-table-column align="center" label="成交供应商"></el-table-column>
<el-table-column align="center" label="成交金额/成交下浮率"></el-table-column>
<el-table-column align="center" label="成交时间"></el-table-column>
</el-table>
</template>
<style></style>

156
src/views/parity/parityCom/quotation.vue Normal file
View File

@ -0,0 +1,156 @@
<script setup lang="ts"></script>
<template>
<div style="text-align: right">
<el-button type="primary">报价</el-button>
</div>
<div class="quotation-title">
寻源单基本信息
<a>返回</a>
</div>
<el-form :inline="true" label-width="auto">
<el-row>
<el-col :span="8">
<el-form-item label="寻源单编码">
<el-input />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="寻源单标题">
<el-input />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="寻源模板">
<el-input />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="寻源类别">
<el-input />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="供应商范围">
<el-input />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="采购执行组织">
<el-input />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="联系人">
<el-input />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="联系方式">
<el-input />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="备用联系方式">
<el-input />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="邮箱">
<el-input />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="备注（内部展示）">
<el-input type="textarea" :rows="2" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="备注（外部展示）">
<el-input type="textarea" :rows="2" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="预算总金额（元）">
<el-input />
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="wz-fw">物资服务</div>
<el-table
:header-cell-style="{
background: '#fbfafa',
color: '#333'
}">
<el-table-column align="center" label="序号" type="index" width="80px"></el-table-column>
<el-table-column align="center" label="操作"></el-table-column>
<el-table-column align="center" label="物资/服务ID"></el-table-column>
<el-table-column align="center" label="物资/服务名称"></el-table-column>
<el-table-column align="center" label="商品类目"></el-table-column>
<el-table-column align="center" label="品牌"></el-table-column>
<el-table-column align="center" label="规格型号"></el-table-column>
<el-table-column align="center" label="附件"></el-table-column>
<el-table-column align="center" label="需求数量"></el-table-column>
</el-table>
<div class="quotation-title">
供应商报价状态
<a>返回</a>
<a>已报价供应商数量（0）</a>
</div>
<el-table
:header-cell-style="{
background: '#eef5fb',
color: '#333'
}">
<el-table-column align="center" label="供应商名称"></el-table-column>
<el-table-column align="center" label="供应商编码"></el-table-column>
<el-table-column align="center" label="供应商状态"></el-table-column>
<el-table-column align="center" label="供应商级别"></el-table-column>
<el-table-column align="center" label="联系人"></el-table-column>
<el-table-column align="center" label="联系电话"></el-table-column>
<el-table-column align="center" label="备用联系方式"></el-table-column>
<el-table-column align="center" label="电子邮箱"></el-table-column>
<el-table-column align="center" label="报价状态"></el-table-column>
<el-table-column align="center" label="提交时间"></el-table-column>
<el-table-column align="center" label="报价含税总金额"></el-table-column>
</el-table>
</template>
<style scoped>
.quotation-title {
margin: 8px 0;
padding: 0 12px;
height: 37px;
line-height: 37px;
background-color: #f3f9ff;
}
a {
padding: 0 8px;
font-size: 14px;
color: #3e98ff;
cursor: pointer;
}
.wz-fw {
font-weight: bold;
height: 37px;
line-height: 37px;
}
</style>

377
src/views/user/goodsManagement/index.vue
View File

@ -294,20 +294,23 @@
/* 检测信息 ，保险信息*/
fileList: [],
/* 设备状态 */
maStatus: 15
maStatus: 15,
detectionList: [],
insureList: [],
picList: []
}
// 打开入驻弹框
dialogFormVisibleSettlein.value = true
}
const ruleFormRef = ref()
const ruleFormRef: any = ref(null)
// 入驻框保存提交
const submitBtn = async () => {
console.log(AssemblyRegisterAddress, '地址***---***')
// equipmentDeploymentParams.value.location = AssemblyRegisterAddress.join(',')
// equipmentDeploymentParams.typeId = deviceType.join(',')
const res: any = await equipmentDeploymentApi(equipmentDeploymentParams.value)
ruleFormRef.value.validate((valid: any) => {
console.log(valid)
})
/* const res: any = await equipmentDeploymentApi(equipmentDeploymentParams.value)
if (res.code === 200) {
ElMessage({
type: 'success',
@ -316,23 +319,9 @@
dialogFormVisibleSettlein.value = false
getList()
}
/* ruleFormRef.value.validate((valid: any) => {
console.log(valid)
}) */
} */
}
const tableProps: any = ref([
{ 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: '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' }
])
// 表单 lable 数据
const formItemList: any = ref([
{ v_label: '编码', v_typ: 'ipt' },
@ -345,21 +334,146 @@
// 装备入驻弹框显示隐藏
const dialogFormVisibleSettlein: any = ref(false)
const rules = ref({
v_name: [
const equipRules = ref({
leaseScope: [
{
required: true,
message: '必填项',
trigger: 'blur'
},
{ min: 3, max: 5, message: 'Length should be 3 to 5', trigger: 'blur' }
message: '请选择租赁范围',
trigger: 'change'
}
],
v_region: [
provinceId: [
{
required: true,
message: '必填项',
message: '请选择省',
trigger: 'change'
}
],
cityId: [
{
required: true,
message: '请选择市',
trigger: 'change'
}
],
areaId: [
{
required: true,
message: '请选择区',
trigger: 'change'
}
],
companyId: [
{
required: true,
message: '请选择设备类型',
trigger: 'change'
}
],
groupId: [
{
required: true,
message: '请选择组别',
trigger: 'change'
}
],
typeId: [
{
required: true,
message: '请选择产品名称',
trigger: 'change'
}
],
brand: [
{
required: true,
message: '请输入设备品牌',
trigger: 'blur'
}
],
modelName: [
{
required: true,
message: '请输入设备型号',
trigger: 'blur'
}
],
productionDate: [
{
required: true,
message: '请选择出厂日期',
trigger: 'change'
}
],
workingHours: [
{
required: true,
message: '请输入工作小时数',
trigger: 'blur'
}
],
serialNumber: [
{
required: true,
message: '请输入整机序列号',
trigger: 'blur'
}
],
monthLeasePrice: [
{
required: true,
message: '请输入月租金',
trigger: 'blur'
}
],
dayLeasePrice: [
{
required: true,
message: '请输入天租金',
trigger: 'blur'
}
],
isOperator: [
{
required: true,
message: '请确定是否需要机手',
trigger: 'blur'
}
],
jsMonthPrice: [
{
required: true,
message: '请输入机手月费用',
trigger: 'blur'
}
],
jsDayPrice: [
{
required: true,
message: '请输入机手日费用',
trigger: 'blur'
}
],
detectionList: [
{
required: true,
message: '请上传检测信息',
trigger: 'change'
}
],
insureList: [
{
required: true,
message: '请上传保险信息',
trigger: 'change'
}
],
picList: [
{
required: true,
message: '请上传设备图片信息',
trigger: 'change'
}
]
})
@ -397,8 +511,6 @@
</el-form-item>
</FormComponent>
<!-- 表格 -->
<!-- 表格 -->
<el-table
:data="tableData"
@ -435,13 +547,13 @@
</el-table-column>
<el-table-column prop="name" label="操作" width="200px" align="center">
<template #default="{ row }">
<!-- <el-button
<el-button
v-if="row.maStatus == 15 || row.maStatus == 1"
size="small"
type="primary"
@click="editRowInfo(row)">
编辑
</el-button> -->
</el-button>
<el-button size="small" type="primary" @click="editRowInfo(row)">编辑</el-button>
<el-button
v-if="row.maStatus == 15 || row.maStatus == 1"
@ -468,94 +580,107 @@
label-width="160"
ref="ruleFormRef"
:model="equipmentDeploymentParams"
:rules="rules"
:rules="equipRules"
:disabled="disabledForm">
<el-form-item label="租赁范围" prop="easeScope">
<el-form-item label="租赁范围" prop="leaseScope">
<el-select
v-model="equipmentDeploymentParams.leaseScope"
placeholder="选择租赁范围"
style="width: 220px; margin: 0 5px"
clearable>
<el-option label="全平台" value="329"></el-option>
<el-option label="专区" value="330"></el-option>
</el-select>
</el-form-item>
<el-form-item label="设备所在地">
<el-select
v-model="equipmentDeploymentParams.provinceId"
placeholder="选择省"
style="width: 220px; margin: 0 5px"
@change="changeProvince"
clearable>
<el-option
v-for="item in selProvinceList"
:key="item.id"
:label="item.name"
:value="item.code + ''"></el-option>
</el-select>
<el-select
v-model="equipmentDeploymentParams.cityId"
placeholder="选择市"
style="width: 220px; margin: 0 5px"
@change="changeMarket"
clearable>
<el-option
v-for="item in selMarketList"
:key="item.id"
:label="item.name"
:value="item.code + ''"></el-option>
</el-select>
<el-select
v-model="equipmentDeploymentParams.areaId"
placeholder="选择区"
style="width: 220px; margin: 0 5px"
clearable
@change="opeChangeArea">
<el-option
v-for="item in selAreaList"
:key="item.id"
:label="item.name"
:value="item.code + ''"></el-option>
</el-select>
</el-form-item>
<el-form-item label="设备类型">
<el-select
v-model="equipmentDeploymentParams.companyId"
placeholder="选择设备类型"
style="width: 220px; margin: 0 5px"
clearable
@change="changeDeviceType">
<el-option
v-for="item in selDeviceTypeList"
:key="item.typeId"
:label="item.typeName"
:value="item.typeId"></el-option>
</el-select>
<el-select
placeholder="选择组别"
style="width: 220px; margin: 0 5px"
clearable
@change="changeDeviceTypeSon"
v-model="equipmentDeploymentParams.groupId">
<el-option
v-for="item in selDeviceTypeSonList"
:key="item.typeId"
:label="item.typeName"
:value="item.typeId"></el-option>
</el-select>
<el-select
placeholder="选择产品名称"
style="width: 220px; margin: 0 5px"
clearable
@change="changeDeviceTypeSun"
v-model="equipmentDeploymentParams.typeId">
<el-option
v-for="item in selDeviceTypeSunList"
:key="item.typeId"
:label="item.typeName"
:value="item.typeId"></el-option>
</el-select>
</el-form-item>
<el-row>
<el-form-item label="设备所在地" prop="provinceId">
<el-select
v-model="equipmentDeploymentParams.provinceId"
placeholder="选择省"
@change="changeProvince"
clearable
style="width: 220px">
<el-option
v-for="item in selProvinceList"
:key="item.id"
:label="item.name"
:value="item.code + ''"></el-option>
</el-select>
</el-form-item>
<el-form-item label-width="8px" prop="cityId">
<el-select
v-model="equipmentDeploymentParams.cityId"
placeholder="选择市"
@change="changeMarket"
clearable
style="width: 220px">
<el-option
v-for="item in selMarketList"
:key="item.id"
:label="item.name"
:value="item.code + ''"></el-option>
</el-select>
</el-form-item>
<el-form-item label-width="8px" prop="areaId">
<el-select
v-model="equipmentDeploymentParams.areaId"
placeholder="选择区"
style="width: 220px"
clearable
@change="opeChangeArea">
<el-option
v-for="item in selAreaList"
:key="item.id"
:label="item.name"
:value="item.code + ''"></el-option>
</el-select>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="设备类型" prop="companyId">
<el-select
v-model="equipmentDeploymentParams.companyId"
placeholder="选择设备类型"
style="width: 220px"
clearable
@change="changeDeviceType">
<el-option
v-for="item in selDeviceTypeList"
:key="item.typeId"
:label="item.typeName"
:value="item.typeId"></el-option>
</el-select>
</el-form-item>
<el-form-item label-width="8px" prop="groupId">
<el-select
placeholder="选择组别"
clearable
@change="changeDeviceTypeSon"
v-model="equipmentDeploymentParams.groupId"
style="width: 220px">
<el-option
v-for="item in selDeviceTypeSonList"
:key="item.typeId"
:label="item.typeName"
:value="item.typeId"></el-option>
</el-select>
</el-form-item>
<el-form-item label-width="8px" prop="typeId">
<el-select
placeholder="选择产品名称"
clearable
@change="changeDeviceTypeSun"
v-model="equipmentDeploymentParams.typeId"
style="width: 220px">
<el-option
v-for="item in selDeviceTypeSunList"
:key="item.typeId"
:label="item.typeName"
:value="item.typeId"></el-option>
</el-select>
</el-form-item>
</el-row>
<el-form-item label="设备品牌" prop="brand">
<el-input
autocomplete="off"
@ -563,14 +688,14 @@
v-model="equipmentDeploymentParams.brand"
clearable />
</el-form-item>
<el-form-item label="设备型号">
<el-form-item label="设备型号" prop="modelName">
<el-input
v-model="equipmentDeploymentParams.modelName"
autocomplete="off"
style="width: 360px"
clearable />
</el-form-item>
<el-form-item label="出厂日期">
<el-form-item label="出厂日期" prop="productionDate">
<el-date-picker
v-model="equipmentDeploymentParams.productionDate"
type="date"
@ -580,7 +705,7 @@
value-format="YYYY-MM-DD"
format="YYYY-MM-DD" />
</el-form-item>
<el-form-item label="工作小时数">
<el-form-item label="工作小时数" prop="workingHours">
<el-input
v-model="equipmentDeploymentParams.workingHours"
autocomplete="off"
@ -588,14 +713,14 @@
clearable />
小时
</el-form-item>
<el-form-item label="整机序列号">
<el-form-item label="整机序列号" prop="serialNumber">
<el-input
v-model="equipmentDeploymentParams.serialNumber"
autocomplete="off"
style="width: 360px"
clearable />
</el-form-item>
<el-form-item label="月租金">
<el-form-item label="月租金" prop="monthLeasePrice">
<el-input
v-model="equipmentDeploymentParams.monthLeasePrice"
autocomplete="off"
@ -603,7 +728,7 @@
clearable />
元/月
</el-form-item>
<el-form-item label="日租金">
<el-form-item label="日租金" prop="dayLeasePrice">
<el-input
v-model="equipmentDeploymentParams.dayLeasePrice"
autocomplete="off"
@ -611,11 +736,11 @@
clearable />
元/天
</el-form-item>
<el-form-item label="检测信息">
<el-form-item label="检测信息" prop="detectionList">
<uploadComponent
v-if="!disabledForm || isEditDisabled"
:maxLimit="1"
listType="text"
listType="picture-card"
:acceptTypeList="['.pdf']"
width="120px"
height="120px"
@ -635,11 +760,11 @@
</a>
</template>
</el-form-item>
<el-form-item label="保险信息">
<el-form-item label="保险信息" prop="insureList">
<uploadComponent
v-if="!disabledForm || isEditDisabled"
:maxLimit="1"
listType="text"
listType="picture-card"
:acceptTypeList="['.pdf']"
width="120px"
height="120px"
@ -659,7 +784,7 @@
</a>
</template>
</el-form-item>
<el-form-item label="是否提供机手">
<el-form-item label="是否提供机手" prop="isOperator">
<el-select
placeholder="选择是否提供机手"
style="width: 220px; margin: 0 5px"
@ -670,7 +795,7 @@
</el-select>
</el-form-item>
<el-form-item label="机手月费用">
<el-form-item label="机手月费用" prop="jsMonthPrice">
<el-input
v-model="equipmentDeploymentParams.jsMonthPrice"
autocomplete="off"
@ -679,7 +804,7 @@
元/月
</el-form-item>
<el-form-item label="机手日费用">
<el-form-item label="机手日费用" prop="jsDayPrice">
<el-input
v-model="equipmentDeploymentParams.jsDayPrice"
autocomplete="off"
@ -696,7 +821,7 @@
type="textarea"
:rows="5" />
</el-form-item>
<el-form-item label="设备图片">
<el-form-item label="设备图片" prop="picList">
<uploadComponent
v-if="!disabledForm && isEditDisabled"
:maxLimit="8"

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

@ -1,9 +1,10 @@
<script setup lang="ts">
import { ref } from 'vue'
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()
@ -20,7 +21,8 @@
{ title: '基础信息', name: 'baseInfo' },
{ title: '订单管理', name: 'orderManagement' },
{ title: '子账号管理', name: 'subAccount' },
{ title: '业务开通', name: 'business' }
{ title: '业务开通', name: 'business' },
{ title: '寻源需求', name: 'sourcingNeed' }
])
router.push({ name: 'baseInfo' })
}
@ -33,7 +35,9 @@
{ title: '订单管理', name: 'orderManagementCz' },
{ title: '商品管理', name: 'goodsManagement' },
{ title: '商品上下架', name: 'goodsUpdown' },
{ title: '机手管理', name: 'operatorManagement' }
{ title: '机手管理', name: 'operatorManagement' },
{ title: '寻源竞价', name: 'sourcingBidding' },
{ title: '专区管理', name: 'zoneManag' }
])
router.push({ name: 'orderManagementCz' })
}
@ -65,13 +69,19 @@
])
}
})
onMounted(() => {
let divElement: any = document.getElementById('user-container')
let rect = divElement.getBoundingClientRect()
let top = rect.top + 20 + 'px'
spaceTop.value = top
})
</script>
<template>
<!-- 个人中心页面 -->
<div class="app-container">
<div class="app-container" id="user-container">
<div class="left-menu">
<!-- 头像 -->
<div class="pic-box">
<img v-if="userInfo.logoUrl" :src="userInfo.logoUrl" alt="" />
@ -82,7 +92,6 @@
<span>{{ userInfo.phonenumber || '' }}</span>
</div>
<!-- 按钮 -->
<div class="btn-box">
<span @click="seekingRentClick">
<a :class="activeseekingRent ? 'active' : ''">求租</a>
@ -92,7 +101,6 @@
</span>
</div>
<!-- 菜单 -->
<el-menu
:default-active="activeMenuItem"
class="el-menu-vertical-demo"
@ -114,10 +122,11 @@
background-color: #fff;
display: flex;
justify-content: space-between;
height: calc(100vh - v-bind('spaceTop'));
.left-menu {
width: 260px;
height: 100%;
// height: 100%;
background-color: #f7f9fa;
border-radius: 5px;
margin-right: 15px;

4
src/views/user/orderManagement/index.vue
View File

@ -108,7 +108,9 @@
:header-cell-style="{
background: '#3E98FF',
color: '#fff'
}">
}"
height="440px"
max-height="440px">
<el-table-column align="center" prop="code" label="订单编号" />
<el-table-column align="center" prop="supplierCompany" label="供应商" />
<el-table-column align="center" prop="time" label="订单创建日期" />

5
src/views/user/orderManagementCz/index.vue
View File

@ -48,7 +48,6 @@
})
}
const time = ref([])
</script>
@ -122,12 +121,12 @@
v-if="row.orderStatus != 31">
查看
</el-button>
<el-button size="small" type="danger" v-if="(row.orderStatus == 39)">删除</el-button>
<el-button size="small" type="danger" v-if="row.orderStatus == 39">删除</el-button>
<el-button
size="small"
type="success"
@click="settlementBtn"
v-if="(row.orderStatus == 34)">
v-if="row.orderStatus == 34">
结算
</el-button>
</template>

56
src/views/user/sourcingBidding/index.vue Normal file
View File

@ -0,0 +1,56 @@
<script setup lang="ts"></script>
<template>
<!-- 寻源竞价 -->
<el-form :inline="true" size="small" label-width="auto">
<el-form-item label="寻源单编码：">
<el-input style="width: 120px" />
</el-form-item>
<el-form-item label="寻源单标题：">
<el-input style="width: 120px" />
</el-form-item>
<el-form-item label="寻源单状态：">
<el-input style="width: 120px" />
</el-form-item>
<el-form-item label="供应商范围：">
<el-input style="width: 120px" />
</el-form-item>
<el-form-item label="寻源类别：">
<el-input style="width: 120px" />
</el-form-item>
<el-form-item label="报价状态：">
<el-input style="width: 120px" />
</el-form-item>
<el-form-item label="创建人所属组织：">
<el-input style="width: 120px" />
</el-form-item>
<el-form-item label="寻源业务类型：">
<el-input style="width: 120px" />
</el-form-item>
<el-form-item>
<el-button>查询</el-button>
<el-button>重置</el-button>
</el-form-item>
</el-form>
<!-- 表格 -->
<el-table
show-overflow-tooltip
:header-cell-style="{
background: '#3E98FF',
color: '#fff'
}">
<el-table-column align="center" label="序号" type="index" />
<el-table-column align="center" label="寻源单编码" />
<el-table-column align="center" label="寻源单状态" />
<el-table-column align="center" label="寻源单标题" />
<el-table-column align="center" label="寻源模板" />
<el-table-column align="center" label="寻源类别" />
<el-table-column align="center" label="寻源业务类型"></el-table-column>
<el-table-column align="center" label="报价开始时间"></el-table-column>
<el-table-column align="center" label="报价结束时间"></el-table-column>
<el-table-column align="center" label="报价状态"></el-table-column>
</el-table>
</template>
<style></style>

48
src/views/user/sourcingNeed/index.vue Normal file
View File

@ -0,0 +1,48 @@
<script setup lang="ts"></script>
<template>
<!-- 寻源需求 -->
<el-form :inline="true" size="small" label-width="auto">
<el-form-item label="寻源单编码：">
<el-input />
</el-form-item>
<el-form-item label="寻源单标题：">
<el-input />
</el-form-item>
<el-form-item label="寻源模板：">
<el-input />
</el-form-item>
<el-form-item label="外部单号：">
<el-input />
</el-form-item>
<el-form-item label="寻源类别：">
<el-input />
</el-form-item>
<el-form-item label="状态：">
<el-input />
</el-form-item>
<el-form-item label="寻源单编码：">
<el-button>查询</el-button>
<el-button>重置</el-button>
<el-button>寻源新增</el-button>
</el-form-item>
</el-form>
<!-- 表格 -->
<el-table
show-overflow-tooltip
:header-cell-style="{
background: '#3E98FF',
color: '#fff'
}">
<el-table-column align="center" label="序号" type="index" />
<el-table-column align="center" label="寻源单编码" />
<el-table-column align="center" label="外部单号" />
<el-table-column align="center" label="寻源单标题" />
<el-table-column align="center" label="寻源模板" />
<el-table-column align="center" label="寻源类别" />
<el-table-column align="center" label="寻源业务类型"></el-table-column>
</el-table>
</template>
<style></style>

47
src/views/user/zoneManag/index.vue Normal file
View File

@ -0,0 +1,47 @@
<script setup lang="ts"></script>
<template>
<!-- 专区管理 -->
<el-form :inline="true" size="small" label-width="auto">
<el-form-item label="专区名称：">
<el-input style="width: 120px" />
</el-form-item>
<el-form-item label="申请时间：">
<el-input style="width: 120px" />
</el-form-item>
<el-form-item label="状态：">
<el-input style="width: 120px" />
</el-form-item>
<el-form-item label="申请人：">
<el-input style="width: 120px" />
</el-form-item>
<el-form-item>
<el-button type="primary">申请加入专区</el-button>
</el-form-item>
</el-form>
<!-- 表格 -->
<el-table
show-overflow-tooltip
:header-cell-style="{
background: '#3E98FF',
color: '#fff'
}">
<el-table-column align="center" label="序号" type="index" width="80px" />
<el-table-column align="center" label="专区名称" />
<el-table-column align="center" label="申请说明" />
<el-table-column align="center" label="申请人" />
<el-table-column align="center" label="申请时间" />
<el-table-column align="center" label="申请状态" />
<el-table-column align="center" label="审核信息"></el-table-column>
<el-table-column align="center" label="操作">
<template #default="{ row }">
<el-button>重新提交</el-button>
<el-button>详情</el-button>
</template>
</el-table-column>
</el-table>
</template>
<style></style>