wangchengming/YouKeChuanMei_VUE
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

提交代码

Browse Source
This commit is contained in:
wangchengming 2025-09-12 17:20:26 +08:00
parent 05efe064d8
commit b9bcee1385
6 changed files with 134 additions and 140 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/views/mediaLibrary/index.vue
View File

@ -35,10 +35,10 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="业务部门:"> <el-form-item label="业务部门:">
<el-select v-model="queryParams.businessType" placeholder="请选择" clearable <el-select v-model="queryParams.dataScopeDeptId" placeholder="请选择" clearable
style="min-width: 30px;"> style="min-width: 30px;">
<el-option v-for="item in deptList" :key="item.deptId" :label="item.deptName" <el-option v-for="item in deptList" :key="item.deptId" :label="item.deptName"
:value="item.deptName" /> :value="item.deptId" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="状态:"> <el-form-item label="状态:">
@ -182,16 +182,11 @@
</template> </template>
</el-table-column> </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="mediaCategoryStr" width="150" />
<el-table-column label="商圈" align="left" prop="businessDistrictName" 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="displayFormStr" width="150" />
<el-table-column label="业务部门" align="left" prop="businessType" width="150"> <el-table-column label="业务部门" align="left" prop="dataScopeDeptName" 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="center" prop="cataloguePhoto" width="90"> <el-table-column label="刊例照片" align="center" prop="cataloguePhoto" width="90">
<template #default="scope"> <template #default="scope">
<img style="cursor: pointer;" :src="scope.row.currentCataloguePhotoSrc" <img style="cursor: pointer;" :src="scope.row.currentCataloguePhotoSrc"
@ -368,7 +363,7 @@ const data = reactive({
mediaCategory: undefined, mediaCategory: undefined,
displayForm: undefined, displayForm: undefined,
belongSupplierId: undefined, belongSupplierId: undefined,
businessType: undefined, dataScopeDeptId: undefined,
state: undefined, state: undefined,
provinceCode: undefined, provinceCode: undefined,
cityCode: undefined, cityCode: undefined,
@ -507,7 +502,7 @@ const handleFlod = () => {
/** 查询媒体信息列表 */ /** 查询媒体信息列表 */
const getMediaPageList = () => { const getMediaPageList = () => {
loading.value = false loading.value = true
mediaPageList(queryParams.value).then(res => { mediaPageList(queryParams.value).then(res => {
res.data.rows.forEach(element => { res.data.rows.forEach(element => {
element.currentImageSrc = defaultImageSrc.value; element.currentImageSrc = defaultImageSrc.value;

109
src/views/mediaLibrary/mediaDetail.vue
View File

@ -19,7 +19,7 @@
<el-row :gutter="30" class="my_form_row"> <el-row :gutter="30" class="my_form_row">
<el-col :span="6"> <el-col :span="6">
<el-form-item label="业务部门" prop="business"> <el-form-item label="业务部门" prop="business">
{{ businessTypeName }} {{ detailForm.dataScopeDeptName }}
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -60,14 +60,14 @@
{{ detailForm.displayFormStr }} {{ detailForm.displayFormStr }}
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6" v-if="businessTypeName == '优势媒体部'"> <el-col :span="6" v-if="detailForm.dataScopeDeptName == '优势媒体部'">
<el-form-item label="是否有照明" prop="business_department"> <el-form-item label="是否有照明" prop="business_department">
{{ detailForm.hasLighting }} {{ detailForm.hasLighting }}
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<div class="splineBar" /> <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-col :span="6">
<el-form-item label="播放时间" prop="business_department"> <el-form-item label="播放时间" prop="business_department">
{{ detailForm.playbackTime }} {{ detailForm.playbackTime }}
@ -89,15 +89,15 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<div class="splineBar" v-if="businessTypeName == '优势媒体部'" /> <div class="splineBar" v-if="detailForm.dataScopeDeptName == '优势媒体部'" />
<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-col :span="24">
<el-form-item label="媒体朝向" prop="business_department"> <el-form-item label="媒体朝向" prop="business_department">
{{ detailForm.mediaOrientation }} {{ detailForm.mediaOrientation }}
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<div class="splineBar" v-if="businessTypeName == '优势媒体部'" /> <div class="splineBar" v-if="detailForm.dataScopeDeptName == '优势媒体部'" />
<el-row :gutter="30" class="my_form_row"> <el-row :gutter="30" class="my_form_row">
<el-col :span="18"> <el-col :span="18">
<el-form-item label="城市" prop="business_department"> <el-form-item label="城市" prop="business_department">
@ -129,8 +129,8 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<div class="splineBar" v-if="businessTypeName == '优势媒体部'" /> <div class="splineBar" v-if="detailForm.dataScopeDeptName == '优势媒体部'" />
<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-col :span="6">
<el-form-item label="最小购买周期"> <el-form-item label="最小购买周期">
{{ detailForm.minPurchaseCycle }} {{ detailForm.minPurchaseCycle }}
@ -149,10 +149,10 @@
</el-row> </el-row>
</el-collapse-item> </el-collapse-item>
<el-collapse-item title="媒体报价信息" name="3"> <el-collapse-item title="媒体报价信息" name="3">
<div v-if="businessTypeName == '优势媒体部'"> <div v-if="detailForm.dataScopeDeptName == '优势媒体部'">
<competitiveOffer ref="competitiveOfferRef" /> <competitiveOffer ref="competitiveOfferRef" />
</div> </div>
<div v-if="businessTypeName == '网络媒体部'"> <div v-if="detailForm.dataScopeDeptName == '网络媒体部'">
<el-tabs v-model="activePriceType" @tab-click="handlePriceTypeClick"> <el-tabs v-model="activePriceType" @tab-click="handlePriceTypeClick">
<el-tab-pane label="门禁" name="门禁"> <el-tab-pane label="门禁" name="门禁">
<accessControlPrice ref="accessControlPriceRef" /> <accessControlPrice ref="accessControlPriceRef" />
@ -197,12 +197,13 @@
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="媒体是否有改造" prop="business"> <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-form-item>
</el-col> </el-col>
</el-row> </el-row>
<div class="splineBar" /> <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-col :span="6">
<el-form-item label="发票类型"> <el-form-item label="发票类型">
{{ detailForm.invoiceType }} {{ detailForm.invoiceType }}
@ -224,8 +225,8 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<div class="splineBar" v-if="businessTypeName == '优势媒体部'" /> <div class="splineBar" v-if="detailForm.dataScopeDeptName == '优势媒体部'" />
<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-col :span="6">
<el-form-item label="物业公司名称" prop="business"> <el-form-item label="物业公司名称" prop="business">
{{ detailForm.propertyCompanyName }} {{ detailForm.propertyCompanyName }}
@ -247,8 +248,8 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<div class="splineBar" v-if="businessTypeName == '优势媒体部'" /> <div class="splineBar" v-if="detailForm.dataScopeDeptName == '优势媒体部'" />
<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-col :span="6">
<el-form-item label="媒体独家授权" prop="business"> <el-form-item label="媒体独家授权" prop="business">
{{ detailForm.soleAgentAuth }} {{ detailForm.soleAgentAuth }}
@ -270,15 +271,15 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<div class="splineBar" v-if="businessTypeName == '优势媒体部'" /> <div class="splineBar" v-if="detailForm.dataScopeDeptName == '优势媒体部'" />
<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-col :span="24">
<el-form-item label="行业限制" prop="business"> <el-form-item label="行业限制" prop="business">
{{ detailForm.industryLimit }} {{ detailForm.industryLimit }}
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<div class="splineBar" v-if="businessTypeName == '优势媒体部'" /> <div class="splineBar" v-if="detailForm.dataScopeDeptName == '优势媒体部'" />
<el-row :gutter="30" class="my_form_row"> <el-row :gutter="30" class="my_form_row">
<el-col :span="24"> <el-col :span="24">
<el-form-item label="媒体曾经经营公司" prop="business"> <el-form-item label="媒体曾经经营公司" prop="business">
@ -311,14 +312,14 @@
</el-col> </el-col>
</el-row> </el-row>
<div class="splineBar" /> <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-col :span="24">
<el-form-item label="同类媒体公司" prop="business"> <el-form-item label="同类媒体公司" prop="business">
{{ detailForm.equalsMediaCompany }} {{ detailForm.equalsMediaCompany }}
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<div class="splineBar" v-if="businessTypeName == '网络媒体部'" /> <div class="splineBar" v-if="detailForm.dataScopeDeptName == '网络媒体部'" />
<el-row :gutter="30" class="my_form_row"> <el-row :gutter="30" class="my_form_row">
<el-col :span="24"> <el-col :span="24">
<el-form-item label="其他" prop="business"> <el-form-item label="其他" prop="business">
@ -327,38 +328,38 @@
</el-col> </el-col>
</el-row> </el-row>
<div class="splineBar" /> <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-col :span="24">
<el-form-item label="批文文件" class="filesItemContent"> <el-form-item label="批文文件" class="filesItemContent">
<supplierDetailFile ref="approvalDocumentRef" /> <supplierDetailFile ref="approvalDocumentRef" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<div class="splineBar" v-if="businessTypeName == '优势媒体部'" /> <div class="splineBar" v-if="detailForm.dataScopeDeptName == '优势媒体部'" />
<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-col :span="24">
<el-form-item label="独家授权文件" class="filesItemContent"> <el-form-item label="独家授权文件" class="filesItemContent">
<supplierDetailFile ref="exclusiveLicenseFileRef" /> <supplierDetailFile ref="exclusiveLicenseFileRef" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<div class="splineBar" v-if="businessTypeName == '优势媒体部'" /> <div class="splineBar" v-if="detailForm.dataScopeDeptName == '优势媒体部'" />
<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-col :span="24">
<el-form-item label="媒体行业授权文件" class="filesItemContent"> <el-form-item label="媒体行业授权文件" class="filesItemContent">
<supplierDetailFile ref="mediaLicenseFileRef" /> <supplierDetailFile ref="mediaLicenseFileRef" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<div class="splineBar" v-if="businessTypeName == '优势媒体部'" /> <div class="splineBar" v-if="detailForm.dataScopeDeptName == '优势媒体部'" />
<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-col :span="24">
<el-form-item label="媒体归属附件" class="filesItemContent"> <el-form-item label="媒体归属附件" class="filesItemContent">
<supplierDetailFile ref="mediaOwnershipRef" /> <supplierDetailFile ref="mediaOwnershipRef" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<div class="splineBar" v-if="businessTypeName == '网络媒体部'" /> <div class="splineBar" v-if="detailForm.dataScopeDeptName == '网络媒体部'" />
<el-row :gutter="30" class="my_form_row"> <el-row :gutter="30" class="my_form_row">
<el-col :span="24"> <el-col :span="24">
<el-form-item label="曾经媒体照片" prop="business" class="filesItemContent"> <el-form-item label="曾经媒体照片" prop="business" class="filesItemContent">
@ -399,40 +400,40 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<div class="splineBar" v-if="businessTypeName == '优势媒体部'" /> <div class="splineBar" v-if="detailForm.dataScopeDeptName == '优势媒体部'" />
<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-col :span="24">
<el-form-item label="盖章刊例" class="filesItemContent" prop="business"> <el-form-item label="盖章刊例" class="filesItemContent" prop="business">
<supplierDetailFile ref="stampedPublicationRef" /> <supplierDetailFile ref="stampedPublicationRef" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<div class="splineBar" v-if="businessTypeName == '优势媒体部'" /> <div class="splineBar" v-if="detailForm.dataScopeDeptName == '优势媒体部'" />
<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-col :span="24">
<el-form-item label="资质文件" class="filesItemContent" prop="business"> <el-form-item label="资质文件" class="filesItemContent" prop="business">
<supplierDetailFile ref="qualificationFileRef" /> <supplierDetailFile ref="qualificationFileRef" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<div class="splineBar" v-if="businessTypeName == '优势媒体部'" /> <div class="splineBar" v-if="detailForm.dataScopeDeptName == '优势媒体部'" />
<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-col :span="24">
<el-form-item label="媒体链条" class="filesItemContent" prop="business"> <el-form-item label="媒体链条" class="filesItemContent" prop="business">
<supplierDetailFile ref="mediaChainRef" /> <supplierDetailFile ref="mediaChainRef" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<div class="splineBar" v-if="businessTypeName == '优势媒体部'" /> <div class="splineBar" v-if="detailForm.dataScopeDeptName == '优势媒体部'" />
<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-col :span="24">
<el-form-item label="刊例照片" class="filesItemContent" prop="business"> <el-form-item label="刊例照片" class="filesItemContent" prop="business">
<supplierDetailFile ref="journalCataloguePhotoRef" /> <supplierDetailFile ref="journalCataloguePhotoRef" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<div class="splineBar" v-if="businessTypeName == '网络媒体部'" /> <div class="splineBar" v-if="detailForm.dataScopeDeptName == '网络媒体部'" />
<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-col :span="24">
<el-form-item label="MR和制作要求" class="filesItemContent" prop="business"> <el-form-item label="MR和制作要求" class="filesItemContent" prop="business">
<supplierDetailFile ref="mRProductionRequirementsRef" /> <supplierDetailFile ref="mRProductionRequirementsRef" />
@ -468,12 +469,6 @@ const emit = defineEmits(['handleShowList']);
const detailForm = ref({}) const detailForm = ref({})
const activePriceType = ref('门禁') const activePriceType = ref('门禁')
const activeNames = ref(['1', '2', '3', '4']) const activeNames = ref(['1', '2', '3', '4'])
const businessTypeName = ref('优势媒体部')
// 业务部门
const deptList = ref([
{ value: 1, label: '优势媒体部' },
{ value: 2, label: '网络媒体部' }
])
// 优势媒体报价组件 // 优势媒体报价组件
const competitiveOfferRef = ref(null) const competitiveOfferRef = ref(null)
@ -533,25 +528,19 @@ const handlePriceTypeClick = (tab, event) => {
} }
// 初始化 // 初始化
const handleChangeDept = (val) => { const handleChangeDept = (val) => {
const choseDep = deptList.value.filter(item => item.value == val)[0] if (detailForm.value.dataScopeDeptName == '优势媒体部' && competitiveOfferRef.value) competitiveOfferRef.value.getMediaPrice(detailForm.value.id, false)
console.log('部门', choseDep) if (detailForm.value.dataScopeDeptName == '网络媒体部' && activePriceType.value == '门禁') accessControlPriceRef.value.getMediaPrice(detailForm.value.id, false)
detailForm.value.businessType = choseDep?.value if (detailForm.value.dataScopeDeptName == '网络媒体部' && activePriceType.value == '候车厅') waitingHallPriceRef.value.getMediaPrice(detailForm.value.id, false)
businessTypeName.value = choseDep?.label if (detailForm.value.dataScopeDeptName == '网络媒体部' && activePriceType.value == '道闸') barrierGatePriceRef.value.getMediaPrice(detailForm.value.id, false)
nextTick(() => { if (detailForm.value.dataScopeDeptName == '网络媒体部' && activePriceType.value == '地铁') subwayPriceRef.value.getMediaPrice(detailForm.value.id, false)
if (businessTypeName.value == '优势媒体部' && competitiveOfferRef.value) competitiveOfferRef.value.getMediaPrice(detailForm.value.id, false) if (detailForm.value.dataScopeDeptName == '网络媒体部' && activePriceType.value == '高铁') highSpeedRailwayRef.value.getMediaPrice(detailForm.value.id, false)
if (businessTypeName.value == '网络媒体部' && activePriceType.value == '门禁') accessControlPriceRef.value.getMediaPrice(detailForm.value.id, false) if (detailForm.value.dataScopeDeptName == '网络媒体部' && activePriceType.value == '写字楼') officeBuildingRef.value.getMediaPrice(detailForm.value.id, false)
if (businessTypeName.value == '网络媒体部' && activePriceType.value == '候车厅') waitingHallPriceRef.value.getMediaPrice(detailForm.value.id, false) if (detailForm.value.dataScopeDeptName == '网络媒体部' && activePriceType.value == '车库灯箱') garageLightBoxRef.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)
})
} }
const getMediaInfo = () => { const getMediaInfo = () => {
mediaDetail({ mediaId: detailForm.value.id }).then(res => { mediaDetail({ mediaId: detailForm.value.id }).then(res => {
detailForm.value = res.data detailForm.value = res.data
handleChangeDept(res.data.businessType) handleChangeDept(res.data.dataScopeDeptName)
if (detailForm.value.mediaFile && detailForm.value.mediaFile.length > 0) { if (detailForm.value.mediaFile && detailForm.value.mediaFile.length > 0) {
if (approvalDocumentRef.value) { if (approvalDocumentRef.value) {
const fileList = detailForm.value.mediaFile.filter(item => item.fileType == 1) const fileList = detailForm.value.mediaFile.filter(item => item.fileType == 1)

118
src/views/mediaLibrary/mediaForm.vue
View File

@ -13,11 +13,11 @@
<el-collapse-item title="业务部门" name="1"> <el-collapse-item title="业务部门" name="1">
<el-row :gutter="30" class="my_form_row"> <el-row :gutter="30" class="my_form_row">
<el-col :span="6"> <el-col :span="6">
<el-form-item label="业务部门" prop="businessType"> <el-form-item label="业务部门" prop="dataScopeDeptId">
<el-select v-model="ruleForm.businessType" placeholder="请选择" @change="handleChangeDept" <el-select v-model="ruleForm.dataScopeDeptId" placeholder="请选择"
clearable style="min-width: 30px;"> @change="handleChangeDept" clearable style="min-width: 30px;">
<el-option v-for="item in deptList" :key="item.value" :label="item.label" <el-option v-for="item in deptList" :key="item.deptId" :label="item.deptName"
:value="item.value" /> :value="item.deptId" />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -27,7 +27,7 @@
<el-row :gutter="30" class="my_form_row"> <el-row :gutter="30" class="my_form_row">
<el-col :span="6" v-if="ruleForm.id"> <el-col :span="6" v-if="ruleForm.id">
<el-form-item label="媒体编号"> <el-form-item label="媒体编号">
<el-input v-model="ruleForm.mediaCode" placeholder="请输入" /> <el-input v-model="ruleForm.mediaCode" placeholder="请输入" disabled />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
@ -64,7 +64,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6" v-if="businessTypeName == '优势媒体部'"> <el-col :span="6" v-if="ruleForm.dataScopeDeptName == '优势媒体部'">
<el-form-item label="是否有照明" prop="hasLighting"> <el-form-item label="是否有照明" prop="hasLighting">
<el-select v-model="ruleForm.hasLighting" placeholder="请选择" style="min-width: 30px;" <el-select v-model="ruleForm.hasLighting" placeholder="请选择" style="min-width: 30px;"
clearable> clearable>
@ -74,7 +74,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </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-col :span="6">
<el-form-item label="播放时间" prop="playbackTime"> <el-form-item label="播放时间" prop="playbackTime">
<el-input v-model="ruleForm.playbackTime" placeholder="请输入" /> <el-input v-model="ruleForm.playbackTime" placeholder="请输入" />
@ -100,7 +100,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </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-col :span="24">
<el-form-item label="媒体朝向" prop="mediaOrientation"> <el-form-item label="媒体朝向" prop="mediaOrientation">
<el-input v-model="ruleForm.mediaOrientation" placeholder="请输入" /> <el-input v-model="ruleForm.mediaOrientation" placeholder="请输入" />
@ -174,7 +174,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </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-col :span="8">
<el-form-item label="最小购买周期"> <el-form-item label="最小购买周期">
<el-input v-model="ruleForm.minPurchaseCycle" placeholder="请输入" /> <el-input v-model="ruleForm.minPurchaseCycle" placeholder="请输入" />
@ -193,11 +193,11 @@
</el-row> </el-row>
</el-collapse-item> </el-collapse-item>
<el-collapse-item title="媒体报价信息" name="3"> <el-collapse-item title="媒体报价信息" name="3">
<div v-if="businessTypeName == '优势媒体部'"> <div v-if="ruleForm.dataScopeDeptName == '优势媒体部'">
<competitiveOffer ref="competitiveOfferRef" <competitiveOffer ref="competitiveOfferRef"
@setCompetOfferMediaPrice="handleSetCompetOfferMediaPrice" /> @setCompetOfferMediaPrice="handleSetCompetOfferMediaPrice" />
</div> </div>
<div v-if="businessTypeName == '网络媒体部'"> <div v-if="ruleForm.dataScopeDeptName == '网络媒体部'">
<el-tabs v-model="activePriceType" @tab-click="handlePriceTypeClick"> <el-tabs v-model="activePriceType" @tab-click="handlePriceTypeClick">
<el-tab-pane label="门禁" name="门禁"> <el-tab-pane label="门禁" name="门禁">
<accessControlPrice ref="accessControlPriceRef" <accessControlPrice ref="accessControlPriceRef"
@ -263,7 +263,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </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-col :span="6">
<el-form-item label="发票类型"> <el-form-item label="发票类型">
<el-select v-model="ruleForm.invoiceType" placeholder="请选择" style="min-width: 30px;" <el-select v-model="ruleForm.invoiceType" placeholder="请选择" style="min-width: 30px;"
@ -297,7 +297,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </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-col :span="6">
<el-form-item label="物业公司名称" prop="business"> <el-form-item label="物业公司名称" prop="business">
<el-input v-model="ruleForm.propertyCompanyName" placeholder="请输入" /> <el-input v-model="ruleForm.propertyCompanyName" placeholder="请输入" />
@ -324,7 +324,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </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-col :span="6">
<el-form-item label="媒体独家授权" prop="business"> <el-form-item label="媒体独家授权" prop="business">
<el-input v-model="ruleForm.soleAgentAuth" placeholder="请输入" /> <el-input v-model="ruleForm.soleAgentAuth" placeholder="请输入" />
@ -348,7 +348,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </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-col :span="24">
<el-form-item label="行业限制" prop="business"> <el-form-item label="行业限制" prop="business">
<el-input v-model="ruleForm.industryLimit" :rows="5" type="textarea" <el-input v-model="ruleForm.industryLimit" :rows="5" type="textarea"
@ -388,7 +388,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </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-col :span="24">
<el-form-item label="同类媒体公司" prop="business"> <el-form-item label="同类媒体公司" prop="business">
<el-input v-model="ruleForm.equalsMediaCompany" :rows="5" type="textarea" <el-input v-model="ruleForm.equalsMediaCompany" :rows="5" type="textarea"
@ -404,28 +404,28 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </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-col :span="24">
<el-form-item label="批文文件"> <el-form-item label="批文文件">
<multiFileUpload ref="approvalDocumentRef" @set-form-file="handleSetMediaFile" /> <multiFileUpload ref="approvalDocumentRef" @set-form-file="handleSetMediaFile" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </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-col :span="24">
<el-form-item label="独家授权文件"> <el-form-item label="独家授权文件">
<multiFileUpload ref="exclusiveLicenseFileRef" @set-form-file="handleSetMediaFile" /> <multiFileUpload ref="exclusiveLicenseFileRef" @set-form-file="handleSetMediaFile" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </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-col :span="24">
<el-form-item label="媒体行业授权文件"> <el-form-item label="媒体行业授权文件">
<multiFileUpload ref="mediaLicenseFileRef" @set-form-file="handleSetMediaFile" /> <multiFileUpload ref="mediaLicenseFileRef" @set-form-file="handleSetMediaFile" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </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-col :span="24">
<el-form-item label="媒体归属附件"> <el-form-item label="媒体归属附件">
<multiFileUpload ref="mediaOwnershipRef" @set-form-file="handleSetMediaFile" /> <multiFileUpload ref="mediaOwnershipRef" @set-form-file="handleSetMediaFile" />
@ -471,35 +471,35 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </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-col :span="24">
<el-form-item label="盖章刊例"> <el-form-item label="盖章刊例">
<multiFileUpload ref="stampedPublicationRef" @set-form-file="handleSetMediaFile" /> <multiFileUpload ref="stampedPublicationRef" @set-form-file="handleSetMediaFile" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </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-col :span="24">
<el-form-item label="资质文件"> <el-form-item label="资质文件">
<multiFileUpload ref="qualificationFileRef" @set-form-file="handleSetMediaFile" /> <multiFileUpload ref="qualificationFileRef" @set-form-file="handleSetMediaFile" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </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-col :span="24">
<el-form-item label="媒体链条"> <el-form-item label="媒体链条">
<multiFileUpload ref="mediaChainRef" @set-form-file="handleSetMediaFile" /> <multiFileUpload ref="mediaChainRef" @set-form-file="handleSetMediaFile" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </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-col :span="24">
<el-form-item label="刊例照片"> <el-form-item label="刊例照片">
<multiFileUpload ref="journalCataloguePhotoRef" @set-form-file="handleSetMediaFile" /> <multiFileUpload ref="journalCataloguePhotoRef" @set-form-file="handleSetMediaFile" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </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-col :span="24">
<el-form-item label="MR和制作要求"> <el-form-item label="MR和制作要求">
<multiFileUpload ref="mRProductionRequirementsRef" <multiFileUpload ref="mRProductionRequirementsRef"
@ -520,10 +520,10 @@
<script setup> <script setup>
import { onMounted, nextTick, defineEmits, ref } from 'vue' import { onMounted, nextTick, defineEmits, ref } from 'vue'
import { Close, LocationInformation } from '@element-plus/icons-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 { sysRegionListByPid } from "@/api/system/administrativeRegion"
import { sysMediaTypeListByPid } from "@/api/system/mediaType" 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 { busTradingAreaPage } from "@/api/system/businessArea"
import { addMedia, updateMedia, mediaDetail } from "@/api/mediaLibrary" import { addMedia, updateMedia, mediaDetail } from "@/api/mediaLibrary"
@ -605,10 +605,7 @@ const city = ref([])
const county = ref([]) const county = ref([])
const town = ref([]) const town = ref([])
// 业务部门 // 业务部门
const deptList = ref([ const deptList = ref([])
{ value: 1, label: '优势媒体部' },
{ value: 2, label: '网络媒体部' }
])
// 归属选项 // 归属选项
const supplierList = ref([]) const supplierList = ref([])
const selectLoading = ref(false) const selectLoading = ref(false)
@ -623,7 +620,7 @@ const hasReformList = ref([
const data = reactive({ const data = reactive({
ruleForm: {}, ruleForm: {},
rules: { rules: {
businessType: [{ required: true, message: "业务部门不能为空", trigger: "change" }], dataScopeDeptId: [{ required: true, message: "业务部门不能为空", trigger: "change" }],
mediaName: [{ required: true, message: "媒体形式/名称不能为空", trigger: "blur" }], mediaName: [{ required: true, message: "媒体形式/名称不能为空", trigger: "blur" }],
mediaType: [{ required: true, message: "媒体类型不能为空", trigger: "change" }], mediaType: [{ required: true, message: "媒体类型不能为空", trigger: "change" }],
mediaCategory: [{ required: true, message: "媒体大类不能为空", trigger: "change" }], mediaCategory: [{ required: true, message: "媒体大类不能为空", trigger: "change" }],
@ -658,20 +655,19 @@ const handleClosePickLat = (backValue) => {
ruleForm.value.mapY = backValue.lat //纬度 ruleForm.value.mapY = backValue.lat //纬度
} }
// 业务部门切换 // 业务部门切换
const businessTypeName = ref('优势媒体部')
const handleChangeDept = (val) => { const handleChangeDept = (val) => {
const choseDep = deptList.value.filter(item => item.value == val)[0] const choseDep = deptList.value.filter(item => item.deptId == val)[0]
ruleForm.value.businessType = choseDep?.value ruleForm.value.dataScopeDeptId = choseDep?.deptId
businessTypeName.value = choseDep?.label ruleForm.value.dataScopeDeptName = choseDep?.deptName
nextTick(() => { nextTick(() => {
if (businessTypeName.value == '优势媒体部' && competitiveOfferRef.value) competitiveOfferRef.value.getMediaPrice(ruleForm.value.id, true) if (ruleForm.value.dataScopeDeptName == '优势媒体部' && competitiveOfferRef.value) competitiveOfferRef.value.getMediaPrice(ruleForm.value.id, true)
if (businessTypeName.value == '网络媒体部' && activePriceType.value == '门禁') accessControlPriceRef.value.getMediaPrice(ruleForm.value.id, true) if (ruleForm.value.dataScopeDeptName == '网络媒体部' && activePriceType.value == '门禁') accessControlPriceRef.value.getMediaPrice(ruleForm.value.id, true)
if (businessTypeName.value == '网络媒体部' && activePriceType.value == '候车厅') waitingHallPriceRef.value.getMediaPrice(ruleForm.value.id, true) if (ruleForm.value.dataScopeDeptName == '网络媒体部' && activePriceType.value == '候车厅') waitingHallPriceRef.value.getMediaPrice(ruleForm.value.id, true)
if (businessTypeName.value == '网络媒体部' && activePriceType.value == '道闸') barrierGatePriceRef.value.getMediaPrice(ruleForm.value.id, true) if (ruleForm.value.dataScopeDeptName == '网络媒体部' && activePriceType.value == '道闸') barrierGatePriceRef.value.getMediaPrice(ruleForm.value.id, true)
if (businessTypeName.value == '网络媒体部' && activePriceType.value == '地铁') subwayPriceRef.value.getMediaPrice(ruleForm.value.id, true) if (ruleForm.value.dataScopeDeptName == '网络媒体部' && activePriceType.value == '地铁') subwayPriceRef.value.getMediaPrice(ruleForm.value.id, true)
if (businessTypeName.value == '网络媒体部' && activePriceType.value == '高铁') highSpeedRailwayRef.value.getMediaPrice(ruleForm.value.id, true) if (ruleForm.value.dataScopeDeptName == '网络媒体部' && activePriceType.value == '高铁') highSpeedRailwayRef.value.getMediaPrice(ruleForm.value.id, true)
if (businessTypeName.value == '网络媒体部' && activePriceType.value == '写字楼') officeBuildingRef.value.getMediaPrice(ruleForm.value.id, true) if (ruleForm.value.dataScopeDeptName == '网络媒体部' && 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 == '网络媒体部' && activePriceType.value == '车库灯箱') garageLightBoxRef.value.getMediaPrice(ruleForm.value.id, true)
}) })
} }
// 选择商圈 // 选择商圈
@ -707,11 +703,11 @@ const getMediaTypeThree = (value) => {
}) })
} }
// 获取业务部门 // 获取业务部门
// const getDepList = () => { const getDepList = () => {
// listDept({ businessFlag: 1 }).then(response => { listDept({ businessFlag: 1 }).then(response => {
// deptList.value = response.data deptList.value = response.data
// }) })
// } }
// 查询条件获取供应商 // 查询条件获取供应商
const getSupplierList = (queryText) => { const getSupplierList = (queryText) => {
if (queryText) { if (queryText) {
@ -876,10 +872,10 @@ const handleSetCompetOfferMediaPrice = (mediaType, _priceList) => {
const handleSubmit = () => { const handleSubmit = () => {
proxy.$refs["ruleFormRef"].validate(valid => { proxy.$refs["ruleFormRef"].validate(valid => {
if (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)) 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) 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)) 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)) 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 = () => { const handleClose = () => {
emit('handleShowList') emit('handleShowList')
} }
// 获取供应商详情，设置供应商名称反渲染
const getSupplierInfo = () => {
getBusSupplier(ruleForm.value.belongSupplierId).then(res => {
supplierList.value = [{ supplierId: res.data.supplierId, supplierName: res.data.supplierName }]
})
}
// 获取媒体详情 // 获取媒体详情
const getMediaInfo = () => { const getMediaInfo = () => {
mediaDetail({ mediaId: ruleForm.value.id }).then(res => { mediaDetail({ mediaId: ruleForm.value.id }).then(res => {
ruleForm.value = res.data ruleForm.value = res.data
mediaFile.value = ruleForm.value.mediaFile mediaFile.value = ruleForm.value.mediaFile
ruleForm.value.mediaCity = ruleForm.value.provinceName + '/' + ruleForm.value.cityName + '/' + ruleForm.value.areaName + '/' + ruleForm.value.townName ruleForm.value.mediaCity = ruleForm.value.provinceName + '/' + ruleForm.value.cityName + '/' + ruleForm.value.areaName + '/' + ruleForm.value.townName
if (ruleForm.value.mapY && ruleForm.value.mapX) latVal.value = ruleForm.value.mapY + ',' + ruleForm.value.mapX
latVal.value = ruleForm.value.mapY + ',' + ruleForm.value.mapX if (ruleForm.value.belongSupplierId) getSupplierInfo()
handleChangeDept(res.data.businessType) handleChangeDept(res.data.dataScopeDeptId)
if (ruleForm.value.mediaFile && ruleForm.value.mediaFile.length > 0) { if (ruleForm.value.mediaFile && ruleForm.value.mediaFile.length > 0) {
if (approvalDocumentRef.value) { if (approvalDocumentRef.value) {
const fileList = ruleForm.value.mediaFile.filter(item => item.fileType == 1) const fileList = ruleForm.value.mediaFile.filter(item => item.fileType == 1)
@ -997,9 +1000,8 @@ const initForm = (_formTitle, _ruleForm) => {
formTitle.value = _formTitle formTitle.value = _formTitle
ruleForm.value = _ruleForm ruleForm.value = _ruleForm
ruleForm.value.mediaCity = ruleForm.value.provinceName + '/' + ruleForm.value.cityName + '/' + ruleForm.value.areaName + '/' + ruleForm.value.townName ruleForm.value.mediaCity = ruleForm.value.provinceName + '/' + ruleForm.value.cityName + '/' + ruleForm.value.areaName + '/' + ruleForm.value.townName
if (ruleForm.value.mapY && ruleForm.value.mapX) latVal.value = ruleForm.value.mapY + ',' + ruleForm.value.mapX
latVal.value = ruleForm.value.mapY + ',' + ruleForm.value.mapX getDepList()
// getDepList()
getMediaTypeOne() getMediaTypeOne()
getProvinceList() getProvinceList()
if (ruleForm.value.id) getMediaInfo() if (ruleForm.value.id) getMediaInfo()

14
src/views/mediaMap/index.vue
View File

@ -16,7 +16,7 @@
<div style="height: 24px; line-height: 24px;font-size: 16px;">{{ item.name }}</div> <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;">{{ <div style="color: #8492a6; font-size: 12px;height: 18px; line-height: 18px;">{{
item.address item.address
}}</div> }}</div>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -77,6 +77,7 @@ const circleHandle = ref(null); // 拖拽手柄
// 选择地点展示框 // 选择地点展示框
const selectLoading = ref(false) const selectLoading = ref(false)
const localeList = ref([]) const localeList = ref([])
const selectConfig = ref(null)
// 距离显示文本 // 距离显示文本
const distanceLable = ref('请选择') const distanceLable = ref('请选择')
@ -114,6 +115,7 @@ const resetQuery = () => {
// 选择的距离值 // 选择的距离值
activeLableIndex.value = null activeLableIndex.value = null
circleRadius.value = 2000; // 实际半径（米） circleRadius.value = 2000; // 实际半径（米）
selectConfig.value = null
// 清除现有的圆形和标记 // 清除现有的圆形和标记
if (centerMarker.value) { if (centerMarker.value) {
@ -151,6 +153,7 @@ const getLocaleListList = (searchValue) => {
// 中心点选择 // 中心点选择
const currentSelect = (val) => { const currentSelect = (val) => {
console.log('val', val) console.log('val', val)
selectConfig.value = val
queryParams.value.keyword = val.name queryParams.value.keyword = val.name
queryParams.value.x = val.location.lng queryParams.value.x = val.location.lng
queryParams.value.y = val.location.lat queryParams.value.y = val.location.lat
@ -366,8 +369,12 @@ const loadMap = () => {
// 添加缩放变化监听 // 添加缩放变化监听
mapInstance.value.on('zoomchange', handleZoomChange); mapInstance.value.on('zoomchange', handleZoomChange);
// 在地图完全加载后执行点数据处理 if (selectConfig.value !== null) {
renderMassMarks(); currentSelect(selectConfig.value)
} else {
// 在地图完全加载后执行点数据处理
renderMassMarks();
}
resolve(); resolve();
@ -427,6 +434,7 @@ const toggle2D3DMode = () => {
mapMode.value = '2D'; mapMode.value = '2D';
loadMap() loadMap()
} }
} }
// 切换全屏模式 // 切换全屏模式
const toggleFullscreen = () => { const toggleFullscreen = () => {

4
src/views/system/dept/index.vue
View File

@ -85,8 +85,8 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="负责人" prop="leader"> <el-form-item label="负责人" prop="leaderId">
<el-input v-model="form.leader" placeholder="请输入负责人" maxlength="20" /> <!-- <el-input v-model="form.leader" placeholder="请输入负责人" maxlength="20" /> -->
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">

2
src/views/system/role/authUser.vue
View File

@ -47,7 +47,7 @@
<dict-tag :options="sys_normal_disable" :value="scope.row.status" /> <dict-tag :options="sys_normal_disable" :value="scope.row.status" />
</template> </template>
</el-table-column> </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"> <template #default="scope">
<span>{{ parseTime(scope.row.createTime) }}</span> <span>{{ parseTime(scope.row.createTime) }}</span>
</template> </template>