“

App.vue

@@ -1,3 +1,7 @@
+<style lang="scss">
+	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
+	@import "uview-ui/index.scss";
+</style>
 <script>
 	import Vue from 'vue'
 	// import app from './utils/api.js'

main.js

@@ -13,6 +13,8 @@ Vue.prototype.$request=request
 import store from './store/index.js'
 Vue.prototype.$store = store
 
+import uView from "uview-ui";
+Vue.use(uView);
 
 App.mpType = 'app'
 const app = new Vue({

package-lock.json

@@ -3,7 +3,9 @@
   "lockfileVersion": 1,
   "dependencies": {
     "@dcloudio/uni-ui": {
-      "version": "1.4.28"
+      "version": "1.4.28",
+      "resolved": "https://registry.npmjs.org/@dcloudio/uni-ui/-/uni-ui-1.4.28.tgz",
+      "integrity": "sha512-e/lSbvR79KH9+d3D4ueNbvD6szigjO/5IyjBNmiTqaj0PTS324fBV3L6f3s1qpkYonM4rdOl000hVOcAg6Gh/A=="
     },
     "deepmerge": {
       "version": "4.3.1",
@@ -15,6 +17,11 @@
       "resolved": "https://registry.npmmirror.com/shvl/-/shvl-2.0.3.tgz",
       "integrity": "sha512-V7C6S9Hlol6SzOJPnQ7qzOVEWUQImt3BNmmzh40wObhla3XOYMe4gGiYzLrJd5TFa+cI2f9LKIRJTTKZSTbWgw=="
     },
+    "uview-ui": {
+      "version": "2.0.36",
+      "resolved": "https://registry.npmjs.org/uview-ui/-/uview-ui-2.0.36.tgz",
+      "integrity": "sha512-ASSZT6M8w3GTO1eFPbsgEFV0U5UujK+8pTNr+MSUbRNcRMC1u63DDTLJVeArV91kWM0bfAexK3SK9pnTqF9TtA=="
+    },
     "vuex-persistedstate": {
       "version": "4.1.0",
       "resolved": "https://registry.npmmirror.com/vuex-persistedstate/-/vuex-persistedstate-4.1.0.tgz",

package.json

@@ -1,6 +1,7 @@
 {
   "dependencies": {
     "@dcloudio/uni-ui": "^1.4.28",
+    "uview-ui": "^2.0.36",
     "vuex-persistedstate": "^4.1.0"
   }
 }

pages.json

@@ -3,7 +3,8 @@
 		"autoscan": true,
 		"custom": {
 			// uni-ui 规则如下配置
-			"^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue"
+			"^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue",
+			"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
 		}
 	},
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages

pages/activityDetail/activityDetail.vue

@@ -12,7 +12,7 @@
 						{{ item.acName }}
 					</view>
 					<view class="col fz-font">
-						活动日期：<text>{{ item.begin_at }}~{{ item.endTime }}</text>
+						活动日期：<text>{{ item.begin_at}}</text>
 					</view>
 					<view class="col fz-font">
 						招募人数：<text>0/{{ item.pers }}</text>

pages/mineRelease/mineRelease.vue

@@ -74,10 +74,10 @@
 				deleteAcId : '',
 				activeList: [
 					// {
-					// 	img: "http://43.139.158.220:5007/img/static/img/1695656271245-image.png",
+					// 	pic: "http://43.139.158.220:5007/img/static/img/1695656271245-image.png",
 					// 	count: "3842",
-					// 	price: "299",
-					// 	className: "丽湖职教双创教育国际虚拟教研室启动大会暨双创教育国际论坛圆满举行",
+					// 	cost: "299",
+					// 	acName: "丽湖职教双创教育国际虚拟教研室启动大会暨双创教育国际论坛圆满举行",
 					// 	intro: "丽湖职教双创教育国际虚拟教研室为立足全国，辐射海外的国际化教研室，围绕创新创业教育的人才培养与课程建设开展深度研究。教研室以贯彻落实立德树人根本任务，通过加强跨专业、跨校、跨地域的教研交流，推动高校协同打造国际化的精品教学资",
 					// }, 
 				],
@@ -86,12 +86,13 @@
 		methods: {
 			getpublish() {
 				let data={
-					openid:uni.getStorageSync('oId')
+					openid:uni.getStorageSync('oId'),
+					del: 0
 				}
 				this.$request('/selectMyPublish', "POST", data).then(res => {
 					console.log(res[0]);
 					this.activeList = res[0]
-					if (this.activeList === []) {
+					if (this.activeList.length < 1) {
 						uni.showToast({
 							title: '没有您发布的内容',
 							icon: 'none'
@@ -123,7 +124,7 @@
 			},
 			confirm() {
 				let data={
-					id: this.deleteAcId
+					id: this.deleteAcId,
 				}
 				console.log(this.deleteAcId);
 				this.$request('/deleteMyPublish', "POST", data).then(res => {
@@ -164,8 +165,8 @@
 				height: 160rpx;
 
 				image {
-					width: 100%;
-					height: 100%;
+					width: 160rpx;
+					height: 160rpx;
 					border-radius: 10rpx;
 				}
 			}
@@ -237,7 +238,7 @@
 						flex-direction: row;
 						justify-content: space-between;
 						align-items: baseline;
-						width: 260rpx;
+						width: 330rpx;
 
 
 
@@ -249,11 +250,10 @@
 					}
 
 					.Oright {
-						width: 80px;
+						width: 200rpx;
 						display: flex;
-						// justify-content: end;
+						justify-content: flex-end;
 						align-items: center;
-						padding-left: 15px;
 						// flex-direction: row;
 						// justify-content: space-around;
 						// align-items: flex-end;

pages/publish/publish.vue

@@ -63,7 +63,8 @@
 										<view class="uni-input text">{{classify}}</view>
 									</view>
 									<view class="arrow">
-										<image src="http://43.139.158.220:5007/img/static/mine/arrow-right.png" mode="aspectFill"></image>
+										<image src="http://43.139.158.220:5007/img/static/mine/arrow-right.png"
+											mode="aspectFill"></image>
 									</view>
 								</view>
 							</view>
@@ -90,7 +91,8 @@
 										<view class="uni-input text">{{recruitment}}</view>
 									</view>
 									<view class="arrow">
-										<image src="http://43.139.158.220:5007/img/static/mine/arrow-right.png" mode="aspectFill"></image>
+										<image src="http://43.139.158.220:5007/img/static/mine/arrow-right.png"
+											mode="aspectFill"></image>
 									</view>
 								</view>
 							</view>
@@ -115,7 +117,8 @@
 										<view class="uni-input text">{{activityform}}</view>
 									</view>
 									<view class="arrow">
-										<image src="http://43.139.158.220:5007/img/static/mine/arrow-right.png" mode="aspectFill"></image>
+										<image src="http://43.139.158.220:5007/img/static/mine/arrow-right.png"
+											mode="aspectFill"></image>
 									</view>
 								</view>
 							</view>
@@ -139,7 +142,8 @@
 										<view class="uni-input text">{{address}}</view>
 									</view>
 									<view class="arrow">
-										<image src="http://43.139.158.220:5007/img/static/mine/arrow-right.png" mode="aspectFill"></image>
+										<image src="http://43.139.158.220:5007/img/static/mine/arrow-right.png"
+											mode="aspectFill"></image>
 									</view>
 								</view>
 							</view>
@@ -150,7 +154,7 @@
 			</view>
 			<view class="userOptionsBox">
 				<view class="optionsItemBox">
-					<picker mode="date" :value="activityDate" :start="startDate" :end="endDate"
+					<!-- <picker mode="date" :value="activityDate" :start="startDate" :end="endDate"
 						@change="activityDateChange">
 						<view class="optionItem">
 							<view class="option_left">
@@ -170,8 +174,30 @@
 								</view>
 							</view>
 						</view>
-					</picker>
-
+					</picker> -->
+					<view class="optionItem" @click="show = true">
+						<view class="option_left">
+							<text class="option_text">
+								活动时间
+							</text>
+						</view>
+					
+						<view class="option_right">
+							<view class="input_details">
+								<view class="details">
+									<!-- <view class="uni-input text">{{ activityDate }}</view> -->
+									<u-calendar :show="show" :mode="mode" @confirm="confirm" :closeOnClickOverlay="true" @close="show=false"></u-calendar>
+									<view class="text">
+										{{ activityDate }}
+									</view>
+								</view>
+								<view class="arrow">
+									<image src="http://43.139.158.220:5007/img/static/mine/arrow-right.png" mode="aspectFill"></image>
+								</view>
+							</view>
+						</view>
+					</view>
+					
 				</view>
 			</view>
 			<view class="userOptionsBox">
@@ -190,7 +216,8 @@
 										<view class="uni-input text">{{funds}}</view>
 									</view>
 									<view class="arrow">
-										<image src="http://43.139.158.220:5007/img/static/mine/arrow-right.png" mode="aspectFill"></image>
+										<image src="http://43.139.158.220:5007/img/static/mine/arrow-right.png"
+											mode="aspectFill"></image>
 									</view>
 								</view>
 							</view>
@@ -216,7 +243,8 @@
 										<view class="uni-input text">{{ deadlineDate }}</view>
 									</view>
 									<view class="arrow">
-										<image src="http://43.139.158.220:5007/img/static/mine/arrow-right.png" mode="aspectFill"></image>
+										<image src="http://43.139.158.220:5007/img/static/mine/arrow-right.png"
+											mode="aspectFill"></image>
 									</view>
 								</view>
 							</view>
@@ -244,7 +272,7 @@
 					</view>
 					<view class="footer">
 						<button class="cancel-btn" @click="closePopup">取消</button>
-						<button class="confirm-btn" @click="confirm">确认</button>
+						<button class="confirm-btn" @click="conf">确认</button>
 					</view>
 				</view>
 			</view>
@@ -279,6 +307,10 @@
 					title: '发布', //导航栏标题
 					btn: 1 //是否显示返回按钮 0不显示  1 显示
 				},
+				//时间选择器
+				show: false,
+				mode: 'range',
+				//控制弹窗
 				showPopup: false,
 				showPopupConfirm: false,
 				isFirstShow: true,
@@ -320,7 +352,8 @@
 				funds: '请选择',
 
 
-				activityDate: currentDate,
+				// activityDate: currentDate,
+				activityDate: '请选择',
 				deadlineDate: currentDate,
 				activeList: []
 			};
@@ -334,6 +367,12 @@
 			}
 		},
 		methods: {
+			confirm(e) {
+				console.log(e);
+				console.log(e[0],e[e.length-1]);
+				this.activityDate = e[0] + '~' + e[e.length-1]
+				this.show = false
+			},
 			editPublish() {
 				const routes = getCurrentPages()
 				console.log(routes);
@@ -365,7 +404,7 @@
 							this.funds = item.cost
 							this.activityDate = item.begin_at
 							this.deadlineDate = item.endTime
-							
+
 							if (this.classify == 0) {
 								this.classify = "直播活动"
 							} else if (this.classify == 1) {
@@ -378,24 +417,36 @@
 				}
 			},
 			submitForm() {
+				//判断表单内容是否完整
+				const conditions = [
+				// 添加提示信息
+				  { value: this.activitytitle.trim(), message: '请填写活动标题' },
+				  { value: this.activityintro.trim(), message: '请填写活动内容' },
+				  { value: this.classify, message: '请填写活动分类' },
+				  { value: this.recruitment, message: '请填写招募人数' },
+				  { value: this.address, message: '请填写活动地址' },
+				  { value: this.activityDate, message: '请填写活动时间' },
+				];
+				for (const condition of conditions) {
+				  if (!condition.value || condition.value === '请选择') {
+				    uni.showToast({
+				      title: condition.message,
+				      icon: 'none'
+				    });
+				    return;
+				  }
+				}
+
+				//判断没有填写的表单内容是否填写，如果没有替换
 				if (
-					this.activitytitle.trim() === '' ||
-					this.activityintro.trim() === '' ||
 					this.imageValue == '' ||
-					// this.classify == '请选择' ||
-					this.recruitment.value === '请选择' ||
-					// this.activityform.trim() === '请选择' ||
-					this.address.trim() === '请选择' ||
+					this.activityform.trim() === '请选择' ||
 					this.funds === '请选择'
 				) {
-					// 弹出弹框或其他处理逻辑
-					uni.showToast({
-						title: '请填写完整的表单内容',
-						icon: 'none'
-					});
-					return;
+					this.imageValue = 'http://43.139.158.220:5007/img/static/zanwu_img.png'
+					this.activityform = '暂无'
+					this.funds = '暂无'
 				}
-
 				this.showPopup = true; //显示弹窗
 
 			},
@@ -404,7 +455,7 @@
 				this.showPopup = false;
 				this.showPopupConfirm = false;
 			},
-			confirm() {
+			conf() {
 				// 确认操作
 				if (this.classify == "直播活动") {
 					this.classify = 0
@@ -444,7 +495,7 @@
 							uni.navigateBack();
 						}, 500)
 					})
-				}else {
+				} else {
 					this.$request('/insertActive', 'POST', formData).then(res => {
 						console.log(res.data);
 						if (res.code == 200) {
@@ -475,9 +526,9 @@
 			handelFunds(e) {
 				this.funds = this.fundsList[e.detail.value]
 			},
-			activityDateChange: function(e) {
-				this.activityDate = e.detail.value
-			},
+			// activityDateChange: function(e) {
+			// 	this.activityDate = e.detail.value
+			// },
 			deadlineDateChange: function(e) {
 				this.deadlineDate = e.detail.value
 			},

pages/teachingDetail/teachingDetail.vue

@@ -21,7 +21,7 @@
 					</view>
 				</view>
 				<view class="col fz-font">
-					成立日期：{{ item.begin_at }}
+					成立日期：{{ item.begin_at.split('~')[0] }}
 				</view>
 				<view class="col fz-font">
 					人数：{{ item.pers }}人

uni.scss

@@ -12,6 +12,9 @@
  * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
  */
 
+/* uni.scss */
+@import 'uview-ui/theme.scss';
+
 /* 颜色变量 */
 
 /* 行为相关颜色 */