提交

src/types/AsSpace.d.ts

@@ -6,6 +6,7 @@ export interface IAsSpace {
   height?: number
   adType?: number
   slotId?: number
+  baseMaterial?: string
 }
 
 export interface CatalogTreeOri {
@@ -59,6 +60,7 @@ export interface AsSpaceItem {
   uid: number
   updatedTime: null
   width: number
+  baseMaterial?: string
 }
 
 export interface AsSpaceList {

src/views/AdvertisingSpacePage.vue

@@ -4,16 +4,6 @@
     <el-form-item label="广告位名称">
       <el-input v-model="pages.keyword" placeholder="输入广告位关键词" clearable />
     </el-form-item>
-    <!-- <el-form-item label="状态">
-      <el-select filterable clearable v-model="pages.status" style="width: 200px">
-        <el-option
-          v-for="item in statusList"
-          :key="item.value"
-          :label="item.label"
-          :value="item.value"
-        />
-      </el-select>
-    </el-form-item> -->
     <el-form-item label="站点">
       <el-select
         filterable
@@ -99,6 +89,14 @@
           />
         </el-select>
       </el-form-item>
+      <el-form-item label="上传底图" prop="baseMaterial">
+        <MediaComponents
+          v-if="dialogVisible"
+          :src="form.baseMaterial || ''"
+          @change="(val: string) => (form.baseMaterial = val)"
+          @getCalc="getCalc"
+        />
+      </el-form-item>
       <el-form-item label="栏目" prop="catalogId">
         <el-tree-select
           :disabled="isUpdate"
@@ -136,8 +134,7 @@ import {
 import { formatDateSite } from '@/tool/index'
 import { ElMessage } from 'element-plus'
 import { ref, reactive } from 'vue'
-
-// import { statusList } from '@/tool'
+import MediaComponents from '@/components/mediaComponents.vue'
 
 const dialogVisible = ref(false)
 const ruleFormRef = ref<FormInstance>()
@@ -223,12 +220,17 @@ const creatEditPlan = (data: AsSpaceItem, isUpdateF = false) => {
       height: data.height,
       adType: data.adType,
       slotId: data.slotId,
+      baseMaterial: data.baseMaterial,
     }
   }
   dialogVisible.value = !dialogVisible.value
   if (typeof data.mediaId === 'number') changeSite(data.mediaId)
   isUpdate.value = isUpdateF
 }
+const getCalc = (width: number, height: number) => {
+  form.value.width = width
+  form.value.height = height
+}
 
 const subCreateSpace = async (formEl: FormInstance | undefined) => {
   if (!formEl) return
@@ -249,6 +251,7 @@ const subCreateSpace = async (formEl: FormInstance | undefined) => {
         slotName: form.value.slotName,
         width: form.value.width,
         height: form.value.height,
+        baseMaterial: form.value.baseMaterial,
       }).then(() => {
         ElMessage({
           message: '修改成功',