simulation-front/src/views/systemManagement/parameterDetail.vue

<template>
    <div>
    <tableList
            ref="table"
            style="width:60%;min-width: 900px;margin: auto;"
            :columns="columns"
            :getDataWay="getDataWay"
            :checkedData="checkedData"
            index
            selection
        >
            
        </tableList>
        <el-form
            ref="form"
            :model="form"
            :rules="rules"
            label-width="200px"
            class="flexBox"
        >
            <div class="formItemBox">
                <el-form-item label="可创建子账户数量:" prop="projectName">
                    <el-input
                        placeholder="请输入"
                        maxlength="30"
                        v-autoTrim="{ obj: form, key: "projectName" }"
                        v-model="form.projectName"
                    >
                    </el-input>
                </el-form-item>
                <el-form-item label="最多可创建场景测试包数量:" prop="parallelism">
                    <el-input
                        placeholder="请输入"
                        maxlength="100"
                        v-autoTrim="{ obj: form, key: "parallelism" }"
                        v-model="form.parallelism"
                    >
                    </el-input>
                </el-form-item>
                <el-form-item label="场景数据包的最大场景数量:" prop="maxSimulationTime">
                    <el-input
                        placeholder="请输入"
                        maxlength="100"
                        v-autoTrim="{ obj: form, key: "maxSimulationTime" }"
                        v-model="form.maxSimulationTime"
                    >
                    </el-input>
                </el-form-item>
            </div>

        </el-form>
        <div class="btns">
            <el-button type="primary" @click="save">保存</el-button>
            <el-button type="primary" plain @click="cancel">取消</el-button>
        </div>
    </div>
</template>

<script>
import tableList from "@/components/grid/TableList";

let maxCount = 0; // 用于校验
export default {
    name: "parameterDetail", // 手动运行项目详情
    components: {tableList},
    data() {
        return {
            getDataWay:{
                //dataType: "url",
                dataType: "data",
                type: "post",
                // firstRequest: false,
                // data: this.$api.algorithmsLibrary.selectSharedAlgorithmList,
                data:[{a1:'1',a2:'2',a3:'3',a4:'4'}],
                param: {},
            },
            columns: [
                //表格列
                {
                    label: "账户名",
                    prop: "a1",
                },
                {
                    label: "账户类型",
                    prop: "a2",
                },
                {
                    label: "联系人",
                    prop: "a3",
                },
                {
                    label: "联系方式",
                    prop: "a4",
                },
            ],
            form: {
                
            },
            
            rules: {
            }
        };
    },

    computed: {},

    methods: {
        save(){

        },
        cancel(){

        },
    },

    mounted() {
        
    },
};
</script>

<style lang="less" scoped>
.el-form {
    width: 60%;
    min-width: 900px;
    padding-top: 60px;
    margin: 0 auto;

    .formItemBox {
        flex: 1;

        /deep/ .el-input,
        .el-select {
            width: 100%;
        }
    }

    .el-textarea {
        height: 96px;
    }
}

.btns {
    padding-top: 30px;
    text-align: center;
}
</style>