|
|
@@ -275,6 +275,26 @@
|
|
|
.active_item{
|
|
|
border:2px solid #3a8ee6;
|
|
|
}
|
|
|
+ // 提示信息展示
|
|
|
+ .noteInfoDialog{
|
|
|
+ width: 90%;
|
|
|
+ margin:0 auto;
|
|
|
+ height: 300px;
|
|
|
+ border:1px solid #ccc;
|
|
|
+ position: absolute;
|
|
|
+ top:10vh;
|
|
|
+ left:5%;
|
|
|
+ background: #ffffff;
|
|
|
+ }
|
|
|
+ .noteInfoDialog .body{
|
|
|
+ width: 100%;
|
|
|
+ margin:0 auto;
|
|
|
+ height: 300px;
|
|
|
+ // border:1px solid red;
|
|
|
+ position: absolute;
|
|
|
+ // top:10vh;
|
|
|
+ // left:5%;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
|
|
<template>
|
|
|
@@ -711,23 +731,22 @@
|
|
|
<div class="content-item right">
|
|
|
<div class="item-title">效果预览</div>
|
|
|
<div class="phone">
|
|
|
- <div class="item-main">
|
|
|
+ <div class="item-main" style="position:relative;">
|
|
|
<!-- <img src="../../assets/survey_logo.png" alt="" class="survey_logo"> -->
|
|
|
<h5 align="center" class="tpl_title">{{ title }}</h5>
|
|
|
<el-form ref="form" :model="form" class="tpl_form over_y">
|
|
|
<template v-for="(item, index) in widgetList">
|
|
|
<el-form-item :key="index" :label="item.label + item.cntype">
|
|
|
- <el-tooltip
|
|
|
- v-if="item.note"
|
|
|
- class="item"
|
|
|
- effect="dark"
|
|
|
- :content="item.note"
|
|
|
- placement="right-start"
|
|
|
- >
|
|
|
- <i
|
|
|
+ <el-tooltip class="item" effect="dark" content="Left Bottom 提示文字" placement="bottom-end">
|
|
|
+ <i v-if="item.noteDesc"
|
|
|
class="el-icon-info"
|
|
|
style="position: absolute; top: -28px; right: 0px"
|
|
|
+ @click="showNoteInfo"
|
|
|
></i>
|
|
|
+ <div slot="content">
|
|
|
+ <p>{{item.noteDesc}}</p>
|
|
|
+ <img width="100px" :src="item" alt="" v-for="(item,index) in item.noteImgs" :key="index" />
|
|
|
+ </div>
|
|
|
</el-tooltip>
|
|
|
<el-input
|
|
|
:class="item.require ? 'require' : ''"
|
|
|
@@ -809,6 +828,12 @@
|
|
|
>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
+ <!-- 展示批注信息 -->
|
|
|
+ <!-- <div class="noteInfoDialog">
|
|
|
+ <div class="body">
|
|
|
+ <el-button size="mini">关闭</el-button>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 批注信息展示 -->
|
|
|
@@ -818,7 +843,6 @@
|
|
|
:close-on-click-modal="false"
|
|
|
:visible.sync="dialogVisible1"
|
|
|
>
|
|
|
- <fuEditor :value="curNote" ref="editor"></fuEditor>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
<el-button
|
|
|
size="small"
|
|
|
@@ -976,9 +1000,11 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
+ showNoteInfo(){
|
|
|
+ // this.dialogTitle1 = true
|
|
|
+ // this.dialogVisible1 = true;
|
|
|
+ },
|
|
|
activeItem(index){
|
|
|
- // alert(11111)
|
|
|
- console.log(index)
|
|
|
var widgetList=this.widgetList
|
|
|
for(let i=0;i<widgetList.length;i++){
|
|
|
if(i == index){
|
|
|
@@ -990,13 +1016,10 @@ export default {
|
|
|
this.widgetList=widgetList;
|
|
|
},
|
|
|
change(evt) {
|
|
|
- console.log(evt, 11111111111);
|
|
|
},
|
|
|
start(evt) {
|
|
|
- console.log(evt, 22222222222);
|
|
|
},
|
|
|
end(evt) {
|
|
|
- console.log(evt, 33333333333333);
|
|
|
},
|
|
|
upload() {
|
|
|
|
xjc