From 1d9258c48514381bfd32dff8acaa4204d4b7212f Mon Sep 17 00:00:00 2001
From: 84702473 <84702473@qq.com>
Date: 星期二, 04 四月 2023 21:36:54 +0800
Subject: [PATCH] 修改提示文字

---
 src/views/exam/paper/values.vue |  227 ++++++++++++++++++++++++++++++++++++--------------------
 1 files changed, 146 insertions(+), 81 deletions(-)

diff --git a/src/views/exam/paper/values.vue b/src/views/exam/paper/values.vue
index 40de040..1297c61 100644
--- a/src/views/exam/paper/values.vue
+++ b/src/views/exam/paper/values.vue
@@ -4,12 +4,17 @@
 			<el-header class="">
 				<h1>{{$t('values_title')}}</h1>
 			</el-header>
-			<el-main class="" style="padding-top: 3%;">
+			<el-main class="">
 				<div>
-					{{$t('values_title_description')}}
+					<div>{{$t('values_title_description')}}</div>
+					<div>{{$t('values_title_description_1')}}<img class="tools-button" src="@/assets/exam-paper/good.png" style="width: 15px;"/></div>
+					<div>{{$t('values_title_description_2')}}<img class="tools-button" src="@/assets/exam-paper/nogood.png" style="width: 15px;"/></div>
+					<div>{{$t('values_title_description_3')}}<img class="tools-button" src="@/assets/exam-paper/question.png" style="width: 15px;"/></div>
+					<div>{{$t('values_title_description_4')}}<img class="tools-button" src="@/assets/exam-paper/scale.png" style="width: 15px;"/>{{$t('values_title_description_4_2')}}</div>
 				</div>
+				
 				<div style="display: flex;justify-content: flex-start;padding: 10px 0;">
-					<el-button @click="step1_start" type="primary" round v-if="!step1Start">{{$t('start')}}</el-button>
+					<el-button style="margin-top: 12px;" @click="step1_start" type="primary" round v-if="!step1Start">{{$t('start')}}</el-button>
 					<el-button style="margin-top: 12px;" type="primary" round @click="step1_next"
 						v-if="(step1Start && itemSize>0)">
 						{{$t('next')}}
@@ -18,7 +23,7 @@
 				<div class="mullinediv" v-if="step1Start">
 					<div v-for="(question,index1) in questionItems" class="mullinediv-item"
 						v-if="isNull(question.content)">
-						<div style="display: flex; justify-content: flex-end;margin-right: -20px;">
+						<div style="display: flex; justify-content: flex-end;margin-right: -20px;margin-top: -10px;">
 							<el-image class="tools-button" :src="require('@/assets/exam-paper/scale.png')"
 								@click="previewImg('qImg'+question.id,question.id)"></el-image>
 						</div>
@@ -59,7 +64,7 @@
 								{{(step2SubStep % 2 == 1)?$t('values_step_tips_for_1').replace('%N',getStep2StepItem(step2SubStep).quantity):$t('values_step_tips_for_2').replace('%N',getStep2StepItem(step2SubStep).quantity)}}
 							</span>
 						</div>
-						<div style="display: flex;justify-content: flex-end;">
+						<div style="display: flex;justify-content: flex-end;padding: 10px 0px;">
 							<el-button type="primary" round @click="step2_pre" v-if="step2SubStep>1">{{$t('pre')}}
 							</el-button>
 							<el-button type="primary" round @click="step2_next">{{$t('next')}}</el-button>
@@ -74,8 +79,7 @@
 						<div class="inlinediv">
 							<div v-for="(question,index2) in questionItems" class="mullinediv-item"
 								v-if="getStep2StepItem(step2SubStep).itemOrder == question.subjectId">
-								<el-image :ref="'q2SelectImg'+question.id" :src="question.imgUrl" lazy
-									:preview-src-list="[question.imgUrl]"></el-image>
+								<el-image :ref="'q2SelectImg'+question.id" :src="question.imgUrl" :preview-src-list="[question.imgUrl]"></el-image>
 								<div style="display: flex; justify-content: space-between;">
 									<el-image class="tools-button" :src="require('@/assets/exam-paper/no.png')"
 										@click="step2Delete(question.id,getStep2StepItem(step2SubStep).itemOrder)">
@@ -112,15 +116,17 @@
 		<el-container class="app-item-contain step3" v-if="step === 'step3'">
 			<el-main class="">
 				<div style="position: fixed;z-index: 999; width:90%; top: 56px;">
