rt-sim-training-client/src/views/system/commandDictionary/copyParam.vue

<template>
  <el-dialog v-dialogDrag title="复制线路操作" :visible.sync="dialogVisible" width="400px" :before-close="handleClose" center :close-on-click-modal="false">
    <data-form ref="dataform" :form="form" :form-model="formModel" :rules="rules" />
    <span slot="footer" class="dialog-footer">
      <el-button type="primary" @click="doSave">{{ $t('global.confirm') }}</el-button>
      <el-button @click="handleClose">{{ $t('global.cancel') }}</el-button>
    </span>
  </el-dialog>
</template>

<script>
import { postCopyCmd } from '@/api/management/dictionary';

export default {
    name: 'EditCondition',
    props: {
        taskStatusList: {
            type: Array,
            default() {
                return [];
            }
        }
    },
    data() {
        return {
            dialogVisible: false,
            formModel: {
                fromCode: '',
                fromName: '',
                targetIds: '',
                deviceType: []
            },
            deviceTypeList: [],
            targetList: [],
            lineCode: ''
        };
    },
    computed: {
        form() {
            const form = {
                labelWidth: '100px',
                items: [
                    { prop: 'fromName', label: '源线路', type: 'text', disabled: true },
                    { prop: 'targetIds', label:'拷贝线路', type: 'select', options: this.targetList, multiple: true },
                    { prop: 'deviceType', label: '操作对象', type: 'select', options: this.deviceTypeList, multiple: true }
                ]
            };
            return form;
        },
        rules() {
            return {
                fromName: [
                    { required: true, message: '请选择拷贝源线路', trigger: 'blur' }
                ],
                targetIds: [
                    { required: true, message: '请选择需要拷贝线路', trigger: 'blur' }
                ]
            };
        }
    },
    watch: {
        taskStatusList(list) {
            this.targetList = [];
            list.forEach(item => {
                if (item.value != this.lineCode) {
                    this.targetList.push(item);
                }
            });
        }
    },
    created() {
        this.deviceTypeList = [];
        this.$ConstSelect.deviceTypeList.forEach(item => {
            this.deviceTypeList.push(item);
        });
    },
    methods: {
        doShow(lineCode) {
            this.dialogVisible = true;
            if (lineCode) {
                this.lineCode = lineCode;
                this.targetList = [];
                this.taskStatusList.forEach(item => {
                    item.value = item.code;
                    item.label = item.name;
                    if (item.code != lineCode) {
                        this.targetList.push(item);
                    } else {
                        this.formModel.fromCode = item.code;
                        this.formModel.fromName = item.name;
                    }
                });
            }
        },
        doSave() {
            this.$refs.dataform.validateForm(() => {
                const param = {
                    fromLineCode: this.formModel.fromCode,
                    targetLineCodes: this.formModel.targetIds,
                    operateObjects: this.formModel.deviceType
                };
                postCopyCmd(param).then(res => {
                    this.handleClose();
                    this.$message.success('复制指令成功！');
                });
            });
        },
        handleClose() {
            this.$refs.dataform.resetForm();
            this.dialogVisible = false;
        }
    }
};
</script>