调整媒体库管理界面

This commit is contained in:
wangchengming 2025-09-01 15:29:22 +08:00
parent 302397bead
commit 9941b39d0f
3 changed files with 590 additions and 296 deletions

View File

@ -1058,6 +1058,7 @@ h6 {
font-weight: 700;
font-size: 18px;
color: #000000;
line-height: 30px !important;
}
.my_dialog .el-dialog__headerbtn {
@ -1091,6 +1092,7 @@ h6 {
}
.myInsertForm .el-tabs__item,
.myDetailForm .el-tabs__item,
.my_dialog .el-tabs__item {
align-items: center;
box-sizing: border-box;
@ -1103,6 +1105,7 @@ h6 {
}
.myInsertForm .el-tabs__item.is-active,
.myDetailForm .el-tabs__item.is-active,
.my_dialog .el-tabs__item.is-active,
.el-tabs__item:hover {
font-family: Microsoft YaHei;
@ -1112,6 +1115,7 @@ h6 {
}
.myInsertForm .el-tabs__active-bar,
.myDetailForm .el-tabs__active-bar,
.my_dialog .el-tabs__active-bar {
height: 3px;
background: #1a75e6;
@ -1274,7 +1278,7 @@ h6 {
font-weight: 400;
font-size: 16px;
color: #002866;
justify-content: start;
justify-content: start;
min-height: 60px;
line-height: 60px;
padding-left: 31px;

View File

@ -5,18 +5,25 @@
<div class="more-search-pane">
<div class="search-where-container">
<el-form :model="queryParams" ref="queryRef" :inline="true" class="searchPanelForm">
<el-form-item label="媒介形式:">
<el-select v-model="queryParams.media_form" placeholder="请选择" style="min-width: 30px;"
clearable>
<el-option v-for="dict in media_form" :key="dict.value" :label="dict.label"
:value="dict.value" />
<el-form-item label="媒体类型:">
<el-select v-model="queryParams.mediaTypeOne" placeholder="请选择"
@change="getMediaTypeTwo" clearable style="min-width: 30px">
<el-option v-for="item in mediaTypeOne" :key="item.id" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="展示形式:">
<el-select v-model="queryParams.display_form" placeholder="请选择" style="min-width: 30px;"
clearable>
<el-option v-for="dict in display_form" :key="dict.value" :label="dict.label"
:value="dict.value" />
<el-form-item label="媒体大类">
<el-select v-model="queryParams.mediaTypeTwo" placeholder="请选择"
@change="getMediaTypeThree" clearable style="min-width: 30px">
<el-option v-for="item in mediaTypeTwo" :key="item.id" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="展示形式">
<el-select v-model="queryParams.mediaTypeThree" placeholder="请选择" clearable
style="min-width: 30px">
<el-option v-for="item in mediaTypeThree" :key="item.id" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="归属:">
@ -26,31 +33,17 @@
:value="dict.value" />
</el-select>
</el-form-item>
<el-form-item label="关键词:">
<el-select v-model="queryParams.key_words" placeholder="请选择" style="min-width: 30px;"
clearable>
<el-option v-for="dict in key_words" :key="dict.value" :label="dict.label"
<el-form-item label="业务:">
<el-select v-model="queryParams.business" placeholder="请选择" clearable
style="min-width: 30px;">
<el-option v-for="dict in business" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
<el-form-item label="媒体档期:">
<el-select v-model="queryParams.media_schedule" placeholder="请选择"
style="min-width: 30px;" clearable>
<el-option v-for="dict in media_schedule" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
<el-form-item label="媒体形式:">
<el-select v-model="queryParams.media_format" placeholder="请选择" style="min-width: 30px;"
</el-form-item>
<el-form-item label="状态:">
<el-select v-model="queryParams.media_status" placeholder="请选择" style="min-width: 30px;"
clearable>
<el-option v-for="dict in media_format" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
<el-form-item label="销售方式:">
<el-select v-model="queryParams.sales_method" placeholder="请选择" style="min-width: 30px;"
clearable>
<el-option v-for="dict in sales_method" :key="dict.value" :label="dict.label"
<el-option v-for="dict in media_status" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
@ -68,47 +61,6 @@
</div>
<div class="searchSmallPanel" v-show="unfoldFlag">
<el-form :model="queryParams" ref="queryRef" :inline="true" class="searchSmallPanelForm">
<el-form-item label="业务:">
<el-select v-model="queryParams.business" placeholder="请选择" clearable style="min-width: 30px;">
<el-option v-for="dict in business" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
<el-form-item label="状态:">
<el-select v-model="queryParams.media_status" placeholder="请选择" style="min-width: 30px;"
clearable>
<el-option v-for="dict in media_status" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
<el-form-item label="批文情况:">
<el-select v-model="queryParams.approval_document_status" placeholder="请选择" clearable
style="min-width: 30px;">
<el-option v-for="dict in approval_document_status" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
<el-form-item label="媒介类型:">
<el-select v-model="queryParams.mediaTypeOne" placeholder="请选择" @change="getMediaTypeTwo"
clearable style="min-width: 30px">
<el-option v-for="item in mediaTypeOne" :key="item.id" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="">
<el-select v-model="queryParams.mediaTypeTwo" placeholder="请选择" @change="getMediaTypeThree"
clearable style="min-width: 30px">
<el-option v-for="item in mediaTypeTwo" :key="item.id" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="">
<el-select v-model="queryParams.mediaTypeThree" placeholder="请选择" clearable
style="min-width: 30px">
<el-option v-for="item in mediaTypeThree" :key="item.id" :label="item.name"
:value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="城市:">
<el-select v-model="queryParams.provinceId" placeholder="请选择" @change="getCityList" clearable
style="min-width: 30px">
@ -169,13 +121,13 @@
<el-button type="primary" class="primaryBtn" @click="resetQuery">重置</el-button>
<el-button type="primary" class="primaryBtn" @click="handleOpenAddForm">新增</el-button>
<el-dropdown placement="bottom-start" style="margin-left: 12px;">
<el-button type="primary" class="primaryBtn" @click="handleImport">导入报价</el-button>
<el-button type="primary" class="primaryBtn">导入报价</el-button>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item class="dropItem"
@click="handleImportPrice('ys')">导入优势媒体报价</el-dropdown-item>
@click="handleImport('ys')">导入优势媒体报价</el-dropdown-item>
<el-dropdown-item class="dropItem"
@click="handleImportPrice('wl')">导入网络媒体报价</el-dropdown-item>
@click="handleImport('wl')">导入网络媒体报价</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
@ -216,7 +168,7 @@
</template>
</el-table-column>
<el-table-column label="媒体编号" align="left" prop="postCode" width="150" />
<el-table-column label="媒介形式" align="left" prop="postCode" width="150" />
<el-table-column label="媒体大类" align="left" prop="postCode" width="150" />
<el-table-column label="商圈" align="left" prop="postCode" width="150" />
<el-table-column label="展示形式" align="left" prop="postCode" width="150" />
<el-table-column label="业务部门" align="left" prop="postCode" width="150" />
@ -670,11 +622,7 @@ const handleExportExcel = () => {
const handleExportPPT = (key) => {
exportPPT.title = '导出PPT'
exportPPT.open = true
}
//
const handleImportPrice = (key) => {
}
}
//
const handleCheckAllChange = (val) => {
checkedCities.value = []
@ -698,7 +646,7 @@ const handleSubmitExportPPT = () => {
}
/** 导入按钮操作 */
const handleImport = () => {
const handleImport = (val) => {
uploadOpen.value = true
}

View File

@ -15,13 +15,17 @@
<div class="supplierNameTitle">银川金凤区新华联广场门口上方LED</div>
</div>
<el-collapse class="my-collapse" v-model="activeNames" @change="handleChange">
<el-collapse-item title="媒体基础信息" name="1">
<el-collapse-item title="业务部门" name="1">
<el-row :gutter="30" class="my_form_row">
<el-col :span="6">
<el-form-item label="业务部门" prop="business_department">
<el-form-item label="业务部门" prop="business">
优势媒体部门
</el-form-item>
</el-col>
</el-row>
</el-collapse-item>
<el-collapse-item title="媒体基础信息" name="2">
<el-row :gutter="30" class="my_form_row">
<el-col :span="6">
<el-form-item label="状态" prop="business_department">
生效中
@ -29,52 +33,52 @@
</el-col>
<el-col :span="6">
<el-form-item label="媒体编号" prop="business_department">
媒体公司
MT2023101100009
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="媒体名称" prop="business_department">
公交车身
<el-col :span="12">
<el-form-item label="媒体形式/名称" prop="business_department">
银川金凤区新华联广场门口上方LED
</el-form-item>
</el-col>
</el-row>
<div class="splineBar" />
<el-row :gutter="30" class="my_form_row">
<el-col :span="6">
<el-form-item label="媒体类型" prop="business_department">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="媒体大类" prop="business_department">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="展示形式" prop="business_department">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="媒介形式" prop="business_department">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="是否照明" prop="business_department">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="是否实地考察" prop="business_department">
<el-col :span="6" v-if="detailForm.business == '优势媒体部门'">
<el-form-item label="是否有照明" prop="business_department">
待定
</el-form-item>
</el-col>
</el-row>
<div class="splineBar" />
<el-row :gutter="30" class="my_form_row">
<el-row :gutter="30" class="my_form_row" v-if="detailForm.business == '优势媒体部门'">
<el-col :span="6">
<el-form-item label="夏季照明时间" prop="business_department">
<el-form-item label="播放时间" prop="business_department">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="冬季照明时间" prop="business_department">
<el-form-item label="媒体尺寸" prop="business_department">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="日均人流量" prop="business_department">
<el-form-item label="MR" prop="business_department">
待定
</el-form-item>
</el-col>
@ -84,286 +88,607 @@
</el-form-item>
</el-col>
</el-row>
<div class="splineBar" />
<div class="splineBar" v-if="detailForm.business == '优势媒体部门'" />
<el-row :gutter="30" class="my_form_row" v-if="detailForm.business == '优势媒体部门'">
<el-col :span="24">
<el-form-item label="媒体朝向" prop="business_department">
待定
</el-form-item>
</el-col>
</el-row>
<div class="splineBar" v-if="detailForm.business == '优势媒体部门'" />
<el-row :gutter="30" class="my_form_row">
<el-col :span="6">
<el-form-item label="播放时间" prop="business_department">
<el-col :span="18">
<el-form-item label="城市" prop="business_department">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="播放频次" prop="business_department">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="批文情况" prop="business_department">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="归属" prop="business_department">
<el-form-item label="商圈" prop="business_department">
待定
</el-form-item>
</el-col>
</el-row>
<div class="splineBar" />
<el-row :gutter="30" class="my_form_row">
<el-col :span="6">
<el-form-item label="媒体尺寸" prop="business_department">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="面积" prop="business_department">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="高/宽m" prop="business_department">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="可上画日期" prop="business_department">
<el-col :span="24">
<el-form-item label="地址" prop="business_department">
待定
</el-form-item>
</el-col>
</el-row>
<div class="splineBar" />
<el-row :gutter="30" class="my_form_row">
<el-col :span="6">
<el-form-item label="当前画面" prop="business_department">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="媒体档期" prop="business_department">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="城市-商圈" prop="business_department">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="地理位置(经纬度)" prop="business_department">
<el-col :span="24">
<el-form-item label="地理位置">
待定
</el-form-item>
</el-col>
</el-row>
</el-collapse-item>
<el-collapse-item title="媒体价格" name="2">
<el-row :gutter="30" class="my_form_row">
<div class="splineBar" v-if="detailForm.business == '优势媒体部门'" />
<el-row :gutter="30" class="my_form_row" v-if="detailForm.business == '优势媒体部门'">
<el-col :span="6">
<el-form-item label="销售方式" prop="business_department">
<el-form-item label="最小购买周期">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="价格情况说明" prop="business_department">
<el-form-item label="首次制作安装费">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="付款要求" prop="business_department">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="供应商" prop="business_department">
待定
</el-form-item>
</el-col>
</el-row>
<div class="splineBar" />
<el-row :gutter="30" class="my_form_row">
<el-col :span="6">
<el-form-item label="供应商联系人" prop="business_department">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="供应商联系方式" prop="business_department">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="首次是否包含安装制作费用" class="my_detailform_label" prop="business_department">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="发票类型" prop="business_department">
待定
</el-form-item>
</el-col>
</el-row>
<div class="splineBar" />
<el-row :gutter="30" class="my_form_row">
<el-col :span="6">
<el-form-item label="税点(%" prop="business_department">
<el-form-item label="换刊制作安装费">
待定
</el-form-item>
</el-col>
</el-row>
</el-collapse-item>
<el-collapse-item title="媒体报价信息" name="3">
<el-table :data="quotationList">
<el-table-column label="序号" align="center" width="80">
<template #default="scope">
{{ scope.$index + 1 }}
</template>
</el-table-column>
<el-table-column label="年度" align="left" prop="year" width="100" />
<el-table-column label="城市/市场" align="left" prop="postCode" width="150" />
<el-table-column label="媒体大类" align="left" prop="postCode" width="150" />
<el-table-column label="媒体形式/名称" align="left" prop="mediaName" width="200">
<template #default="scope">
<span class="mediaNameLabel">{{ scope.row.mediaName }}</span>
</template>
</el-table-column>
<el-table-column label="供应商" align="center" prop="postCode" width="150" />
<el-table-column label="成本" align="center" prop="postCode" width="150" />
<el-table-column label="频次" align="left" prop="postCode" width="150" />
<el-table-column label="最小购买量(块)" align="left" prop="postCode" width="150" />
<el-table-column label="购买周期(天)" align="left" prop="postCode" width="150" />
<el-table-column label="对外统一刊例(元/块)" align="left" prop="postCode" width="180" />
<el-table-column label="折扣" align="left" prop="postCode" width="150" />
<el-table-column label="媒体总净价(元/购买周期)" align="center" prop="cataloguePhoto" width="230" />
<el-table-column label="总制作费(元/次)" align="center" prop="mediaChain" width="160" />
<el-table-column label="总净价(元)" align="center" prop="qualificationFile" width="130" />
<el-table-column label="单日覆盖人流量" align="center" prop="stampedPublication" width="150" />
<el-table-column label="总曝光" align="center" prop="postCode" width="150" />
<el-table-column label="SOV" align="center" prop="postCode" width="150" />
<el-table-column label="CPM(元)" align="center" prop="postCode" width="150" />
<el-table-column label="备注" align="center" prop="postCode" width="150" />
<el-table-column label="创建人" align="center" prop="postCode" width="150" />
<el-table-column label="创建时间" align="center" prop="postCode" width="150" />
</el-table>
<div v-if="detailForm.business == '优势媒体部门'">
<el-table v-loading="loading" :data="quotationList" height="382px">
<el-table-column label="序号" align="center" width="80">
<template #default="scope">
{{ scope.$index + 1 }}
</template>
</el-table-column>
<el-table-column label="年度" align="left" prop="year" width="100" />
<el-table-column label="城市/市场" align="left" prop="postCode" width="150" />
<el-table-column label="媒体大类" align="left" prop="postCode" width="150" />
<el-table-column label="媒体形式/名称" align="left" prop="mediaName" width="200">
<template #default="scope">
<span class="mediaNameLabel">{{ scope.row.mediaName }}</span>
</template>
</el-table-column>
<el-table-column label="频次" align="left" prop="postCode" width="150" />
<el-table-column label="统一对外刊例价" align="left" prop="postCode" width="180" />
<el-table-column label="单位" align="left" prop="postCode" width="150" />
<el-table-column label="实际购买频次" align="left" prop="postCode" width="150" />
<el-table-column label="实际购买刊例价" align="left" prop="postCode" width="150" />
<el-table-column label="购买周期" align="left" prop="postCode" width="150" />
<el-table-column label="折扣" align="left" prop="postCode" width="150" />
<el-table-column label="媒体总净价" align="center" prop="cataloguePhoto" width="230" />
<el-table-column label="总制作费" align="center" prop="mediaChain" width="160" />
<el-table-column label="总净价" align="center" prop="qualificationFile" width="130" />
<el-table-column label="单日覆盖人流量" align="center" prop="stampedPublication" width="150" />
<el-table-column label="SOV" align="center" prop="postCode" width="150" />
<el-table-column label="CPM" align="center" prop="postCode" width="150" />
<el-table-column label="备注" align="center" prop="postCode" width="150" />
<el-table-column label="是否框内" align="center" prop="postCode" width="150" />
<el-table-column label="成本" align="center" prop="postCode" width="150" />
<el-table-column label="制作成本" align="center" prop="postCode" width="150" />
<el-table-column label="供应商" align="center" prop="postCode" width="150" />
<el-table-column label="项目名称" align="left" prop="postCode" width="150" />
<el-table-column label="录入人员" align="center" prop="postCode" width="150" />
<el-table-column label="录入时间" align="center" prop="postCode" width="150" />
</el-table>
</div>
<div v-if="detailForm.business == '网络媒体部门'">
<el-tabs v-model="activePriceType" @tab-click="handlePriceTypeClick">
<el-tab-pane label="门禁" name="门禁">
<el-table v-loading="loading" :data="quotationList" height="382px">
<el-table-column label="序号" align="center" width="80">
<template #default="scope">
{{ scope.$index + 1 }}
</template>
</el-table-column>
<el-table-column label="城市" align="left" prop="postCode" width="150" />
<el-table-column label="媒体名称" align="left" prop="mediaName" width="200">
<template #default="scope">
<span class="mediaNameLabel">{{ scope.row.mediaName }}</span>
</template>
</el-table-column>
<el-table-column label="频次" align="left" prop="postCode" width="150" />
<el-table-column label="刊例价" align="left" prop="postCode" width="180" />
<el-table-column label="刊例价单位" align="left" prop="postCode" width="150" />
<el-table-column label="实际购买刊例价" align="left" prop="postCode" width="150" />
<el-table-column label="实际购买刊例价单位" align="left" prop="postCode" width="150" />
<el-table-column label="投放数量" align="left" prop="postCode" width="150" />
<el-table-column label="起购周期" align="left" prop="postCode" width="150" />
<el-table-column label="折扣" align="left" prop="postCode" width="150" />
<el-table-column label="媒体总净价" align="center" prop="cataloguePhoto" width="230" />
<el-table-column label="首次制作安装费" align="center" prop="cataloguePhoto" width="230" />
<el-table-column label="总制作费" align="center" prop="mediaChain" width="160" />
<el-table-column label="单价" align="center" prop="mediaChain" width="160" />
<el-table-column label="发布总净价" align="center" prop="qualificationFile"
width="130" />
<el-table-column label="发布总净价单位" align="center" prop="qualificationFile"
width="130" />
<el-table-column label="媒体费总价" align="center" prop="qualificationFile"
width="130" />
<el-table-column label="单日覆盖人流量" align="center" prop="stampedPublication"
width="150" />
<el-table-column label="总曝光/人次" align="center" prop="qualificationFile"
width="130" />
<el-table-column label="SOV" align="center" prop="postCode" width="150" />
<el-table-column label="CPM" align="center" prop="postCode" width="150" />
<el-table-column label="备注" align="center" prop="postCode" width="150" />
<el-table-column label="AB面划分" align="center" prop="postCode" width="150" />
<el-table-column label="录入人员" align="center" prop="postCode" width="150" />
<el-table-column label="录入时间" align="center" prop="postCode" width="150" />
</el-table>
</el-tab-pane>
<el-tab-pane label="候车厅" name="候车厅">
<el-table v-loading="loading" :data="quotationList" height="382px">
<el-table-column label="序号" align="center" width="80">
<template #default="scope">
{{ scope.$index + 1 }}
</template>
</el-table-column>
<el-table-column label="城市" align="left" prop="postCode" width="150" />
<el-table-column label="资源描述" align="left" prop="postCode" width="150" />
<el-table-column label="媒体名称" align="left" prop="mediaName" width="200">
<template #default="scope">
<span class="mediaNameLabel">{{ scope.row.mediaName }}</span>
</template>
</el-table-column>
<el-table-column label="频次" align="left" prop="postCode" width="150" />
<el-table-column label="发布总量" align="left" prop="postCode" width="150" />
<el-table-column label="刊例价" align="left" prop="postCode" width="180" />
<el-table-column label="刊例价单位" align="left" prop="postCode" width="150" />
<el-table-column label="实际购买刊例价" align="left" prop="postCode" width="150" />
<el-table-column label="实际购买刊例价单位" align="left" prop="postCode" width="150" />
<el-table-column label="购买周期" align="left" prop="postCode" width="150" />
<el-table-column label="折扣" align="left" prop="postCode" width="150" />
<el-table-column label="媒体总净价" align="center" prop="cataloguePhoto" width="230" />
<el-table-column label="首次制作安装费" align="center" prop="cataloguePhoto" width="230" />
<el-table-column label="总制作费" align="center" prop="mediaChain" width="160" />
<el-table-column label="总净价" align="center" prop="qualificationFile" width="130" />
<el-table-column label="总净价单位" align="center" prop="qualificationFile"
width="130" />
<el-table-column label="媒体费单价" align="center" prop="qualificationFile"
width="130" />
<el-table-column label="制作费" align="center" prop="qualificationFile" width="130" />
<el-table-column label="媒体费总价" align="center" prop="qualificationFile"
width="130" />
<el-table-column label="最终媒体费优惠价" align="center" prop="qualificationFile"
width="130" />
<el-table-column label="单日覆盖人流量" align="center" prop="stampedPublication"
width="150" />
<el-table-column label="总曝光/人次" align="center" prop="qualificationFile"
width="130" />
<el-table-column label="SOV" align="center" prop="postCode" width="150" />
<el-table-column label="CPM" align="center" prop="postCode" width="150" />
<el-table-column label="是否亮灯" align="center" prop="postCode" width="150" />
<el-table-column label="单面/双面" align="center" prop="postCode" width="150" />
<el-table-column label="中途换画制作费" align="center" prop="postCode" width="150" />
<el-table-column label="备注" align="center" prop="postCode" width="150" />
<el-table-column label="录入人员" align="center" prop="postCode" width="150" />
<el-table-column label="录入时间" align="center" prop="postCode" width="150" />
</el-table>
</el-tab-pane>
<el-tab-pane label="道闸" name="道闸">
<el-table v-loading="loading" :data="quotationList" height="382px">
<el-table-column label="序号" align="center" width="80">
<template #default="scope">
{{ scope.$index + 1 }}
</template>
</el-table-column>
<el-table-column label="城市" align="left" prop="postCode" width="150" />
<el-table-column label="媒体名称" align="left" prop="mediaName" width="200">
<template #default="scope">
<span class="mediaNameLabel">{{ scope.row.mediaName }}</span>
</template>
</el-table-column>
<el-table-column label="频次" align="left" prop="postCode" width="150" />
<el-table-column label="发布总量" align="left" prop="postCode" width="150" />
<el-table-column label="刊例价" align="left" prop="postCode" width="180" />
<el-table-column label="刊例价单位" align="left" prop="postCode" width="150" />
<el-table-column label="最短购买周期" align="left" prop="postCode" width="150" />
<el-table-column label="折扣" align="left" prop="postCode" width="150" />
<el-table-column label="媒体总净价" align="center" prop="cataloguePhoto" width="230" />
<el-table-column label="首次制作安装费" align="center" prop="cataloguePhoto" width="230" />
<el-table-column label="总制作费" align="center" prop="mediaChain" width="160" />
<el-table-column label="总净价" align="center" prop="qualificationFile" width="130" />
<el-table-column label="总净价单位" align="center" prop="qualificationFile"
width="130" />
<el-table-column label="4周/面" align="center" prop="qualificationFile" width="130" />
<el-table-column label="媒体费总价" align="center" prop="qualificationFile"
width="130" />
<el-table-column label="单日覆盖人流量" align="center" prop="stampedPublication"
width="150" />
<el-table-column label="总曝光/人次" align="center" prop="qualificationFile"
width="130" />
<el-table-column label="SOV" align="center" prop="postCode" width="150" />
<el-table-column label="CPM" align="center" prop="postCode" width="150" />
<el-table-column label="备注" align="center" prop="postCode" width="150" />
<el-table-column label="录入人员" align="center" prop="postCode" width="150" />
<el-table-column label="录入时间" align="center" prop="postCode" width="150" />
</el-table>
</el-tab-pane>
<el-tab-pane label="地铁" name="地铁">
<el-table v-loading="loading" :data="quotationList" height="382px">
<el-table-column label="序号" align="center" width="80">
<template #default="scope">
{{ scope.$index + 1 }}
</template>
</el-table-column>
<el-table-column label="城市" align="left" prop="postCode" width="150" />
<el-table-column label="线路" align="left" prop="postCode" width="150" />
<el-table-column label="站点" align="left" prop="postCode" width="150" />
<el-table-column label="级别" align="left" prop="postCode" width="150" />
<el-table-column label="媒体形式" align="left" prop="postCode" width="150" />
<el-table-column label="媒体名称" align="left" prop="mediaName" width="200">
<template #default="scope">
<span class="mediaNameLabel">{{ scope.row.mediaName }}</span>
</template>
</el-table-column>
<el-table-column label="频次" align="left" prop="postCode" width="150" />
<el-table-column label="刊例价" align="left" prop="postCode" width="180" />
<el-table-column label="刊例价单位" align="left" prop="postCode" width="150" />
<el-table-column label="实际购买刊例价" align="left" prop="postCode" width="150" />
<el-table-column label="实际购买刊例价单位" align="left" prop="postCode" width="150" />
<el-table-column label="短期附加费" align="left" prop="postCode" width="150" />
<el-table-column label="创意附加费" align="left" prop="postCode" width="150" />
<el-table-column label="起投周期" align="left" prop="postCode" width="150" />
<el-table-column label="投放周期" align="left" prop="postCode" width="150" />
<el-table-column label="购买数量" align="left" prop="postCode" width="150" />
<el-table-column label="购买数量单位" align="left" prop="postCode" width="150" />
<el-table-column label="折扣" align="left" prop="postCode" width="150" />
<el-table-column label="媒体总净价" align="center" prop="cataloguePhoto" width="230" />
<el-table-column label="媒体总净价单位" align="center" prop="cataloguePhoto" width="230" />
<el-table-column label="常规制作费" align="center" prop="cataloguePhoto" width="230" />
<el-table-column label="创意制作费" align="center" prop="cataloguePhoto" width="230" />
<el-table-column label="总制作费" align="center" prop="mediaChain" width="160" />
<el-table-column label="总净价" align="center" prop="qualificationFile" width="130" />
<el-table-column label="总净价单位" align="center" prop="qualificationFile"
width="130" />
<el-table-column label="底价" align="center" prop="qualificationFile" width="130" />
<el-table-column label="低价总" align="center" prop="qualificationFile" width="130" />
<el-table-column label="制作费" align="center" prop="qualificationFile" width="130" />
<el-table-column label="媒体费总价" align="center" prop="qualificationFile"
width="130" />
<el-table-column label="单日覆盖人流量" align="center" prop="stampedPublication"
width="150" />
<el-table-column label="发布期内总曝光人次" align="center" prop="qualificationFile"
width="130" />
<el-table-column label="同站内同类媒体数量或列车总量" align="center" prop="qualificationFile"
width="130" />
<el-table-column label="SOV" align="center" prop="postCode" width="150" />
<el-table-column label="CPM" align="center" prop="postCode" width="150" />
<el-table-column label="覆盖热区" align="center" prop="postCode" width="150" />
<el-table-column label="备注" align="center" prop="postCode" width="150" />
<el-table-column label="录入人员" align="center" prop="postCode" width="150" />
<el-table-column label="录入时间" align="center" prop="postCode" width="150" />
</el-table>
</el-tab-pane>
<el-tab-pane label="高铁" name="高铁">
<el-table v-loading="loading" :data="quotationList" height="382px">
<el-table-column label="序号" align="center" width="80">
<template #default="scope">
{{ scope.$index + 1 }}
</template>
</el-table-column>
<el-table-column label="城市" align="left" prop="postCode" width="150" />
<el-table-column label="场站" align="left" prop="postCode" width="150" />
<el-table-column label="媒体位置" align="left" prop="mediaName" width="200">
<template #default="scope">
<span class="mediaNameLabel">{{ scope.row.mediaName }}</span>
</template>
</el-table-column>
<el-table-column label="频次" align="left" prop="postCode" width="150" />
<el-table-column label="发布总量" align="left" prop="postCode" width="150" />
<el-table-column label="刊例价" align="left" prop="postCode" width="180" />
<el-table-column label="刊例价单位" align="left" prop="postCode" width="150" />
<el-table-column label="购买周期" align="left" prop="postCode" width="150" />
<el-table-column label="折扣" align="left" prop="postCode" width="150" />
<el-table-column label="媒体总净价" align="center" prop="cataloguePhoto" width="230" />
<el-table-column label="首次制作安装费" align="center" prop="cataloguePhoto" width="230" />
<el-table-column label="总制作费" align="center" prop="mediaChain" width="160" />
<el-table-column label="总净价" align="center" prop="qualificationFile" width="130" />
<el-table-column label="总净价单位" align="center" prop="qualificationFile"
width="130" />
<el-table-column label="客流量/人次" align="center" prop="stampedPublication"
width="150" />
<el-table-column label="总曝光/人次" align="center" prop="qualificationFile"
width="130" />
<el-table-column label="SOV" align="center" prop="postCode" width="150" />
<el-table-column label="CPM" align="center" prop="postCode" width="150" />
<el-table-column label="成本折扣" align="center" prop="postCode" width="150" />
<el-table-column label="成本" align="center" prop="postCode" width="150" />
<el-table-column label="备注" align="center" prop="postCode" width="150" />
<el-table-column label="录入人员" align="center" prop="postCode" width="150" />
<el-table-column label="录入时间" align="center" prop="postCode" width="150" />
</el-table>
</el-tab-pane>
<el-tab-pane label="写字楼" name="写字楼">
<el-table v-loading="loading" :data="quotationList" height="382px">
<el-table-column label="序号" align="center" width="80">
<template #default="scope">
{{ scope.$index + 1 }}
</template>
</el-table-column>
<el-table-column label="城市" align="left" prop="postCode" width="150" />
<el-table-column label="媒体名称" align="left" prop="mediaName" width="200">
<template #default="scope">
<span class="mediaNameLabel">{{ scope.row.mediaName }}</span>
</template>
</el-table-column>
<el-table-column label="频次" align="left" prop="postCode" width="150" />
<el-table-column label="发布总量" align="left" prop="postCode" width="150" />
<el-table-column label="刊例价" align="left" prop="postCode" width="180" />
<el-table-column label="刊例价单位" align="left" prop="postCode" width="150" />
<el-table-column label="实际购买刊例价" align="left" prop="postCode" width="180" />
<el-table-column label="实际购买刊例价单位" align="left" prop="postCode" width="150" />
<el-table-column label="购买周期" align="left" prop="postCode" width="150" />
<el-table-column label="折扣" align="left" prop="postCode" width="150" />
<el-table-column label="媒体总净价" align="center" prop="cataloguePhoto" width="230" />
<el-table-column label="首次制作安装费" align="center" prop="cataloguePhoto" width="230" />
<el-table-column label="总制作费" align="center" prop="mediaChain" width="160" />
<el-table-column label="总净价" align="center" prop="qualificationFile" width="130" />
<el-table-column label="总净价单位" align="center" prop="qualificationFile"
width="130" />
<el-table-column label="媒体费总价" align="center" prop="qualificationFile"
width="130" />
<el-table-column label="单日覆盖人流量" align="center" prop="stampedPublication"
width="150" />
<el-table-column label="总曝光/人次" align="center" prop="qualificationFile"
width="130" />
<el-table-column label="SOV" align="center" prop="postCode" width="150" />
<el-table-column label="CPM" align="center" prop="postCode" width="150" />
<el-table-column label="成本折扣" align="center" prop="postCode" width="150" />
<el-table-column label="备注" align="center" prop="postCode" width="150" />
<el-table-column label="录入人员" align="center" prop="postCode" width="150" />
<el-table-column label="录入时间" align="center" prop="postCode" width="150" />
</el-table>
</el-tab-pane>
<el-tab-pane label="车库灯箱" name="车库灯箱">
<el-table v-loading="loading" :data="quotationList" height="382px">
<el-table-column label="序号" align="center" width="80">
<template #default="scope">
{{ scope.$index + 1 }}
</template>
</el-table-column>
<el-table-column label="城市" align="left" prop="postCode" width="150" />
<el-table-column label="媒体名称" align="left" prop="mediaName" width="200">
<template #default="scope">
<span class="mediaNameLabel">{{ scope.row.mediaName }}</span>
</template>
</el-table-column>
<el-table-column label="频次" align="left" prop="postCode" width="150" />
<el-table-column label="发布总量" align="left" prop="postCode" width="150" />
<el-table-column label="刊例价" align="left" prop="postCode" width="180" />
<el-table-column label="刊例价单位" align="left" prop="postCode" width="150" />
<el-table-column label="实际购买刊例价" align="left" prop="postCode" width="180" />
<el-table-column label="实际购买刊例价单位" align="left" prop="postCode" width="150" />
<el-table-column label="购买周期" align="left" prop="postCode" width="150" />
<el-table-column label="折扣" align="left" prop="postCode" width="150" />
<el-table-column label="媒体总净价" align="center" prop="cataloguePhoto" width="230" />
<el-table-column label="首次制作安装费" align="center" prop="cataloguePhoto" width="230" />
<el-table-column label="总制作费" align="center" prop="mediaChain" width="160" />
<el-table-column label="总净价" align="center" prop="qualificationFile" width="130" />
<el-table-column label="总净价单位" align="center" prop="qualificationFile"
width="130" />
<el-table-column label="媒体费总价" align="center" prop="qualificationFile"
width="130" />
<el-table-column label="单日覆盖人流量" align="center" prop="stampedPublication"
width="150" />
<el-table-column label="总曝光/人次" align="center" prop="qualificationFile"
width="130" />
<el-table-column label="SOV" align="center" prop="postCode" width="150" />
<el-table-column label="CPM" align="center" prop="postCode" width="150" />
<el-table-column label="成本折扣" align="center" prop="postCode" width="150" />
<el-table-column label="备注" align="center" prop="postCode" width="150" />
<el-table-column label="录入人员" align="center" prop="postCode" width="150" />
<el-table-column label="录入时间" align="center" prop="postCode" width="150" />
</el-table>
</el-tab-pane>
</el-tabs>
</div>
</el-collapse-item>
<el-collapse-item title="评估信息" name="4">
<el-collapse-item title="媒体深度信息" name="4">
<el-row :gutter="30" class="my_form_row">
<el-col :span="6">
<el-form-item label="品牌" prop="business_department">
有限责任公司
<el-form-item label="媒体归属名称">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="标签" prop="business_department">
长期
<el-form-item label="联系人">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="关键词" prop="business_department">
<el-form-item label="联系电话" prop="business">
13746577654
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="地标" prop="business_department">
<el-form-item label="媒体是否有改造" prop="business">
</el-form-item>
</el-col>
</el-row>
<div class="splineBar" />
<el-row :gutter="30" class="my_form_row">
<el-row :gutter="30" class="my_form_row" v-if="detailForm.business == '优势媒体部门'">
<el-col :span="6">
<el-form-item label="适用人群" prop="business_department">
有限责任公司
<el-form-item label="发票类型">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="最短发布期" prop="business_department">
长期
<el-form-item label="税点">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="MR" prop="business_department">
<el-form-item label="付款要求">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="行车可视情况" prop="business_department">
<el-form-item label="媒体公司名称" prop="business">
待定
</el-form-item>
</el-col>
</el-row>
<div class="splineBar" />
<el-row :gutter="30" class="my_form_row">
<div class="splineBar" v-if="detailForm.business == '优势媒体部门'" />
<el-row :gutter="30" class="my_form_row" v-if="detailForm.business == '优势媒体部门'">
<el-col :span="6">
<el-form-item label="可视距离" prop="business_department">
有限责任公司
<el-form-item label="物业公司名称" prop="business">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="可视角度(度)" prop="business_department">
长期
<el-form-item label="审批部门" prop="business">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="媒体朝向" prop="business_department">
<el-form-item label="批文情况">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="周边广告环境" prop="business_department">
<el-form-item label="批文发布时间">
待定
</el-form-item>
</el-col>
</el-row>
<div class="splineBar" />
<div class="splineBar" v-if="detailForm.business == '优势媒体部门'" />
<el-row :gutter="30" class="my_form_row" v-if="detailForm.business == '优势媒体部门'">
<el-col :span="6">
<el-form-item label="媒体独家授权" prop="business">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="独家授权时间">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="媒体行业授权" prop="business">
待定
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="媒体行业授权时间">
待定
</el-form-item>
</el-col>
</el-row>
<div class="splineBar" v-if="detailForm.business == '优势媒体部门'" />
<el-row :gutter="30" class="my_form_row" v-if="detailForm.business == '优势媒体部门'">
<el-col :span="24">
<el-form-item label="行业限制" prop="business">
待定
</el-form-item>
</el-col>
</el-row>
<div class="splineBar" v-if="detailForm.business == '优势媒体部门'" />
<el-row :gutter="30" class="my_form_row">
<el-col :span="6">
<el-form-item label="遮挡情况" prop="business_department">
有限责任公司
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="媒体距地面高度" prop="business_department">
长期
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="地图显示比例" prop="business_department">
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="小区" prop="business_department">
<el-col :span="24">
<el-form-item label="媒体曾经经营公司" prop="business">
待定
</el-form-item>
</el-col>
</el-row>
<div class="splineBar" />
<el-row :gutter="30" class="my_form_row">
<el-col :span="24">
<el-form-item label="优势" prop="business_department">
有限责任公司
<el-form-item label="媒体时间线" prop="business">
待定
</el-form-item>
</el-col>
</el-row>
<div class="splineBar" />
<el-row :gutter="30" class="my_form_row">
<el-col :span="24">
<el-form-item label="劣势" prop="business_department">
有限责任公司
<el-form-item label="曾经媒体情况" prop="business">
待定
</el-form-item>
</el-col>
</el-row>
<div class="splineBar" />
<el-row :gutter="30" class="my_form_row">
<el-col :span="24">
<el-form-item label="备注" prop="business_department">
有限责任公司
<el-form-item label="媒体历史事件" prop="business">
待定
</el-form-item>
</el-col>
</el-row>
<div class="splineBar" />
<el-row :gutter="30" class="my_form_row" v-if="detailForm.business == '网络媒体部门'">
<el-col :span="24">
<el-form-item label="同类媒体公司" prop="business">
待定
</el-form-item>
</el-col>
</el-row>
<div class="splineBar" v-if="detailForm.business == '网络媒体部门'" />
<el-row :gutter="30" class="my_form_row">
<el-col :span="24">
<el-form-item label="其他" prop="business">
待定
</el-form-item>
</el-col>
</el-row>
<div class="splineBar" />
<el-row :gutter="30" class="my_form_row" v-if="detailForm.business == '优势媒体部门'">
<el-col :span="24">
<el-form-item label="批文文件" class="filesItemContent">
</el-form-item>
</el-col>
</el-row>
<div class="splineBar" v-if="detailForm.business == '优势媒体部门'" />
<el-row :gutter="30" class="my_form_row" v-if="detailForm.business == '优势媒体部门'">
<el-col :span="24">
<el-form-item label="独家授权文件" class="filesItemContent">
</el-form-item>
</el-col>
</el-row>
<div class="splineBar" v-if="detailForm.business == '优势媒体部门'" />
<el-row :gutter="30" class="my_form_row" v-if="detailForm.business == '优势媒体部门'">
<el-col :span="24">
<el-form-item label="媒体行业授权文件" class="filesItemContent">
</el-form-item>
</el-col>
</el-row>
<div class="splineBar" v-if="detailForm.business == '优势媒体部门'" />
<el-row :gutter="30" class="my_form_row" v-if="detailForm.business == '网络媒体部门'">
<el-col :span="24">
<el-form-item label="媒体归属附件" class="filesItemContent">
</el-form-item>
</el-col>
</el-row>
<div class="splineBar" v-if="detailForm.business == '网络媒体部门'" />
<el-row :gutter="30" class="my_form_row">
<el-col :span="24">
<el-form-item label="曾经媒体照片" prop="business" class="filesItemContent">
</el-form-item>
</el-col>
</el-row>
</el-collapse-item>
<el-collapse-item title="附件" name="5">
<el-collapse-item title="其他信息" name="5">
<el-row :gutter="30" class="my_form_row">
<el-col :span="24">
<el-form-item label="媒体文件" class="filesItemContent" prop="business_department">
<el-form-item label="优势" prop="business">
</el-form-item>
</el-col>
@ -371,7 +696,7 @@
<div class="splineBar" />
<el-row :gutter="30" class="my_form_row">
<el-col :span="24">
<el-form-item label="媒体图片" class="filesItemContent" prop="business_department">
<el-form-item label="备注" prop="business">
</el-form-item>
</el-col>
@ -379,7 +704,7 @@
<div class="splineBar" />
<el-row :gutter="30" class="my_form_row">
<el-col :span="24">
<el-form-item label="媒体视频" class="filesItemContent" prop="business_department">
<el-form-item label="图片上传" class="filesItemContent" prop="business_department">
</el-form-item>
</el-col>
@ -387,31 +712,47 @@
<div class="splineBar" />
<el-row :gutter="30" class="my_form_row">
<el-col :span="24">
<el-form-item label="刊例照片" class="filesItemContent" prop="business_department">
<el-form-item label="视频上传" class="filesItemContent" prop="business_department">
</el-form-item>
</el-col>
</el-row>
<div class="splineBar" />
<el-row :gutter="30" class="my_form_row">
<div class="splineBar" v-if="detailForm.business == '优势媒体部门'" />
<el-row :gutter="30" class="my_form_row" v-if="detailForm.business == '优势媒体部门'">
<el-col :span="24">
<el-form-item label="媒体链条" class="filesItemContent" prop="business_department">
<el-form-item label="盖章刊例" class="filesItemContent" prop="business">
</el-form-item>
</el-col>
</el-row>
<div class="splineBar" />
<el-row :gutter="30" class="my_form_row">
<div class="splineBar" v-if="detailForm.business == '优势媒体部门'" />
<el-row :gutter="30" class="my_form_row" v-if="detailForm.business == '优势媒体部门'">
<el-col :span="24">
<el-form-item label="资质文件" class="filesItemContent" prop="business_department">
<el-form-item label="资质文件" class="filesItemContent" prop="business">
</el-form-item>
</el-col>
</el-row>
<div class="splineBar" />
<el-row :gutter="30" class="my_form_row">
<div class="splineBar" v-if="detailForm.business == '优势媒体部门'" />
<el-row :gutter="30" class="my_form_row" v-if="detailForm.business == '优势媒体部门'">
<el-col :span="24">
<el-form-item label="盖章刊例" class="filesItemContent" prop="business_department">
<el-form-item label="媒体链条" class="filesItemContent" prop="business">
</el-form-item>
</el-col>
</el-row>
<div class="splineBar" v-if="detailForm.business == '优势媒体部门'" />
<el-row :gutter="30" class="my_form_row" v-if="detailForm.business == '优势媒体部门'">
<el-col :span="24">
<el-form-item label="刊例照片" class="filesItemContent" prop="business">
</el-form-item>
</el-col>
</el-row>
<div class="splineBar" v-if="detailForm.business == '网络媒体部门'" />
<el-row :gutter="30" class="my_form_row" v-if="detailForm.business == '网络媒体部门'">
<el-col :span="24">
<el-form-item label="MR和制作要求" class="filesItemContent" prop="business">
</el-form-item>
</el-col>
@ -432,12 +773,13 @@ const bgStore = useBackgroundStore()
const { proxy } = getCurrentInstance()
const emit = defineEmits(['handleShowList']);
const detailForm = ref({
business: '优势媒体部门',
supplierList: [
{ medioName: '银川金凤区新华联广场门口上方LED', medioCode: 'MT2023101100009', medioType: 'LED', medioClass: '电子广告', medioStatus: 1 },
{ medioName: '银川金凤区新华联广场门口上方LED', medioCode: 'MT2023101100009', medioType: 'LED', medioClass: '电子广告', medioStatus: 1 }
]
})
const activePriceType = ref('门禁')
const quotationList = ref([
{ year: 2025 }
])