-					<div style="display: flex;justify-content: flex-end;">
+					<div style="display: flex;justify-content: flex-end;padding: 10px;background-color: #f5f7fa;">
+						<div style="padding-right: 20px;" v-html="$t('values_pic_tmpArea_desc')"></div>
 						<div style="padding: 0 10px;">{{$t('values_pic_tmpArea')}}</div>
 						<draggable animation="300" class="pic-tmparea-div"
-							style="background-color: #f5f7fa;border: 1px solid gray;padding: 10px;width: 50%;"
-							:list="step3EWEIArea[0]" group="article" @start="step3TmpAreaStart"
-							@end="step3MoveFromTmpAreaEnd">
+							style="border: 1px solid gray;padding: 10px;width: 45%;"
+							:list="step3EWEIArea[0]" :options="{group:{name:'EWEIArea',pull:'clone'}}" 
+							@start="ev=>step3TmpAreaStart(ev,0)"
+							@end="step3TmpAreaMoveEnd">
 							<div v-for="q in step3EWEIArea[0]" :key="q.id" class="mullinediv-item2"
-								:qId="q.id">
-								<el-image :src="q.imgUrl" lazy :preview-src-list="[q.imgUrl]" fit="fill"></el-image>
+								:questionID="q.id" :questionIMGURL="q.imgUrl">
+								<el-image :src="q.imgUrl" :preview-src-list="[q.imgUrl]" fit="fill"></el-image>
 							</div>
 						</draggable>
 						<el-button type="primary" round style="height: fit-content;margin: 0 10px;"
@@ -131,9 +137,19 @@
 				</div>
 				<div style="display:flex;margin-top: 160px;">
 					<div style="display: inline-block;min-width: 150px;text-align: right;">
-						<div class="mul-inlinediv-row mul-inlinediv-lineheight"
+						<div class="mul-inlinediv-row mul-inlinediv-lineheight" 
 							v-for="(item,index) in step2ScoreRanges">
-							{{(index == 0)?$t('values_mostLikeMe'):''}}{{(index == (step2ScoreRanges.length-1))?$t('values_mostUnLikeMe'):''}}
+							{{(index == 0)?$t('values_mostLikeMe'):' '}}{{(index == (step2ScoreRanges.length-1))?$t('values_mostUnLikeMe'):' '}}&nbsp;&nbsp;
+						</div>
+					</div>
+					<div style="display: inline-block;width: 20px;margin-top: 4px;">
+						<div class="mul-inlinediv-row mul-inlinediv-lineheight mul-inlinediv-down"
+							v-for="(item,index) in step2ScoreRanges">
+						</div>
+					</div>
+					<div style="display: inline-block;min-width: 20px;text-align: right;">
+						<div class="mul-inlinediv-row mul-inlinediv-lineheight" 
+							v-for="(item,index) in step2ScoreRanges">
 							{{item.deviate}}
 						</div>
 					</div>
@@ -141,19 +157,21 @@
 
 						<div class="mul-inlinediv" v-for="item in step2ScoreRanges">
 							<div class="mul-inlinediv-row">
-								<draggable animation="300" :class="item.itemOrder"
+								<draggable animation="300" classa="pic-eweiarea-div" :class="'pic-eweiarea-div-'+item.itemOrder"
 									:list="step3EWEIArea[item.itemOrder]"
-									:options="{group:{name:'article'}}" filter=".undraggable"
-									@end="step3MoveToTmpAreaEnd" :scoreRangeId="item.itemOrder">
+									:options="{group:{name:'EWEIArea',pull:'clone'}}" filter=".undraggable"
+									@end="ev=>step3EWEIAreaMoveEnd(ev,item.itemOrder)" :scoreRangeId="item.itemOrder">
 									<div v-for="q in step3EWEIArea[item.itemOrder]" :key="q.id"
-										class="mul-inlinediv-item" :qId="q.id">
-										<el-image :src="q.imgUrl" lazy :preview-src-list="[q.imgUrl]" v-if="q.imgUrl">
+										class="mul-inlinediv-item" :questionID="q.id" :questionIMGURL="q.imgUrl">
+										<el-image :src="q.imgUrl" :preview-src-list="[q.imgUrl]" v-if="q.imgUrl">
 										</el-image>
 									</div>
