广告相关

pages/adManagement/adlist.vue

@@ -40,10 +40,10 @@
 			</view>
 		</view>
 		<view class="footer">
-			<view class="btn dis a-c j-c" @click="createAdShow=true">
+			<view class="btn dis a-c j-c" @click="ifPlatform=true">
 				<image src="/static/ad/createAd.png" mode="" style="width: 32rpx ; height: 32rpx;margin-right: 13rpx;">
 				</image>
-				<text>创建广告</text>
+				<text>投广告</text>
 			</view>
 		</view>
 		<u-popup v-model="createAdShow" mode="center" width="580rpx" :closeable="true" border-radius="20">
@@ -106,18 +106,21 @@
 			</view>
 		</u-popup>
 		<my-date-picker ref="datePicker" @confirmPickDate="confirmPickDate" />
+		<AdServicePopup v-if="ifPlatform" @contact="onContactPlatform"/>
 	</view>
 </template>
 <script>
 	import myDatePicker from '@/components/date-picker.vue';
 	import uniNavBar from '@/components/uni-NavBar/uni-NavBar.vue'
+	import AdServicePopup from './popup_platform.vue'
+
 	import {
 		USER_INFO
 	} from '@/common/util/constants.js'
 	export default {
 		components: {
 			myDatePicker,
-			uniNavBar
+			uniNavBar,AdServicePopup
 		},
 		data() {
 			return {
@@ -196,21 +199,21 @@
 							label: "全部",
 							value: " ",
 						},
-						{
-							id: 1,
-							label: "待审核",
-							value: "0",
-						},
-						{
-							id: 2,
-							label: "审核通过",
-							value: "1",
-						},
-						{
-							id: 3,
-							label: "审核驳回",
-							value: "2",
-						},
+						// {
+						// 	id: 1,
+						// 	label: "待审核",
+						// 	value: "0",
+						// },
+						// {
+						// 	id: 2,
+						// 	label: "审核通过",
+						// 	value: "1",
+						// },
+						// {
+						// 	id: 3,
+						// 	label: "审核驳回",
+						// 	value: "2",
+						// },
 						{
 							id: 4,
 							label: "未开始",
@@ -237,7 +240,7 @@
 				dataList: [], //广告列表
 				userInfo: {},
 				adSlotList: [], //广告位列表
-
+				ifPlatform:false
 			}
 		},
 		onShow() {
@@ -248,6 +251,9 @@
 			this.userInfo = uni.getStorageSync(USER_INFO);
 		},
 		methods: {
+			onContactPlatform(){
+				this.ifPlatform = false
+			},
 			adSlotOptions(item) {
 				this.selectedOptions.positionId = item.id;
 			},

pages/adManagement/popup_platform.vue

@@ -0,0 +1,102 @@
+<template>
+  <!-- 遮罩：点击自己关闭，点击子元素不关闭 -->
+  <view class="popup-mask" @click.stop="closePopup">
+    <view class="popup-box">
+      <!-- 标题 -->
+      <view class="popup-title">提示</view>
+      <!-- 内容 -->
+      <view class="popup-content">
+        平台可提供代建广告服务，内容更优质
+      </view>
+      <!-- 按钮 -->
+      <button class="popup-btn" @click="handleContact">
+        联系平台
+      </button>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'AdServicePopup',
+  props: {
+    // 是否显示弹窗
+    visible: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {
+    // 点击联系平台
+    handleContact() {
+      this.$emit('contact')
+    },
+    // 关闭弹窗
+    closePopup() {
+      this.$emit('contact')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.popup-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.7);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 999;
+}
+
+.popup-box {
+  width: 80%;
+  height: 406rpx;
+  background-color: #ffffff;
+  border-radius: 16rpx;
+  overflow: hidden;
+  box-sizing: border-box;
+}
+
+.popup-title {
+  font-size: 32rpx;
+	height: 86rpx;
+	line-height: 86rpx;
+	text-align: center;
+  font-weight: bold;
+  color: #333333;
+  margin-bottom: 66rpx;
+	margin-top: 20rpx;
+}
+
+.popup-content {
+  font-size: 30rpx;
+	
+  color: #333333;
+  text-align: center;
+  line-height: 1.5;
+  margin-bottom: 50rpx;
+	
+}
+
+.popup-btn {
+  width: 522rpx;
+  height: 68rpx;
+	margin: 0 auto;
+  line-height: 80rpx;
+  background-color: #409eff;
+  color: #ffffff;
+  border: none;
+  border-radius: 40rpx;
+  font-size: 28rpx;
+	margin-top: 97rpx;
+}
+
+.popup-btn:active {
+  opacity: 0.8;
+}
+</style>