|
|
@@ -1022,10 +1022,10 @@
|
|
|
步骤 {{ toolIndex + 1 }} ：
|
|
|
</div>
|
|
|
<div class="chooseWho">
|
|
|
- <!-- <div :class="itemTool.toolType == 0 ? 'isChooseActive' : ''
|
|
|
- " @click="(itemTool.toolType = 0), $forceUpdate()">
|
|
|
- 互动类
|
|
|
- </div> -->
|
|
|
+ <div :class="itemTool.toolType == 0 ? 'isChooseActive' : ''
|
|
|
+ " @click="(itemTool.toolType = 0), $forceUpdate()">
|
|
|
+ 互动类
|
|
|
+ </div>
|
|
|
<div :class="itemTool.toolType == 1 ? 'isChooseActive' : ''
|
|
|
" @click="(itemTool.toolType = 1), $forceUpdate()">
|
|
|
思维类
|
|
|
@@ -1130,7 +1130,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div> -->
|
|
|
- <div class="tool">
|
|
|
+ <!-- <div class="tool">
|
|
|
<div class="whiteBIcon" @click="openTools(itemTaskIndex, 62, toolIndex)">
|
|
|
<img src="../../assets/icon/fourthToolList/interVideo.png" alt />
|
|
|
<div style="margin: 5px 0">交互视频</div>
|
|
|
@@ -1141,7 +1141,7 @@
|
|
|
<img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
<div class="toolSort" v-if="itemTool.toolType == 1">
|
|
|
<div class="tool">
|
|
|
@@ -2254,10 +2254,10 @@
|
|
|
@click="checkAskType('2', askJson.askJson[index1])">多选题</span>
|
|
|
</div>
|
|
|
<div class="a_add_head">
|
|
|
- <div>
|
|
|
+ <div style="display: flex;align-items: center;">
|
|
|
{{ index1 + 1 + "、" }}
|
|
|
- <el-input class="a_add_head_input" v-model="askJson.askJson[index1].askstitle" placeholder="请输入题目...">
|
|
|
- </el-input>
|
|
|
+ <textarea class="a_add_head_input textarea_css" v-autoHeight="40" v-model="askJson.askJson[index1].askstitle
|
|
|
+ " placeholder="请输入题目..." ></textarea>
|
|
|
</div>
|
|
|
<div class="a_add_head_div">
|
|
|
<el-button type="primary" size="small" @click="addAskList()">添加</el-button>
|
|
|
@@ -2266,10 +2266,14 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="a_add_body">
|
|
|
- <div class="a_add_input">
|
|
|
- <el-input v-for="(item2, checkIndex) in askJson.askJson[index1].askItem" :key="checkIndex"
|
|
|
- v-model="askJson.askJson[index1].checkList[checkIndex]" placeholder="请输入选项..."
|
|
|
- style="width: 150px; margin: 10px 10px 0 0"></el-input>
|
|
|
+ <div class="a_add_input" style="flex-direction: column;">
|
|
|
+ <div v-for="(item2, checkIndex) in askJson.askJson[index1].askItem" :key="checkIndex" style=" margin: 20px 10px 0 0;display: flex;align-items:center;">
|
|
|
+ <div style="margin-right: 10px">
|
|
|
+ 选项{{ checkIndex + 1 }}
|
|
|
+ </div>
|
|
|
+ <textarea class="a_add_head_input textarea_css" v-autoHeight="40" v-model="askJson.askJson[index1].checkList[checkIndex]
|
|
|
+ " placeholder="请输入选项..." style="width: 300px;" ></textarea>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="a_add_body_div">
|
|
|
<el-button style="margin: 10px 0px 0 0" type="primary" size="small"
|
|
|
@@ -2313,11 +2317,12 @@
|
|
|
</div>
|
|
|
<div class="a_add_head">
|
|
|
<div class="timuUpImg">
|
|
|
- <div>
|
|
|
+ <div style="display: flex;align-items: center;">
|
|
|
{{ index1 + 1 + "、" }}
|
|
|
- <el-input class="a_add_head_input" v-model="testJson.testJson[index1].teststitle"
|
|
|
+ <!-- <el-input class="a_add_head_input" v-autoHeight="40" resize="none" v-model="testJson.testJson[index1].teststitle" type="textarea"
|
|
|
placeholder="请输入题目...">
|
|
|
- </el-input>
|
|
|
+ </el-input> -->
|
|
|
+ <textarea class="a_add_head_input textarea_css" v-autoHeight="40" v-model="testJson.testJson[index1].teststitle" placeholder="请输入题目..."></textarea>
|
|
|
</div>
|
|
|
<div class="xzUpImg" @click.stop="addImg($event)">
|
|
|
<img src="../../assets/icon/xzUpImg.png" alt="" />
|
|
|
@@ -2372,8 +2377,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <el-input v-else v-model="testJson.testJson[index1].checkList[checkIndex]
|
|
|
- " placeholder="请输入选项..." style="width: 300px; margin-right: 10px"></el-input>
|
|
|
+ <textarea class="a_add_head_input textarea_css" v-autoHeight="40" v-else v-model="testJson.testJson[index1].checkList[checkIndex]
|
|
|
+ " placeholder="请输入选项..." style="width: 300px; margin-right: 10px" ></textarea>
|
|
|
<div class="xzUpImg" @click.stop="addImg($event)">
|
|
|
<img src="../../assets/icon/xzUpImg.png" alt="" />
|
|
|
<input type="file" accept="image/*" style="display: none"
|
|
|
@@ -2412,8 +2417,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <el-input v-else v-model="testJson.testJson[index1].checkList[checkIndex1]
|
|
|
- " placeholder="请输入选项..." style="width: 300px; margin-right: 10px"></el-input>
|
|
|
+ <textarea class="a_add_head_input textarea_css" v-autoHeight="40" v-else v-model="testJson.testJson[index1].checkList[checkIndex1]
|
|
|
+ " placeholder="请输入选项..." style="width: 300px; margin-right: 10px" ></textarea>
|
|
|
<div class="xzUpImg" @click.stop="addImg($event)">
|
|
|
<img src="../../assets/icon/xzUpImg.png" alt="" />
|
|
|
<input type="file" accept="image/*" style="display: none"
|
|
|
@@ -3155,7 +3160,7 @@ export default {
|
|
|
{
|
|
|
tool: [],
|
|
|
toolDetail: "",
|
|
|
- toolType: 1,
|
|
|
+ toolType: 0,
|
|
|
askCount: 1,
|
|
|
askTitle: "",
|
|
|
askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
@@ -3204,7 +3209,7 @@ export default {
|
|
|
pTypeCheck: [],
|
|
|
pTypeCheckName: [],
|
|
|
loading: false,
|
|
|
- toolType: 1,
|
|
|
+ toolType: 0,
|
|
|
inputShow: true,
|
|
|
inputShow2: true,
|
|
|
toolIndex: 0,
|
|
|
@@ -3232,6 +3237,21 @@ export default {
|
|
|
videoJson: {},
|
|
|
};
|
|
|
},
|
|
|
+ directives: {
|
|
|
+ autoHeight: {
|
|
|
+ update(el, binding) {
|
|
|
+ const { value } = binding
|
|
|
+ if (value && typeof value === 'number') {
|
|
|
+ el.style.height = `${value}px`
|
|
|
+ } else {
|
|
|
+ el.style.height = 'auto'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ componentUpdated(el) {
|
|
|
+ el.style.height = `${el.scrollHeight}px`
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
computed: {
|
|
|
// rightBoxHeight: function () {
|
|
|
// return $(".rightBox")[0] ? $(".rightBox")[0].scrollHeight : 1000
|
|
|
@@ -4666,7 +4686,7 @@ export default {
|
|
|
{
|
|
|
tool: [],
|
|
|
toolDetail: "",
|
|
|
- toolType: 1,
|
|
|
+ toolType: 0,
|
|
|
askCount: 1,
|
|
|
askTitle: "",
|
|
|
askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
@@ -4703,7 +4723,7 @@ export default {
|
|
|
].toolChoose.push({
|
|
|
tool: [],
|
|
|
toolDetail: "",
|
|
|
- toolType: 1,
|
|
|
+ toolType: 0,
|
|
|
askCount: 1,
|
|
|
askTitle: "",
|
|
|
askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
@@ -4719,7 +4739,7 @@ export default {
|
|
|
{
|
|
|
tool: [],
|
|
|
toolDetail: "",
|
|
|
- toolType: 1,
|
|
|
+ toolType: 0,
|
|
|
askCount: 1,
|
|
|
askTitle: "",
|
|
|
askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
@@ -5332,7 +5352,7 @@ export default {
|
|
|
{
|
|
|
tool: [],
|
|
|
toolDetail: "",
|
|
|
- toolType: 1,
|
|
|
+ toolType: 0,
|
|
|
askCount: 1,
|
|
|
askTitle: "",
|
|
|
askJson: [
|
|
|
@@ -5396,7 +5416,7 @@ export default {
|
|
|
{
|
|
|
tool: [],
|
|
|
toolDetail: "",
|
|
|
- toolType: 1,
|
|
|
+ toolType: 0,
|
|
|
askCount: 1,
|
|
|
askTitle: "",
|
|
|
askJson: [
|
|
|
@@ -6104,7 +6124,9 @@ export default {
|
|
|
},
|
|
|
checkTestType(type, json) {
|
|
|
json.type = type;
|
|
|
- json.answer = [];
|
|
|
+ setTimeout(()=>{
|
|
|
+ json.answer = [];
|
|
|
+ },100)
|
|
|
},
|
|
|
checkAskType(type, json) {
|
|
|
json.type = type;
|
|
|
@@ -6360,7 +6382,7 @@ export default {
|
|
|
{
|
|
|
tool: [],
|
|
|
toolDetail: "",
|
|
|
- toolType: 1,
|
|
|
+ toolType: 0,
|
|
|
askCount: 1,
|
|
|
askTitle: "",
|
|
|
askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
@@ -6410,7 +6432,7 @@ export default {
|
|
|
{
|
|
|
tool: [],
|
|
|
toolDetail: "",
|
|
|
- toolType: 1,
|
|
|
+ toolType: 0,
|
|
|
askCount: 1,
|
|
|
askTitle: "",
|
|
|
askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
@@ -10796,4 +10818,28 @@ ol {
|
|
|
height: calc(100% - 0px);
|
|
|
overflow: auto;
|
|
|
}
|
|
|
+
|
|
|
+.textarea_css{
|
|
|
+ display: block;
|
|
|
+ resize: none;
|
|
|
+ padding: 10px 15px;
|
|
|
+ line-height: 1.5;
|
|
|
+ box-sizing: border-box;
|
|
|
+ width: 100%;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #606266;
|
|
|
+ background-color: #FFF;
|
|
|
+ background-image: none;
|
|
|
+ border: 1px solid #DCDFE6;
|
|
|
+ border-radius: 4px;
|
|
|
+ transition: border-color .2s cubic-bezier(.645,.045,.355,1);
|
|
|
+ outline: none;
|
|
|
+ overflow:hidden;
|
|
|
+ height: 40px;
|
|
|
+}
|
|
|
+
|
|
|
+.textarea_css:focus {
|
|
|
+ border-color: #409EFF;
|
|
|
+ outline: 0;
|
|
|
+}
|
|
|
</style>
|
