From 02f3e48a1fc3857b7ca42ac0d1f2969b68b63469 Mon Sep 17 00:00:00 2001 From: wangchengming <15110151257@163.com> Date: Tue, 9 Sep 2025 14:52:18 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E4=BB=A3=E7=A0=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 3 +- public/config.js | 6 + src/api/mediaLibrary.js | 102 ++ src/components/FileUpload/multiFileUpload.vue | 3 +- src/main.js | 2 +- .../components/accessControlPrice.vue | 278 ++++ .../components/barrierGatePrice.vue | 257 ++++ .../components/competitiveOffer.vue | 291 +++++ .../components/garageLightBox.vue | 270 ++++ .../components/highSpeedRailway.vue | 264 ++++ .../components/officeBuilding.vue | 270 ++++ .../mediaLibrary/components/subwayPrice.vue | 369 ++++++ .../components/waitingHallPrice.vue | 330 +++++ src/views/mediaLibrary/index.vue | 271 ++-- src/views/mediaLibrary/mediaDetail.vue | 612 +++------ src/views/mediaLibrary/mediaForm.vue | 1134 ++++++++--------- src/views/mediaLibrary/pickLat.vue | 8 +- src/views/mediaMap/index.vue | 17 +- src/views/outdoorMedia/index.vue | 6 +- src/views/supplier/index.vue | 2 +- src/views/supplier/supplierForm.vue | 1 + src/views/system/businessArea/index.vue | 2 +- vite.config.js | 6 +- 23 files changed, 3333 insertions(+), 1171 deletions(-) create mode 100644 public/config.js create mode 100644 src/api/mediaLibrary.js create mode 100644 src/views/mediaLibrary/components/accessControlPrice.vue create mode 100644 src/views/mediaLibrary/components/barrierGatePrice.vue create mode 100644 src/views/mediaLibrary/components/competitiveOffer.vue create mode 100644 src/views/mediaLibrary/components/garageLightBox.vue create mode 100644 src/views/mediaLibrary/components/highSpeedRailway.vue create mode 100644 src/views/mediaLibrary/components/officeBuilding.vue create mode 100644 src/views/mediaLibrary/components/subwayPrice.vue create mode 100644 src/views/mediaLibrary/components/waitingHallPrice.vue diff --git a/index.html b/index.html index 3a1a5a6..730780d 100644 --- a/index.html +++ b/index.html @@ -208,7 +208,8 @@
正在加载系统资源,请耐心等待
- + + diff --git a/public/config.js b/public/config.js new file mode 100644 index 0000000..8e53434 --- /dev/null +++ b/public/config.js @@ -0,0 +1,6 @@ +window._CONFIG = { + // 高德api配置 + apiKey: 'f5b170e2332903225896a7290b90793a', + // 密钥 + secretKey: 'a157b9d8963b598f40023f5469d3e73c' +} \ No newline at end of file diff --git a/src/api/mediaLibrary.js b/src/api/mediaLibrary.js new file mode 100644 index 0000000..43c7b11 --- /dev/null +++ b/src/api/mediaLibrary.js @@ -0,0 +1,102 @@ +import request from '@/utils/request' + +// 获取媒体分页列表 +export function mediaPageList(query) { + return request({ + url: '/media/pageList', + method: 'get', + params: query + }) +} +// 保存媒体信息 +export function addMedia(query) { + return request({ + url: '/media/save', + method: 'post', + data: query + }) +} +// 编辑媒体信息 +export function updateMedia(query) { + return request({ + url: '/media/update', + method: 'post', + data: query + }) +} +// 查看单条媒体信息 +export function mediaDetail(query) { + return request({ + url: '/media/detail', + method: 'get', + params: query + }) +} +// 删除单条媒体信息 +export function deleteMedia(query) { + return request({ + url: '/media/deleteMedia', + method: 'get', + params: query + }) +} +// 废除媒体信息 +export function mediaCancel(query) { + return request({ + url: '/media/cancel', + method: 'post', + data: query + }) +} + +// 媒体日志信息 +export function mediaOptionLog(query) { + return request({ + url: '/media/getOperateLog', + method: 'get', + params: query + }) +} +// 获取导出Excel字段 +export function mediaExcelField(query) { + return request({ + url: '/media/excel/field', + method: 'get', + params: query + }) +} +// 动态导出Excel +export function exportMediaExcel(query) { + return request({ + url: '/media/export/dynamic/excel', + method: 'post', + data: query, + responseType: 'blob' + }) +} +// 获取导出PPT字段 +export function mediaPPTField(query) { + return request({ + url: '/media/ppt/field', + method: 'get', + params: query + }) +} +// 动态导出PPT +export function exportMediaPPT(query) { + return request({ + url: '/media/export/dynamic/ppt', + method: 'post', + data: query, + responseType: 'blob' + }) +} + +// 获取媒体历史报价 +export function mediaPrice(query) { + return request({ + url: '/media/getPrice', + method: 'get', + params: query + }) +} \ No newline at end of file diff --git a/src/components/FileUpload/multiFileUpload.vue b/src/components/FileUpload/multiFileUpload.vue index bb9aef6..10a93a2 100644 --- a/src/components/FileUpload/multiFileUpload.vue +++ b/src/components/FileUpload/multiFileUpload.vue @@ -71,7 +71,8 @@ const emit = defineEmits(['setFormFile']) // 文件列表初始化 const fileList = ref([]) const cardfileList = ref([]) -// 文件类型 1-营业执照 2-媒体权属 9-其它附件 +// 文件类型 1-营业执照 2-媒体权属 9-其它附件 +// 批文文件-1,独家授权文件-2,媒体行业授权文件-3,媒体归属附件-4,曾经媒体照片-5,图片上传-6,视频上传-7,盖章刊例-8, 资质文件-9, 媒体链条-10, 刊例照片-11,MR和制作要求-12 const _fileType = ref('1') const _accept = ref('*/*') const baseUrl = import.meta.env.VITE_APP_BASE_API diff --git a/src/main.js b/src/main.js index f1f6fe2..5d504c4 100644 --- a/src/main.js +++ b/src/main.js @@ -1,4 +1,4 @@ -import { createApp } from 'vue' +import { createApp } from 'vue' import Cookies from 'js-cookie' diff --git a/src/views/mediaLibrary/components/accessControlPrice.vue b/src/views/mediaLibrary/components/accessControlPrice.vue new file mode 100644 index 0000000..2a3d1c3 --- /dev/null +++ b/src/views/mediaLibrary/components/accessControlPrice.vue @@ -0,0 +1,278 @@ + + + + \ No newline at end of file diff --git a/src/views/mediaLibrary/components/barrierGatePrice.vue b/src/views/mediaLibrary/components/barrierGatePrice.vue new file mode 100644 index 0000000..64b9c23 --- /dev/null +++ b/src/views/mediaLibrary/components/barrierGatePrice.vue @@ -0,0 +1,257 @@ + + + + \ No newline at end of file diff --git a/src/views/mediaLibrary/components/competitiveOffer.vue b/src/views/mediaLibrary/components/competitiveOffer.vue new file mode 100644 index 0000000..0a3322c --- /dev/null +++ b/src/views/mediaLibrary/components/competitiveOffer.vue @@ -0,0 +1,291 @@ + + + + \ No newline at end of file diff --git a/src/views/mediaLibrary/components/garageLightBox.vue b/src/views/mediaLibrary/components/garageLightBox.vue new file mode 100644 index 0000000..3e12a18 --- /dev/null +++ b/src/views/mediaLibrary/components/garageLightBox.vue @@ -0,0 +1,270 @@ + + + + \ No newline at end of file diff --git a/src/views/mediaLibrary/components/highSpeedRailway.vue b/src/views/mediaLibrary/components/highSpeedRailway.vue new file mode 100644 index 0000000..b38a69c --- /dev/null +++ b/src/views/mediaLibrary/components/highSpeedRailway.vue @@ -0,0 +1,264 @@ + + + + \ No newline at end of file diff --git a/src/views/mediaLibrary/components/officeBuilding.vue b/src/views/mediaLibrary/components/officeBuilding.vue new file mode 100644 index 0000000..0139bad --- /dev/null +++ b/src/views/mediaLibrary/components/officeBuilding.vue @@ -0,0 +1,270 @@ + + + + \ No newline at end of file diff --git a/src/views/mediaLibrary/components/subwayPrice.vue b/src/views/mediaLibrary/components/subwayPrice.vue new file mode 100644 index 0000000..f350287 --- /dev/null +++ b/src/views/mediaLibrary/components/subwayPrice.vue @@ -0,0 +1,369 @@ + + + + \ No newline at end of file diff --git a/src/views/mediaLibrary/components/waitingHallPrice.vue b/src/views/mediaLibrary/components/waitingHallPrice.vue new file mode 100644 index 0000000..ff6f6fd --- /dev/null +++ b/src/views/mediaLibrary/components/waitingHallPrice.vue @@ -0,0 +1,330 @@ + + + + \ No newline at end of file diff --git a/src/views/mediaLibrary/index.vue b/src/views/mediaLibrary/index.vue index f634b38..2bb80cf 100644 --- a/src/views/mediaLibrary/index.vue +++ b/src/views/mediaLibrary/index.vue @@ -4,44 +4,45 @@
- + - + - - - - + + - - + - + - @@ -60,35 +61,36 @@
- + - - - - + - - + @@ -109,10 +111,10 @@ - + - + @@ -148,7 +150,6 @@ 导出excel 媒体可视化地图 - @@ -160,7 +161,7 @@ @@ -231,7 +232,7 @@ + @pagination="getMediaPageList" />
@@ -325,15 +326,18 @@ import { onMounted, ref } from 'vue'; import { useRouter } from 'vue-router' import { Search } from '@element-plus/icons-vue' -import { sysRegionListByPid } from "@/api/system/administrativeRegion" -import { sysMediaTypeListByPid } from "@/api/system/mediaType" import optionIcon from '@/assets/images/optionIcon.png' import optionIconHover from '@/assets/images/optionIconHover.png' import viewFile from '@/assets/images/viewFile.png' import viewFileHover from '@/assets/images/viewFileHover.png' -import { useBackgroundStore } from '@/store/modules/background' import otherbg from '@/assets/images/otherbg.png' - +import { listBusSupplier } from "@/api/supplier" +import { sysRegionListByPid } from "@/api/system/administrativeRegion" +import { sysMediaTypeListByPid } from "@/api/system/mediaType" +import { busTradingAreaPage } from "@/api/system/businessArea" +import { mediaPageList, mediaCancel } from "@/api/mediaLibrary" +import { listDept } from "@/api/system/dept" +// 注入组件 import mediaForm from "./mediaForm.vue"; import mediaDetail from "./mediaDetail.vue"; import mediaLogs from "./mediaLogs.vue"; @@ -341,28 +345,79 @@ import historyData from "./historyData.vue" import downFiles from './downFiles.vue'; import viewFileDialog from '@/components/ViewFile/index.vue' import exportDialog from './exportDialog.vue'; +import { useBackgroundStore } from '@/store/modules/background' const router = useRouter() const bgStore = useBackgroundStore() const { proxy } = getCurrentInstance() -const { media_form, display_form, key_words, media_schedule, media_format, sales_method, business, media_status, approval_document_status } = proxy.useDict("media_form", "display_form", "key_words", "media_schedule", "media_format", "sales_method", "business", "media_status", "approval_document_status") +const { media_status } = proxy.useDict("media_status") + // 省、市、县、镇数据 const province = ref([]) const city = ref([]) const county = ref([]) const town = ref([]) +// 商圈信息列表 +const businessAreaList = ref([]) // 媒体类型数据 const mediaTypeOne = ref([]) const mediaTypeTwo = ref([]) const mediaTypeThree = ref([]) -const uploadOpen = ref(false) -const docUploadList = ref([]) +// 归属选项 +const supplierList = ref([]) +const selectLoading = ref(false) +// 业务部门 +const deptList = ref([]) +// 操作列图标 +const defaultImageSrc = ref(optionIcon); +const hoverImageSrc = ref(optionIconHover); +// 列表文件缩略图标 +const defaultViewFileSrc = ref(viewFile); +const hoverViewFileSrc = ref(viewFileHover); +// 媒体列表 +const mediaList = ref([]) +// 媒体信息查询条件 +const loading = ref(true) +const total = ref(0) +const data = reactive({ + abolishForm: {}, + form: {}, + queryParams: { + pageNum: 1, + pageSize: 10, + mediaType: undefined, + mediaCategory: undefined, + displayForm: undefined, + belongSupplierId: undefined, + businessType: undefined, + state: undefined, + mediaType: undefined, + mediaCategory: undefined, + + provinceCode: undefined, + cityCode: undefined, + areaCode: undefined, + townCode: undefined, + businessDistrictId: undefined + }, + abolishRules: { + content: [{ required: true, message: "请输入废除原因", trigger: "blur" }], + } +}) +const { queryParams, form, abolishForm, abolishRules } = toRefs(data) +// 表单 const showForm = ref(false) const mediaFormRef = ref(null) +// 详情 const showDetail = ref(false) const mediaDetailRef = ref(null) +// 日志 const showLogs = ref(false) const mediaLogsRef = ref(null) + + +const uploadOpen = ref(false) +const docUploadList = ref([]) const abolishOpen = ref(false) const historyDataRef = ref(null) const downFileRef = ref(null) @@ -392,58 +447,15 @@ const cities = [ ] -// 归属选项 -const supplierList = ref([]) + // 多选数据 const multipleChoseArr = ref([]) -// 媒体库操作图标 -const defaultImageSrc = ref(optionIcon); -const hoverImageSrc = ref(optionIconHover); -// 文件查看 -const defaultViewFileSrc = ref(viewFile); -const hoverViewFileSrc = ref(viewFileHover); -const mediaList = ref([ - { id: 1, mediaName: '遵义市海风井铁路桥', currentImageSrc: defaultImageSrc.value, currentCataloguePhotoSrc: defaultViewFileSrc.value, currentMediaChainSrc: defaultViewFileSrc.value, currentQualificationFileSrc: defaultViewFileSrc.value, currentStampedPublicationSrc: defaultViewFileSrc.value }, - { id: 2, mediaName: '遵义市海风井铁路桥跨街大牌', currentImageSrc: defaultImageSrc.value, currentCataloguePhotoSrc: defaultViewFileSrc.value, currentMediaChainSrc: defaultViewFileSrc.value, currentQualificationFileSrc: defaultViewFileSrc.value, currentStampedPublicationSrc: defaultViewFileSrc.value }, - { id: 3, mediaName: '遵义市海风井铁路桥跨街大牌2', currentImageSrc: defaultImageSrc.value, currentCataloguePhotoSrc: defaultViewFileSrc.value, currentMediaChainSrc: defaultViewFileSrc.value, currentQualificationFileSrc: defaultViewFileSrc.value, currentStampedPublicationSrc: defaultViewFileSrc.value }, - { id: 4, mediaName: '遵义市海风井铁路桥跨街大牌3', currentImageSrc: defaultImageSrc.value, currentCataloguePhotoSrc: defaultViewFileSrc.value, currentMediaChainSrc: defaultViewFileSrc.value, currentQualificationFileSrc: defaultViewFileSrc.value, currentStampedPublicationSrc: defaultViewFileSrc.value }, - { id: 5, mediaName: '遵义市海风井铁路桥(华南大酒店旁)跨街大牌', currentImageSrc: defaultImageSrc.value, currentCataloguePhotoSrc: defaultViewFileSrc.value, currentMediaChainSrc: defaultViewFileSrc.value, currentQualificationFileSrc: defaultViewFileSrc.value, currentStampedPublicationSrc: defaultViewFileSrc.value }, - { id: 6, mediaName: '遵义市海风井铁路桥', currentImageSrc: defaultImageSrc.value, currentCataloguePhotoSrc: defaultViewFileSrc.value, currentMediaChainSrc: defaultViewFileSrc.value, currentQualificationFileSrc: defaultViewFileSrc.value, currentStampedPublicationSrc: defaultViewFileSrc.value }, - { id: 7, mediaName: '遵义市海风井铁路桥跨街大牌', currentImageSrc: defaultImageSrc.value, currentCataloguePhotoSrc: defaultViewFileSrc.value, currentMediaChainSrc: defaultViewFileSrc.value, currentQualificationFileSrc: defaultViewFileSrc.value, currentStampedPublicationSrc: defaultViewFileSrc.value }, - { id: 8, mediaName: '遵义市海风井铁路桥跨街大牌2', currentImageSrc: defaultImageSrc.value, currentCataloguePhotoSrc: defaultViewFileSrc.value, currentMediaChainSrc: defaultViewFileSrc.value, currentQualificationFileSrc: defaultViewFileSrc.value, currentStampedPublicationSrc: defaultViewFileSrc.value }, - { id: 9, mediaName: '遵义市海风井铁路桥跨街大牌3', currentImageSrc: defaultImageSrc.value, currentCataloguePhotoSrc: defaultViewFileSrc.value, currentMediaChainSrc: defaultViewFileSrc.value, currentQualificationFileSrc: defaultViewFileSrc.value, currentStampedPublicationSrc: defaultViewFileSrc.value }, - { id: 10, mediaName: '遵义市海风井铁路桥(华南大酒店旁)跨街大牌', currentImageSrc: defaultImageSrc.value, currentCataloguePhotoSrc: defaultViewFileSrc.value, currentMediaChainSrc: defaultViewFileSrc.value, currentQualificationFileSrc: defaultViewFileSrc.value, currentStampedPublicationSrc: defaultViewFileSrc.value }, - { id: 11, mediaName: '遵义市海风井铁路桥', currentImageSrc: defaultImageSrc.value, currentCataloguePhotoSrc: defaultViewFileSrc.value, currentMediaChainSrc: defaultViewFileSrc.value, currentQualificationFileSrc: defaultViewFileSrc.value, currentStampedPublicationSrc: defaultViewFileSrc.value }, - { id: 12, mediaName: '遵义市海风井铁路桥跨街大牌', currentImageSrc: defaultImageSrc.value, currentCataloguePhotoSrc: defaultViewFileSrc.value, currentMediaChainSrc: defaultViewFileSrc.value, currentQualificationFileSrc: defaultViewFileSrc.value, currentStampedPublicationSrc: defaultViewFileSrc.value }, - { id: 13, mediaName: '遵义市海风井铁路桥跨街大牌2', currentImageSrc: defaultImageSrc.value, currentCataloguePhotoSrc: defaultViewFileSrc.value, currentMediaChainSrc: defaultViewFileSrc.value, currentQualificationFileSrc: defaultViewFileSrc.value, currentStampedPublicationSrc: defaultViewFileSrc.value }, - { id: 14, mediaName: '遵义市海风井铁路桥跨街大牌3', currentImageSrc: defaultImageSrc.value, currentCataloguePhotoSrc: defaultViewFileSrc.value, currentMediaChainSrc: defaultViewFileSrc.value, currentQualificationFileSrc: defaultViewFileSrc.value, currentStampedPublicationSrc: defaultViewFileSrc.value }, - { id: 15, mediaName: '遵义市海风井铁路桥(华南大酒店旁)跨街大牌', currentImageSrc: defaultImageSrc.value, currentCataloguePhotoSrc: defaultViewFileSrc.value, currentMediaChainSrc: defaultViewFileSrc.value, currentQualificationFileSrc: defaultViewFileSrc.value, currentStampedPublicationSrc: defaultViewFileSrc.value }, - { id: 16, mediaName: '遵义市海风井铁路桥', currentImageSrc: defaultImageSrc.value, currentCataloguePhotoSrc: defaultViewFileSrc.value, currentMediaChainSrc: defaultViewFileSrc.value, currentQualificationFileSrc: defaultViewFileSrc.value, currentStampedPublicationSrc: defaultViewFileSrc.value }, - { id: 17, mediaName: '遵义市海风井铁路桥跨街大牌', currentImageSrc: defaultImageSrc.value, currentCataloguePhotoSrc: defaultViewFileSrc.value, currentMediaChainSrc: defaultViewFileSrc.value, currentQualificationFileSrc: defaultViewFileSrc.value, currentStampedPublicationSrc: defaultViewFileSrc.value }, - { id: 18, mediaName: '遵义市海风井铁路桥跨街大牌2', currentImageSrc: defaultImageSrc.value, currentCataloguePhotoSrc: defaultViewFileSrc.value, currentMediaChainSrc: defaultViewFileSrc.value, currentQualificationFileSrc: defaultViewFileSrc.value, currentStampedPublicationSrc: defaultViewFileSrc.value }, - { id: 19, mediaName: '遵义市海风井铁路桥跨街大牌3', currentImageSrc: defaultImageSrc.value, currentCataloguePhotoSrc: defaultViewFileSrc.value, currentMediaChainSrc: defaultViewFileSrc.value, currentQualificationFileSrc: defaultViewFileSrc.value, currentStampedPublicationSrc: defaultViewFileSrc.value }, - { id: 20, mediaName: '遵义市海风井铁路桥(华南大酒店旁)跨街大牌', currentImageSrc: defaultImageSrc.value, currentCataloguePhotoSrc: defaultViewFileSrc.value, currentMediaChainSrc: defaultViewFileSrc.value, currentQualificationFileSrc: defaultViewFileSrc.value, currentStampedPublicationSrc: defaultViewFileSrc.value } -]) + // 导出PPT模板参数 const exportPPT = reactive({ open: false, title: "", }) -const loading = ref(true) -const total = ref(0) -const data = reactive({ - abolishForm: {}, - form: {}, - queryParams: { - pageNum: 1, - pageSize: 10, - }, - abolishRules: { - content: [{ required: true, message: "请输入废除原因", trigger: "blur" }], - } -}) - -const { queryParams, form, abolishForm, abolishRules } = toRefs(data) // 获取一级媒体类型 const getMediaTypeOne = () => { @@ -466,6 +478,25 @@ const getMediaTypeThree = (value) => { mediaTypeThree.value = res.data }) } +// 查询条件获取供应商 +const getSupplierList = (queryText) => { + if (queryText) { + selectLoading.value = true + listBusSupplier({ keyword: queryText }).then(res => { + supplierList.value = res.data + selectLoading.value = false + }) + } else { + selectLoading.value = false + supplierList.value = [] + } +} +// 获取业务部门 +const getDepList = () => { + listDept({ businessFlag: 1 }).then(response => { + deptList.value = response.data + }) +} // 获取省/直辖市数据 const getProvinceList = () => { sysRegionListByPid({ parentId: '0' }).then(res => { @@ -480,6 +511,7 @@ const getCityList = (value) => { queryParams.value.townId = undefined city.value = res.data }) + getbusinessAreaList() } // 获取区/县数据 const getCountyList = (value) => { @@ -488,6 +520,7 @@ const getCountyList = (value) => { queryParams.value.townId = undefined county.value = res.data }) + getbusinessAreaList() } // 获取镇数据 const getTownList = (value) => { @@ -495,13 +528,59 @@ const getTownList = (value) => { queryParams.value.townId = undefined town.value = res.data }) + getbusinessAreaList() +} +// 依据省市县镇查询商圈 +const getbusinessAreaList = (val) => { + const _params = { + pageIndex: 1, + pageSize: 200, + provinceId: queryParams.value.provinceCode, + cityId: queryParams.value.cityCode, + countyId: queryParams.value.areaCode, + townId: queryParams.value.townCode, + } + busTradingAreaPage(_params).then(res => { + if (res.code == 200) { + businessAreaList.value = res.data.list + } + }) } - // 折叠展开 const unfoldFlag = ref(false) const handleFlod = () => { unfoldFlag.value = !unfoldFlag.value } + +/** 查询媒体信息列表 */ +const getMediaPageList = () => { + loading.value = false + mediaPageList(queryParams.value).then(res => { + res.data.rows.forEach(element => { + element.currentImageSrc = defaultImageSrc.value; + element.currentCataloguePhotoSrc = defaultViewFileSrc.value; + element.currentMediaChainSrc = defaultViewFileSrc.value; + element.currentQualificationFileSrc = defaultViewFileSrc.value; + element.currentStampedPublicationSrc = defaultViewFileSrc.value; + }); + mediaList.value = res.data.rows + total.value = res.data.total + loading.value = false + }) +} +/** 搜索按钮操作 */ +const handleQuery = () => { + queryParams.value.pageNum = 1 + getMediaPageList() +} + +/** 重置按钮操作 */ +const resetQuery = () => { + handleQuery() +} + + + // 多选事件 const handleSelectionChange = (selection) => { multipleChoseArr.value = selection @@ -509,32 +588,12 @@ const handleSelectionChange = (selection) => { // 移除选择项 const handleCloseTag = (tag) => { -} -/** 查询岗位列表 */ -const getList = () => { - loading.value = false - // listPost(proxy.addDateRange(queryParams.value, dateRange.value)).then(response => { - // postList.value = response.rows - // total.value = response.total - // loading.value = false - // }) -} -/** 搜索按钮操作 */ -const handleQuery = () => { - queryParams.value.pageNum = 1 - getList() -} - -/** 重置按钮操作 */ -const resetQuery = () => { - proxy.resetForm("queryRef") - handleQuery() } // 新增 const handleOpenAddForm = () => { showForm.value = true nextTick(() => { - mediaFormRef.value.initForm('新建媒体信息', { supplierId: null }) + mediaFormRef.value.initForm('新建媒体信息', { id: null }) }) } // 修改 @@ -545,16 +604,17 @@ const handleUpdate = (row) => { }) } // 详情 -const handleOpenDetail = () => { +const handleOpenDetail = (_mediaId) => { showDetail.value = true nextTick(() => { - // mediaDetailRef.value.formTitle = '编辑供应商' + mediaDetailRef.value.getMediaInfo(_mediaId) }) } // 关闭表单 const handleShowList = () => { console.log('触发') showForm.value = false + getMediaPageList() } // 关闭详情 const handleCloseDetail = () => { @@ -710,7 +770,8 @@ const handleGoMediaMap = () => { // 初始化 onMounted(() => { bgStore.setBgImage(otherbg) - getList() + getMediaPageList() + getDepList() getMediaTypeOne() getProvinceList() }); diff --git a/src/views/mediaLibrary/mediaDetail.vue b/src/views/mediaLibrary/mediaDetail.vue index af747df..715a4b5 100644 --- a/src/views/mediaLibrary/mediaDetail.vue +++ b/src/views/mediaLibrary/mediaDetail.vue @@ -12,14 +12,14 @@
-
银川金凤区新华联广场门口上方LED
+
{{ detailForm.mediaName }}
- 优势媒体部门 + {{ detailForm.businessType }} @@ -28,17 +28,17 @@ - 生效中 + {{ detailForm.state }} - MT2023101100009 + {{ detailForm.mediaCode }} - 银川金凤区新华联广场门口上方LED + {{ detailForm.mediaName }} @@ -46,22 +46,22 @@ - 待定 + {{ detailForm.mediaType }} - 待定 + {{ detailForm.mediaCategory }} - 待定 + {{ detailForm.displayForm }} - 待定 + {{ detailForm.hasLighting }} @@ -69,22 +69,22 @@ - 待定 + {{ detailForm.playbackTime }} - 待定 + {{ detailForm.mediaSize }} - 待定 + {{ detailForm.mr }} - 待定 + {{ detailForm.dailyAvgVehicleFlow }} @@ -92,7 +92,7 @@ - 待定 + {{ detailForm.mediaOrientation }} @@ -100,12 +100,12 @@ - 待定 + {{ detailForm.provinceName }} - 待定 + {{ detailForm.businessDistrictName }} @@ -113,7 +113,7 @@ - 待定 + {{ detailForm.address }} @@ -121,7 +121,7 @@ - 待定 + {{ detailForm.mapX }},{{ detailForm.mapY }} @@ -129,369 +129,47 @@ - 待定 + {{ detailForm.minPurchaseCycle }} - 待定 + {{ detailForm.firstInstallFee }} - 待定 + {{ detailForm.changeInstallFee }} -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +
+
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + +
@@ -500,22 +178,22 @@ - 待定 + {{ detailForm.belongSupplierName }} - 待定 + {{ detailForm.contactUserName }} - 13746577654 + {{ detailForm.contactUserPhone }} - 无 + {{ detailForm.hasReform }} @@ -523,22 +201,22 @@ - 待定 + {{ detailForm.invoiceType }} - 待定 + {{ detailForm.taxRate }} - 待定 + {{ detailForm.paymentRequirements }} - 待定 + {{ detailForm.mediaCompanyName }} @@ -546,22 +224,22 @@ - 待定 + {{ detailForm.propertyCompanyName }} - 待定 + {{ detailForm.approvalDept }} - 待定 + {{ detailForm.approvalSituation }} - 待定 + {{ detailForm.approvalReleaseTime }} @@ -569,22 +247,22 @@ - 待定 + {{ detailForm.soleAgentAuth }} - 待定 + {{ detailForm.soleAgentAuthTime }} - 待定 + {{ detailForm.industryAuth }} - 待定 + {{ detailForm.industryAuthTime }} @@ -592,7 +270,7 @@ - 待定 + {{ detailForm.industryLimit }} @@ -600,7 +278,7 @@ - 待定 + {{ detailForm.everManagerCompany }} @@ -608,7 +286,7 @@ - 待定 + {{ detailForm.mediaTimeline }} @@ -616,7 +294,7 @@ - 待定 + {{ detailForm.everMediaSituation }} @@ -624,7 +302,7 @@ - 待定 + {{ detailForm.mediaHistory }} @@ -632,7 +310,7 @@ - 待定 + {{ detailForm.equalsMediaCompany }} @@ -640,7 +318,7 @@ - 待定 + {{ detailForm.other }} @@ -648,7 +326,7 @@ - + @@ -656,7 +334,7 @@ - + @@ -664,7 +342,7 @@ - + @@ -672,7 +350,7 @@ - + @@ -680,7 +358,7 @@ - + @@ -689,7 +367,7 @@ - + {{ detailForm.advantages }} @@ -697,7 +375,7 @@ - + {{ detailForm.remark }} @@ -705,7 +383,7 @@ - + @@ -713,7 +391,7 @@ - + @@ -721,7 +399,7 @@ - + @@ -729,7 +407,7 @@ - + @@ -737,7 +415,7 @@ - + @@ -745,7 +423,7 @@ - + @@ -753,7 +431,7 @@ - + @@ -765,34 +443,150 @@