|
|
@@ -58,7 +58,7 @@
|
|
|
text-align: left;
|
|
|
}
|
|
|
/deep/.el-form-item__content {
|
|
|
- line-height: 20px!important;
|
|
|
+ line-height: 20px !important;
|
|
|
margin-right: 160px;
|
|
|
position: relative;
|
|
|
font,
|
|
|
@@ -169,7 +169,7 @@
|
|
|
}
|
|
|
.tpl_title {
|
|
|
font-size: 18px;
|
|
|
- margin:20px;
|
|
|
+ margin: 20px;
|
|
|
}
|
|
|
.tpl_form {
|
|
|
margin: 0px;
|
|
|
@@ -219,11 +219,11 @@
|
|
|
top: -5px;
|
|
|
}
|
|
|
.ctl_btn_change {
|
|
|
- top:20px;
|
|
|
+ top: 20px;
|
|
|
right: -15px;
|
|
|
color: green;
|
|
|
width: 80px;
|
|
|
- font-size:16px;
|
|
|
+ font-size: 16px;
|
|
|
}
|
|
|
.ctl_btn_note {
|
|
|
right: 20px;
|
|
|
@@ -237,11 +237,11 @@
|
|
|
right: -15px;
|
|
|
color: red;
|
|
|
}
|
|
|
- .ctl_btn_move{
|
|
|
+ .ctl_btn_move {
|
|
|
font-size: 22px;
|
|
|
}
|
|
|
- .gdrag{
|
|
|
- bottom:15px!important;
|
|
|
+ .gdrag {
|
|
|
+ bottom: 15px !important;
|
|
|
}
|
|
|
// 注释弹窗
|
|
|
/deep/.noteDialog .el-form-item__content {
|
|
|
@@ -327,13 +327,13 @@
|
|
|
// }
|
|
|
}
|
|
|
}
|
|
|
-.group_title{
|
|
|
+.group_title {
|
|
|
font-size: 16px;
|
|
|
font-weight: bold;
|
|
|
- padding:10px 20px;
|
|
|
+ padding: 10px 20px;
|
|
|
}
|
|
|
-.groupMain{
|
|
|
- border:1px solid #ccc;
|
|
|
+.groupMain {
|
|
|
+ border: 1px solid #ccc;
|
|
|
border-radius: 5px;
|
|
|
margin: 20px;
|
|
|
}
|
|
|
@@ -403,11 +403,7 @@
|
|
|
class="over_y"
|
|
|
>
|
|
|
<!-- handle=".dargBtn" 触发拖拽事件的按钮类名 filter=".undraggable" 不可拖拽的元素的类名 -->
|
|
|
- <vuedraggable
|
|
|
- class="wrapper"
|
|
|
- v-model="widgetList"
|
|
|
- handle=".dargBtn"
|
|
|
- >
|
|
|
+ <vuedraggable class="wrapper" v-model="widgetList" handle=".dargBtn">
|
|
|
<transition-group>
|
|
|
<el-form-item
|
|
|
v-for="(item, index) in widgetList"
|
|
|
@@ -491,7 +487,7 @@
|
|
|
<el-radio
|
|
|
:label="iitem.label"
|
|
|
v-for="(iitem, index) in item.items"
|
|
|
- :key="'r'+index"
|
|
|
+ :key="'r' + index"
|
|
|
>
|
|
|
<el-input
|
|
|
:readonly="item.edit"
|
|
|
@@ -517,7 +513,9 @@
|
|
|
<span class="ctl_btn ctl_btn_note" @click="addNote(item)"
|
|
|
>注释</span
|
|
|
>
|
|
|
- <span class="ctl_btn ctl_btn_change" @click="item.type='checkbox'"
|
|
|
+ <span
|
|
|
+ class="ctl_btn ctl_btn_change"
|
|
|
+ @click="item.type = 'checkbox',item.cntype='(多选)'"
|
|
|
>切换成多选</span
|
|
|
>
|
|
|
<span
|
|
|
@@ -544,7 +542,7 @@
|
|
|
<el-checkbox
|
|
|
:label="iitem.label"
|
|
|
v-for="(iitem, index) in item.items"
|
|
|
- :key="'c'+index"
|
|
|
+ :key="'c' + index"
|
|
|
>
|
|
|
<el-input
|
|
|
:readonly="item.edit"
|
|
|
@@ -570,7 +568,9 @@
|
|
|
<span class="ctl_btn ctl_btn_note" @click="addNote(item)"
|
|
|
>注释</span
|
|
|
>
|
|
|
- <span class="ctl_btn ctl_btn_change" @click="item.type='radio'"
|
|
|
+ <span
|
|
|
+ class="ctl_btn ctl_btn_change"
|
|
|
+ @click="item.type = 'radio',item.cntype='(单选)'"
|
|
|
>切换成单选</span
|
|
|
>
|
|
|
<span
|
|
|
@@ -616,7 +616,8 @@
|
|
|
>
|
|
|
</font>
|
|
|
<el-button type="primary" class="dargBtn drag" size="mini"
|
|
|
- >拖拽移动顺序</el-button>
|
|
|
+ >拖拽移动顺序</el-button
|
|
|
+ >
|
|
|
</section>
|
|
|
<section v-if="item.type == 'file'">
|
|
|
<el-input
|
|
|
@@ -667,230 +668,262 @@
|
|
|
v-model="item.children"
|
|
|
handle=".gdrag"
|
|
|
>
|
|
|
- <transition-group>
|
|
|
- <el-form-item
|
|
|
- v-for="(iitem, index) in item.children"
|
|
|
- :key="'g'+index"
|
|
|
- :prop="iitem.label"
|
|
|
- >
|
|
|
- <section v-if="iitem.type == 'input'">
|
|
|
- <el-input
|
|
|
- :readonly="iitem.edit"
|
|
|
- v-model="iitem.label"
|
|
|
- :class="[
|
|
|
- iitem.edit ? 'edit_label' : '',
|
|
|
- iitem.require ? 'require' : '',
|
|
|
- ]"
|
|
|
- ></el-input>
|
|
|
- <el-input
|
|
|
- placeholder="请输入"
|
|
|
- v-model="iitem.placeholder"
|
|
|
- ></el-input>
|
|
|
- <font>
|
|
|
- <el-checkbox
|
|
|
- class="item_require"
|
|
|
- v-model="iitem.require"
|
|
|
- >必填</el-checkbox
|
|
|
- >
|
|
|
- <span
|
|
|
- class="ctl_btn ctl_btn_note"
|
|
|
- @click="addNote(iitem)"
|
|
|
- >注释</span
|
|
|
- >
|
|
|
- <span
|
|
|
- class="ctl_btn ctl_btn_del"
|
|
|
- @click="item.children.splice(index, 1)"
|
|
|
- >删除</span
|
|
|
- >
|
|
|
- </font>
|
|
|
- <el-button type="primary" class="gdrag drag" size="mini">排序</el-button>
|
|
|
- </section>
|
|
|
- <section v-if="iitem.type == 'textarea'">
|
|
|
- <el-input
|
|
|
- :readonly="iitem.edit"
|
|
|
- v-model="iitem.label"
|
|
|
- :class="[
|
|
|
- iitem.edit ? 'edit_label' : '',
|
|
|
- iitem.require ? 'require' : '',
|
|
|
- ]"
|
|
|
- ></el-input>
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- placeholder="请输入"
|
|
|
- v-model="iitem.placeholder"
|
|
|
- ></el-input>
|
|
|
- <font>
|
|
|
- <el-checkbox
|
|
|
- class="item_require"
|
|
|
- v-model="iitem.require"
|
|
|
- >必填</el-checkbox
|
|
|
- >
|
|
|
- <span
|
|
|
- class="ctl_btn ctl_btn_note"
|
|
|
- @click="addNote(iitem)"
|
|
|
- >注释</span
|
|
|
- >
|
|
|
- <span
|
|
|
- class="ctl_btn ctl_btn_del"
|
|
|
- @click="item.children.splice(index, 1)"
|
|
|
- >删除</span
|
|
|
- >
|
|
|
- </font>
|
|
|
- <el-button type="primary" class="gdrag drag" size="mini">排序</el-button>
|
|
|
- </section>
|
|
|
-
|
|
|
- <section v-if="iitem.type == 'radio'" class="radio">
|
|
|
- <el-input
|
|
|
- :readonly="iitem.edit"
|
|
|
- v-model="iitem.label"
|
|
|
- :class="[
|
|
|
- iitem.edit ? 'edit_label' : '',
|
|
|
- iitem.require ? 'require' : '',
|
|
|
- ]"
|
|
|
- ></el-input
|
|
|
- >（单选）
|
|
|
- <el-radio-group>
|
|
|
- <el-radio
|
|
|
- :label="iiitem.label"
|
|
|
- v-for="(iiitem, rindex) in iitem.items"
|
|
|
- :key="'gr'+rindex"
|
|
|
- >
|
|
|
- <el-input
|
|
|
- :readonly="iitem.edit"
|
|
|
- v-model="iiitem.label"
|
|
|
- :class="iitem.edit ? 'edit_label' : ''"
|
|
|
- ></el-input>
|
|
|
- <template v-if="!iitem.edit">
|
|
|
- <i
|
|
|
- class="el-icon-minus opicon"
|
|
|
- @click="minusOption(iitem.items, index)"
|
|
|
- ></i
|
|
|
- ><i
|
|
|
- class="el-icon-plus opicon"
|
|
|
- @click="plusOption(iitem.items, index)"
|
|
|
- ></i>
|
|
|
- </template>
|
|
|
- </el-radio>
|
|
|
- </el-radio-group>
|
|
|
- <font>
|
|
|
- <el-checkbox
|
|
|
- class="item_require"
|
|
|
- v-model="iitem.require"
|
|
|
- >必填</el-checkbox
|
|
|
- >
|
|
|
- <span
|
|
|
- class="ctl_btn ctl_btn_note"
|
|
|
- @click="addNote(iitem)"
|
|
|
- >注释</span
|
|
|
+ <transition-group>
|
|
|
+ <el-form-item
|
|
|
+ v-for="(iitem, index) in item.children"
|
|
|
+ :key="'g' + index"
|
|
|
+ :prop="iitem.label"
|
|
|
+ >
|
|
|
+ <section v-if="iitem.type == 'input'">
|
|
|
+ <el-input
|
|
|
+ :readonly="iitem.edit"
|
|
|
+ v-model="iitem.label"
|
|
|
+ :class="[
|
|
|
+ iitem.edit ? 'edit_label' : '',
|
|
|
+ iitem.require ? 'require' : '',
|
|
|
+ ]"
|
|
|
+ ></el-input>
|
|
|
+ <el-input
|
|
|
+ placeholder="请输入"
|
|
|
+ v-model="iitem.placeholder"
|
|
|
+ ></el-input>
|
|
|
+ <font>
|
|
|
+ <el-checkbox
|
|
|
+ class="item_require"
|
|
|
+ v-model="iitem.require"
|
|
|
+ >必填</el-checkbox
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ class="ctl_btn ctl_btn_note"
|
|
|
+ @click="addNote(iitem)"
|
|
|
+ >注释</span
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ class="ctl_btn ctl_btn_del"
|
|
|
+ @click="item.children.splice(index, 1)"
|
|
|
+ >删除</span
|
|
|
+ >
|
|
|
+ </font>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ class="gdrag drag"
|
|
|
+ size="mini"
|
|
|
+ >排序</el-button
|
|
|
>
|
|
|
- <span class="ctl_btn ctl_btn_change" @click="item.type='checkbox'"
|
|
|
- >切换成多选</span
|
|
|
- >
|
|
|
- <span
|
|
|
- @click="item.children.splice(index, 1)"
|
|
|
- class="ctl_btn ctl_btn_del"
|
|
|
- >删除</span
|
|
|
+ </section>
|
|
|
+ <section v-if="iitem.type == 'textarea'">
|
|
|
+ <el-input
|
|
|
+ :readonly="iitem.edit"
|
|
|
+ v-model="iitem.label"
|
|
|
+ :class="[
|
|
|
+ iitem.edit ? 'edit_label' : '',
|
|
|
+ iitem.require ? 'require' : '',
|
|
|
+ ]"
|
|
|
+ ></el-input>
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ placeholder="请输入"
|
|
|
+ v-model="iitem.placeholder"
|
|
|
+ ></el-input>
|
|
|
+ <font>
|
|
|
+ <el-checkbox
|
|
|
+ class="item_require"
|
|
|
+ v-model="iitem.require"
|
|
|
+ >必填</el-checkbox
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ class="ctl_btn ctl_btn_note"
|
|
|
+ @click="addNote(iitem)"
|
|
|
+ >注释</span
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ class="ctl_btn ctl_btn_del"
|
|
|
+ @click="item.children.splice(index, 1)"
|
|
|
+ >删除</span
|
|
|
+ >
|
|
|
+ </font>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ class="gdrag drag"
|
|
|
+ size="mini"
|
|
|
+ >排序</el-button
|
|
|
>
|
|
|
- </font>
|
|
|
- <el-button type="primary" class="gdrag drag" size="mini">排序</el-button>
|
|
|
- </section>
|
|
|
+ </section>
|
|
|
|
|
|
- <section v-if="iitem.type == 'checkbox'" class="checkbox">
|
|
|
- <el-input
|
|
|
- :readonly="iitem.edit"
|
|
|
- v-model="iitem.label"
|
|
|
- :class="[
|
|
|
- iitem.edit ? 'edit_label' : '',
|
|
|
- iitem.require ? 'require' : '',
|
|
|
- ]"
|
|
|
- ></el-input
|
|
|
- >（多选）
|
|
|
- <el-radio-group>
|
|
|
- <el-checkbox
|
|
|
- :label="iiitem.label"
|
|
|
- v-for="(iiitem, index) in iitem.items"
|
|
|
- :key="'gc'+index"
|
|
|
- >
|
|
|
- <el-input
|
|
|
- :readonly="iitem.edit"
|
|
|
- v-model="iiitem.label"
|
|
|
- :class="iitem.edit ? 'edit_label' : ''"
|
|
|
- ></el-input>
|
|
|
- <template v-if="!iitem.edit">
|
|
|
- <i
|
|
|
- class="el-icon-minus opicon"
|
|
|
- @click="minusOption(iitem.items, index)"
|
|
|
- ></i
|
|
|
- ><i
|
|
|
- class="el-icon-plus opicon"
|
|
|
- @click="plusOption(iitem.items, index)"
|
|
|
- ></i>
|
|
|
- </template>
|
|
|
- </el-checkbox>
|
|
|
- </el-radio-group>
|
|
|
- <font>
|
|
|
- <el-checkbox
|
|
|
- class="item_require"
|
|
|
- v-model="iitem.require"
|
|
|
- >必填</el-checkbox
|
|
|
- >
|
|
|
- <span
|
|
|
- class="ctl_btn ctl_btn_note"
|
|
|
- @click="addNote(iitem)"
|
|
|
- >注释</span
|
|
|
- >
|
|
|
- <span class="ctl_btn ctl_btn_change" @click="item.type='radio'"
|
|
|
- >切换成多选</span
|
|
|
- >
|
|
|
- <span
|
|
|
- @click="item.children.splice(index, 1)"
|
|
|
- class="ctl_btn ctl_btn_del"
|
|
|
- >删除</span
|
|
|
+ <section v-if="iitem.type == 'radio'" class="radio">
|
|
|
+ <el-input
|
|
|
+ :readonly="iitem.edit"
|
|
|
+ v-model="iitem.label"
|
|
|
+ :class="[
|
|
|
+ iitem.edit ? 'edit_label' : '',
|
|
|
+ iitem.require ? 'require' : '',
|
|
|
+ ]"
|
|
|
+ ></el-input
|
|
|
+ >（单选）
|
|
|
+ <el-radio-group>
|
|
|
+ <el-radio
|
|
|
+ :label="iiitem.label"
|
|
|
+ v-for="(iiitem, rindex) in iitem.items"
|
|
|
+ :key="'gr' + rindex"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ :readonly="iitem.edit"
|
|
|
+ v-model="iiitem.label"
|
|
|
+ :class="iitem.edit ? 'edit_label' : ''"
|
|
|
+ ></el-input>
|
|
|
+ <template v-if="!iitem.edit">
|
|
|
+ <i
|
|
|
+ class="el-icon-minus opicon"
|
|
|
+ @click="minusOption(iitem.items, index)"
|
|
|
+ ></i
|
|
|
+ ><i
|
|
|
+ class="el-icon-plus opicon"
|
|
|
+ @click="plusOption(iitem.items, index)"
|
|
|
+ ></i>
|
|
|
+ </template>
|
|
|
+ </el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ <font>
|
|
|
+ <el-checkbox
|
|
|
+ class="item_require"
|
|
|
+ v-model="iitem.require"
|
|
|
+ >必填</el-checkbox
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ class="ctl_btn ctl_btn_note"
|
|
|
+ @click="addNote(iitem)"
|
|
|
+ >注释</span
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ class="ctl_btn ctl_btn_change"
|
|
|
+ @click="iitem.type = 'checkbox',item.cntype='(多选)'"
|
|
|
+ >切换成多选</span
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ @click="item.children.splice(index, 1)"
|
|
|
+ class="ctl_btn ctl_btn_del"
|
|
|
+ >删除</span
|
|
|
+ >
|
|
|
+ </font>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ class="gdrag drag"
|
|
|
+ size="mini"
|
|
|
+ >排序</el-button
|
|
|
>
|
|
|
- </font>
|
|
|
- <el-button type="primary" class="gdrag drag" size="mini">排序</el-button>
|
|
|
- </section>
|
|
|
+ </section>
|
|
|
|
|
|
- <section v-if="iitem.type == 'image'">
|
|
|
- <!-- <el-input :readonly="item.edit" v-model="item.label" :class="item.edit?'edit_label':''"></el-input> -->
|
|
|
- <el-input
|
|
|
- :readonly="iitem.edit"
|
|
|
- v-model="iitem.label"
|
|
|
- :class="[
|
|
|
- iitem.edit ? 'edit_label' : '',
|
|
|
- iitem.require ? 'require' : '',
|
|
|
- ]"
|
|
|
- ></el-input>
|
|
|
- <el-upload
|
|
|
- action="/api/admin/uploadfile"
|
|
|
- list-type="picture-card"
|
|
|
- :on-preview="handlePreview"
|
|
|
- :on-remove="handleRemove"
|
|
|
- :limit="9"
|
|
|
+ <section
|
|
|
+ v-if="iitem.type == 'checkbox'"
|
|
|
+ class="checkbox"
|
|
|
>
|
|
|
- <i class="el-icon-plus"></i>
|
|
|
- </el-upload>
|
|
|
- <font>
|
|
|
- <el-checkbox
|
|
|
- class="item_require"
|
|
|
- v-model="iitem.require"
|
|
|
- >必填</el-checkbox
|
|
|
+ <el-input
|
|
|
+ :readonly="iitem.edit"
|
|
|
+ v-model="iitem.label"
|
|
|
+ :class="[
|
|
|
+ iitem.edit ? 'edit_label' : '',
|
|
|
+ iitem.require ? 'require' : '',
|
|
|
+ ]"
|
|
|
+ ></el-input
|
|
|
+ >（多选）
|
|
|
+ <el-radio-group>
|
|
|
+ <el-checkbox
|
|
|
+ :label="iiitem.label"
|
|
|
+ v-for="(iiitem, index) in iitem.items"
|
|
|
+ :key="'gc' + index"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ :readonly="iitem.edit"
|
|
|
+ v-model="iiitem.label"
|
|
|
+ :class="iitem.edit ? 'edit_label' : ''"
|
|
|
+ ></el-input>
|
|
|
+ <template v-if="!iitem.edit">
|
|
|
+ <i
|
|
|
+ class="el-icon-minus opicon"
|
|
|
+ @click="minusOption(iitem.items, index)"
|
|
|
+ ></i
|
|
|
+ ><i
|
|
|
+ class="el-icon-plus opicon"
|
|
|
+ @click="plusOption(iitem.items, index)"
|
|
|
+ ></i>
|
|
|
+ </template>
|
|
|
+ </el-checkbox>
|
|
|
+ </el-radio-group>
|
|
|
+ <font>
|
|
|
+ <el-checkbox
|
|
|
+ class="item_require"
|
|
|
+ v-model="iitem.require"
|
|
|
+ >必填</el-checkbox
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ class="ctl_btn ctl_btn_note"
|
|
|
+ @click="addNote(iitem)"
|
|
|
+ >注释</span
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ class="ctl_btn ctl_btn_change"
|
|
|
+ @click="iitem.type = 'radio',item.cntype='(单选)'"
|
|
|
+ >切换成多选</span
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ @click="item.children.splice(index, 1)"
|
|
|
+ class="ctl_btn ctl_btn_del"
|
|
|
+ >删除</span
|
|
|
+ >
|
|
|
+ </font>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ class="gdrag drag"
|
|
|
+ size="mini"
|
|
|
+ >排序</el-button
|
|
|
>
|
|
|
- <span
|
|
|
- class="ctl_btn ctl_btn_note"
|
|
|
- @click="addNote(iitem)"
|
|
|
- >注释</span
|
|
|
+ </section>
|
|
|
+
|
|
|
+ <section v-if="iitem.type == 'image'">
|
|
|
+ <!-- <el-input :readonly="item.edit" v-model="item.label" :class="item.edit?'edit_label':''"></el-input> -->
|
|
|
+ <el-input
|
|
|
+ :readonly="iitem.edit"
|
|
|
+ v-model="iitem.label"
|
|
|
+ :class="[
|
|
|
+ iitem.edit ? 'edit_label' : '',
|
|
|
+ iitem.require ? 'require' : '',
|
|
|
+ ]"
|
|
|
+ ></el-input>
|
|
|
+ <el-upload
|
|
|
+ action="/api/admin/uploadfile"
|
|
|
+ list-type="picture-card"
|
|
|
+ :on-preview="handlePreview"
|
|
|
+ :on-remove="handleRemove"
|
|
|
+ :limit="9"
|
|
|
>
|
|
|
- <span
|
|
|
- @click="item.children.splice(index, 1)"
|
|
|
- class="ctl_btn ctl_btn_del"
|
|
|
- >删除</span
|
|
|
+ <i class="el-icon-plus"></i>
|
|
|
+ </el-upload>
|
|
|
+ <font>
|
|
|
+ <el-checkbox
|
|
|
+ class="item_require"
|
|
|
+ v-model="iitem.require"
|
|
|
+ >必填</el-checkbox
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ class="ctl_btn ctl_btn_note"
|
|
|
+ @click="addNote(iitem)"
|
|
|
+ >注释</span
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ @click="item.children.splice(index, 1)"
|
|
|
+ class="ctl_btn ctl_btn_del"
|
|
|
+ >删除</span
|
|
|
+ >
|
|
|
+ </font>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ class="gdrag drag"
|
|
|
+ size="mini"
|
|
|
+ >排序</el-button
|
|
|
>
|
|
|
- </font>
|
|
|
- <el-button type="primary" class="gdrag drag" size="mini">排序</el-button>
|
|
|
- </section>
|
|
|
- </el-form-item>
|
|
|
- </transition-group>
|
|
|
+ </section>
|
|
|
+ </el-form-item>
|
|
|
+ </transition-group>
|
|
|
</vuedraggable>
|
|
|
</section>
|
|
|
<font style="top: -18px" v-if="item.type == 'group'">
|
|
|
@@ -931,7 +964,7 @@
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
<ul class="img_list">
|
|
|
- <li v-for="(item, index) in noteImgs" :key="'note'+index">
|
|
|
+ <li v-for="(item, index) in noteImgs" :key="'note' + index">
|
|
|
<img :src="item" alt="" />
|
|
|
<p class="move">
|
|
|
<i @click="remove(index)" class="el-icon-delete"></i>
|
|
|
@@ -976,28 +1009,35 @@
|
|
|
<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 v-if="item.type!='group'" :key="'review'+index" :label="item.label + item.cntype">
|
|
|
- <span style="color:#409eff;font-size:12px;">{{item.noteDesc}}</span>
|
|
|
+ <el-form-item
|
|
|
+ v-show="item.type != 'group'"
|
|
|
+ :key="'review' + index"
|
|
|
+ :label="item.label + item.cntype"
|
|
|
+ >
|
|
|
+ <span style="color: #409eff; font-size: 12px">{{
|
|
|
+ item.noteDesc
|
|
|
+ }}</span>
|
|
|
<el-tooltip
|
|
|
class="item"
|
|
|
effect="dark"
|
|
|
content="Left Bottom 提示文字"
|
|
|
placement="bottom-end"
|
|
|
>
|
|
|
- <i
|
|
|
- v-if="item.noteDesc || item.noteImgs"
|
|
|
- class="el-icon-info"
|
|
|
- style="position: absolute; top: -28px; right: 0px"
|
|
|
- ></i>
|
|
|
+ <i
|
|
|
+ v-show="item.noteDesc || item.noteImgs"
|
|
|
+ class="el-icon-info"
|
|
|
+ style="position: absolute; top: -28px; right: 0px"
|
|
|
+ ></i>
|
|
|
<div slot="content" class="tool_text">
|
|
|
+
|
|
|
<p>{{ item.noteDesc }}</p>
|
|
|
<div class="toolText_img">
|
|
|
- <img
|
|
|
+ <!-- <img
|
|
|
:src="item"
|
|
|
alt=""
|
|
|
v-for="(item, index) in item.noteImgs"
|
|
|
:key="'noteimgs'+index"
|
|
|
- />
|
|
|
+ /> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-tooltip>
|
|
|
@@ -1022,7 +1062,7 @@
|
|
|
<el-radio
|
|
|
:label="iitem.label"
|
|
|
v-for="(iitem, index) in item.items"
|
|
|
- :key="'review_r'+index"
|
|
|
+ :key="'review_r' + index"
|
|
|
>{{ iitem.label }}</el-radio
|
|
|
>
|
|
|
</el-radio-group>
|
|
|
@@ -1034,7 +1074,7 @@
|
|
|
<el-checkbox
|
|
|
:label="iitem.label"
|
|
|
v-for="(iitem, index) in item.items"
|
|
|
- :key="'review_c'+index"
|
|
|
+ :key="'review_c' + index"
|
|
|
>{{ iitem.label }}</el-checkbox
|
|
|
>
|
|
|
</el-radio-group>
|
|
|
@@ -1071,22 +1111,27 @@
|
|
|
</el-upload>
|
|
|
</el-form-item>
|
|
|
<!-- 域组件展示 -->
|
|
|
-
|
|
|
- <section class="groupMain" v-if="item.type == 'group'" :key="'review_gi'+index">
|
|
|
- <h6
|
|
|
+ <section
|
|
|
+ class="groupMain"
|
|
|
v-if="item.type == 'group'"
|
|
|
- align="left"
|
|
|
- class="group_title"
|
|
|
- :key="'revire_g'+index"
|
|
|
+ :key="'review_gi' + index"
|
|
|
>
|
|
|
- {{ item.label }}
|
|
|
- </h6>
|
|
|
+ <h6
|
|
|
+ v-if="item.type == 'group'"
|
|
|
+ align="left"
|
|
|
+ class="group_title"
|
|
|
+ :key="'revire_g' + index"
|
|
|
+ >
|
|
|
+ {{ item.label }}
|
|
|
+ </h6>
|
|
|
<template v-for="(iitem, index) in item.children">
|
|
|
<el-form-item
|
|
|
- :key="'review_gc'+index"
|
|
|
+ :key="'review_gc' + index"
|
|
|
:label="iitem.label + iitem.cntype"
|
|
|
>
|
|
|
- <span style="color:#409eff;font-size:12px;">{{iitem.noteDesc}}</span>
|
|
|
+ <span style="color: #409eff; font-size: 12px">{{
|
|
|
+ iitem.noteDesc
|
|
|
+ }}</span>
|
|
|
<el-tooltip
|
|
|
class="item"
|
|
|
effect="dark"
|
|
|
@@ -1105,7 +1150,7 @@
|
|
|
:src="iitem"
|
|
|
alt=""
|
|
|
v-for="(iitem, index) in iitem.noteImgs"
|
|
|
- :key="'review_gc_noteimgs'+index"
|
|
|
+ :key="'review_gc_noteimgs' + index"
|
|
|
/>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -1131,7 +1176,7 @@
|
|
|
<el-radio
|
|
|
:label="iiitem.label"
|
|
|
v-for="(iiitem, index) in iitem.items"
|
|
|
- :key="'review_gcr'+index"
|
|
|
+ :key="'review_gcr' + index"
|
|
|
>{{ iiitem.label }}</el-radio
|
|
|
>
|
|
|
</el-radio-group>
|
|
|
@@ -1143,7 +1188,7 @@
|
|
|
<el-checkbox
|
|
|
:label="iiitem.label"
|
|
|
v-for="(iiitem, index) in iitem.items"
|
|
|
- :key="'review_gcc'+index"
|
|
|
+ :key="'review_gcc' + index"
|
|
|
>{{ iiitem.label }}</el-checkbox
|
|
|
>
|
|
|
</el-radio-group>
|
|
|
@@ -1396,8 +1441,11 @@ export default {
|
|
|
this.dialogVisible = true;
|
|
|
},
|
|
|
saveNote(item) {
|
|
|
+ debugger;
|
|
|
+ console.log(this.widgetList);
|
|
|
item.noteDesc = this.noteDesc;
|
|
|
item.noteImgs = this.noteImgs;
|
|
|
+ this.curItem = item;
|
|
|
this.dialogVisible = false;
|
|
|
},
|
|
|
handlePreview() {},
|
xjc