update:NPS UI修改
This commit is contained in:
@@ -87,7 +87,7 @@
|
|||||||
:active="chooseQuestionId === element.id"
|
:active="chooseQuestionId === element.id"
|
||||||
@update:element="updateElement"
|
@update:element="updateElement"
|
||||||
/>
|
/>
|
||||||
<!--图文-->
|
<!--NPS-->
|
||||||
<NPS
|
<NPS
|
||||||
v-if="element.question_type === 106"
|
v-if="element.question_type === 106"
|
||||||
:element="computedElement(element)"
|
:element="computedElement(element)"
|
||||||
|
|||||||
@@ -260,8 +260,8 @@ const getSkipTypeText = (skipType) => {
|
|||||||
const ls = [];
|
const ls = [];
|
||||||
logics.map((item) => {
|
logics.map((item) => {
|
||||||
if (
|
if (
|
||||||
item.skip_type === skipType
|
item.skip_type === skipType &&
|
||||||
&& item.question_index === activeQuestion.value.question_index
|
item.question_index === activeQuestion.value.question_index
|
||||||
) {
|
) {
|
||||||
ls.push(item);
|
ls.push(item);
|
||||||
}
|
}
|
||||||
@@ -316,8 +316,8 @@ const updateConfig = (value) => {
|
|||||||
.question-action-container {
|
.question-action-container {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
|
|
||||||
& .mobilefont{
|
& .mobilefont {
|
||||||
font-size:18px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
& .van-icon + .van-icon {
|
& .van-icon + .van-icon {
|
||||||
|
|||||||
@@ -19,12 +19,12 @@
|
|||||||
:key="optionIndex"
|
:key="optionIndex"
|
||||||
@click="chooseOption(item)"
|
@click="chooseOption(item)"
|
||||||
>
|
>
|
||||||
<RateCharacter v-model="answerValue" :config="element.config"></RateCharacter>
|
|
||||||
<div class="tips">
|
<div class="tips">
|
||||||
<p>{{ element.config.prompt_left }}</p>
|
<p>{{ element.config.prompt_left }}</p>
|
||||||
<p>{{ element.config.prompt_center }}</p>
|
<p>{{ element.config.prompt_center }}</p>
|
||||||
<p>{{ element.config.prompt_right }}</p>
|
<p>{{ element.config.prompt_right }}</p>
|
||||||
</div>
|
</div>
|
||||||
|
<RateCharacter v-model="answerValue" :config="element.config"></RateCharacter>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -71,6 +71,6 @@ const chooseOption = (item) => {
|
|||||||
.tips {
|
.tips {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
color: #bfbfbf;
|
color: #b8b8b8;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -5,6 +5,7 @@
|
|||||||
:label="element.stem"
|
:label="element.stem"
|
||||||
:required="element.config.is_required === 1"
|
:required="element.config.is_required === 1"
|
||||||
label-align="top"
|
label-align="top"
|
||||||
|
class="contenteditable-question-title"
|
||||||
>
|
>
|
||||||
<template #left-icon>
|
<template #left-icon>
|
||||||
{{ index + 1 }}
|
{{ index + 1 }}
|
||||||
|
|||||||
@@ -95,7 +95,7 @@ ul {
|
|||||||
.rate_item {
|
.rate_item {
|
||||||
margin: 0 3px;
|
margin: 0 3px;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
padding: 0 7px;
|
padding: 0 6px;
|
||||||
border: 1px solid #ddd;
|
border: 1px solid #ddd;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
color: #666;
|
color: #666;
|
||||||
|
|||||||
@@ -9,7 +9,7 @@ import { onMounted, ref } from 'vue';
|
|||||||
const contentShow = ref(false);
|
const contentShow = ref(false);
|
||||||
const show = ref(false);
|
const show = ref(false);
|
||||||
|
|
||||||
onMounted(async() => {
|
onMounted(async () => {
|
||||||
contentShow.value = true;
|
contentShow.value = true;
|
||||||
// if (utils.getSessionStorage('xToken')) {
|
// if (utils.getSessionStorage('xToken')) {
|
||||||
// const appToken = utils.getParameter('digitalYiliToken');
|
// const appToken = utils.getParameter('digitalYiliToken');
|
||||||
|
|||||||
@@ -96,9 +96,7 @@ onMounted(() => {
|
|||||||
color: #000;
|
color: #000;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
font-family:
|
font-family: PingFangSC, 'PingFang SC';
|
||||||
PingFangSC,
|
|
||||||
'PingFang SC';
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -114,8 +112,6 @@ onMounted(() => {
|
|||||||
color: #000;
|
color: #000;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 0.34rem;
|
font-size: 0.34rem;
|
||||||
|
|
||||||
//font-family: PingFangHK, PingFangHK;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -20,7 +20,7 @@ const marketList = ref([]);
|
|||||||
const active = ref(null);
|
const active = ref(null);
|
||||||
const marketInfo = ref([]);
|
const marketInfo = ref([]);
|
||||||
|
|
||||||
const getTableList = async() => {
|
const getTableList = async () => {
|
||||||
const res = await getListScene();
|
const res = await getListScene();
|
||||||
if (res.data.code === 0) {
|
if (res.data.code === 0) {
|
||||||
res.data.data.forEach((item) => {
|
res.data.data.forEach((item) => {
|
||||||
@@ -32,7 +32,7 @@ const getTableList = async() => {
|
|||||||
getMarketInfo(marketList.value[0]);
|
getMarketInfo(marketList.value[0]);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
const getMarketInfo = async(item) => {
|
const getMarketInfo = async (item) => {
|
||||||
const code = marketList.value.filter((market, index) => item === index)[0].code;
|
const code = marketList.value.filter((market, index) => item === index)[0].code;
|
||||||
const params = {
|
const params = {
|
||||||
page: 1,
|
page: 1,
|
||||||
|
|||||||
@@ -601,34 +601,38 @@ onMounted(async () => {
|
|||||||
//font-size: 12px;
|
//font-size: 12px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .van-popup--bottom.van-popup--round {
|
::v-deep .van-popup--bottom.van-popup--round {
|
||||||
background-color: #f2f2f2 !important;
|
background-color: #f2f2f2 !important;
|
||||||
}
|
}
|
||||||
.setting_title {
|
|
||||||
font-family:
|
|
||||||
PingFangSC,
|
|
||||||
PingFang SC;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 19px;
|
|
||||||
color: #000000;
|
|
||||||
|
|
||||||
|
.setting_title {
|
||||||
|
color: #000;
|
||||||
|
font-weight: bold;
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 19px;
|
||||||
|
font-family: PingFangSC, 'PingFang SC';
|
||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-style: normal;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.setting_group {
|
.setting_group {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
background-color: #f2f2f2;
|
background-color: #f2f2f2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.setting_block {
|
.setting_block {
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.border-top {
|
.border-top {
|
||||||
border-radius: 12px 12px 0 0;
|
border-radius: 12px 12px 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.border-bottom {
|
.border-bottom {
|
||||||
border-radius: 0 0 12px 12px;
|
border-radius: 0 0 12px 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.result-cell {
|
.result-cell {
|
||||||
margin: 10px 5px;
|
margin: 10px 5px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
|||||||
Reference in New Issue
Block a user