Browse Source

add popover to feature management modal

pull/80/head
cKey 5 years ago
parent
commit
f4f8c17deb
  1. 15
      vueJs/src/views/admin/components/FeatureManagement.vue
  2. 2
      vueJs/src/views/admin/tenants/components/TenantFeatureEditForm.vue

15
vueJs/src/views/admin/components/FeatureManagement.vue

@ -19,6 +19,16 @@
:prop="'features.' + fi + '.children.' + fci + '.value'" :prop="'features.' + fi + '.children.' + fci + '.value'"
:rules="featureChildren.valueType.validator | inputRuleFilter(localizer)" :rules="featureChildren.valueType.validator | inputRuleFilter(localizer)"
> >
<el-popover
:ref="'popover_' + fi + '_' + fci"
trigger="hover"
:title="featureChildren.displayName"
:content="featureChildren.description"
/>
<span
slot="label"
v-popover="'popover_' + fi + '_' + fci"
>{{ featureChildren.displayName }}</span>
<div <div
v-if="featureChildren.valueType.name === 'ToggleStringValueType'" v-if="featureChildren.valueType.name === 'ToggleStringValueType'"
> >
@ -74,6 +84,7 @@
<script lang="ts"> <script lang="ts">
import { Component, Prop, Vue, Watch } from 'vue-property-decorator' import { Component, Prop, Vue, Watch } from 'vue-property-decorator'
import FeatureManagementService, { ValueType, Feature, Features } from '@/api/feature-management' import FeatureManagementService, { ValueType, Feature, Features } from '@/api/feature-management'
import { ElForm } from 'element-ui/types/form'
/** /**
* 适用于动态表单的功能节点列表 * 适用于动态表单的功能节点列表
@ -224,7 +235,8 @@ export default class extends Vue {
* 重置表单数据 * 重置表单数据
*/ */
public resetFeature() { public resetFeature() {
this.features = new FeatureItems() const frmFeature = this.$refs.frmFeature as ElForm
frmFeature.resetFields()
} }
/** /**
@ -299,6 +311,7 @@ export default class extends Vue {
*/ */
private onClosed() { private onClosed() {
this.$emit('closed') this.$emit('closed')
this.resetFeature()
} }
} }
</script> </script>

2
vueJs/src/views/admin/tenants/components/TenantFeatureEditForm.vue

@ -34,8 +34,6 @@ export default class extends Vue {
private onFormClosed() { private onFormClosed() {
this.$emit('closed') this.$emit('closed')
const featureManagement = this.$refs.featureManagement as FeatureManagement
featureManagement.resetFeature()
} }
} }
</script> </script>

Loading…
Cancel
Save