页面修改

src/components/setComments/rulesPopup.vue

@@ -2,26 +2,19 @@
 	<view class="rulesPopup-box">
 		<van-popup :show="show" :round="true" @close="closepopup">
 			<view class="rulesPopup-box">
-                <van-icon class="rulesPopup-closure" name="cross" @click="closepopup"/>
+				<van-icon class="rulesPopup-closure" name="cross" @click="closepopup" />
 				<view class="rulesPopup-title">自定义评论规则</view>
 				<view class="rulesPopup-content">
-                    <input v-model="uploadParm.ExamName" class="rulesPopup-name" placeholder="请输入本组自定义规则名称"/>
+					<input v-model="ruleObj.Title" class="rulesPopup-name" placeholder="请输入本组自定义规则名称" />
 					<view class="rulesPopup-RuleSettings">
 						<text class="RuleSettings-title">规则设置</text>
 						<view class="RuleSettings-slider">
-                            <van-slider v-model="value" bar-height="10rpx" active-color="#ee0a24">
-                                <template #button>
-                                    <div class="custom-button">{{ value }}</div>
-                                </template>
-                            </van-slider>
-                            <!-- <van-slider v-model="valueNum" range
-                            bar-height="4px" active-color="#ee0a24"
-                            @change="onChange" /> -->
+							<van-slider v-model="valueNum" :range="isRange" @change="onChange" />
 						</view>
 					</view>
 				</view>
 				<view class="RuleSettings-content">
-                    <textarea placeholder="请填写评论内容"></textarea>
+					<textarea placeholder="请填写评论内容" v-model="ruleObj.Info"></textarea>
 				</view>
 				<view class="rulesPopup-save flex">
 					<view @click="save">保存</view>
@@ -40,48 +33,67 @@
 		inject,
 		watch
 	} from "vue";
-    import { uploadFile } from "@/utils/index";
+	import {
+		uploadFile
+	} from "@/utils/index";
 	export default {
 		props: {
 
 		},
+		emits: ['change'],
 		components: {},
-		setup(props,ctx) {
-            // 双滑块模式时，值必须是数组
-            const value = ref([10, 50]);
+		setup(props, ctx) {
 			let {
 				proxy
 			} = getCurrentInstance();
 			let data = reactive({
-                valueNum: ref([0, 0]),
+				valueNum: [10, 50],
 				show: false,
 				loading: false,
-
+				isRange: true,
+				ruleObj: {
+					DetailId: 0, //详情编号
+					Title: "", //标题
+					StartNum: 0, //开始值
+					EndNum: 0, //结束值
+					Info: "", //评价
+				}
 			});
 			let methods = {
-                showFun(){
+				showFun(item) {
+					if (item) {
+						data.ruleObj.DetailId = item.DetailId;
+						data.ruleObj.StartNum = item.StartNum;
+						data.ruleObj.EndNum = item.EndNum;
+						data.ruleObj.Info = item.Info;
+					} else {
+						data.ruleObj.DetailId = 0;
+						data.ruleObj.StartNum = 0;
+						data.ruleObj.EndNum = 0;
+						data.ruleObj.Info = "";
+					}
 					data.show = true
 				},
-                closepopup(){
+				closepopup() {
 					data.show = false
 				},
-                onChange(value){
+				onChange(value) {
 					console.log(value)
-                    // data.valueNum = value
-                    // console.log(data.valueNum)
 				},
-                save(){
+				save() {
+					data.ruleObj.StartNum = data.valueNum[0];
+					data.ruleObj.EndNum = data.valueNum[1];
+					ctx.emit("change", data.ruleObj);
 					data.show = false
 				}
 			};
 			let that = methods;
 			return {
 				...toRefs(data),
-                value,
 				...methods
 			};
 		},
-        onLoad(){
+		onLoad() {
 
 		},
 		onShow() {
@@ -99,10 +111,12 @@
 		background-color: #ee0a24;
 		border-radius: 100rpx;
 	}
-    .RuleSettings-slider{
+
+	.RuleSettings-slider {
 		padding: 52rpx 0 66rpx 0;
 	}
-    .rulesPopup-save view{
+
+	.rulesPopup-save view {
 		background: #C91727;
 		font-size: 30rpx;
 		font-weight: bold;
@@ -113,46 +127,55 @@
 		text-align: center;
 		color: #FFFFFF;
 	}
-    .rulesPopup-save{
+
+	.rulesPopup-save {
 		justify-content: flex-end;
 		margin-top: 40rpx;
 	}
-    .RuleSettings-content textarea{
+
+	.RuleSettings-content textarea {
 		width: 100%;
 	}
-    .RuleSettings-content{
+
+	.RuleSettings-content {
 		background: #F7F7F7;
 		border-radius: 30rpx;
 		min-height: 152rpx;
 		padding: 37rpx 43rpx;
 	}
-    .RuleSettings-title{
+
+	.RuleSettings-title {
 		font-size: 30rpx;
 		font-weight: bold;
 		color: #282828;
 	}
-	.rulesPopup-box .noData{
+
+	.rulesPopup-box .noData {
 		text-align: center;
-		flex:1;
+		flex: 1;
 		width: 100%;
 	}
-	.rulesPopup-box .noData image{
-		width:200rpx;
+
+	.rulesPopup-box .noData image {
+		width: 200rpx;
 		margin-bottom: 40rpx;
 	}
-	.rulesPopup-box .noData view{
+
+	.rulesPopup-box .noData view {
 		font-size: 24rpx;
 		color: #cecece;
 		text-align: center;
 	}
-    .rulesPopup-RuleSettings{
+
+	.rulesPopup-RuleSettings {
 		background: #FCEEEF;
 		border-radius: 30rpx;
 		padding: 35rpx 41rpx;
 		margin-top: 51rpx;
 		margin-bottom: 40rpx;
 	}
-    .rulesPopup-name{
+
+	.rulesPopup-name {
 		background-color: #F7F7F7;
 		text-align: center;
 		border: 1px solid #F7F7F7;
@@ -163,7 +186,8 @@
 		font-size: 30rpx;
 		letter-spacing: 1rpx;
 	}
-    .rulesPopup-title{
+
+	.rulesPopup-title {
 		width: 100%;
 		text-align: center;
 		font-size: 30rpx;
@@ -171,19 +195,20 @@
 		margin-bottom: 73rpx;
 		letter-spacing: 1rpx;
 	}
-    .rulesPopup-closure{
+
+	.rulesPopup-closure {
 		position: absolute;
 		right: 31rpx;
 		top: 31rpx;
 		color: #282828;
 		font-size: 38rpx;
 	}
-    .rulesPopup-box{
+
+	.rulesPopup-box {
 		position: relative;
 		width: 548rpx;
 		padding: 48rpx 55rpx 60rpx 55rpx;
 	}
-    .rulesPopup-box{
 
-    }
+	.rulesPopup-box {}
 </style>