|
@@ -14,12 +14,7 @@
|
|
|
</div>
|
|
|
<div class="stepRightNav" @click="jump('jd' + staIndex + 1)">
|
|
|
<div>阶段{{ staIndex + 1 }}</div>
|
|
|
- <div
|
|
|
- class="isFinishCss"
|
|
|
- v-if="
|
|
|
- sta.staTitle != ''
|
|
|
- "
|
|
|
- >
|
|
|
+ <div class="isFinishCss" v-if="sta.staTitle != ''">
|
|
|
<div class="isFinish">
|
|
|
<img src="../../../../assets/icon/race/finish.png" alt="" />
|
|
|
</div>
|
|
@@ -97,6 +92,18 @@
|
|
|
v-model="race.driQuestion.brief"
|
|
|
@change="upRacePro"
|
|
|
></editor-bar>
|
|
|
+ <div
|
|
|
+ class="fullCss"
|
|
|
+ @click="
|
|
|
+ fullTools(
|
|
|
+ race.driQuestion.brief,
|
|
|
+ 1,
|
|
|
+ '',saIndex,raIndex
|
|
|
+ )
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 全屏编辑
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<!-- <div>
|
|
|
<div class="basic_box">
|
|
@@ -217,6 +224,18 @@
|
|
|
v-model="race.tarDesign.brief"
|
|
|
@change="upRacePro"
|
|
|
></editor-bar>
|
|
|
+ <div
|
|
|
+ class="fullCss"
|
|
|
+ @click="
|
|
|
+ fullTools(
|
|
|
+ race.tarDesign.brief,
|
|
|
+ 2,
|
|
|
+ '',saIndex,raIndex
|
|
|
+ )
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 全屏编辑
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<!-- <div>
|
|
|
<div class="basic_box">
|
|
@@ -336,6 +355,18 @@
|
|
|
v-model="race.actiDesign.brief"
|
|
|
@change="upRacePro"
|
|
|
></editor-bar>
|
|
|
+ <div
|
|
|
+ class="fullCss"
|
|
|
+ @click="
|
|
|
+ fullTools(
|
|
|
+ race.actiDesign.brief,
|
|
|
+ 3,
|
|
|
+ '',saIndex,raIndex
|
|
|
+ )
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 全屏编辑
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<!-- <div>
|
|
|
<div class="basic_box">
|
|
@@ -456,6 +487,18 @@
|
|
|
v-model="race.evaDesign.brief"
|
|
|
@change="upRacePro"
|
|
|
></editor-bar>
|
|
|
+ <div
|
|
|
+ class="fullCss"
|
|
|
+ @click="
|
|
|
+ fullTools(
|
|
|
+ race.evaDesign.brief,
|
|
|
+ 4,
|
|
|
+ '',saIndex,raIndex
|
|
|
+ )
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 全屏编辑
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<!-- <div>
|
|
|
<div class="basic_box">
|
|
@@ -590,6 +633,20 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <el-dialog
|
|
|
+ title="编辑富文本"
|
|
|
+ :visible.sync="full"
|
|
|
+ :append-to-body="true"
|
|
|
+ width="100%"
|
|
|
+ :before-close="handleClose"
|
|
|
+ class="dialog_diy fullEditor"
|
|
|
+ >
|
|
|
+ <editor-bar v-model="fullBrief" :placeholder="plaText"></editor-bar>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="full = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="addFullText">确定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -620,12 +677,21 @@ export default {
|
|
|
},
|
|
|
],
|
|
|
},
|
|
|
+ fullBrief: "",
|
|
|
+ plaText: "",
|
|
|
+ isBrief: 0,
|
|
|
+ full:false,
|
|
|
+ jdIndex:0,
|
|
|
+ rwIndex:0,
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
change(val) {
|
|
|
console.log(val);
|
|
|
},
|
|
|
+ handleClose(done) {
|
|
|
+ done();
|
|
|
+ },
|
|
|
addImg(e) {
|
|
|
var el = e.currentTarget;
|
|
|
el.getElementsByTagName("input")[0].click();
|
|
@@ -984,6 +1050,32 @@ export default {
|
|
|
});
|
|
|
}
|
|
|
},
|
|
|
+ fullTools(b, t, text,i,j) {
|
|
|
+ this.fullBrief = b;
|
|
|
+ this.isBrief = t;
|
|
|
+ this.plaText = text;
|
|
|
+ this.jdIndex = i;
|
|
|
+ this.rwIndex = j;
|
|
|
+ this.full = !this.full;
|
|
|
+ },
|
|
|
+ addFullText() {
|
|
|
+ if (this.isBrief == 1) {
|
|
|
+ this.racePro.stageBox[this.jdIndex].actBox[this.rwIndex].driQuestion.brief = this.fullBrief;
|
|
|
+ } else if (this.isBrief == 2) {
|
|
|
+ this.racePro.stageBox[this.jdIndex].actBox[this.rwIndex].tarDesign.brief = this.fullBrief;
|
|
|
+ } else if (this.isBrief == 3) {
|
|
|
+ this.racePro.stageBox[this.jdIndex].actBox[this.rwIndex].actiDesign.brief = this.fullBrief;
|
|
|
+ } else if (this.isBrief == 4) {
|
|
|
+ this.racePro.stageBox[this.jdIndex].actBox[this.rwIndex].evaDesign.brief = this.fullBrief;
|
|
|
+ }
|
|
|
+ this.isBrief = 0;
|
|
|
+ this.fullBrief = "";
|
|
|
+ this.plaText = "";
|
|
|
+ this.jdIndex = 0;
|
|
|
+ this.rwIndex = 0;
|
|
|
+ this.full = !this.full;
|
|
|
+ this.upRacePro();
|
|
|
+ },
|
|
|
},
|
|
|
created() {
|
|
|
this.racePro = this.raceProcess;
|
|
@@ -1005,6 +1097,19 @@ export default {
|
|
|
.rwInput {
|
|
|
width: 45% !important;
|
|
|
}
|
|
|
+ .fullCss {
|
|
|
+ right: 1% !important;
|
|
|
+ }
|
|
|
+ .fullEditor >>> .el-dialog__footer {
|
|
|
+ padding: 4% 20px 20px !important;
|
|
|
+ }
|
|
|
+}
|
|
|
+.dialog_diy >>> .el-dialog__header {
|
|
|
+ background: #3c3c3c !important;
|
|
|
+ padding: 15px 20px;
|
|
|
+}
|
|
|
+.dialog_diy >>> .el-dialog__title {
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
.pb_content {
|
|
|
width: 100%;
|
|
@@ -1120,6 +1225,7 @@ export default {
|
|
|
|
|
|
.editorCss {
|
|
|
width: 90% !important;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
|
|
|
.basic_box {
|
|
@@ -1519,4 +1625,27 @@ export default {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
}
|
|
|
+.fullCss {
|
|
|
+ font-size: 12px;
|
|
|
+ position: absolute;
|
|
|
+ right: 4%;
|
|
|
+ top: 12px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.fullEditor >>> .text {
|
|
|
+ height: 100% !important;
|
|
|
+}
|
|
|
+.fullEditor >>> .el-dialog {
|
|
|
+ margin: 0 !important;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+.fullEditor >>> .el-dialog__body {
|
|
|
+ height: 70%;
|
|
|
+}
|
|
|
+.fullEditor >>> .editor {
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+.fullEditor >>> .el-dialog__footer {
|
|
|
+ padding: 2% 20px 20px !important;
|
|
|
+}
|
|
|
</style>
|