From a87bc36956d7d0dd938c9065acd55ea07517870e Mon Sep 17 00:00:00 2001
From: Vinjor <vinjorm@gmail.com>
Date: Tue, 1 Apr 2025 10:18:22 +0800
Subject: [PATCH] 1

---
 pages.json                     |   6 +
 pages/mine/card/my-card.vue    |  75 ++++++
 pages/mine/index.vue           |   8 +-
 pages/notice/subscribe-set.vue | 415 +++++++++++++++++++++++++++++++++
 static/set.png                 | Bin 0 -> 1670 bytes
 5 files changed, 503 insertions(+), 1 deletion(-)
 create mode 100644 pages/mine/card/my-card.vue
 create mode 100644 pages/notice/subscribe-set.vue
 create mode 100644 static/set.png

diff --git a/pages.json b/pages.json
index bd465ef..3453e69 100644
--- a/pages.json
+++ b/pages.json
@@ -97,6 +97,12 @@
 			"style": {
 				"navigationBarTitleText": "订阅"
 			}
+		},
+		{
+			"path": "pages/mine/card/my-card",
+			"style": {
+				"navigationBarTitleText": "我的名片"
+			}
 		}
 	],
 	"subPackages": [{
diff --git a/pages/mine/card/my-card.vue b/pages/mine/card/my-card.vue
new file mode 100644
index 0000000..a938dec
--- /dev/null
+++ b/pages/mine/card/my-card.vue
@@ -0,0 +1,75 @@
+<template>
+	<view class="my-card-box">
+		<view class="card-dom">
+			<view class="card-title">
+				<image src="@/static/platform/xiaohongshu.png" mode="aspectFit"></image>
+				<text>小红书博主</text>
+				<view class="edit-text">
+					<image style="margin-right: 10rpx;" src="@/static/platform/xiaohongshu.png" mode="aspectFit">
+					</image>
+					编辑
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			}
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style lang="scss">
+	.my-card-box {
+		border-top: 1rpx solid #F4F4F4;
+		padding: 30rpx;
+		width: 100%;
+		color: #363636;
+		font-size: 30rpx;
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		position: relative;
+
+		.card-dom {
+			width: 100%;
+			background-color: white;
+			position: relative;
+			z-index: 10;
+			font-size: 26rpx;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			justify-content: center;
+
+			.card-title {
+				display: flex;
+				align-items: center;
+				justify-content: center;
+
+				image {
+					width: 80rpx;
+					height: 80rpx;
+				}
+
+				text {
+					flex: 1;
+				}
+
+				.edit-text {
+					width: 100rpx;
+				}
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages/mine/index.vue b/pages/mine/index.vue
index 8aa41ba..e56b296 100644
--- a/pages/mine/index.vue
+++ b/pages/mine/index.vue
@@ -71,7 +71,7 @@
 						<image src="@/static/mine/dizhi.png" mode="aspectFit"></image>
 						<view>地址</view>
 					</view>
-					<view class="menu-item">
+					<view class="menu-item" @click="goMyCard()">
 						<image src="@/static/mine/mingpian.png" mode="aspectFit"></image>
 						<view>名片</view>
 					</view>
@@ -152,6 +152,12 @@
 			handleToInfo() {
 				this.$tab.navigateTo('/pages/mine/info/index')
 			},
+			/**
+			 * 
+			 */
+			goMyCard() {
+				this.$tab.navigateTo('/pages/mine/card/my-card')
+			}
 		}
 	}
 </script>
diff --git a/pages/notice/subscribe-set.vue b/pages/notice/subscribe-set.vue
new file mode 100644
index 0000000..5a7d20b
--- /dev/null
+++ b/pages/notice/subscribe-set.vue
@@ -0,0 +1,415 @@
+<template>
+	<view class="dingyue-box">
+		<view class="line-box">
+			<view class="dl-title">领域</view>
+			<view class="dl-content">
+				<view class="line-row" v-for="(item,index) in bloggerTypeList">
+					<view v-for="(t,i) in item" :class="t.code==dataObj.bloggerTypeCode?'line-item click':'line-item'"
+						@click="changeChooseValue(t,'bloggerTypeCode')">
+						{{t.title}}
+					</view>
+					<view style="clear: both;"></view>
+				</view>
+			</view>
+		</view>
+		<view class="line-box">
+			<view class="dl-title">平台</view>
+			<view class="dl-content">
+				<view class="line-row" v-for="(item,index) in platformList">
+					<view v-for="(t,i) in item" :class="t.code==dataObj.platformCode?'line-item click':'line-item'"
+						@click="changeChooseValue(t,'platformCode')">
+						{{t.title}}
+					</view>
+					<view style="clear: both;"></view>
+				</view>
+			</view>
+		</view>
+		<view class="line-box">
+			<view class="dl-title">通告类型</view>
+			<view class="dl-content">
+				<view class="line-row" v-for="(item,index) in noticeTypeList">
+					<view v-for="(t,i) in item" :class="t.code==dataObj.noticeTypeCode?'line-item click':'line-item'"
+						@click="changeChooseValue(t,'noticeTypeCode')">
+						{{t.title}}
+					</view>
+					<view style="clear: both;"></view>
+				</view>
+			</view>
+		</view>
+		<view class="line-box">
+			<view class="dl-title">关键词<text>包含以下关键词的通告将被收入订阅</text></view>
+			<view class="dl-content">
+				<view class="line-row">
+					<view class="keywords-item" v-for="(item,index) in dataObj.keywordsList">
+						{{checkKeywords(item)}} <uni-icons class="icon-text" type="closeempty" size="13"
+							@click="delKeywords(item)"></uni-icons>
+					</view>
+					<view class="keywords-item" @click="addNewKeys()">
+						<uni-icons type="plusempty" size="13"></uni-icons>
+					</view>
+					<view style="clear: both;"></view>
+				</view>
+			</view>
+		</view>
+		<view class="line-box">
+			<view class="dl-title">粉丝</view>
+			<view class="dl-content">
+				<view class="line-row">
+					<uni-data-select v-model="dataObj.fansLimit" :localdata="range" @change="change($event,'fans')"
+						:clear="false"></uni-data-select>
+				</view>
+				<view class="line-row" v-show="dataObj.fansLimit">
+					<view class="dl-drawer-item">
+						<input class="uni-input" v-model="dataObj.fansDown" type="digit" placeholder="最低" />
+						<view>—</view>
+						<input class="uni-input" v-model="dataObj.fansUp" type="digit" placeholder="最高" />
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="line-box">
+			<view class="dl-title">奖励</view>
+			<view class="dl-content">
+				<view class="line-row" v-for="(item,index) in rewardTypeList">
+					<view v-for="(t,i) in item" :class="t.code==dataObj.rewardTypeCode?'line-item click':'line-item'"
+						@click="changeChooseValue(t,'rewardTypeCode')">
+						{{t.title}}
+					</view>
+					<view style="clear: both;"></view>
+				</view>
+			</view>
+		</view>
+		<view class="line-box">
+			<view class="dl-title">稿费要求</view>
+			<view class="dl-content">
+				<view class="line-row">
+					<uni-data-select v-model="dataObj.feeLimit" :localdata="range" @change="change($event,'fee')"
+						:clear="false"></uni-data-select>
+				</view>
+				<view class="line-row" v-show="dataObj.feeLimit">
+					<view class="dl-drawer-item">
+						<input class="uni-input" v-model="dataObj.feeDown" type="digit" placeholder="最低" />
+						<view>—</view>
+						<input class="uni-input" v-model="dataObj.feeUp" type="digit" placeholder="最高" />
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="line-box">
+			<view class="dl-title">推送</view>
+			<view class="dl-content">
+				<view class="line-row">
+					<view class="seting-view"><text>符合订阅设置的新通告</text>
+						<switch v-if="dataObj.newNotice" style="float: right;display: flex;" checked color="#FC1F3E"
+							@change="switchChange($event,'newNotice')" />
+						<switch v-else style="float: right;display: flex;" color="#FC1F3E"
+							@change="switchChange($event,'newNotice')" />
+					</view>
+					<view class="seting-view"><text>订阅通告主新通告</text>
+						<switch v-if="dataObj.forkNotice" style="float: right;display: flex;" checked color="#FC1F3E"
+							@change="switchChange($event,'forkNotice')" />
+						<switch v-else style="float: right;display: flex;" color="#FC1F3E"
+							@change="switchChange($event,'forkNotice')" />
+					</view>
+				</view>
+			</view>
+		</view>
+		<!-- 输入框示例 -->
+		<uni-popup ref="inputDialog" type="dialog" :key="keywordsValue">
+			<uni-popup-dialog ref="inputClose" mode="input" title="新增关键词" placeholder="请输入关键词"
+				@confirm="dialogInputConfirm"></uni-popup-dialog>
+		</uni-popup>
+	</view>
+</template>
+
+<script>
+	import {
+		getCatgByCode
+	} from '@/api/system/config.js'
+	export default {
+		data() {
+			return {
+				//一行显示几个
+				showNum: 4,
+				//平台列表
+				platformList: [],
+				//博主分类
+				bloggerTypeList: [],
+				//通告类型--这个只能固定死
+				noticeTypeList: [
+					[{
+						code: "",
+						title: "不限"
+					}, {
+						code: "money",
+						title: "高奖励"
+					}, {
+						code: "gift",
+						title: "品牌置换"
+					}]
+				],
+				//奖励--这个只能固定死
+				rewardTypeList: [
+					[{
+						code: "",
+						title: "不限"
+					}, {
+						code: "money",
+						title: "稿费"
+					}, {
+						code: "gift",
+						title: "赠品"
+					}]
+				],
+				//订阅设置对象---后端存储
+				dataObj: {
+					bloggerTypeCode: "",
+					platformCode: "",
+					noticeTypeCode: "",
+					//关键词集和
+					keywordsList: ['关键词1', '关键词2'],
+					rewardTypeCode: "",
+					//粉丝是否限制
+					fansLimit: false,
+					fansUp: null,
+					fansDown: null,
+					feeLimit: false,
+					feeDown: null,
+					feeUp: null,
+					newNotice: true,
+					forkNotice: false
+				},
+				//是否限制下拉框可选值
+				range: [{
+						value: false,
+						text: "不限制"
+					},
+					{
+						value: true,
+						text: "限制"
+					}
+				],
+			}
+		},
+		computed: {
+			keywords(value) {
+
+			}
+		},
+		onLoad() {
+			this.initData("dl_platform", "platformList")
+			this.initData("dl_blogger_type", "bloggerTypeList")
+		},
+		mounted() {
+
+		},
+		methods: {
+			switchChange(e, code) {
+				this.dataObj[code] = e.detail.value
+			},
+			//改变选中值
+			change(e, type) {
+				// if('fans'==type){
+				// 	//粉丝
+
+				// }else if('fee'==type){
+				// 	//稿费
+
+				// }
+				// console.log("e:", e);
+				// console.log("type", type);
+			},
+			dialogInputConfirm(val) {
+				this.dataObj.keywordsList.push(val)
+				// 关闭窗口后，恢复默认内容
+				this.$refs.inputDialog.close()
+			},
+			/**
+			 * 计算关键词的长度
+			 * @param {Object} value
+			 */
+			checkKeywords(value) {
+				if (value.length > 5) {
+					return value.substring(0, 5) + "..."
+				} else {
+					return value
+				}
+			},
+			/**
+			 * 删除某个关键词
+			 * @param {Object} value
+			 */
+			delKeywords(value) {
+				this.dataObj.keywordsList = this.dataObj.keywordsList.filter(item => item !== value);
+			},
+			/**
+			 * 初始化数据
+			 * @param {Object} code
+			 * @param {Object} dataObj
+			 */
+			initData(code, dataObj) {
+				let that = this
+				getCatgByCode({
+					code: code
+				}).then(res => {
+					if (res.code == 200) {
+						let thisArray = [{
+							id: '0',
+							title: "不限",
+							code: ""
+						}]
+						thisArray = thisArray.concat(res.data)
+						for (let i = 0; i < thisArray.length; i += this.showNum) {
+							this[dataObj].push(thisArray.slice(i, i + this.showNum));
+						}
+						console.log(this.bloggerTypeList, this.platformList)
+					}
+				}).catch((e) => {
+					uni.showToast({
+						icon: 'error',
+						duration: 2000,
+						title: e
+					});
+				})
+			},
+			/**
+			 * 改变选中值
+			 * @param {Object} item
+			 * @param {Object} key
+			 */
+			changeChooseValue(item, key) {
+				this.dataObj[key] = item.code
+			},
+			/**
+			 * 添加关键词
+			 */
+			addNewKeys() {
+				this.$refs.inputDialog.open()
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.dingyue-box {
+		border-top: 1rpx solid #F4F4F4;
+		width: 100%;
+		color: #363636;
+		background-color: white;
+		font-size: 30rpx;
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		position: relative;
+
+		.line-box {
+			width: 100%;
+			padding: 30rpx 30rpx 20rpx 30rpx;
+			display: flex;
+			flex-direction: column;
+			align-items: self-start;
+			justify-content: inherit;
+
+			.dl-title {
+				font-weight: bold;
+				font-size: 38rpx;
+
+				text {
+					margin-left: 20rpx;
+					font-weight: normal !important;
+					font-size: 22rpx;
+					color: #929292;
+				}
+			}
+
+			.dl-content {
+				width: 100%;
+				font-size: 24rpx;
+				padding: 15rpx;
+				border-bottom: 1rpx solid #F7F7F7;
+
+				.line-row {
+					width: 100%;
+
+					.line-item {
+						width: calc(25% - 16rpx);
+						border: 1rpx solid #E9E9E9;
+						margin: 8rpx 8rpx;
+						float: left;
+						border-radius: 25rpx;
+						color: #363636;
+						text-align: center;
+						padding: 8rpx 15rpx;
+						overflow: hidden;
+						text-overflow: ellipsis;
+						white-space: nowrap;
+					}
+
+					.keywords-item {
+						border: 1rpx solid #E9E9E9;
+						margin: 8rpx 8rpx;
+						float: left;
+						border-radius: 25rpx;
+						color: #363636;
+						text-align: center;
+						padding: 8rpx 20rpx;
+
+						.icon-text {
+							margin-left: 8rpx;
+						}
+					}
+
+					.dl-drawer-item {
+						display: flex;
+						color: #929292;
+						align-items: center;
+						justify-content: center;
+						border-bottom: 1px solid #F4F4F4;
+						margin-bottom: 20rpx;
+
+						input {
+							width: 100%;
+							border: 1rpx solid #F4F4F4;
+							border-radius: 15rpx;
+							color: #929292;
+							padding: 5rpx 10rpx;
+							margin: 10rpx 0;
+							text-align: center;
+							height: 60rpx;
+							line-height: 60rpx;
+						}
+
+						.dl-reward-type {
+							flex: 1;
+							text-align: center;
+							border: 1rpx solid #F4F4F4;
+							color: #929292;
+							border-radius: 15rpx;
+							padding: 10rpx 25rpx;
+							margin: 10rpx;
+						}
+					}
+
+					.seting-view {
+						padding: 20rpx 0;
+						font-size: 30rpx;
+						display: flex;
+						align-items: center;
+						justify-content: flex-end;
+
+						text {
+							flex: 1;
+						}
+					}
+				}
+
+				.click {
+					color: #FC1F3E !important;
+					border: 1rpx solid #FC1F3E !important;
+				}
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/static/set.png b/static/set.png
new file mode 100644
index 0000000000000000000000000000000000000000..cd3353ad019098b83b425a4c023d61639c079697
GIT binary patch
literal 1670
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
Q@Bjb+07*qoM6N<$f}b246951J

literal 0
HcmV?d00001