提交代码
This commit is contained in:
wangchengming
parent
05efe064d8
commit
b9bcee1385
|
|
@ -35,10 +35,10 @@
|
|||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="业务部门:">
|
||||
<el-select v-model="queryParams.businessType" placeholder="请选择" clearable
|
||||
<el-select v-model="queryParams.dataScopeDeptId" placeholder="请选择" clearable
|
||||
style="min-width: 30px;">
|
||||
<el-option v-for="item in deptList" :key="item.deptId" :label="item.deptName"
|
||||
:value="item.deptName" />
|
||||
:value="item.deptId" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="状态:">
|
||||
|
|
@ -182,16 +182,11 @@
|
|||
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="媒体编号" align="left" prop="mediaCode" width="150" />
|
||||
<el-table-column label="媒体编号" align="left" prop="mediaCode" width="180" />
|
||||
<el-table-column label="媒体大类" align="left" prop="mediaCategoryStr" width="150" />
|
||||
<el-table-column label="商圈" align="left" prop="businessDistrictName" width="150" />
|
||||
<el-table-column label="展示形式" align="left" prop="displayFormStr" width="150" />
|
||||
<el-table-column label="业务部门" align="left" prop="businessType" width="150">
|
||||
<template #default="scope">
|
||||
<span v-if="scope.row.state == 1">优势媒体部</span>
|
||||
<span v-if="scope.row.state == 2">网络媒体部</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="业务部门" align="left" prop="dataScopeDeptName" width="150" />
|
||||
<el-table-column label="刊例照片" align="center" prop="cataloguePhoto" width="90">
|
||||
<template #default="scope">
|
||||
<img style="cursor: pointer;" :src="scope.row.currentCataloguePhotoSrc"
|
||||
|
|
@ -368,7 +363,7 @@ const data = reactive({
|
|||
mediaCategory: undefined,
|
||||
displayForm: undefined,
|
||||
belongSupplierId: undefined,
|
||||
businessType: undefined,
|
||||
dataScopeDeptId: undefined,
|
||||
state: undefined,
|
||||
provinceCode: undefined,
|
||||
cityCode: undefined,
|
||||
|
|
@ -507,7 +502,7 @@ const handleFlod = () => {
|
|||
|
||||
/** 查询媒体信息列表 */
|
||||
const getMediaPageList = () => {
|
||||
loading.value = false
|
||||
loading.value = true
|
||||
mediaPageList(queryParams.value).then(res => {
|
||||
res.data.rows.forEach(element => {
|
||||
element.currentImageSrc = defaultImageSrc.value;
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@
|
|||
<el-row :gutter="30" class="my_form_row">
|
||||
<el-col :span="6">
|
||||
<el-form-item label="业务部门" prop="business">
|
||||
{{ businessTypeName }}
|
||||
{{ detailForm.dataScopeDeptName }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
|
@ -60,14 +60,14 @@
|
|||
{{ detailForm.displayFormStr }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" v-if="businessTypeName == '优势媒体部'">
|
||||
<el-col :span="6" v-if="detailForm.dataScopeDeptName == '优势媒体部'">
|
||||
<el-form-item label="是否有照明" prop="business_department">
|
||||
{{ detailForm.hasLighting }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="splineBar" />
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '优势媒体部'">
|
||||
<el-row :gutter="30" class="my_form_row" v-if="detailForm.dataScopeDeptName == '优势媒体部'">
|
||||
<el-col :span="6">
|
||||
<el-form-item label="播放时间" prop="business_department">
|
||||
{{ detailForm.playbackTime }}
|
||||
|
|
@ -89,15 +89,15 @@
|
|||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="splineBar" v-if="businessTypeName == '优势媒体部'" />
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '优势媒体部'">
|
||||
<div class="splineBar" v-if="detailForm.dataScopeDeptName == '优势媒体部'" />
|
||||
<el-row :gutter="30" class="my_form_row" v-if="detailForm.dataScopeDeptName == '优势媒体部'">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="媒体朝向" prop="business_department">
|
||||
{{ detailForm.mediaOrientation }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="splineBar" v-if="businessTypeName == '优势媒体部'" />
|
||||
<div class="splineBar" v-if="detailForm.dataScopeDeptName == '优势媒体部'" />
|
||||
<el-row :gutter="30" class="my_form_row">
|
||||
<el-col :span="18">
|
||||
<el-form-item label="城市" prop="business_department">
|
||||
|
|
@ -129,8 +129,8 @@
|
|||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="splineBar" v-if="businessTypeName == '优势媒体部'" />
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '优势媒体部'">
|
||||
<div class="splineBar" v-if="detailForm.dataScopeDeptName == '优势媒体部'" />
|
||||
<el-row :gutter="30" class="my_form_row" v-if="detailForm.dataScopeDeptName == '优势媒体部'">
|
||||
<el-col :span="6">
|
||||
<el-form-item label="最小购买周期">
|
||||
{{ detailForm.minPurchaseCycle }}
|
||||
|
|
@ -149,10 +149,10 @@
|
|||
</el-row>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="媒体报价信息" name="3">
|
||||
<div v-if="businessTypeName == '优势媒体部'">
|
||||
<div v-if="detailForm.dataScopeDeptName == '优势媒体部'">
|
||||
<competitiveOffer ref="competitiveOfferRef" />
|
||||
</div>
|
||||
<div v-if="businessTypeName == '网络媒体部'">
|
||||
<div v-if="detailForm.dataScopeDeptName == '网络媒体部'">
|
||||
<el-tabs v-model="activePriceType" @tab-click="handlePriceTypeClick">
|
||||
<el-tab-pane label="门禁" name="门禁">
|
||||
<accessControlPrice ref="accessControlPriceRef" />
|
||||
|
|
@ -197,12 +197,13 @@
|
|||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="媒体是否有改造" prop="business">
|
||||
{{ detailForm.hasReform }}
|
||||
<span v-if="detailForm.hasReform == 0">否</span>
|
||||
<span v-if="detailForm.hasReform == 1">是</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="splineBar" />
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '优势媒体部'">
|
||||
<el-row :gutter="30" class="my_form_row" v-if="detailForm.dataScopeDeptName == '优势媒体部'">
|
||||
<el-col :span="6">
|
||||
<el-form-item label="发票类型">
|
||||
{{ detailForm.invoiceType }}
|
||||
|
|
@ -224,8 +225,8 @@
|
|||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="splineBar" v-if="businessTypeName == '优势媒体部'" />
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '优势媒体部'">
|
||||
<div class="splineBar" v-if="detailForm.dataScopeDeptName == '优势媒体部'" />
|
||||
<el-row :gutter="30" class="my_form_row" v-if="detailForm.dataScopeDeptName == '优势媒体部'">
|
||||
<el-col :span="6">
|
||||
<el-form-item label="物业公司名称" prop="business">
|
||||
{{ detailForm.propertyCompanyName }}
|
||||
|
|
@ -247,8 +248,8 @@
|
|||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="splineBar" v-if="businessTypeName == '优势媒体部'" />
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '优势媒体部'">
|
||||
<div class="splineBar" v-if="detailForm.dataScopeDeptName == '优势媒体部'" />
|
||||
<el-row :gutter="30" class="my_form_row" v-if="detailForm.dataScopeDeptName == '优势媒体部'">
|
||||
<el-col :span="6">
|
||||
<el-form-item label="媒体独家授权" prop="business">
|
||||
{{ detailForm.soleAgentAuth }}
|
||||
|
|
@ -270,15 +271,15 @@
|
|||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="splineBar" v-if="businessTypeName == '优势媒体部'" />
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '优势媒体部'">
|
||||
<div class="splineBar" v-if="detailForm.dataScopeDeptName == '优势媒体部'" />
|
||||
<el-row :gutter="30" class="my_form_row" v-if="detailForm.dataScopeDeptName == '优势媒体部'">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="行业限制" prop="business">
|
||||
{{ detailForm.industryLimit }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="splineBar" v-if="businessTypeName == '优势媒体部'" />
|
||||
<div class="splineBar" v-if="detailForm.dataScopeDeptName == '优势媒体部'" />
|
||||
<el-row :gutter="30" class="my_form_row">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="媒体曾经经营公司" prop="business">
|
||||
|
|
@ -311,14 +312,14 @@
|
|||
</el-col>
|
||||
</el-row>
|
||||
<div class="splineBar" />
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '网络媒体部'">
|
||||
<el-row :gutter="30" class="my_form_row" v-if="detailForm.dataScopeDeptName == '网络媒体部'">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="同类媒体公司" prop="business">
|
||||
{{ detailForm.equalsMediaCompany }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="splineBar" v-if="businessTypeName == '网络媒体部'" />
|
||||
<div class="splineBar" v-if="detailForm.dataScopeDeptName == '网络媒体部'" />
|
||||
<el-row :gutter="30" class="my_form_row">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="其他" prop="business">
|
||||
|
|
@ -327,38 +328,38 @@
|
|||
</el-col>
|
||||
</el-row>
|
||||
<div class="splineBar" />
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '优势媒体部'">
|
||||
<el-row :gutter="30" class="my_form_row" v-if="detailForm.dataScopeDeptName == '优势媒体部'">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="批文文件" class="filesItemContent">
|
||||
<supplierDetailFile ref="approvalDocumentRef" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="splineBar" v-if="businessTypeName == '优势媒体部'" />
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '优势媒体部'">
|
||||
<div class="splineBar" v-if="detailForm.dataScopeDeptName == '优势媒体部'" />
|
||||
<el-row :gutter="30" class="my_form_row" v-if="detailForm.dataScopeDeptName == '优势媒体部'">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="独家授权文件" class="filesItemContent">
|
||||
<supplierDetailFile ref="exclusiveLicenseFileRef" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="splineBar" v-if="businessTypeName == '优势媒体部'" />
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '优势媒体部'">
|
||||
<div class="splineBar" v-if="detailForm.dataScopeDeptName == '优势媒体部'" />
|
||||
<el-row :gutter="30" class="my_form_row" v-if="detailForm.dataScopeDeptName == '优势媒体部'">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="媒体行业授权文件" class="filesItemContent">
|
||||
<supplierDetailFile ref="mediaLicenseFileRef" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="splineBar" v-if="businessTypeName == '优势媒体部'" />
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '网络媒体部'">
|
||||
<div class="splineBar" v-if="detailForm.dataScopeDeptName == '优势媒体部'" />
|
||||
<el-row :gutter="30" class="my_form_row" v-if="detailForm.dataScopeDeptName == '网络媒体部'">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="媒体归属附件" class="filesItemContent">
|
||||
<supplierDetailFile ref="mediaOwnershipRef" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="splineBar" v-if="businessTypeName == '网络媒体部'" />
|
||||
<div class="splineBar" v-if="detailForm.dataScopeDeptName == '网络媒体部'" />
|
||||
<el-row :gutter="30" class="my_form_row">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="曾经媒体照片" prop="business" class="filesItemContent">
|
||||
|
|
@ -399,40 +400,40 @@
|
|||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="splineBar" v-if="businessTypeName == '优势媒体部'" />
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '优势媒体部'">
|
||||
<div class="splineBar" v-if="detailForm.dataScopeDeptName == '优势媒体部'" />
|
||||
<el-row :gutter="30" class="my_form_row" v-if="detailForm.dataScopeDeptName == '优势媒体部'">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="盖章刊例" class="filesItemContent" prop="business">
|
||||
<supplierDetailFile ref="stampedPublicationRef" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="splineBar" v-if="businessTypeName == '优势媒体部'" />
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '优势媒体部'">
|
||||
<div class="splineBar" v-if="detailForm.dataScopeDeptName == '优势媒体部'" />
|
||||
<el-row :gutter="30" class="my_form_row" v-if="detailForm.dataScopeDeptName == '优势媒体部'">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="资质文件" class="filesItemContent" prop="business">
|
||||
<supplierDetailFile ref="qualificationFileRef" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="splineBar" v-if="businessTypeName == '优势媒体部'" />
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '优势媒体部'">
|
||||
<div class="splineBar" v-if="detailForm.dataScopeDeptName == '优势媒体部'" />
|
||||
<el-row :gutter="30" class="my_form_row" v-if="detailForm.dataScopeDeptName == '优势媒体部'">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="媒体链条" class="filesItemContent" prop="business">
|
||||
<supplierDetailFile ref="mediaChainRef" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="splineBar" v-if="businessTypeName == '优势媒体部'" />
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '优势媒体部'">
|
||||
<div class="splineBar" v-if="detailForm.dataScopeDeptName == '优势媒体部'" />
|
||||
<el-row :gutter="30" class="my_form_row" v-if="detailForm.dataScopeDeptName == '优势媒体部'">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="刊例照片" class="filesItemContent" prop="business">
|
||||
<supplierDetailFile ref="journalCataloguePhotoRef" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="splineBar" v-if="businessTypeName == '网络媒体部'" />
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '网络媒体部'">
|
||||
<div class="splineBar" v-if="detailForm.dataScopeDeptName == '网络媒体部'" />
|
||||
<el-row :gutter="30" class="my_form_row" v-if="detailForm.dataScopeDeptName == '网络媒体部'">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="MR和制作要求" class="filesItemContent" prop="business">
|
||||
<supplierDetailFile ref="mRProductionRequirementsRef" />
|
||||
|
|
@ -468,12 +469,6 @@ const emit = defineEmits(['handleShowList']);
|
|||
const detailForm = ref({})
|
||||
const activePriceType = ref('门禁')
|
||||
const activeNames = ref(['1', '2', '3', '4'])
|
||||
const businessTypeName = ref('优势媒体部')
|
||||
// 业务部门
|
||||
const deptList = ref([
|
||||
{ value: 1, label: '优势媒体部' },
|
||||
{ value: 2, label: '网络媒体部' }
|
||||
])
|
||||
|
||||
// 优势媒体报价组件
|
||||
const competitiveOfferRef = ref(null)
|
||||
|
|
@ -533,25 +528,19 @@ const handlePriceTypeClick = (tab, event) => {
|
|||
}
|
||||
// 初始化
|
||||
const handleChangeDept = (val) => {
|
||||
const choseDep = deptList.value.filter(item => item.value == val)[0]
|
||||
console.log('部门', choseDep)
|
||||
detailForm.value.businessType = choseDep?.value
|
||||
businessTypeName.value = choseDep?.label
|
||||
nextTick(() => {
|
||||
if (businessTypeName.value == '优势媒体部' && competitiveOfferRef.value) competitiveOfferRef.value.getMediaPrice(detailForm.value.id, false)
|
||||
if (businessTypeName.value == '网络媒体部' && activePriceType.value == '门禁') accessControlPriceRef.value.getMediaPrice(detailForm.value.id, false)
|
||||
if (businessTypeName.value == '网络媒体部' && activePriceType.value == '候车厅') waitingHallPriceRef.value.getMediaPrice(detailForm.value.id, false)
|
||||
if (businessTypeName.value == '网络媒体部' && activePriceType.value == '道闸') barrierGatePriceRef.value.getMediaPrice(detailForm.value.id, false)
|
||||
if (businessTypeName.value == '网络媒体部' && activePriceType.value == '地铁') subwayPriceRef.value.getMediaPrice(detailForm.value.id, false)
|
||||
if (businessTypeName.value == '网络媒体部' && activePriceType.value == '高铁') highSpeedRailwayRef.value.getMediaPrice(detailForm.value.id, false)
|
||||
if (businessTypeName.value == '网络媒体部' && activePriceType.value == '写字楼') officeBuildingRef.value.getMediaPrice(detailForm.value.id, false)
|
||||
if (businessTypeName.value == '网络媒体部' && activePriceType.value == '车库灯箱') garageLightBoxRef.value.getMediaPrice(detailForm.value.id, false)
|
||||
})
|
||||
if (detailForm.value.dataScopeDeptName == '优势媒体部' && competitiveOfferRef.value) competitiveOfferRef.value.getMediaPrice(detailForm.value.id, false)
|
||||
if (detailForm.value.dataScopeDeptName == '网络媒体部' && activePriceType.value == '门禁') accessControlPriceRef.value.getMediaPrice(detailForm.value.id, false)
|
||||
if (detailForm.value.dataScopeDeptName == '网络媒体部' && activePriceType.value == '候车厅') waitingHallPriceRef.value.getMediaPrice(detailForm.value.id, false)
|
||||
if (detailForm.value.dataScopeDeptName == '网络媒体部' && activePriceType.value == '道闸') barrierGatePriceRef.value.getMediaPrice(detailForm.value.id, false)
|
||||
if (detailForm.value.dataScopeDeptName == '网络媒体部' && activePriceType.value == '地铁') subwayPriceRef.value.getMediaPrice(detailForm.value.id, false)
|
||||
if (detailForm.value.dataScopeDeptName == '网络媒体部' && activePriceType.value == '高铁') highSpeedRailwayRef.value.getMediaPrice(detailForm.value.id, false)
|
||||
if (detailForm.value.dataScopeDeptName == '网络媒体部' && activePriceType.value == '写字楼') officeBuildingRef.value.getMediaPrice(detailForm.value.id, false)
|
||||
if (detailForm.value.dataScopeDeptName == '网络媒体部' && activePriceType.value == '车库灯箱') garageLightBoxRef.value.getMediaPrice(detailForm.value.id, false)
|
||||
}
|
||||
const getMediaInfo = () => {
|
||||
mediaDetail({ mediaId: detailForm.value.id }).then(res => {
|
||||
detailForm.value = res.data
|
||||
handleChangeDept(res.data.businessType)
|
||||
handleChangeDept(res.data.dataScopeDeptName)
|
||||
if (detailForm.value.mediaFile && detailForm.value.mediaFile.length > 0) {
|
||||
if (approvalDocumentRef.value) {
|
||||
const fileList = detailForm.value.mediaFile.filter(item => item.fileType == 1)
|
||||
|
|
|
|||
|
|
@ -13,11 +13,11 @@
|
|||
<el-collapse-item title="业务部门" name="1">
|
||||
<el-row :gutter="30" class="my_form_row">
|
||||
<el-col :span="6">
|
||||
<el-form-item label="业务部门" prop="businessType">
|
||||
<el-select v-model="ruleForm.businessType" placeholder="请选择" @change="handleChangeDept"
|
||||
clearable style="min-width: 30px;">
|
||||
<el-option v-for="item in deptList" :key="item.value" :label="item.label"
|
||||
:value="item.value" />
|
||||
<el-form-item label="业务部门" prop="dataScopeDeptId">
|
||||
<el-select v-model="ruleForm.dataScopeDeptId" placeholder="请选择"
|
||||
@change="handleChangeDept" clearable style="min-width: 30px;">
|
||||
<el-option v-for="item in deptList" :key="item.deptId" :label="item.deptName"
|
||||
:value="item.deptId" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
|
@ -27,7 +27,7 @@
|
|||
<el-row :gutter="30" class="my_form_row">
|
||||
<el-col :span="6" v-if="ruleForm.id">
|
||||
<el-form-item label="媒体编号">
|
||||
<el-input v-model="ruleForm.mediaCode" placeholder="请输入" />
|
||||
<el-input v-model="ruleForm.mediaCode" placeholder="请输入" disabled />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
|
|
@ -64,7 +64,7 @@
|
|||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6" v-if="businessTypeName == '优势媒体部'">
|
||||
<el-col :span="6" v-if="ruleForm.dataScopeDeptName == '优势媒体部'">
|
||||
<el-form-item label="是否有照明" prop="hasLighting">
|
||||
<el-select v-model="ruleForm.hasLighting" placeholder="请选择" style="min-width: 30px;"
|
||||
clearable>
|
||||
|
|
@ -74,7 +74,7 @@
|
|||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '优势媒体部'">
|
||||
<el-row :gutter="30" class="my_form_row" v-if="ruleForm.dataScopeDeptName == '优势媒体部'">
|
||||
<el-col :span="6">
|
||||
<el-form-item label="播放时间" prop="playbackTime">
|
||||
<el-input v-model="ruleForm.playbackTime" placeholder="请输入" />
|
||||
|
|
@ -100,7 +100,7 @@
|
|||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '优势媒体部'">
|
||||
<el-row :gutter="30" class="my_form_row" v-if="ruleForm.dataScopeDeptName == '优势媒体部'">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="媒体朝向" prop="mediaOrientation">
|
||||
<el-input v-model="ruleForm.mediaOrientation" placeholder="请输入" />
|
||||
|
|
@ -174,7 +174,7 @@
|
|||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '优势媒体部'">
|
||||
<el-row :gutter="30" class="my_form_row" v-if="ruleForm.dataScopeDeptName == '优势媒体部'">
|
||||
<el-col :span="8">
|
||||
<el-form-item label="最小购买周期">
|
||||
<el-input v-model="ruleForm.minPurchaseCycle" placeholder="请输入" />
|
||||
|
|
@ -193,11 +193,11 @@
|
|||
</el-row>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="媒体报价信息" name="3">
|
||||
<div v-if="businessTypeName == '优势媒体部'">
|
||||
<div v-if="ruleForm.dataScopeDeptName == '优势媒体部'">
|
||||
<competitiveOffer ref="competitiveOfferRef"
|
||||
@setCompetOfferMediaPrice="handleSetCompetOfferMediaPrice" />
|
||||
</div>
|
||||
<div v-if="businessTypeName == '网络媒体部'">
|
||||
<div v-if="ruleForm.dataScopeDeptName == '网络媒体部'">
|
||||
<el-tabs v-model="activePriceType" @tab-click="handlePriceTypeClick">
|
||||
<el-tab-pane label="门禁" name="门禁">
|
||||
<accessControlPrice ref="accessControlPriceRef"
|
||||
|
|
@ -263,7 +263,7 @@
|
|||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '优势媒体部'">
|
||||
<el-row :gutter="30" class="my_form_row" v-if="ruleForm.dataScopeDeptName == '优势媒体部'">
|
||||
<el-col :span="6">
|
||||
<el-form-item label="发票类型">
|
||||
<el-select v-model="ruleForm.invoiceType" placeholder="请选择" style="min-width: 30px;"
|
||||
|
|
@ -297,7 +297,7 @@
|
|||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '优势媒体部'">
|
||||
<el-row :gutter="30" class="my_form_row" v-if="ruleForm.dataScopeDeptName == '优势媒体部'">
|
||||
<el-col :span="6">
|
||||
<el-form-item label="物业公司名称" prop="business">
|
||||
<el-input v-model="ruleForm.propertyCompanyName" placeholder="请输入" />
|
||||
|
|
@ -324,7 +324,7 @@
|
|||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '优势媒体部'">
|
||||
<el-row :gutter="30" class="my_form_row" v-if="ruleForm.dataScopeDeptName == '优势媒体部'">
|
||||
<el-col :span="6">
|
||||
<el-form-item label="媒体独家授权" prop="business">
|
||||
<el-input v-model="ruleForm.soleAgentAuth" placeholder="请输入" />
|
||||
|
|
@ -348,7 +348,7 @@
|
|||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '优势媒体部'">
|
||||
<el-row :gutter="30" class="my_form_row" v-if="ruleForm.dataScopeDeptName == '优势媒体部'">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="行业限制" prop="business">
|
||||
<el-input v-model="ruleForm.industryLimit" :rows="5" type="textarea"
|
||||
|
|
@ -388,7 +388,7 @@
|
|||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '网络媒体部'">
|
||||
<el-row :gutter="30" class="my_form_row" v-if="ruleForm.dataScopeDeptName == '网络媒体部'">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="同类媒体公司" prop="business">
|
||||
<el-input v-model="ruleForm.equalsMediaCompany" :rows="5" type="textarea"
|
||||
|
|
@ -404,28 +404,28 @@
|
|||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '优势媒体部'">
|
||||
<el-row :gutter="30" class="my_form_row" v-if="ruleForm.dataScopeDeptName == '优势媒体部'">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="批文文件">
|
||||
<multiFileUpload ref="approvalDocumentRef" @set-form-file="handleSetMediaFile" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '优势媒体部'">
|
||||
<el-row :gutter="30" class="my_form_row" v-if="ruleForm.dataScopeDeptName == '优势媒体部'">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="独家授权文件">
|
||||
<multiFileUpload ref="exclusiveLicenseFileRef" @set-form-file="handleSetMediaFile" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '优势媒体部'">
|
||||
<el-row :gutter="30" class="my_form_row" v-if="ruleForm.dataScopeDeptName == '优势媒体部'">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="媒体行业授权文件">
|
||||
<multiFileUpload ref="mediaLicenseFileRef" @set-form-file="handleSetMediaFile" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '网络媒体部'">
|
||||
<el-row :gutter="30" class="my_form_row" v-if="ruleForm.dataScopeDeptName == '网络媒体部'">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="媒体归属附件">
|
||||
<multiFileUpload ref="mediaOwnershipRef" @set-form-file="handleSetMediaFile" />
|
||||
|
|
@ -471,35 +471,35 @@
|
|||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '优势媒体部'">
|
||||
<el-row :gutter="30" class="my_form_row" v-if="ruleForm.dataScopeDeptName == '优势媒体部'">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="盖章刊例">
|
||||
<multiFileUpload ref="stampedPublicationRef" @set-form-file="handleSetMediaFile" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '优势媒体部'">
|
||||
<el-row :gutter="30" class="my_form_row" v-if="ruleForm.dataScopeDeptName == '优势媒体部'">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="资质文件">
|
||||
<multiFileUpload ref="qualificationFileRef" @set-form-file="handleSetMediaFile" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '优势媒体部'">
|
||||
<el-row :gutter="30" class="my_form_row" v-if="ruleForm.dataScopeDeptName == '优势媒体部'">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="媒体链条">
|
||||
<multiFileUpload ref="mediaChainRef" @set-form-file="handleSetMediaFile" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '优势媒体部'">
|
||||
<el-row :gutter="30" class="my_form_row" v-if="ruleForm.dataScopeDeptName == '优势媒体部'">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="刊例照片">
|
||||
<multiFileUpload ref="journalCataloguePhotoRef" @set-form-file="handleSetMediaFile" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="30" class="my_form_row" v-if="businessTypeName == '网络媒体部'">
|
||||
<el-row :gutter="30" class="my_form_row" v-if="ruleForm.dataScopeDeptName == '网络媒体部'">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="MR和制作要求">
|
||||
<multiFileUpload ref="mRProductionRequirementsRef"
|
||||
|
|
@ -520,10 +520,10 @@
|
|||
<script setup>
|
||||
import { onMounted, nextTick, defineEmits, ref } from 'vue'
|
||||
import { Close, LocationInformation } from '@element-plus/icons-vue'
|
||||
import { listBusSupplier } from "@/api/supplier"
|
||||
import { listBusSupplier, getBusSupplier } from "@/api/supplier"
|
||||
import { sysRegionListByPid } from "@/api/system/administrativeRegion"
|
||||
import { sysMediaTypeListByPid } from "@/api/system/mediaType"
|
||||
// import { listDept } from "@/api/system/dept"
|
||||
import { listDept } from "@/api/system/dept"
|
||||
import { busTradingAreaPage } from "@/api/system/businessArea"
|
||||
import { addMedia, updateMedia, mediaDetail } from "@/api/mediaLibrary"
|
||||
|
||||
|
|
@ -605,10 +605,7 @@ const city = ref([])
|
|||
const county = ref([])
|
||||
const town = ref([])
|
||||
// 业务部门
|
||||
const deptList = ref([
|
||||
{ value: 1, label: '优势媒体部' },
|
||||
{ value: 2, label: '网络媒体部' }
|
||||
])
|
||||
const deptList = ref([])
|
||||
// 归属选项
|
||||
const supplierList = ref([])
|
||||
const selectLoading = ref(false)
|
||||
|
|
@ -623,7 +620,7 @@ const hasReformList = ref([
|
|||
const data = reactive({
|
||||
ruleForm: {},
|
||||
rules: {
|
||||
businessType: [{ required: true, message: "业务部门不能为空", trigger: "change" }],
|
||||
dataScopeDeptId: [{ required: true, message: "业务部门不能为空", trigger: "change" }],
|
||||
mediaName: [{ required: true, message: "媒体形式/名称不能为空", trigger: "blur" }],
|
||||
mediaType: [{ required: true, message: "媒体类型不能为空", trigger: "change" }],
|
||||
mediaCategory: [{ required: true, message: "媒体大类不能为空", trigger: "change" }],
|
||||
|
|
@ -658,20 +655,19 @@ const handleClosePickLat = (backValue) => {
|
|||
ruleForm.value.mapY = backValue.lat //纬度
|
||||
}
|
||||
// 业务部门切换
|
||||
const businessTypeName = ref('优势媒体部')
|
||||
const handleChangeDept = (val) => {
|
||||
const choseDep = deptList.value.filter(item => item.value == val)[0]
|
||||
ruleForm.value.businessType = choseDep?.value
|
||||
businessTypeName.value = choseDep?.label
|
||||
const choseDep = deptList.value.filter(item => item.deptId == val)[0]
|
||||
ruleForm.value.dataScopeDeptId = choseDep?.deptId
|
||||
ruleForm.value.dataScopeDeptName = choseDep?.deptName
|
||||
nextTick(() => {
|
||||
if (businessTypeName.value == '优势媒体部' && competitiveOfferRef.value) competitiveOfferRef.value.getMediaPrice(ruleForm.value.id, true)
|
||||
if (businessTypeName.value == '网络媒体部' && activePriceType.value == '门禁') accessControlPriceRef.value.getMediaPrice(ruleForm.value.id, true)
|
||||
if (businessTypeName.value == '网络媒体部' && activePriceType.value == '候车厅') waitingHallPriceRef.value.getMediaPrice(ruleForm.value.id, true)
|
||||
if (businessTypeName.value == '网络媒体部' && activePriceType.value == '道闸') barrierGatePriceRef.value.getMediaPrice(ruleForm.value.id, true)
|
||||
if (businessTypeName.value == '网络媒体部' && activePriceType.value == '地铁') subwayPriceRef.value.getMediaPrice(ruleForm.value.id, true)
|
||||
if (businessTypeName.value == '网络媒体部' && activePriceType.value == '高铁') highSpeedRailwayRef.value.getMediaPrice(ruleForm.value.id, true)
|
||||
if (businessTypeName.value == '网络媒体部' && activePriceType.value == '写字楼') officeBuildingRef.value.getMediaPrice(ruleForm.value.id, true)
|
||||
if (businessTypeName.value == '网络媒体部' && activePriceType.value == '车库灯箱') garageLightBoxRef.value.getMediaPrice(ruleForm.value.id, true)
|
||||
if (ruleForm.value.dataScopeDeptName == '优势媒体部' && competitiveOfferRef.value) competitiveOfferRef.value.getMediaPrice(ruleForm.value.id, true)
|
||||
if (ruleForm.value.dataScopeDeptName == '网络媒体部' && activePriceType.value == '门禁') accessControlPriceRef.value.getMediaPrice(ruleForm.value.id, true)
|
||||
if (ruleForm.value.dataScopeDeptName == '网络媒体部' && activePriceType.value == '候车厅') waitingHallPriceRef.value.getMediaPrice(ruleForm.value.id, true)
|
||||
if (ruleForm.value.dataScopeDeptName == '网络媒体部' && activePriceType.value == '道闸') barrierGatePriceRef.value.getMediaPrice(ruleForm.value.id, true)
|
||||
if (ruleForm.value.dataScopeDeptName == '网络媒体部' && activePriceType.value == '地铁') subwayPriceRef.value.getMediaPrice(ruleForm.value.id, true)
|
||||
if (ruleForm.value.dataScopeDeptName == '网络媒体部' && activePriceType.value == '高铁') highSpeedRailwayRef.value.getMediaPrice(ruleForm.value.id, true)
|
||||
if (ruleForm.value.dataScopeDeptName == '网络媒体部' && activePriceType.value == '写字楼') officeBuildingRef.value.getMediaPrice(ruleForm.value.id, true)
|
||||
if (ruleForm.value.dataScopeDeptName == '网络媒体部' && activePriceType.value == '车库灯箱') garageLightBoxRef.value.getMediaPrice(ruleForm.value.id, true)
|
||||
})
|
||||
}
|
||||
// 选择商圈
|
||||
|
|
@ -707,11 +703,11 @@ const getMediaTypeThree = (value) => {
|
|||
})
|
||||
}
|
||||
// 获取业务部门
|
||||
// const getDepList = () => {
|
||||
// listDept({ businessFlag: 1 }).then(response => {
|
||||
// deptList.value = response.data
|
||||
// })
|
||||
// }
|
||||
const getDepList = () => {
|
||||
listDept({ businessFlag: 1 }).then(response => {
|
||||
deptList.value = response.data
|
||||
})
|
||||
}
|
||||
// 查询条件获取供应商
|
||||
const getSupplierList = (queryText) => {
|
||||
if (queryText) {
|
||||
|
|
@ -876,10 +872,10 @@ const handleSetCompetOfferMediaPrice = (mediaType, _priceList) => {
|
|||
const handleSubmit = () => {
|
||||
proxy.$refs["ruleFormRef"].validate(valid => {
|
||||
if (valid) {
|
||||
if (businessTypeName.value == '优势媒体部') {
|
||||
if (ruleForm.value.dataScopeDeptName == '优势媒体部') {
|
||||
mediaFile.value = mediaFile.value.filter(item => [1, 2, 3, 5, 6, 7, 8, 9, 10, 11].includes(item.fileType))
|
||||
ruleForm.value.mediaPrice = mediaPrice.value.filter(item => item.mediaType == 0)
|
||||
} else if (businessTypeName.value == '网络媒体部') {
|
||||
} else if (ruleForm.value.dataScopeDeptName == '网络媒体部') {
|
||||
mediaFile.value = mediaFile.value.filter(item => [4, 5, 6, 7, 12].includes(item.fileType))
|
||||
ruleForm.value.mediaPrice = mediaPrice.value.filter(item => [1, 2, 3, 4, 5, 6, 7].includes(item.mediaType))
|
||||
}
|
||||
|
|
@ -903,15 +899,22 @@ const handleSubmit = () => {
|
|||
const handleClose = () => {
|
||||
emit('handleShowList')
|
||||
}
|
||||
|
||||
// 获取供应商详情，设置供应商名称反渲染
|
||||
const getSupplierInfo = () => {
|
||||
getBusSupplier(ruleForm.value.belongSupplierId).then(res => {
|
||||
supplierList.value = [{ supplierId: res.data.supplierId, supplierName: res.data.supplierName }]
|
||||
})
|
||||
}
|
||||
// 获取媒体详情
|
||||
const getMediaInfo = () => {
|
||||
mediaDetail({ mediaId: ruleForm.value.id }).then(res => {
|
||||
ruleForm.value = res.data
|
||||
mediaFile.value = ruleForm.value.mediaFile
|
||||
ruleForm.value.mediaCity = ruleForm.value.provinceName + '/' + ruleForm.value.cityName + '/' + ruleForm.value.areaName + '/' + ruleForm.value.townName
|
||||
|
||||
latVal.value = ruleForm.value.mapY + ',' + ruleForm.value.mapX
|
||||
handleChangeDept(res.data.businessType)
|
||||
if (ruleForm.value.mapY && ruleForm.value.mapX) latVal.value = ruleForm.value.mapY + ',' + ruleForm.value.mapX
|
||||
if (ruleForm.value.belongSupplierId) getSupplierInfo()
|
||||
handleChangeDept(res.data.dataScopeDeptId)
|
||||
if (ruleForm.value.mediaFile && ruleForm.value.mediaFile.length > 0) {
|
||||
if (approvalDocumentRef.value) {
|
||||
const fileList = ruleForm.value.mediaFile.filter(item => item.fileType == 1)
|
||||
|
|
@ -997,9 +1000,8 @@ const initForm = (_formTitle, _ruleForm) => {
|
|||
formTitle.value = _formTitle
|
||||
ruleForm.value = _ruleForm
|
||||
ruleForm.value.mediaCity = ruleForm.value.provinceName + '/' + ruleForm.value.cityName + '/' + ruleForm.value.areaName + '/' + ruleForm.value.townName
|
||||
|
||||
latVal.value = ruleForm.value.mapY + ',' + ruleForm.value.mapX
|
||||
// getDepList()
|
||||
if (ruleForm.value.mapY && ruleForm.value.mapX) latVal.value = ruleForm.value.mapY + ',' + ruleForm.value.mapX
|
||||
getDepList()
|
||||
getMediaTypeOne()
|
||||
getProvinceList()
|
||||
if (ruleForm.value.id) getMediaInfo()
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
<div style="height: 24px; line-height: 24px;font-size: 16px;">{{ item.name }}</div>
|
||||
<div style="color: #8492a6; font-size: 12px;height: 18px; line-height: 18px;">{{
|
||||
item.address
|
||||
}}</div>
|
||||
}}</div>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
|
@ -77,6 +77,7 @@ const circleHandle = ref(null); // 拖拽手柄
|
|||
// 选择地点展示框
|
||||
const selectLoading = ref(false)
|
||||
const localeList = ref([])
|
||||
const selectConfig = ref(null)
|
||||
|
||||
// 距离显示文本
|
||||
const distanceLable = ref('请选择')
|
||||
|
|
@ -114,6 +115,7 @@ const resetQuery = () => {
|
|||
// 选择的距离值
|
||||
activeLableIndex.value = null
|
||||
circleRadius.value = 2000; // 实际半径（米）
|
||||
selectConfig.value = null
|
||||
|
||||
// 清除现有的圆形和标记
|
||||
if (centerMarker.value) {
|
||||
|
|
@ -151,6 +153,7 @@ const getLocaleListList = (searchValue) => {
|
|||
// 中心点选择
|
||||
const currentSelect = (val) => {
|
||||
console.log('val', val)
|
||||
selectConfig.value = val
|
||||
queryParams.value.keyword = val.name
|
||||
queryParams.value.x = val.location.lng
|
||||
queryParams.value.y = val.location.lat
|
||||
|
|
@ -366,8 +369,12 @@ const loadMap = () => {
|
|||
|
||||
// 添加缩放变化监听
|
||||
mapInstance.value.on('zoomchange', handleZoomChange);
|
||||
// 在地图完全加载后执行点数据处理
|
||||
renderMassMarks();
|
||||
if (selectConfig.value !== null) {
|
||||
currentSelect(selectConfig.value)
|
||||
} else {
|
||||
// 在地图完全加载后执行点数据处理
|
||||
renderMassMarks();
|
||||
}
|
||||
|
||||
resolve();
|
||||
|
||||
|
|
@ -427,6 +434,7 @@ const toggle2D3DMode = () => {
|
|||
mapMode.value = '2D';
|
||||
loadMap()
|
||||
}
|
||||
|
||||
}
|
||||
// 切换全屏模式
|
||||
const toggleFullscreen = () => {
|
||||
|
|
|
|||
|
|
@ -85,8 +85,8 @@
|
|||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="负责人" prop="leader">
|
||||
<el-input v-model="form.leader" placeholder="请输入负责人" maxlength="20" />
|
||||
<el-form-item label="负责人" prop="leaderId">
|
||||
<!-- <el-input v-model="form.leader" placeholder="请输入负责人" maxlength="20" /> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
|
|
|
|||
|
|
@ -47,7 +47,7 @@
|
|||
<dict-tag :options="sys_normal_disable" :value="scope.row.status" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
|
||||
<el-table-column label="创建时间" align="center" prop="createTime" width="210">
|
||||
<template #default="scope">
|
||||
<span>{{ parseTime(scope.row.createTime) }}</span>
|
||||
</template>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user