+									<div v-if="item.quantity >= step3EWEIArea[item.itemOrder].length">
 									<div class="mul-inlinediv-item"
 										v-for="c in (item.quantity - step3EWEIArea[item.itemOrder].length)">
 										<el-image :src="require('@/assets/exam-paper/none.png')" class="undraggable">
 										</el-image>
+									</div>
 									</div>
 								</draggable>
 							</div>
@@ -600,9 +618,18 @@
 					this.$message.error(_this.$t('values_nextStepTips_choices_all'))
 					return
 				}
-				this.step = "step2"
-				this.sortQuestions()
-				this.caculateScoreRangeSelectedById(this.getStep2StepItem(this.step2SubStep).itemOrder)
+				this.$confirm(_this.$t('values_nextStepTips_tips'), _this.$t('prompt'), {
+					confirmButtonText: _this.$t('determine'),
+					cancelButtonText: _this.$t('cancel'),
+					type: 'warning'
+				}).then(() => {
+					 _this.step = "step2"
+					 _this.sortQuestions()
+					 _this.caculateScoreRangeSelectedById(this.getStep2StepItem(this.step2SubStep).itemOrder)
+        }).catch(() => {
+            
+        });
+				
 			},
 			step2_pre() {
 				if (this.step2SubStep > 1) {
@@ -692,27 +719,65 @@
 				}
 				console.log('buildStep3EWEIArea', this.step3EWEIArea)
 			},
