对接第二套页面接口

components/wenjuan-dan.vue

@@ -0,0 +1,100 @@
+<template>
+	<view class="wenjuan-dan u-flex u-col-top">
+		<view class="bianhao">
+			{{index}}、
+		</view>
+		<view>
+			<view class="timu-text">
+				<text>单选</text>
+				<text>{{item.quesName}}</text>
+			</view>
+			<view class="radio-box">
+				<u-radio-group v-model="value" :wrap="true" @change="changeradio">
+					<view v-for="(val, key) in radiolist" :key="key" v-if="item[val]">
+						<u-radio :name="item[val]">
+							<text class="item-text">{{item[val]}}</text>
+						</u-radio>
+					</view>
+				</u-radio-group>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+			index: {
+				type: [Number, String],
+				default: 0
+			},
+			item: {
+				type: Object,
+				default () {
+					return {}
+				}
+			}
+		},
+		data() {
+			return {
+				value: '',
+				radiolist: ['answerA', 'answerB', 'answerC', 'answerD', 'answerE', 'answerF', 'answerG']
+			}
+		},
+		onLoad() {
+
+		},
+		methods: {
+			changeradio(e){
+				this.$emit('changeradio',e)
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.wenjuan-dan {
+		.radio-box {
+			margin-top: 20rpx;
+
+			.item-text {
+				font-size: 28rpx;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+				color: rgba(0, 0, 0, 0.88);
+			}
+		}
+
+		.bianhao {
+			font-size: 28rpx;
+			font-family: PingFangSC-Medium, PingFang SC;
+			font-weight: 500;
+			color: #222222;
+			line-height: 44rpx;
+		}
+
+		.timu-text {
+			text:first-child {
+				display: inline-block;
+				width: 88rpx;
+				line-height: 44rpx;
+				background: #167FFF;
+				border-radius: 6rpx;
+				text-align: center;
+				font-size: 24rpx;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+				color: #FFFFFF;
+				margin-right: 12rpx;
+			}
+
+			text:last-child {
+				line-height: 44rpx;
+				font-size: 28rpx;
+				font-family: PingFangSC-Medium, PingFang SC;
+				font-weight: 500;
+				color: #222222;
+			}
+		}
+	}
+</style>

components/wenjuan-duo.vue

@@ -0,0 +1,126 @@
+<template>
+	<view class="wenjuan-duo u-flex u-col-top">
+		<view class="bianhao">
+			{{index}}、
+		</view>
+		<view>
+			<view class="timu-text">
+				<text>多选</text>
+				<text>{{item.quesName}}</text>
+			</view>
+			<view class="radio-box">
+				<u-checkbox-group @change="checkboxGroupChange" :wrap="true">
+					<view v-for="(val, key) in checklist" :key="key" v-if="item[val.name]">
+						<u-checkbox v-model="val.check" :name="key">
+							<text class="item-text">{{item[val.name]}}</text>
+						</u-checkbox>
+					</view>
+				</u-checkbox-group>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+			index: {
+				type: [Number, String],
+				default: 0
+			},
+			item: {
+				type: Object,
+				default () {
+					return {}
+				}
+			}
+		},
+		data() {
+			return {
+				value: '',
+				checked: false,
+				checklist: [{
+					name: 'answerA',
+					check: false
+				}, {
+					name: 'answerB',
+					check: false
+				}, {
+					name: 'answerC',
+					check: false
+				}, {
+					name: 'answerD',
+					check: false
+				}, {
+					name: 'answerE',
+					check: false
+				}, {
+					name: 'answerF',
+					check: false
+				}, {
+					name: 'answerG',
+					check: false
+				}]
+			}
+		},
+		onLoad() {
+
+		},
+		methods: {
+			checkboxGroupChange(e) {
+				var arr = []
+				e.forEach(val => {
+					arr.push(this.item[this.checklist[val].name])
+				})
+				this.$emit('changecheck',arr)
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.wenjuan-duo {
+		.radio-box {
+			margin-top: 20rpx;
+
+			.item-text {
+				font-size: 28rpx;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+				color: rgba(0, 0, 0, 0.88);
+			}
+		}
+
+		.bianhao {
+			font-size: 28rpx;
+			font-family: PingFangSC-Medium, PingFang SC;
+			font-weight: 500;
+			color: #222222;
+			line-height: 44rpx;
+		}
+
+		.timu-text {
+			text:first-child {
+				display: inline-block;
+				width: 88rpx;
+				line-height: 44rpx;
+				background: #167FFF;
+				border-radius: 6rpx;
+				text-align: center;
+				font-size: 24rpx;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+				color: #FFFFFF;
+				margin-right: 12rpx;
+			}
+
+			text:last-child {
+				line-height: 44rpx;
+				font-size: 28rpx;
+				font-family: PingFangSC-Medium, PingFang SC;
+				font-weight: 500;
+				color: #222222;
+			}
+		}
+	}
+</style>

components/wenjuan-tian.vue

@@ -0,0 +1,120 @@
+<template>
+	<view class="wenjuan-tian u-flex u-col-top">
+		<view class="bianhao">
+			{{index}}、
+		</view>
+		<view>
+			<view class="timu-text">
+				<text class="text1">填空</text>
+				<block v-for="(val,key) in textlist" :key="key">
+					<text class="text2">{{val.text}}</text>
+					<input class="input" type="text" v-if="val.input" v-model="val.value">
+				</block>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+			index: {
+				type: [Number, String],
+				default: 0
+			},
+			item: {
+				type: Object,
+				default () {
+					return {}
+				}
+			}
+		},
+		data() {
+			return {
+				value: '',
+				text: '',
+				textlist: []
+			}
+		},
+		created() {
+			this.init()
+		},
+		watch:{
+			textlist:{
+				handler(e){
+					this.$emit('changetian',e)
+				},
+				deep:true
+			}
+		},
+		methods: {
+			init() {
+				this.text = this.item.quesName
+				var arr = this.text.split("${input}")
+				this.textlist = []
+				arr.forEach((val, key) => {
+					if (key == arr.length - 1) {
+						this.textlist.push({
+							text: val,
+						})
+					} else {
+						this.textlist.push({
+							text: val,
+							value: '',
+							input: true
+						})
+					}
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.wenjuan-tian {
+
+		.bianhao {
+			font-size: 28rpx;
+			font-family: PingFangSC-Medium, PingFang SC;
+			font-weight: 500;
+			color: #222222;
+			line-height: 44rpx;
+		}
+
+		.timu-text {
+			.input {
+				width: 90rpx;
+				height: 44rpx;
+				line-height: 44rpx;
+				border-bottom: 2rpx solid #313131;
+				display: inline-block;
+				padding: 0 10rpx;
+				text-align: center;
+				vertical-align: top;
+			}
+
+			.text1 {
+				display: inline-block;
+				width: 88rpx;
+				line-height: 44rpx;
+				background: #167FFF;
+				border-radius: 6rpx;
+				text-align: center;
+				font-size: 24rpx;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+				color: #FFFFFF;
+				margin-right: 12rpx;
+			}
+
+			.text2 {
+				vertical-align: top;
+				line-height: 44rpx;
+				font-size: 28rpx;
+				font-family: PingFangSC-Medium, PingFang SC;
+				font-weight: 500;
+				color: #222222;
+			}
+		}
+	}
+</style>

components/wenjuan-wen.vue

@@ -0,0 +1,60 @@
+<template>
+	<view class="wenjuan-wen">
+		<view class="bianhao">
+			{{index}}、{{item.quesName}}
+		</view>
+		<textarea class="textarea" v-model="value" @input="changewen"></textarea>
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+			index: {
+				type: [Number, String],
+				default: 0
+			},
+			item: {
+				type: Object,
+				default () {
+					return {}
+				}
+			}
+		},
+		data() {
+			return {
+				value: ''
+			}
+		},
+		onLoad() {
+
+		},
+		methods: {
+			changewen() {
+				this.$emit('changewen', this.value)
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.wenjuan-wen {
+		.textarea {
+			width: 100%;
+			height: 128rpx;
+			border-radius: 12rpx;
+			border: 1rpx solid #167FFF;
+			padding: 10rpx 20rpx;
+			box-sizing: border-box;
+			margin-top: 20rpx;
+		}
+
+		.bianhao {
+			font-size: 28rpx;
+			font-family: PingFangSC-Medium, PingFang SC;
+			font-weight: 500;
+			color: #222222;
+			line-height: 44rpx;
+		}
+	}
+</style>

https/http.js

@@ -37,5 +37,11 @@ export default {
 	topicAdd(data){ return http('/api/topicAdd' , "POST" , data) },
 	// 问卷数量
 	getTopicNum(data){ return http('/api/getTopicNum' , "POST" , data) },
+	// 问卷列表
+	quesMessage(data){ return http('/api/quesMessage' , "POST" , data) },
+	// 问卷详情
+	quesInfo(data){ return http('/api/quesInfo' , "GET" , data) },
+	// 提交问卷
+	noteAdd(data){ return http('/api/noteAdd' , "POST" , data) },
 	
 }

https/url.js

@@ -1,3 +1,3 @@
-// const baseUrl = 'http://d06u7pg536nk.ngrok.xiaomiqiu123.top' //测试环境
-const baseUrl = 'https://www.speacemedblxm.cn' //正式
+const baseUrl = 'https://binglitwo.hdlkeji.com/' //测试环境
+// const baseUrl = 'https://www.speacemedblxm.cn' //正式
 export { baseUrl }

manifest.json

@@ -92,7 +92,7 @@
     },
     "quickapp" : {},
     "mp-weixin" : {
-        "appid" : "wxebfcd6bc94ebdb32",
+        "appid" : "wxea3ca01ea8508f8f",
         "setting" : {
             "urlCheck" : false,
             "es6" : false,

pages.json

@@ -18,6 +18,18 @@
 			}
 		},
 		{
+			"path": "pages/index/wenjuan-list",
+			"style": {
+				"navigationBarTitleText": "问卷列表"
+			}
+		},
+		{
+			"path": "pages/index/wenjuan-info",
+			"style": {
+				"navigationBarTitleText": "问卷列表"
+			}
+		},
+		{
 			"path": "pages/index/wenjuan",
 			"style": {
 				"navigationBarTitleText": "问卷调查"

pages/index/calendar.vue

@@ -110,7 +110,7 @@
 			},
 			towenjuan() {
 				uni.navigateTo({
-					url: "./wenjuan"
+					url: "./wenjuan-list"
 				})
 			},
 			isup(item) {

pages/index/wenjuan-info.vue

@@ -0,0 +1,215 @@
+<template>
+	<view class="wenjuan-info">
+		<image src="../../static/img/bg@2x.png" style="position: fixed;z-index: -1;width: 750rpx;top: 0;left: 0;" mode="widthFix"></image>
+		<view class="wenjuan-body">
+			<view class="wenjuan-item" v-for="(item,index) in list" :key="index">
+				<dan :index="index + 1" v-if="item.quesType == 1" :item="item" @changeradio="(e) => changeradio(e,index)"></dan>
+				<duo :index="index + 1" v-if="item.quesType == 2" :item="item" @changecheck="(e) => changecheck(e,index)"></duo>
+				<tian :index="index + 1" v-if="item.quesType == 3" :item="item" @changetian="(e) => changetian(e,index)"></tian>
+				<wen :index="index + 1" v-if="item.quesType == 4" :item="item" @changewen="(e) => changewen(e,index)"></wen>
+			</view>
+		</view>
+		<view style="height: 150rpx;"></view>
+		<view class="safe-area-inset-bottom"></view>
+		<view class="wenjuan-info-btn">
+			<view class="btn-box u-flex u-row-center">
+				<text @click="save">提交</text>
+			</view>
+			<view class="safe-area-inset-bottom"></view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import dan from "../../components/wenjuan-dan.vue"
+	import duo from "../../components/wenjuan-duo.vue"
+	import tian from "../../components/wenjuan-tian.vue"
+	import wen from "../../components/wenjuan-wen.vue"
+	export default {
+		data() {
+			return {
+				id: '',
+				list: []
+			}
+		},
+		onLoad(option) {
+			this.id = option.id
+			this.getdata()
+		},
+		components: {
+			dan,
+			duo,
+			tian,
+			wen
+		},
+		methods: {
+			save() {
+				var quesSubNodeMessageList = []
+				for (let i = 0; i < this.list.length; i++) {
+					if (this.list[i].quesType == 1) {
+						if (!this.list[i].value) {
+							this.$u.toast(`请选择第${i + 1}题答案`)
+							return
+						}
+						quesSubNodeMessageList.push({
+							answer: this.list[i].value,
+							id: this.list[i].id,
+							orderId: this.list[i].orderId,
+							quesName: this.list[i].quesName,
+							sysOrgCode: this.list[i].sysOrgCode
+						})
+					}
+					if (this.list[i].quesType == 2) {
+						if (this.list[i].value.length == 0) {
+							this.$u.toast(`请选择第${i + 1}题答案`)
+							return
+						}
+						quesSubNodeMessageList.push({
+							answer: this.list[i].value.join(','),
+							id: this.list[i].id,
+							orderId: this.list[i].orderId,
+							quesName: this.list[i].quesName,
+							sysOrgCode: this.list[i].sysOrgCode
+						})
+					}
+					if (this.list[i].quesType == 3) {
+						var tian = ''
+						for (let a = 0; a < this.list[i].value.length; a++) {
+							if (this.list[i].value[a].input && !this.list[i].value[a].value) {
+								this.$u.toast(`请选择第${i + 1}题填空题`)
+								return
+							} else {
+								tian = tian + this.list[i].value[a].text + (this.list[i].value[a].value || '')
+							}
+						}
+						quesSubNodeMessageList.push({
+							answer: tian,
+							id: this.list[i].id,
+							orderId: this.list[i].orderId,
+							quesName: this.list[i].quesName,
+							sysOrgCode: this.list[i].sysOrgCode
+						})
+					}
+					if (this.list[i].quesType == 4) {
+						if (!this.list[i].value) {
+							this.$u.toast(`请输入第${i + 1}题答案`)
+							return
+						}
+						quesSubNodeMessageList.push({
+							answer: this.list[i].value,
+							id: this.list[i].id,
+							orderId: this.list[i].orderId,
+							quesName: this.list[i].quesName,
+							sysOrgCode: this.list[i].sysOrgCode
+						})
+					}
+				}
+				uni.showLoading({
+					mask: true,
+					title: "请稍候"
+				})
+				this.$http.noteAdd({
+					id: this.id,
+					quesSubNodeMessageList: quesSubNodeMessageList
+				}).then(res => {
+					this.$u.toast(res.data.message)
+					if (res.data.code == 200) {
+						setTimeout(() => {
+							uni.navigateBack()
+						}, 800)
+					}
+				})
+				// console.log(JSON.parse(JSON.stringify(this.list)));
+			},
+			changewen(e, index) {
+				this.list[index].value = e
+			},
+			changetian(e, index) {
+				this.list[index].value = e
+			},
+			changecheck(e, index) {
+				this.list[index].value = e
+			},
+			changeradio(e, index) {
+				this.list[index].value = e
+			},
+			getdata() {
+				this.$http.quesInfo({
+					id: this.id
+				}).then(res => {
+					this.list = []
+					res.data.result.forEach(val => {
+						if (val.quesType == 1) {
+							this.list.push({
+								...val,
+								value: ''
+							})
+						}
+						if (val.quesType == 2) {
+							this.list.push({
+								...val,
+								value: []
+							})
+						}
+						if (val.quesType == 3) {
+							this.list.push({
+								...val,
+								value: []
+							})
+						}
+						if (val.quesType == 4) {
+							this.list.push({
+								...val,
+								value: ''
+							})
+						}
+					})
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.wenjuan-info {
+		.wenjuan-info-btn {
+			position: fixed;
+			z-index: 10;
+			background-color: #fff;
+			width: 750rpx;
+			left: 0;
+			bottom: 0;
+
+			.btn-box {
+				padding: 10rpx 30rpx;
+				width: 100%;
+
+				text {
+					width: 100%;
+					line-height: 88rpx;
+					background: #167FFF;
+					border-radius: 12rpx;
+					text-align: center;
+					font-size: 32rpx;
+					font-family: PingFangSC-Medium, PingFang SC;
+					font-weight: 500;
+					color: #FFFFFF;
+				}
+			}
+		}
+
+		.wenjuan-body {
+			width: 690rpx;
+			background: rgba(255, 255, 255, 0.6);
+			border-radius: 20rpx;
+			border: 2rpx solid #FFFFFF;
+			backdrop-filter: blur(4px);
+			margin: 20rpx auto;
+			padding: 20rpx 0;
+
+			.wenjuan-item {
+				padding: 18rpx 20rpx;
+			}
+		}
+	}
+</style>

pages/index/wenjuan-list.vue

@@ -0,0 +1,69 @@
+<template>
+	<view class="wenjian-list">
+		<image src="../../static/img/bg@2x.png" style="position: fixed;z-index: -1;width: 750rpx;top: 0;left: 0;" mode="widthFix"></image>
+		<view class="wenjuan-item u-flex-col u-row-center" v-for="(item,index) in list" :key="index" @click="toinfo(item)">
+			<text>{{item.quesName}}</text>
+			<text>目的和内容：{{item.quesMessage}}</text>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				page: 1,
+				list: [],
+				total: 0
+			}
+		},
+		onLoad() {
+			this.getlist()
+		},
+		methods: {
+			getlist() {
+				this.$http.quesMessage({
+					pageNo: this.page,
+					pageSize: 10
+				}).then(res => {
+					this.total = res.data.result.total
+					this.list = this.list.concat(res.data.result.records)
+				})
+			},
+			toinfo(item) {
+				uni.navigateTo({
+					url: "./wenjuan-info?id=" + item.id
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.wenjian-list {
+		.wenjuan-item {
+			width: 690rpx;
+			padding: 28rpx 24rpx;
+			background: rgba(255, 255, 255, 0.6);
+			border-radius: 20rpx;
+			border: 2rpx solid #FFFFFF;
+			backdrop-filter: blur(4px);
+			margin: 20rpx auto;
+
+			text:first-child {
+				font-size: 34rpx;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+				color: #167FFF;
+				margin-bottom: 24rpx;
+			}
+
+			text:last-child {
+				font-size: 20rpx;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+				color: #167FFF;
+			}
+		}
+	}
+</style>