bug fix

nginx-ui-frontend/src/components/StdDataEntry/StdDataEntry.vue

@@ -1,140 +0,0 @@
-<template>
-    <a-form :layout="layout" class="std-data-entry">
-        <a-form-item
-            v-for="d in M_dataList" :key="d.dataIndex" :help="error[d.dataIndex] ? error[d.dataIndex].toString() : null"
-            :label="d.title"
-            :labelCol="d.edit.labelCol"
-            :validate-status="error[d.dataIndex] ? 'error' :'success'"
-            :wrapperCol="d.edit.wrapperCol"
-        >
-            <a-input v-if="d.edit.type==='input'" v-model="dataSource[d.dataIndex]" :placeholder="d.edit.placeholder"/>
-            <a-textarea v-else-if="d.edit.type==='textarea'" v-model="dataSource[d.dataIndex]"
-                        :rows="d.edit.row?d.edit.row:5"/>
-            <std-select-option
-                v-else-if="d.edit.type==='select'"
-                v-model="temp[d.dataIndex]"
-                :options="d.mask"
-                :key-type="d.edit.key_type ? d.edit.key_type : 'int'"
-            />
-
-            <std-selector
-                v-else-if="d.edit.type==='selector'" v-model="temp[d.dataIndex]" :api="d.edit.api"
-                :columns="d.edit.columns"
-                :data_key="d.edit.data_key"
-                :disable_search="d.edit.disable_search" :pagination_method="d.edit.pagination_method"
-                :record-value-index="d.edit.recordValueIndex" :value="temp[d.edit.valueIndex]"
-                selection-type="radio"
-            />
-
-            <a-input-number v-else-if="d.edit.type==='number'" v-model="temp[d.dataIndex]"
-                            :min="d.edit.min" :step="d.edit.step"
-            />
-
-            <std-date-picker v-else-if="d.edit.type==='date_picker'" v-model="temp[d.dataIndex]"
-                             :show-time="d.edit.showTime"/>
-
-            <a-slider
-                v-else-if="d.edit.type==='slider'"
-                v-model="temp[d.dataIndex]"
-                :marks="d.mask"
-                :max="d.edit.max"
-                :min="d.edit.min"
-            />
-
-            <a-switch
-                v-else-if="d.edit.type==='switch'"
-                v-model="temp[d.dataIndex]"
-                @change="$emit(d.edit.event)"
-            />
-
-            <std-transfer
-                v-else-if="d.edit.type==='transfer'"
-                v-model="temp[d.dataIndex]"
-                :api="d.edit.api"
-                :data-key="d.edit.dataKey"
-            />
-
-            <p v-else-if="d.edit.type==='readonly'">
-                {{ d.mask ? d.mask[temp[d.dataIndex]] : temp[d.dataIndex] }}
-            </p>
-
-        </a-form-item>
-        <a-form-item>
-            <slot name="action"/>
-        </a-form-item>
-    </a-form>
-</template>
-
-<script>
-import StdSelectOption from './StdSelectOption'
-import StdSelector from './StdSelector'
-import StdDatePicker from './StdDatePicker'
-import StdTransfer from './StdTransfer'
-
-export default {
-    name: 'StdDataEntry',
-    components: {
-        StdTransfer,
-        StdDatePicker,
-        StdSelectOption,
-        StdSelector
-    },
-    props: {
-        dataList: [Array, Object],
-        dataSource: Object,
-        error: {
-            type: Object,
-            default() {
-                return {}
-            }
-        },
-        layout: {
-            default: 'vertical',
-            validator: value => {
-                return ['horizontal', 'vertical', 'inline'].indexOf(value) !== -1
-            }
-        }
-    },
-    model: {
-        prop: 'dataSource',
-        event: 'changeDataSource'
-    },
-    data() {
-        return {
-            temp: null,
-            i: 0,
-            M_dataList: {}
-        }
-    },
-    watch: {
-        dataSource() {
-            this.temp = this.dataSource
-        },
-        dataList() {
-            this.M_dataList = this.editableColumns(this.dataList)
-        }
-    },
-    created() {
-        this.temp = this.dataSource
-        if (this.layout === 'horizontal') {
-            this.labelCol = {span: 4}
-            this.wrapperCol = {span: 18}
-        }
-        this.M_dataList = this.editableColumns(this.dataList)
-    },
-    methods: {
-        editableColumns(columns) {
-            if (typeof columns === 'object') {
-                columns = Object.values(columns)
-            }
-            return columns.filter((c) => {
-                return c.edit
-            })
-        }
-    }
-}
-</script>
-
-<style scoped>
-
-</style>