-
-			step3TmpAreaStart(ev) {
-				//console.log('step3TmpAreaStart', ev)
+			addStep3EWEIArea(index,question){
+				//console.log('addStep3EWEIArea',index,question)
+				this.step3EWEIArea[index].push(question)
+				this.$set(this.step3EWEIArea, index, this.step3EWEIArea[index])
 			},
-			step3MoveFromTmpAreaEnd(ev) {
-				//console.log('step3MoveFromTmpAreaEnd s', ev, ev.to)
-				// let options,qId
-				// qId = ev.item.attributes.qId.value
-				// for(let p of ev.to){
-				// 	if(this.isNotEmpty(p['options'])) {
-				// 		options = p['options']
-				// 		break
-				// 	}
-				// }
-				// let scoreRangeId = options.scoreRangeId
+			delStep3EWEIArea(index,question){
+				//console.log('delStep3EWEIArea s',index,question,this.step3EWEIArea[index])
+				for(let i=0;i<this.step3EWEIArea[index].length;i++){
+					if(question.id == this.step3EWEIArea[index][i].id){
+						this.step3EWEIArea[index].splice(i,1)
+					}
+				}
+				this.$set(this.step3EWEIArea, index, this.step3EWEIArea[index])
+				//console.log('delStep3EWEIArea e',this.step3EWEIArea[index])
+			},
+			hasStep3EWEIAreaOverflow(index,question){
+				//console.log('hasStep3EWEIAreaOverflow e',this.step3EWEIArea[index])
+				if(this.step3EWEIArea[index].length>this.step2ScoreRanges[index-1].quantity){
+					return true
+				}
+				return false
 			},
 
-			step3MoveToTmpAreaEnd(ev) {
-				//console.log('step3MoveToTmpAreaEnd')
-				//let qId = ev.item.attributes.qId.value
-				//console.log('step3MoveToTmpAreaEnd end', this.step3EWEIArea)
+			step3TmpAreaStart(ev,i) {
+				console.log('step3TmpAreaStart', ev,i)
+			},
+			step3TmpAreaMoveAdd(ev) {
+				console.log('step3TmpAreaMoveAdd', ev)
+				return false
+			},
+			step3TmpAreaMoveEnd(ev) {
+				console.log('step3TmpAreaMoveEnd s', ev)
+				console.log('step3TmpAreaMoveEnd from,to', ev.from.className,ev.to.className)
+				let to = ev.to.className.replace("pic-eweiarea-div-","")
+				let qId = ev.item.attributes.questionID.value
+				let qImg = ev.item.attributes.questionIMGURL.value
+				if("pic-tmparea-div"===ev.to.className){
+					//this.delStep3EWEIArea(to,{'id':qId,'imgUrl':qImg})
+				} else {
+					let of = this.hasStep3EWEIAreaOverflow(to,{'id':qId,'imgUrl':qImg})
+					if(of){
+						this.delStep3EWEIArea(to,{'id':qId,'imgUrl':qImg})
+					} else {
+						this.delStep3EWEIArea(0,{'id':qId,'imgUrl':qImg})
+					}
+				}
+			},
+
+			step3EWEIAreaMoveEnd(ev,fid) {
+				console.log('step3EWEIAreaMoveEnd',ev)
+				console.log('step3EWEIAreaMoveEnd from,to,id', ev.from.className,ev.to.className,fid)
+				let to = ev.to.className.replace("pic-eweiarea-div-","")
+				let qId = ev.item.attributes.questionID.value
+				let qImg = ev.item.attributes.questionIMGURL.value
+				if("pic-tmparea-div"===ev.to.className){
+					this.delStep3EWEIArea(fid,{'id':qId,'imgUrl':qImg})
+				} else {
+					if(fid != to) this.delStep3EWEIArea(to,{'id':qId,'imgUrl':qImg})
+				}
 			},
 
 			sumStep2UnSelectedNum() {
@@ -1013,24 +1078,7 @@
 					++_this.answer.doTime
 				}, 1000)
 			},
-			questionCompleted(completed) {
-				return this.enumFormat(this.doCompletedTag, completed)
-			},
-			goAnchor(selector) {
-				let _this = this
-				let num = parseInt(selector.substr(10)) - 1
-				this.itemOrder = _this.form.titleItems[0].questionItems[num].itemOrder
-				this.questionItem = _this.form.titleItems[0].questionItems[num]
-				_this.order = num
-				setTimeout(function() {
-					_this.$el.querySelector(selector).scrollIntoView({
-						behavior: 'instant',
-						block: 'center',
-						inline: 'nearest'
-					})
-				}, 200)
-				_this.$refs['popovertag'].doClose()
-			},
+
 			initAnswer() {
 				this.answer.id = this.form.id
 				this.answer.questionOrder = this.form.questionOrder
@@ -1154,8 +1202,8 @@
 						answerItem.startTime = ''
 					}
 					answerItem.completed = true
-					answerItem.content = this.getContentByQuestionId(answerItem
-						.questionId) //this.getLikeTypeByScoreRangeItemOrder(answerItem.subjectId)
+					answerItem.content = this.getContentByQuestionId(answerItem.questionId) 
+						//this.getLikeTypeByScoreRangeItemOrder(answerItem.subjectId)
 					answerItem.questionReport = {
 						questionOrder: answerItem.questionId,
 						questionTitle: answerItem.title,
@@ -1173,7 +1221,7 @@
 				answerSubmit.partOrder = nowPartOrder
 				answerSubmit.itemOrder = _this.itemOrder
 				//add scoreRanges
-				if (_this.step2SubStep >= _this.step2ScoreRanges.length) {
+				if (_this.step2SubStep >= _this.step2ScoreRanges.length || true) {//浼犻�掑叏閮�
 					answerSubmit['scoreRanges'] = _this.form.titleItems[0].scoreRanges
 				} else {
 					let item = _this.getStep2StepItem(_this.step2SubStep)
@@ -1204,29 +1252,28 @@
 				}
 				return answerSubmit
 			},
-
+			/*
+			* 杩囩▼涓殑鎻愪氦
+			*/
 			submitSubAnswer: function() {
 				console.log('submitSubAnswer...')
 				let _this = this
-				this.answer.answerItems[_this.order].endTime = this.formatDate(new Date(), 'yyyy-MM-dd hh:mm:ss')
+				//this.answer.answerItems[_this.order].endTime = this.formatDate(new Date(), 'yyyy-MM-dd hh:mm:ss')
 				// 鎻愪氦閮ㄥ垎
 				let answerSubmit = _this.getSubmitAnswerValue(_this.partOrder)
-				let loading = _this.$loading({
-					lock: false,
-					text: _this.$t('uploadInfo'),
-					spinner: 'el-icon-loading'
-				})
 				examPaperAnswerApi.answerSubmit(answerSubmit, _this.memberToken).then(re => {
-					loading.close()
 					if (re.code === 1) {
 						//console.log('answerSubmit...', re)
 					}
 					_this.formLoading = false
 				}).catch(e => {
 					_this.reloadPage(e)
-					loading.close()
 				})
 			},
+			/**
+			 * 鏈�鍚庣幆鑺傜殑鎻愪氦
+			 * @param {Object} mess
+			 */
 			submitAnswer: function(mess) {
 				let _this = this
 				this.answer.answerItems[_this.order].endTime = this.formatDate(new Date(), 'yyyy-MM-dd hh:mm:ss')
@@ -1293,8 +1340,6 @@
 				} else {
 					mes = JSON.stringify(e) + ',' + 'order:' + _this.order + ',' + e.message
 				}
-				// 璋冭瘯鐢�
-				// _this.$router.push({ path: '/exam/exception', query: { name: _this.form.name, content: _this.$t('submitExceptionInfo') + '<br>' + mes } })
 				_this.$router.push({
 					path: '/exam/exception',
 					query: {
@@ -1307,8 +1352,7 @@
 			},
 			isForFinish(i) {
 				return false
-				return i === this.answer.answerItems.length - 1 && (this.answer.answerItems[i].content !== null && this
-					.answer.answerItems[i].content !== '')
+				//return i === this.answer.answerItems.length - 1 && (this.answer.answerItems[i].content !== null && this.answer.answerItems[i].content !== '')
 			},
 			isDiffPartOrder: function() {
 				let _this = this
@@ -1323,7 +1367,6 @@
 			...mapMutations('user', ['setLangFlag'])
 		},
 		computed: {
-			...mapGetters('enumItem', ['enumFormat']),
 			...mapState('enumItem', {
 				doCompletedTag: state => state.exam.question.answer.doCompletedTag
 			}),
@@ -1359,6 +1402,7 @@
 		overflow: auto;
 		display: block;
 		-webkit-box-flex: 1;
+		margin-left: 10px;
 	}
 
 	.mul-inlinediv {
@@ -1382,12 +1426,13 @@
 
 	.mul-inlinediv-row {
 		min-height: 100px;
-		margin: 0 10px;
+		//margin: 0 10px;
 	}
 
 	.mul-inlinediv-lineheight {
-		line-height: 100px;
-		margin: 3px 0 4px 0;
+		line-height: 106px;
+		//margin: 3px 0 4px 0;
+		//margin: 2px 0;
 	}
 
 	.mul-inlinediv-item {
@@ -1438,8 +1483,8 @@
 		display: flex;
 		display: inline-block;
 		width: 360px;
-		margin: 5px 4px;
-		padding: 10px 30px;
+		margin: 5px 20px 20px 5px;
+    padding: 30px 30px 10px 30px;
 		box-shadow: 1px 1px 1px grey, 0 0 5px grey, 0 0 10px grey;
 
 		.tools-button {
@@ -1484,4 +1529,24 @@
 		justify-content: center;
 		width: 100%;
 	}
+	
+	.mul-inlinediv-down {
+		min-width: 16px;
+		//line-height: 106px;
+		height: 106px;
+		background-size: 80% 100%;
+background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAABoCAYAAAAAYos6AAAACXBIWXMAABnWAAAZ1gEY0crtAAAGsGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIzLTAzLTIxVDIxOjM3OjQzKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMy0wMy0yMVQyMzowNDowMiswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMy0wMy0yMVQyMzowNDowMiswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNjdjODYwZS1iZjZkLTNjNDUtYTllYi1jZTcxOTExMGRmZjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDk3NTgwYjgtMDUwYy1jMDQ5LTk1ZDgtZmIwNmU1OTFjMTBlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MDk3NTgwYjgtMDUwYy1jMDQ5LTk1ZDgtZmIwNmU1OTFjMTBlIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDowOTc1ODBiOC0wNTBjLWMwNDktOTVkOC1mYjA2ZTU5MWMxMGUiIHN0RXZ0OndoZW49IjIwMjMtMDMtMjFUMjE6Mzc6NDMrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YjlhZDEyMjEtM2MzOC0yMDQ5LTlhOWQtMmJjZjk4NmU5NTFhIiBzdEV2dDp3aGVuPSIyMDIzLTAzLTIxVDIyOjMxOjI4KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjA2N2M4NjBlLWJmNmQtM2M0NS1hOWViLWNlNzE5MTEwZGZmMyIgc3RFdnQ6d2hlbj0iMjAyMy0wMy0yMVQyMzowNDowMiswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph/lkloAAAEzSURBVGiB7ZlBDoMwDASdXuBNPI+P8pTtpb3R2FUWaw1ZiUuFmBJ7HZsYAItc+77DzE6vbdsQecbLCGqthe6jwKIKwY7jWADkwFjSgzGWMAxjAaNvtg6TojBPdX1mlhuzYVAYxgLqxQzAkgZjSS9mHqi2qdNgAOZOzYHJpD4V5qmuz+6b+t8pJAXG0sNhAFaZmJU2dR6MBdRbxlRYekc8d+rLYVFJxkwjG1truTGjwqRSnwrr7dTRJQzDPE1TD2djus+i0ksQmZEp3WdpMHo23ncY9LIxzdS1q/4zR6baVV+mSb0E9kuX1EYPSINFgFQYQ8OnubVro5lIk0qH9YC1a6Mnekc89G/+gX2Ap7/TfTYPWCmwXpNavzYypPdmvZHpvpMnHSZzpFX7SypLtb4WyNbGN9sG+pv7TY3OAAAAAElFTkSuQmCC);
+	}
+	.mul-inlinediv-down:first-child {
+		margin-top: 44px;
+		height: 62px;
+		min-height: 62px;
+		background-size: 80% 100%;
+		background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAABoCAYAAAAAYos6AAAACXBIWXMAABnWAAAZ1gEY0crtAAAGsGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIzLTAzLTIxVDIxOjM3OjQzKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMy0wMy0yMVQyMzowNDowMiswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMy0wMy0yMVQyMzowNDowMiswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNjdjODYwZS1iZjZkLTNjNDUtYTllYi1jZTcxOTExMGRmZjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDk3NTgwYjgtMDUwYy1jMDQ5LTk1ZDgtZmIwNmU1OTFjMTBlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MDk3NTgwYjgtMDUwYy1jMDQ5LTk1ZDgtZmIwNmU1OTFjMTBlIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDowOTc1ODBiOC0wNTBjLWMwNDktOTVkOC1mYjA2ZTU5MWMxMGUiIHN0RXZ0OndoZW49IjIwMjMtMDMtMjFUMjE6Mzc6NDMrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YjlhZDEyMjEtM2MzOC0yMDQ5LTlhOWQtMmJjZjk4NmU5NTFhIiBzdEV2dDp3aGVuPSIyMDIzLTAzLTIxVDIyOjMxOjI4KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjA2N2M4NjBlLWJmNmQtM2M0NS1hOWViLWNlNzE5MTEwZGZmMyIgc3RFdnQ6d2hlbj0iMjAyMy0wMy0yMVQyMzowNDowMiswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph/lkloAAAEzSURBVGiB7ZlBDoMwDASdXuBNPI+P8pTtpb3R2FUWaw1ZiUuFmBJ7HZsYAItc+77DzE6vbdsQecbLCGqthe6jwKIKwY7jWADkwFjSgzGWMAxjAaNvtg6TojBPdX1mlhuzYVAYxgLqxQzAkgZjSS9mHqi2qdNgAOZOzYHJpD4V5qmuz+6b+t8pJAXG0sNhAFaZmJU2dR6MBdRbxlRYekc8d+rLYVFJxkwjG1truTGjwqRSnwrr7dTRJQzDPE1TD2djus+i0ksQmZEp3WdpMHo23ncY9LIxzdS1q/4zR6baVV+mSb0E9kuX1EYPSINFgFQYQ8OnubVro5lIk0qH9YC1a6Mnekc89G/+gX2Ap7/TfTYPWCmwXpNavzYypPdmvZHpvpMnHSZzpFX7SypLtb4WyNbGN9sG+pv7TY3OAAAAAElFTkSuQmCC);
+	}
+	.mul-inlinediv-down:last-child {
+			background-size: 82% 60%;
+			background-repeat: no-repeat;
+	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAA4CAYAAAAM7IPNAAAACXBIWXMAABnWAAAZ1gEY0crtAAAGrWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIzLTAzLTIxVDIxOjQxOjE3KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMy0wMy0yMVQyMzowMzoyNyswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMy0wMy0yMVQyMzowMzoyNyswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMzgzOTg1Zi03OGUwLTU2NGQtYmVlZi1mNmI5YjNkMDRmOWMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ZTY2NWMzZTQtYjM4Yi05MjQ0LThiNTUtYTczMTQ4NGQzN2UwIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ZTY2NWMzZTQtYjM4Yi05MjQ0LThiNTUtYTczMTQ4NGQzN2UwIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplNjY1YzNlNC1iMzhiLTkyNDQtOGI1NS1hNzMxNDg0ZDM3ZTAiIHN0RXZ0OndoZW49IjIwMjMtMDMtMjFUMjE6NDE6MTcrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MDQyZDFjNWEtOTZmZS1lMzQ1LTlkN2EtM2NhY2I4YjAyODA3IiBzdEV2dDp3aGVuPSIyMDIzLTAzLTIxVDIyOjQyKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjEzODM5ODVmLTc4ZTAtNTY0ZC1iZWVmLWY2YjliM2QwNGY5YyIgc3RFdnQ6d2hlbj0iMjAyMy0wMy0yMVQyMzowMzoyNyswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn/gmj0AAAR7SURBVFiF7ZffSyNXFMfPmNikE7OpP5BUEidmmMmMEyc6Mkj8kUSxIT745ItPBQsFoQ99Kbj9A4pKn31SVrq4rKAvSgpFqBCMoaQ0mmgslm7UWA3+qCVZTVC33j64W3RN4kSnUpb9wn2Ye+bezz33Hu49BxBCcFsbHx//3OPxIAC40ViWRQMDAxNS5imCB5QkGEJIgRB6GFg+YRgGGIY9DKwQSd3Gh4PJBZQcILlsr8/sb9lgckmWbXw3o1GqV5JhEoCvZIXJIVlCX1bYa2BOm6zRKNt1FY1GyycnJ3uj0Wj5XSe57Qbxer2fLC8vf6xMJpOV0Wj0eSQSearX638jSTJoMplCHMf9KRGUtX9hYcG2sbHRuLm5KaTT6Y9cLteosri4+Oz09HRyYmLiU4VCAXV1deByuYaOjo4m29rawgAAp6en2ouLi6yTIoTg/Pwcf/O9tLRkWFtb6/D5fJ8Fg0Hn1tYWuN1uaGtr+04piuKLg4ODUa/X2xuLxSAQCMDq6urj6enpxxaLJWS325+vr6+3ptPprLCzszPY2dlhx8bGvohEIp6VlRX39vb2B6lUCk5OTkCr1YLD4fiapmm/EgCAJMmfWZZ9cXR0RO7t7UEymYT9/X1IJBJCPB4XUqkU7O/vZ4UdHh5CKBQSdnd3hXg8DolEAo6PjwEAQKPRgMlkAqvVOkdRVObfzGd4eHiwqakpawZ110YQBOrv7/8xFosprmVXDodjnKbpUNbl31FGoxE6OztHampqLqP1al43ODj4rcFgQEql8t5e6XQ61NfXF8iZN9I07ed5HlQq1b29MplMwLKs72rfNZjFYvE7nc4hHMfhvhJF0V9fX//9tc63U+S5ublWq9WKVCrVnbZPoVAgHMfRyMjIV7em3wRB/GKz2cJlZWV38kir1QLHcUBR1E9v227AaJrOtLe3jxoMhjvBKisrwe12PzEYDKs3jNmqjfX19Q97enp+LzQqMQxDTqfzVSAQYCVXMTRNZxiG8VVXVxfklV6vB4vF4rfb7b9ms+d8z3ie/4Hn+YJgNE2DzWbz5rLnhDU2Ns7Y7fahQmCiKE61tLQ8KxhGkuQZTdOLDMNASUlJXoharQaCIIBl2XmbzZYoGAYAQBDEcmtrq7+8PP8jrtVqQRAEIEkymO+/vLCGhoY/uru7v9Hr9XlhFRUV0NXV9aXRaAzn/VFK4d3b27ui0+myhrtGo0Fut/uvcDhcKUsBX1tb6yMIIqutqqoKOI6b53k+++t6RZJgoihO1dfXZz0PjuOgubk5ZwQWDPN4PD6r1TqP4zgUFV0OwTAM1Go11NbWPhUEYUY2GAAARVGLLMuCRqMBAIDi4mKgKAosFovPbDbLW3mazeZgV1fXk4qKCgAAwHEcOjo6Zmia9kudQ1I0vmk+n88miiIqKipCVVVVaHZ21lPIeKXkVQGAw+EIMwwTymQygl6vf0lR1GIh4wuCAVzemY8ePRJKS0unGIZ5+Z/CmpubnzEM41Or1QWBAAAwucohKfr/lbnvYe9h7x7sHwGftes0162GAAAAAElFTkSuQmCC);
+		}
 </style>

--
Gitblit v1.9.1