|
|
|
@ -16,6 +16,8 @@ import UseTemplate from './template.vue' |
|
|
|
|
|
|
|
import { customerFormVersionCont } from '@/api/DesignForm/type' |
|
|
|
|
|
|
|
import '@/assets/iconfont/iconfont.css' |
|
|
|
|
|
|
|
const props = withDefaults( |
|
|
|
defineProps<{ |
|
|
|
// eslint-disable-next-line vue/require-default-prop |
|
|
|
@ -122,13 +124,13 @@ const forEachGetData = (data: FormList[]) => { |
|
|
|
const activeName = ref<any>(6) |
|
|
|
//切换版本 |
|
|
|
const handleTabsClick = (val:any) =>{ |
|
|
|
console.log("切换版本",val) |
|
|
|
// console.log("切换版本",val) |
|
|
|
emits("update:versionid",val) |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
watch(()=>props.versioncont,(val: any)=>{ |
|
|
|
console.log("versioncont---版本-->",val) |
|
|
|
// console.log("versioncont---版本-->",val) |
|
|
|
if(val.length>0){ |
|
|
|
val.forEach((item:any,index:number) => { |
|
|
|
if(item.status == 1){ |
|
|
|
@ -137,7 +139,7 @@ watch(()=>props.versioncont,(val: any)=>{ |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
console.log("选定版本------->",activeName.value) |
|
|
|
// console.log("选定版本------->",activeName.value) |
|
|
|
}) |
|
|
|
//编辑状态 |
|
|
|
const setupStatus = (val:any) =>{ |
|
|
|
@ -163,25 +165,27 @@ const setupStatus = (val:any) =>{ |
|
|
|
<div class="title"> |
|
|
|
{{ list.title }} |
|
|
|
<div |
|
|
|
class="template" |
|
|
|
v-if="index === 0 && !isSearch" |
|
|
|
class="template" |
|
|
|
@click="useTemplateClick" |
|
|
|
> |
|
|
|
使用模板 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<draggable |
|
|
|
itemKey="key123" |
|
|
|
tag="ul" |
|
|
|
v-model="list.children" |
|
|
|
tag="ul" |
|
|
|
:group="{ name: 'form', pull: 'clone', put: false }" |
|
|
|
ghost-class="ghost" |
|
|
|
:sort="false" |
|
|
|
:clone="clone" |
|
|
|
item-key="key123" |
|
|
|
> |
|
|
|
|
|
|
|
<template #item="{ element }"> |
|
|
|
<li :class="[element.type]"> |
|
|
|
<i :class="`icon-${element.icon}`"></i> |
|
|
|
<li class="fontIcon" :class="[element.type]"> |
|
|
|
<i v-if="element.iconFont==''" :class="`icon-${element.icon}`"></i> |
|
|
|
<i v-if="element.iconFont!=''" :class="`fa ${element.iconFont} `"></i> |
|
|
|
<span :title="element.label">{{ element.label }}</span> |
|
|
|
</li> |
|
|
|
</template> |
|
|
|
@ -201,11 +205,98 @@ const setupStatus = (val:any) =>{ |
|
|
|
</el-tab-pane> |
|
|
|
|
|
|
|
</el-tabs> |
|
|
|
|
|
|
|
<div style="display:none"> |
|
|
|
<i class="icon-mouse"></i> |
|
|
|
<i class="icon-hand"></i> |
|
|
|
<i class="icon-lock-open"></i> |
|
|
|
<i class="icon-lock"></i> |
|
|
|
<i class="icon-eye-close"></i> |
|
|
|
<i class="icon-border"></i><br> |
|
|
|
<i class="icon-text2"></i> |
|
|
|
<i class="icon-stext"></i> |
|
|
|
<i class="icon-apply"></i> |
|
|
|
<i class="icon-work"></i> |
|
|
|
<i class="icon-todo"></i> |
|
|
|
<i class="icon-applyed"></i> |
|
|
|
<i class="icon-done"></i><br> |
|
|
|
<i class="icon-button"></i> |
|
|
|
<i class="icon-design"></i> |
|
|
|
<i class="icon-data-source"></i> |
|
|
|
<i class="icon-sp"></i> |
|
|
|
<i class="icon-cs"></i> |
|
|
|
<i class="icon-branch"></i> |
|
|
|
<i class="icon-doc"></i><br> |
|
|
|
<i class="icon-sys"></i> |
|
|
|
<i class="icon-creat"></i> |
|
|
|
<i class="icon-data"></i> |
|
|
|
<i class="icon-menu"></i> |
|
|
|
<i class="icon-user"></i> |
|
|
|
|
|
|
|
<i class="icon-form"></i> |
|
|
|
<i class="icon-list"></i> |
|
|
|
<i class="icon-log"></i><br> |
|
|
|
<i class="icon-dict"></i> |
|
|
|
<i class="icon-post"></i> |
|
|
|
<i class="icon-role"></i> |
|
|
|
<i class="icon-log2"></i> |
|
|
|
<i class="icon-tool"></i> |
|
|
|
<i class="icon-bar"></i> |
|
|
|
<i class="icon-pie"></i> |
|
|
|
<i class="icon-line"></i> |
|
|
|
<i class="icon-tree2"></i><br> |
|
|
|
<i class="icon-flex"></i> |
|
|
|
<i class="icon-div"></i> |
|
|
|
<i class="icon-tree"></i> |
|
|
|
<i class="icon-time"></i> |
|
|
|
<i class="icon-tinymce"></i> |
|
|
|
<i class="icon-rate"></i> |
|
|
|
<i class="icon-slider"></i> |
|
|
|
<i class="icon-divider"></i> |
|
|
|
<i class="icon-color"></i> |
|
|
|
<i class="icon-import"></i><br> |
|
|
|
<i class="icon-image"></i> |
|
|
|
<i class="icon-card"></i> |
|
|
|
<i class="icon-help"></i> |
|
|
|
<i class="icon-table"></i> |
|
|
|
<i class="icon-component"></i> |
|
|
|
|
|
|
|
|
|
|
|
<i class="icon-link"></i> |
|
|
|
<i class="icon-cascader"></i> |
|
|
|
<i class="icon-number"></i> |
|
|
|
<i class="icon-title"></i> |
|
|
|
<i class="icon-tabs"></i> |
|
|
|
<i class="icon-close"></i><br> |
|
|
|
<i class="icon-plus"></i> |
|
|
|
<i class="icon-arrow"></i> |
|
|
|
<i class="icon-check"></i> |
|
|
|
<i class="icon-vue"></i> |
|
|
|
<i class="icon-switch"></i> |
|
|
|
<i class="icon-save"></i> |
|
|
|
<i class="icon-move"></i> |
|
|
|
<i class="icon-clone"></i> |
|
|
|
<i class="icon-del"></i> |
|
|
|
<i class="icon-eye"></i> |
|
|
|
<i class="icon-json"></i><br> |
|
|
|
<i class="icon-grid"></i> |
|
|
|
<i class="icon-text"></i> |
|
|
|
<i class="icon-date"></i> |
|
|
|
<i class="icon-input"></i> |
|
|
|
<i class="icon-checkbox"></i> |
|
|
|
<i class="icon-textarea"></i> |
|
|
|
<i class="icon-radio"></i> |
|
|
|
<i class="icon-select"></i> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<style lang='scss' scoped> |
|
|
|
.tab_pane_body{ |
|
|
|
text-align: center; |
|
|
|
|
|
|
|
} |
|
|
|
.fontIcon{ |
|
|
|
i{ |
|
|
|
padding: 4px 0px 0 0px; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
