2021-04-29 15:43:15 +08:00
|
|
|
<template>
|
2021-07-27 16:58:03 +08:00
|
|
|
<el-row :style="{height: maxHeight,overflow:'auto'}">
|
|
|
|
|
<!-- <el-row style="height: 26px;">-->
|
|
|
|
|
<!-- <span style="line-height: 26px;">-->
|
|
|
|
|
<!-- {{ $t('dataset.field_edit') }}-->
|
|
|
|
|
<!-- <span>{{ param.name }}</span>-->
|
|
|
|
|
<!-- </span>-->
|
|
|
|
|
<!-- <el-row style="float: right">-->
|
|
|
|
|
<!-- <el-button size="mini" @click="closeEdit">{{ $t('dataset.cancel') }}</el-button>-->
|
|
|
|
|
<!-- <el-button type="primary" size="mini" @click="saveEdit">{{ $t('dataset.confirm') }}</el-button>-->
|
|
|
|
|
<!-- </el-row>-->
|
|
|
|
|
<!-- </el-row>-->
|
|
|
|
|
<!-- <el-divider />-->
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-form :inline="true">
|
|
|
|
|
<el-form-item class="form-item">
|
|
|
|
|
<el-button v-if="hasDataPermission('manage',param.privileges)" size="mini" @click="addCalcField">{{ $t('dataset.add_calc_field') }}</el-button>
|
|
|
|
|
</el-form-item>
|
2021-07-28 15:23:46 +08:00
|
|
|
<el-form-item class="form-item" style="float: right;margin-right: 0;">
|
2021-07-27 16:58:03 +08:00
|
|
|
<el-input
|
|
|
|
|
v-model="searchField"
|
|
|
|
|
size="mini"
|
|
|
|
|
:placeholder="$t('dataset.search')"
|
|
|
|
|
prefix-icon="el-icon-search"
|
|
|
|
|
clearable
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
2021-04-29 15:43:15 +08:00
|
|
|
</el-row>
|
2021-07-26 16:08:14 +08:00
|
|
|
|
|
|
|
|
<el-collapse v-model="fieldActiveNames" class="style-collapse">
|
|
|
|
|
<el-collapse-item name="d" :title="$t('chart.dimension')">
|
2021-07-27 16:58:03 +08:00
|
|
|
<el-table :data="tableFields.dimensionListData" size="mini">
|
|
|
|
|
<el-table-column property="checked" :label="$t('dataset.field_check')" width="60">
|
|
|
|
|
<template slot-scope="scope">
|
2021-07-29 15:12:29 +08:00
|
|
|
<el-checkbox v-model="scope.row.checked" :disabled="!hasDataPermission('manage',param.privileges)" @change="saveEdit(scope.row)" />
|
2021-07-27 16:58:03 +08:00
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column property="name" :label="$t('dataset.field_name')" width="180">
|
|
|
|
|
<template slot-scope="scope">
|
2021-07-29 15:12:29 +08:00
|
|
|
<el-input v-model="scope.row.name" size="mini" :disabled="!hasDataPermission('manage',param.privileges)" @blur="saveEdit(scope.row)" @keyup.enter.native="saveEdit(scope.row)" />
|
2021-07-27 16:58:03 +08:00
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column v-if="!(param.mode === 0 && param.type === 'custom')" property="originName" :label="$t('dataset.field_origin_name')" width="100">
|
|
|
|
|
<template slot-scope="scope">
|
2021-07-29 15:29:25 +08:00
|
|
|
<span v-if="scope.row.extField === 0" :title="scope.row.originName" class="field-class" style="width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">
|
2021-07-27 16:58:03 +08:00
|
|
|
<span style="font-size: 12px;">{{ scope.row.originName }}</span>
|
|
|
|
|
</span>
|
2021-07-29 15:29:25 +08:00
|
|
|
<span v-else-if="scope.row.extField === 2" :title="$t('dataset.calc_field')" class="field-class" style="width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">
|
|
|
|
|
<span style="font-size: 12px;color: #c0c0c0">{{ $t('dataset.calc_field') }}</span>
|
|
|
|
|
</span>
|
2021-07-27 16:58:03 +08:00
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
2021-07-26 16:08:14 +08:00
|
|
|
<el-table-column property="deType" :label="$t('dataset.field_type')" width="140">
|
|
|
|
|
<template slot-scope="scope">
|
2021-07-29 15:12:29 +08:00
|
|
|
<el-select v-model="scope.row.deType" size="mini" style="display: inline-block;width: 26px;" :disabled="!hasDataPermission('manage',param.privileges)" @change="saveEdit(scope.row)">
|
2021-07-26 16:08:14 +08:00
|
|
|
<el-option
|
|
|
|
|
v-for="item in fields"
|
|
|
|
|
:key="item.value"
|
|
|
|
|
:label="item.label"
|
|
|
|
|
:value="item.value"
|
|
|
|
|
>
|
|
|
|
|
<span style="float: left">
|
|
|
|
|
<svg-icon v-if="item.value === 0" icon-class="field_text" class="field-icon-text" />
|
|
|
|
|
<svg-icon v-if="item.value === 1" icon-class="field_time" class="field-icon-time" />
|
|
|
|
|
<svg-icon v-if="item.value === 2 || item.value === 3" icon-class="field_value" class="field-icon-value" />
|
|
|
|
|
<svg-icon v-if="item.value === 5" icon-class="field_location" class="field-icon-location" />
|
|
|
|
|
</span>
|
|
|
|
|
<span style="float: left; color: #8492a6; font-size: 12px">{{ item.label }}</span>
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
<span style="margin-left: 8px;">
|
|
|
|
|
<span v-if="scope.row.deType === 0">
|
|
|
|
|
<svg-icon v-if="scope.row.deType === 0" icon-class="field_text" class="field-icon-text" />
|
|
|
|
|
<span class="field-class">{{ $t('dataset.text') }}</span>
|
|
|
|
|
</span>
|
|
|
|
|
<span v-if="scope.row.deType === 1">
|
|
|
|
|
<svg-icon v-if="scope.row.deType === 1" icon-class="field_time" class="field-icon-time" />
|
|
|
|
|
<span class="field-class">{{ $t('dataset.time') }}</span>
|
|
|
|
|
</span>
|
|
|
|
|
<span v-if="scope.row.deType === 2 || scope.row.deType === 3">
|
|
|
|
|
<svg-icon v-if="scope.row.deType === 2 || scope.row.deType === 3" icon-class="field_value" class="field-icon-value" />
|
|
|
|
|
<span v-if="scope.row.deType === 2" class="field-class">{{ $t('dataset.value') }}</span>
|
|
|
|
|
<span v-if="scope.row.deType === 3" class="field-class">{{ $t('dataset.value') + '(' + $t('dataset.float') + ')' }}</span>
|
|
|
|
|
</span>
|
|
|
|
|
<span v-if="scope.row.deType === 5">
|
|
|
|
|
<svg-icon v-if="scope.row.deType === 5" icon-class="field_location" class="field-icon-location" />
|
|
|
|
|
<span class="field-class">{{ $t('dataset.location') }}</span>
|
|
|
|
|
</span>
|
|
|
|
|
</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column property="deExtractType" :label="$t('dataset.origin_field_type')" width="100">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<span>
|
|
|
|
|
<span v-if="scope.row.deExtractType === 0">
|
|
|
|
|
<svg-icon v-if="scope.row.deExtractType === 0" icon-class="field_text" class="field-icon-text" />
|
|
|
|
|
<span class="field-class">{{ $t('dataset.text') }}</span>
|
|
|
|
|
</span>
|
|
|
|
|
<span v-if="scope.row.deExtractType === 1">
|
|
|
|
|
<svg-icon v-if="scope.row.deExtractType === 1" icon-class="field_time" class="field-icon-time" />
|
|
|
|
|
<span class="field-class">{{ $t('dataset.time') }}</span>
|
|
|
|
|
</span>
|
|
|
|
|
<span v-if="scope.row.deExtractType === 2 || scope.row.deExtractType === 3 || scope.row.deExtractType === 4">
|
|
|
|
|
<svg-icon v-if="scope.row.deExtractType === 2 || scope.row.deExtractType === 3 || scope.row.deExtractType === 4" icon-class="field_value" class="field-icon-value" />
|
|
|
|
|
<span v-if="scope.row.deExtractType === 2 || scope.row.deExtractType === 4" class="field-class">{{ $t('dataset.value') }}</span>
|
|
|
|
|
<span v-if="scope.row.deExtractType === 3" class="field-class">{{ $t('dataset.value') + '(' + $t('dataset.float') + ')' }}</span>
|
|
|
|
|
</span>
|
|
|
|
|
<span v-if="scope.row.deExtractType === 5">
|
|
|
|
|
<svg-icon v-if="scope.row.deExtractType === 5" icon-class="field_location" class="field-icon-location" />
|
|
|
|
|
<span class="field-class">{{ $t('dataset.location') }}</span>
|
|
|
|
|
</span>
|
|
|
|
|
</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
2021-07-27 16:58:03 +08:00
|
|
|
<!-- <el-table-column property="groupType" :label="$t('dataset.field_group_type')" width="180">-->
|
|
|
|
|
<!-- <template slot-scope="scope">-->
|
|
|
|
|
<!-- <el-radio-group v-model="scope.row.groupType" size="mini">-->
|
|
|
|
|
<!-- <el-radio-button label="d">{{ $t('chart.dimension') }}</el-radio-button>-->
|
|
|
|
|
<!-- <el-radio-button label="q">{{ $t('chart.quota') }}</el-radio-button>-->
|
|
|
|
|
<!-- </el-radio-group>-->
|
|
|
|
|
<!-- </template>-->
|
|
|
|
|
<!-- </el-table-column>-->
|
|
|
|
|
<el-table-column property="groupType" :label="$t('dataset.d_q_trans')" width="120">
|
2021-07-26 16:08:14 +08:00
|
|
|
<template slot-scope="scope">
|
2021-07-27 16:58:03 +08:00
|
|
|
<el-button icon="el-icon-sort" size="mini" circle :disabled="!hasDataPermission('manage',param.privileges)" @click="dqTrans(scope.row,'d')" />
|
2021-07-26 16:08:14 +08:00
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
2021-07-27 16:58:03 +08:00
|
|
|
<el-table-column property="" :label="$t('dataset.operator')">
|
2021-07-26 16:08:14 +08:00
|
|
|
<template slot-scope="scope">
|
2021-07-29 15:12:29 +08:00
|
|
|
<el-button v-if="scope.row.extField !== 0" :disabled="!hasDataPermission('manage',param.privileges)" type="text" size="mini" @click="editField(scope.row)">{{ $t('dataset.edit') }}</el-button>
|
|
|
|
|
<el-button v-if="scope.row.extField !== 0" :disabled="!hasDataPermission('manage',param.privileges)" type="text" size="mini" @click="deleteField(scope.row)">{{ $t('dataset.delete') }}</el-button>
|
2021-07-26 16:08:14 +08:00
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
2021-07-27 16:58:03 +08:00
|
|
|
</el-table>
|
|
|
|
|
</el-collapse-item>
|
|
|
|
|
|
|
|
|
|
<el-collapse-item name="q" :title="$t('chart.quota')">
|
|
|
|
|
<el-table :data="tableFields.quotaListData" size="mini">
|
|
|
|
|
<el-table-column property="checked" :label="$t('dataset.field_check')" width="60">
|
2021-07-26 16:08:14 +08:00
|
|
|
<template slot-scope="scope">
|
2021-07-29 15:12:29 +08:00
|
|
|
<el-checkbox v-model="scope.row.checked" :disabled="!hasDataPermission('manage',param.privileges)" @change="saveEdit(scope.row)" />
|
2021-07-26 16:08:14 +08:00
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
2021-07-27 16:58:03 +08:00
|
|
|
<el-table-column property="name" :label="$t('dataset.field_name')" width="180">
|
2021-07-26 16:08:14 +08:00
|
|
|
<template slot-scope="scope">
|
2021-07-29 15:12:29 +08:00
|
|
|
<el-input v-model="scope.row.name" size="mini" :disabled="!hasDataPermission('manage',param.privileges)" @blur="saveEdit(scope.row)" @keyup.enter.native="saveEdit(scope.row)" />
|
2021-07-27 16:58:03 +08:00
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column v-if="!(param.mode === 0 && param.type === 'custom')" property="originName" :label="$t('dataset.field_origin_name')" width="100">
|
|
|
|
|
<template slot-scope="scope">
|
2021-07-29 15:29:25 +08:00
|
|
|
<span v-if="scope.row.extField === 0" :title="scope.row.originName" class="field-class" style="width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">
|
2021-07-27 16:58:03 +08:00
|
|
|
<span style="font-size: 12px;">{{ scope.row.originName }}</span>
|
|
|
|
|
</span>
|
2021-07-29 15:29:25 +08:00
|
|
|
<span v-else-if="scope.row.extField === 2" :title="$t('dataset.calc_field')" class="field-class" style="width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">
|
|
|
|
|
<span style="font-size: 12px;color: #c0c0c0">{{ $t('dataset.calc_field') }}</span>
|
|
|
|
|
</span>
|
2021-07-26 16:08:14 +08:00
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column property="deType" :label="$t('dataset.field_type')" width="140">
|
|
|
|
|
<template slot-scope="scope">
|
2021-07-29 15:12:29 +08:00
|
|
|
<el-select v-model="scope.row.deType" size="mini" style="display: inline-block;width: 26px;" :disabled="!hasDataPermission('manage',param.privileges)" @change="saveEdit(scope.row)">
|
2021-07-26 16:08:14 +08:00
|
|
|
<el-option
|
|
|
|
|
v-for="item in fields"
|
|
|
|
|
:key="item.value"
|
|
|
|
|
:label="item.label"
|
|
|
|
|
:value="item.value"
|
|
|
|
|
>
|
|
|
|
|
<span style="float: left">
|
|
|
|
|
<svg-icon v-if="item.value === 0" icon-class="field_text" class="field-icon-text" />
|
|
|
|
|
<svg-icon v-if="item.value === 1" icon-class="field_time" class="field-icon-time" />
|
|
|
|
|
<svg-icon v-if="item.value === 2 || item.value === 3" icon-class="field_value" class="field-icon-value" />
|
|
|
|
|
<svg-icon v-if="item.value === 5" icon-class="field_location" class="field-icon-location" />
|
|
|
|
|
</span>
|
|
|
|
|
<span style="float: left; color: #8492a6; font-size: 12px">{{ item.label }}</span>
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
<span style="margin-left: 8px;">
|
|
|
|
|
<span v-if="scope.row.deType === 0">
|
|
|
|
|
<svg-icon v-if="scope.row.deType === 0" icon-class="field_text" class="field-icon-text" />
|
|
|
|
|
<span class="field-class">{{ $t('dataset.text') }}</span>
|
|
|
|
|
</span>
|
|
|
|
|
<span v-if="scope.row.deType === 1">
|
|
|
|
|
<svg-icon v-if="scope.row.deType === 1" icon-class="field_time" class="field-icon-time" />
|
|
|
|
|
<span class="field-class">{{ $t('dataset.time') }}</span>
|
|
|
|
|
</span>
|
|
|
|
|
<span v-if="scope.row.deType === 2 || scope.row.deType === 3">
|
|
|
|
|
<svg-icon v-if="scope.row.deType === 2 || scope.row.deType === 3" icon-class="field_value" class="field-icon-value" />
|
|
|
|
|
<span v-if="scope.row.deType === 2" class="field-class">{{ $t('dataset.value') }}</span>
|
|
|
|
|
<span v-if="scope.row.deType === 3" class="field-class">{{ $t('dataset.value') + '(' + $t('dataset.float') + ')' }}</span>
|
|
|
|
|
</span>
|
|
|
|
|
<span v-if="scope.row.deType === 5">
|
|
|
|
|
<svg-icon v-if="scope.row.deType === 5" icon-class="field_location" class="field-icon-location" />
|
|
|
|
|
<span class="field-class">{{ $t('dataset.location') }}</span>
|
|
|
|
|
</span>
|
|
|
|
|
</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column property="deExtractType" :label="$t('dataset.origin_field_type')" width="100">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<span>
|
|
|
|
|
<span v-if="scope.row.deExtractType === 0">
|
|
|
|
|
<svg-icon v-if="scope.row.deExtractType === 0" icon-class="field_text" class="field-icon-text" />
|
|
|
|
|
<span class="field-class">{{ $t('dataset.text') }}</span>
|
|
|
|
|
</span>
|
|
|
|
|
<span v-if="scope.row.deExtractType === 1">
|
|
|
|
|
<svg-icon v-if="scope.row.deExtractType === 1" icon-class="field_time" class="field-icon-time" />
|
|
|
|
|
<span class="field-class">{{ $t('dataset.time') }}</span>
|
|
|
|
|
</span>
|
|
|
|
|
<span v-if="scope.row.deExtractType === 2 || scope.row.deExtractType === 3 || scope.row.deExtractType === 4">
|
|
|
|
|
<svg-icon v-if="scope.row.deExtractType === 2 || scope.row.deExtractType === 3 || scope.row.deExtractType === 4" icon-class="field_value" class="field-icon-value" />
|
|
|
|
|
<span v-if="scope.row.deExtractType === 2 || scope.row.deExtractType === 4" class="field-class">{{ $t('dataset.value') }}</span>
|
|
|
|
|
<span v-if="scope.row.deExtractType === 3" class="field-class">{{ $t('dataset.value') + '(' + $t('dataset.float') + ')' }}</span>
|
|
|
|
|
</span>
|
|
|
|
|
<span v-if="scope.row.deExtractType === 5">
|
|
|
|
|
<svg-icon v-if="scope.row.deExtractType === 5" icon-class="field_location" class="field-icon-location" />
|
|
|
|
|
<span class="field-class">{{ $t('dataset.location') }}</span>
|
|
|
|
|
</span>
|
2021-05-11 17:35:48 +08:00
|
|
|
</span>
|
2021-07-26 16:08:14 +08:00
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
2021-07-27 16:58:03 +08:00
|
|
|
<!-- <el-table-column property="groupType" :label="$t('dataset.field_group_type')" width="180">-->
|
|
|
|
|
<!-- <template slot-scope="scope">-->
|
|
|
|
|
<!-- <el-radio-group v-model="scope.row.groupType" size="mini">-->
|
|
|
|
|
<!-- <el-radio-button label="d">{{ $t('chart.dimension') }}</el-radio-button>-->
|
|
|
|
|
<!-- <el-radio-button label="q">{{ $t('chart.quota') }}</el-radio-button>-->
|
|
|
|
|
<!-- </el-radio-group>-->
|
|
|
|
|
<!-- </template>-->
|
|
|
|
|
<!-- </el-table-column>-->
|
|
|
|
|
<el-table-column property="groupType" :label="$t('dataset.d_q_trans')" width="120">
|
2021-07-26 16:08:14 +08:00
|
|
|
<template slot-scope="scope">
|
2021-07-27 16:58:03 +08:00
|
|
|
<el-button icon="el-icon-sort" size="mini" circle :disabled="!hasDataPermission('manage',param.privileges)" @click="dqTrans(scope.row,'q')" />
|
2021-07-26 16:08:14 +08:00
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
2021-07-27 16:58:03 +08:00
|
|
|
<el-table-column property="" :label="$t('dataset.operator')">
|
2021-07-26 16:08:14 +08:00
|
|
|
<template slot-scope="scope">
|
2021-07-29 15:12:29 +08:00
|
|
|
<el-button v-if="scope.row.extField !== 0" :disabled="!hasDataPermission('manage',param.privileges)" type="text" size="mini" @click="editField(scope.row)">{{ $t('dataset.edit') }}</el-button>
|
|
|
|
|
<el-button v-if="scope.row.extField !== 0" :disabled="!hasDataPermission('manage',param.privileges)" type="text" size="mini" @click="deleteField(scope.row)">{{ $t('dataset.delete') }}</el-button>
|
2021-07-26 16:08:14 +08:00
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
</el-collapse-item>
|
|
|
|
|
</el-collapse>
|
2021-07-27 16:58:03 +08:00
|
|
|
|
|
|
|
|
<el-dialog
|
|
|
|
|
v-dialogDrag
|
|
|
|
|
:visible="editCalcField"
|
|
|
|
|
:show-close="false"
|
|
|
|
|
class="dialog-css"
|
2021-07-29 15:12:29 +08:00
|
|
|
:title="currEditField.id?$t('dataset.edit_calc_field'):$t('dataset.add_calc_field')"
|
2021-07-28 15:23:46 +08:00
|
|
|
append-to-body
|
2021-07-27 16:58:03 +08:00
|
|
|
>
|
2021-07-29 15:12:29 +08:00
|
|
|
<calc-field-edit :param="param" :table-fields="tableFields" :field="currEditField" @onEditClose="closeCalcField" />
|
2021-07-27 16:58:03 +08:00
|
|
|
</el-dialog>
|
2021-04-29 15:43:15 +08:00
|
|
|
</el-row>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
2021-07-29 15:12:29 +08:00
|
|
|
import { post, fieldListDQ } from '@/api/dataset/dataset'
|
2021-07-27 16:58:03 +08:00
|
|
|
import CalcFieldEdit from './CalcFieldEdit'
|
2021-04-29 15:43:15 +08:00
|
|
|
export default {
|
|
|
|
|
name: 'FieldEdit',
|
2021-07-27 16:58:03 +08:00
|
|
|
components: { CalcFieldEdit },
|
2021-04-29 15:43:15 +08:00
|
|
|
props: {
|
|
|
|
|
param: {
|
|
|
|
|
type: Object,
|
|
|
|
|
required: true
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
maxHeight: 'auto',
|
2021-07-26 16:08:14 +08:00
|
|
|
tableFields: {
|
|
|
|
|
dimensionList: [],
|
2021-07-27 16:58:03 +08:00
|
|
|
quotaList: [],
|
|
|
|
|
dimensionListData: [],
|
|
|
|
|
quotaListData: []
|
2021-07-26 16:08:14 +08:00
|
|
|
},
|
2021-05-11 17:35:48 +08:00
|
|
|
fields: [
|
|
|
|
|
{ label: this.$t('dataset.text'), value: 0 },
|
|
|
|
|
{ label: this.$t('dataset.time'), value: 1 },
|
|
|
|
|
{ label: this.$t('dataset.value'), value: 2 },
|
2021-07-08 13:50:22 +08:00
|
|
|
{ label: this.$t('dataset.value') + '(' + this.$t('dataset.float') + ')', value: 3 },
|
|
|
|
|
{ label: this.$t('dataset.location'), value: 5 }
|
2021-07-26 16:08:14 +08:00
|
|
|
],
|
2021-07-27 16:58:03 +08:00
|
|
|
fieldActiveNames: ['d', 'q'],
|
|
|
|
|
searchField: '',
|
2021-07-29 15:12:29 +08:00
|
|
|
editCalcField: false,
|
|
|
|
|
currEditField: {}
|
2021-04-29 15:43:15 +08:00
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
watch: {
|
2021-07-27 16:58:03 +08:00
|
|
|
'param': function() {
|
|
|
|
|
this.initField()
|
|
|
|
|
},
|
|
|
|
|
searchField(val) {
|
|
|
|
|
this.filterField(val)
|
|
|
|
|
}
|
2021-04-29 15:43:15 +08:00
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
window.onresize = () => {
|
|
|
|
|
this.calcHeight()
|
|
|
|
|
}
|
|
|
|
|
this.calcHeight()
|
|
|
|
|
this.initField()
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
calcHeight() {
|
|
|
|
|
const that = this
|
|
|
|
|
setTimeout(function() {
|
|
|
|
|
const currentHeight = document.documentElement.clientHeight
|
|
|
|
|
that.maxHeight = (currentHeight - 56 - 30 - 35 - 26 - 10) + 'px'
|
|
|
|
|
}, 10)
|
|
|
|
|
},
|
|
|
|
|
initField() {
|
2021-07-27 16:58:03 +08:00
|
|
|
fieldListDQ(this.param.id).then(response => {
|
2021-04-29 15:43:15 +08:00
|
|
|
this.tableFields = response.data
|
2021-07-27 16:58:03 +08:00
|
|
|
this.tableFields.dimensionListData = JSON.parse(JSON.stringify(this.tableFields.dimensionList))
|
|
|
|
|
this.tableFields.quotaListData = JSON.parse(JSON.stringify(this.tableFields.quotaList))
|
|
|
|
|
this.filterField(this.searchField)
|
2021-04-29 15:43:15 +08:00
|
|
|
})
|
|
|
|
|
},
|
2021-07-29 15:12:29 +08:00
|
|
|
saveEdit(item) {
|
2021-04-29 15:43:15 +08:00
|
|
|
// console.log(this.tableFields)
|
2021-07-29 15:12:29 +08:00
|
|
|
// const list = this.tableFields.dimensionListData.concat(this.tableFields.quotaListData)
|
|
|
|
|
// batchEdit(list).then(response => {
|
|
|
|
|
// // this.closeEdit()
|
|
|
|
|
// this.initField()
|
|
|
|
|
// })
|
|
|
|
|
|
|
|
|
|
post('/dataset/field/save', item).then(response => {
|
2021-07-27 16:58:03 +08:00
|
|
|
this.initField()
|
2021-04-29 15:43:15 +08:00
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
|
2021-07-27 16:58:03 +08:00
|
|
|
dqTrans(item, val) {
|
|
|
|
|
if (val === 'd') {
|
|
|
|
|
item.groupType = 'q'
|
|
|
|
|
} else if (val === 'q') {
|
|
|
|
|
item.groupType = 'd'
|
|
|
|
|
}
|
2021-07-29 15:12:29 +08:00
|
|
|
this.saveEdit(item)
|
2021-07-27 16:58:03 +08:00
|
|
|
},
|
|
|
|
|
|
|
|
|
|
addCalcField() {
|
2021-07-29 15:12:29 +08:00
|
|
|
this.currEditField = {}
|
2021-07-27 16:58:03 +08:00
|
|
|
this.editCalcField = true
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
closeCalcField() {
|
|
|
|
|
this.editCalcField = false
|
2021-07-29 15:12:29 +08:00
|
|
|
this.initField()
|
2021-07-27 16:58:03 +08:00
|
|
|
},
|
|
|
|
|
|
|
|
|
|
filterField(val) {
|
|
|
|
|
if (val && val !== '') {
|
2021-08-02 19:26:28 +08:00
|
|
|
this.tableFields.dimensionListData = JSON.parse(JSON.stringify(this.tableFields.dimensionListData.filter(ele => { return ele.name.toLocaleLowerCase().includes(val.toLocaleLowerCase()) })))
|
|
|
|
|
this.tableFields.quotaListData = JSON.parse(JSON.stringify(this.tableFields.quotaList.filter(ele => { return ele.name.toLocaleLowerCase().includes(val.toLocaleLowerCase()) })))
|
2021-07-27 16:58:03 +08:00
|
|
|
} else {
|
|
|
|
|
this.tableFields.dimensionListData = JSON.parse(JSON.stringify(this.tableFields.dimensionList))
|
|
|
|
|
this.tableFields.quotaListData = JSON.parse(JSON.stringify(this.tableFields.quotaList))
|
|
|
|
|
}
|
2021-07-29 15:12:29 +08:00
|
|
|
},
|
|
|
|
|
|
|
|
|
|
editField(item) {
|
|
|
|
|
this.currEditField = item
|
|
|
|
|
this.editCalcField = true
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
deleteField(item) {
|
|
|
|
|
this.$confirm(this.$t('dataset.confirm_delete'), this.$t('chart.tips'), {
|
|
|
|
|
confirmButtonText: this.$t('dataset.confirm'),
|
|
|
|
|
cancelButtonText: this.$t('dataset.cancel'),
|
|
|
|
|
type: 'warning'
|
|
|
|
|
}).then(() => {
|
|
|
|
|
post('/dataset/field/delete/' + item.id, null).then(response => {
|
|
|
|
|
this.$message({
|
|
|
|
|
type: 'success',
|
|
|
|
|
message: this.$t('chart.delete_success'),
|
|
|
|
|
showClose: true
|
|
|
|
|
})
|
|
|
|
|
this.initField()
|
|
|
|
|
})
|
|
|
|
|
}).catch(() => {
|
|
|
|
|
})
|
2021-04-29 15:43:15 +08:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
.el-divider--horizontal {
|
|
|
|
|
margin: 12px 0;
|
|
|
|
|
}
|
|
|
|
|
span{
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
|
|
|
|
.field-class{
|
|
|
|
|
font-size: 12px !important;
|
|
|
|
|
}
|
2021-05-11 17:35:48 +08:00
|
|
|
.el-select>>>input{
|
|
|
|
|
padding-right: 10px;
|
|
|
|
|
}
|
|
|
|
|
.el-select>>>.el-input__suffix{
|
|
|
|
|
right: 0;
|
|
|
|
|
}
|
2021-07-08 13:50:22 +08:00
|
|
|
.el-radio{
|
|
|
|
|
margin-right: 10px !important;
|
|
|
|
|
}
|
2021-07-26 16:08:14 +08:00
|
|
|
.style-collapse>>>.el-collapse-item__header{
|
|
|
|
|
height: 40px;
|
|
|
|
|
line-height: 40px;
|
|
|
|
|
padding: 0 0 0 10px;
|
|
|
|
|
}
|
|
|
|
|
.style-collapse>>>.el-collapse-item__wrap{
|
|
|
|
|
border-bottom: 0 solid #e6ebf5!important;
|
|
|
|
|
}
|
|
|
|
|
.style-collapse{
|
|
|
|
|
border-top: 0 solid #e6ebf5!important;
|
|
|
|
|
}
|
2021-07-27 16:58:03 +08:00
|
|
|
.form-item {
|
|
|
|
|
margin-bottom: 6px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.dialog-css>>>.el-dialog__title {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
|
|
|
|
.dialog-css >>> .el-dialog__header {
|
|
|
|
|
padding: 20px 20px 0;
|
|
|
|
|
}
|
|
|
|
|
.dialog-css >>> .el-dialog__body {
|
|
|
|
|
padding: 10px 20px 20px;
|
|
|
|
|
}
|
|
|
|
|
.dialog-css>>>.el-dialog{
|
2021-07-27 17:26:41 +08:00
|
|
|
width: 800px!important;
|
2021-07-27 16:58:03 +08:00
|
|
|
}
|
2021-04-29 15:43:15 +08:00
|
|
|
</style>
|
