From 9a224d216652ef2d6ff2e0bd01fba69c86a3f277 Mon Sep 17 00:00:00 2001
From: yanzhaofeige <yanzhaofeige@qq.com>
Date: Fri, 11 Oct 2024 11:28:55 +0800
Subject: [PATCH] 基础表单更新
---
cpzidc-ui/src/views/bis/buildBase/index.vue | 732 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 732 insertions(+), 0 deletions(-)
diff --git a/cpzidc-ui/src/views/bis/buildBase/index.vue b/cpzidc-ui/src/views/bis/buildBase/index.vue
new file mode 100644
index 0000000..29db5b3
--- /dev/null
+++ b/cpzidc-ui/src/views/bis/buildBase/index.vue
@@ -0,0 +1,732 @@
+<template>
+ <div class="app-container">
+ <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="120px">
+ <el-form-item label="规模类型" prop="type">
+ <el-select v-model="queryParams.type" placeholder="请选择规模类型" clearable>
+ <el-option
+ v-for="dict in dict.type.idc_scale_type"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item label="业务类型" prop="businessType">
+ <el-select v-model="queryParams.businessType" placeholder="请选择业务类型" clearable>
+ <el-option
+ v-for="dict in dict.type.idc_business_type"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item label="名称" prop="name">
+ <el-input
+ v-model="queryParams.name"
+ placeholder="请输入名称"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="省" prop="province">
+ <el-input
+ v-model="queryParams.province"
+ placeholder="请输入省"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="市" prop="city">
+ <el-input
+ v-model="queryParams.city"
+ placeholder="请输入市"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="运营主体统一社会信用代码" prop="creditCode">
+ <el-input
+ v-model="queryParams.creditCode"
+ placeholder="请输入运营主体统一社会信用代码"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="运营主体" prop="mainbody">
+ <el-input
+ v-model="queryParams.mainbody"
+ placeholder="请输入运营主体"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="运营公司总公司" prop="mainbodyHeader">
+ <el-select v-model="queryParams.mainbodyHeader" placeholder="请选择运营公司总公司" clearable>
+ <el-option
+ v-for="dict in dict.type.idc_base_mainbody_header"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item label="运营主体类型" prop="mainbodyType">
+ <el-select v-model="queryParams.mainbodyType" placeholder="请选择运营主体类型" clearable>
+ <el-option
+ v-for="dict in dict.type.idc_base_mainbody_type"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item label="投产时间" prop="productionTime">
+ <el-date-picker clearable
+ v-model="queryParams.productionTime"
+ type="date"
+ value-format="yyyy-MM-dd"
+ placeholder="请选择投产时间">
+ </el-date-picker>
+ </el-form-item>
+ <el-form-item label="状态" prop="state">
+ <el-input
+ v-model="queryParams.state"
+ placeholder="请输入状态0: 1 2"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="是否可用" prop="isEnable">
+ <el-input
+ v-model="queryParams.isEnable"
+ placeholder="请输入是否可用"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="创建者" prop="createUser">
+ <el-input
+ v-model="queryParams.createUser"
+ placeholder="请输入创建者"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item>
+ <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+ </el-form-item>
+ </el-form>
+
+ <el-row :gutter="10" class="mb8">
+ <el-col :span="1.5">
+ <el-button
+ type="primary"
+ plain
+ icon="el-icon-plus"
+ size="mini"
+ @click="handleAdd"
+ v-hasPermi="['bis:buildBase:add']"
+ >新增</el-button>
+ </el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="success"
+ plain
+ icon="el-icon-edit"
+ size="mini"
+ :disabled="single"
+ @click="handleUpdate"
+ v-hasPermi="['bis:buildBase:edit']"
+ >修改</el-button>
+ </el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="danger"
+ plain
+ icon="el-icon-delete"
+ size="mini"
+ :disabled="multiple"
+ @click="handleDelete"
+ v-hasPermi="['bis:buildBase:remove']"
+ >删除</el-button>
+ </el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="warning"
+ plain
+ icon="el-icon-download"
+ size="mini"
+ @click="handleExport"
+ v-hasPermi="['bis:buildBase:export']"
+ >导出</el-button>
+ </el-col>
+ <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+ </el-row>
+
+ <el-table v-loading="loading" :data="buildBaseList" @selection-change="handleSelectionChange">
+ <el-table-column type="selection" width="55" align="center" />
+ <el-table-column label="序号" align="center" prop="id" />
+ <el-table-column label="规模类型" align="center" prop="type">
+ <template slot-scope="scope">
+ <dict-tag :options="dict.type.idc_scale_type" :value="scope.row.type"/>
+ </template>
+ </el-table-column>
+ <el-table-column label="业务类型" align="center" prop="businessType">
+ <template slot-scope="scope">
+ <dict-tag :options="dict.type.idc_business_type" :value="scope.row.businessType"/>
+ </template>
+ </el-table-column>
+ <el-table-column label="设计机架数" align="center" prop="frameNum" />
+ <el-table-column label="设计机架功率" align="center" prop="framePower" />
+ <el-table-column label="名称" align="center" prop="name" />
+ <el-table-column label="省" align="center" prop="province" />
+ <el-table-column label="市" align="center" prop="city" />
+ <el-table-column label="区、县" align="center" prop="area" />
+ <el-table-column label="地址" align="center" prop="address" />
+ <el-table-column label="补充地址" align="center" prop="addressExt" />
+ <el-table-column label="机楼" align="center" prop="building" />
+ <el-table-column label="运营主体统一社会信用代码" align="center" prop="creditCode" />
+ <el-table-column label="运营主体" align="center" prop="mainbody" />
+ <el-table-column label="运营公司总公司" align="center" prop="mainbodyHeader">
+ <template slot-scope="scope">
+ <dict-tag :options="dict.type.idc_base_mainbody_header" :value="scope.row.mainbodyHeader"/>
+ </template>
+ </el-table-column>
+ <el-table-column label="运营主体类型" align="center" prop="mainbodyType">
+ <template slot-scope="scope">
+ <dict-tag :options="dict.type.idc_base_mainbody_type" :value="scope.row.mainbodyType"/>
+ </template>
+ </el-table-column>
+ <el-table-column label="建设初始投资" align="center" prop="investment" />
+ <el-table-column label="建设进度" align="center" prop="progress" />
+ <el-table-column label="投产时间" align="center" prop="productionTime" width="180">
+ <template slot-scope="scope">
+ <span>{{ parseTime(scope.row.productionTime, '{y}-{m}-{d}') }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column label="数据中心建设等级或标准" align="center" prop="dcBuildingLevel" />
+ <el-table-column label="数据中心总设计面积" align="center" prop="dcAllArea" />
+ <el-table-column label="IT机房面积" align="center" prop="dcItArea" />
+ <el-table-column label="建筑形式" align="center" prop="buildingType">
+ <template slot-scope="scope">
+ <dict-tag :options="dict.type.idc_base_building_type" :value="scope.row.buildingType"/>
+ </template>
+ </el-table-column>
+ <el-table-column label="抗震级别" align="center" prop="seismicLevel" />
+ <el-table-column label="应用类别" align="center" prop="useType">
+ <template slot-scope="scope">
+ <dict-tag :options="dict.type.idc_use_type" :value="scope.row.useType"/>
+ </template>
+ </el-table-column>
+ <el-table-column label="设计PUE" align="center" prop="pueDesign" />
+ <el-table-column label="设计耗水量(年)" align="center" prop="waterDesign" />
+ <el-table-column label="链接的运营商" align="center" prop="netOperator">
+ <template slot-scope="scope">
+ <dict-tag :options="dict.type.idc_net_operator" :value="scope.row.netOperator"/>
+ </template>
+ </el-table-column>
+ <el-table-column label="链接的运营商_其它" align="center" prop="netOperatorOther" />
+ <el-table-column label="接入网络级别" align="center" prop="netLevel">
+ <template slot-scope="scope">
+ <dict-tag :options="dict.type.idc_net_level" :value="scope.row.netLevel"/>
+ </template>
+ </el-table-column>
+ <el-table-column label="管理员备注及信息反馈" align="center" prop="remark" />
+ <el-table-column label="排序" align="center" prop="sort" />
+ <el-table-column label="管理员反馈信息" align="center" prop="message" />
+ <el-table-column label="状态0: 1 2" align="center" prop="state">
+ <template slot-scope="scope">
+ <dict-tag :options="dict.type.idc_process_status" :value="scope.row.state"/>
+ </template>
+ </el-table-column>
+ <el-table-column label="是否可用" align="center" prop="isEnable">
+ <template slot-scope="scope">
+ <dict-tag :options="dict.type.idc_yes_no" :value="scope.row.isEnable"/>
+ </template>
+ </el-table-column>
+ <el-table-column label="创建者" align="center" prop="createUser" />
+ <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+ <template slot-scope="scope">
+ <el-button
+ size="mini"
+ type="text"
+ icon="el-icon-edit"
+ @click="handleUpdate(scope.row)"
+ v-hasPermi="['bis:buildBase:edit']"
+ >修改</el-button>
+ <el-button
+ size="mini"
+ type="text"
+ icon="el-icon-delete"
+ @click="handleDelete(scope.row)"
+ v-hasPermi="['bis:buildBase:remove']"
+ >删除</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+
+ <pagination
+ v-show="total>0"
+ :total="total"
+ :page.sync="queryParams.pageNum"
+ :limit.sync="queryParams.pageSize"
+ @pagination="getList"
+ />
+
+ <!-- 添加或修改在建数据中心对话框 -->
+ <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+ <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+ <el-form-item label="规模类型" prop="type">
+ <el-radio-group v-model="form.type">
+ <el-radio
+ v-for="dict in dict.type.idc_scale_type"
+ :key="dict.value"
+ :label="parseInt(dict.value)"
+ >{{dict.label}}</el-radio>
+ </el-radio-group>
+ </el-form-item>
+ <el-form-item label="业务类型" prop="businessType">
+ <el-radio-group v-model="form.businessType">
+ <el-radio
+ v-for="dict in dict.type.idc_business_type"
+ :key="dict.value"
+ :label="parseInt(dict.value)"
+ >{{dict.label}}</el-radio>
+ </el-radio-group>
+ </el-form-item>
+ <el-form-item label="设计机架数" prop="frameNum">
+ <el-input v-model="form.frameNum" placeholder="请输入设计机架数" />
+ </el-form-item>
+ <el-form-item label="设计机架功率" prop="framePower">
+ <el-input v-model="form.framePower" placeholder="请输入设计机架功率" />
+ </el-form-item>
+ <el-form-item label="名称" prop="name">
+ <el-input v-model="form.name" placeholder="请输入名称" />
+ </el-form-item>
+ <el-form-item label="省" prop="province">
+ <el-input v-model="form.province" placeholder="请输入省" />
+ </el-form-item>
+ <el-form-item label="市" prop="city">
+ <el-input v-model="form.city" placeholder="请输入市" />
+ </el-form-item>
+ <el-form-item label="区、县" prop="area">
+ <el-input v-model="form.area" placeholder="请输入区、县" />
+ </el-form-item>
+ <el-form-item label="地址" prop="address">
+ <el-input v-model="form.address" placeholder="请输入地址" />
+ </el-form-item>
+ <el-form-item label="补充地址" prop="addressExt">
+ <el-input v-model="form.addressExt" placeholder="请输入补充地址" />
+ </el-form-item>
+ <el-form-item label="机楼" prop="building">
+ <el-input v-model="form.building" placeholder="请输入机楼" />
+ </el-form-item>
+ <el-form-item label="运营主体统一社会信用代码" prop="creditCode">
+ <el-input v-model="form.creditCode" placeholder="请输入运营主体统一社会信用代码" />
+ </el-form-item>
+ <el-form-item label="运营主体" prop="mainbody">
+ <el-input v-model="form.mainbody" placeholder="请输入运营主体" />
+ </el-form-item>
+ <el-form-item label="运营公司总公司" prop="mainbodyHeader">
+ <el-select v-model="form.mainbodyHeader" placeholder="请选择运营公司总公司">
+ <el-option
+ v-for="dict in dict.type.idc_base_mainbody_header"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ ></el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="运营主体类型" prop="mainbodyType">
+ <el-select v-model="form.mainbodyType" placeholder="请选择运营主体类型">
+ <el-option
+ v-for="dict in dict.type.idc_base_mainbody_type"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ ></el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="建设初始投资" prop="investment">
+ <el-input v-model="form.investment" placeholder="请输入建设初始投资" />
+ </el-form-item>
+ <el-form-item label="建设进度" prop="progress">
+ <el-input v-model="form.progress" placeholder="请输入建设进度" />
+ </el-form-item>
+ <el-form-item label="投产时间" prop="productionTime">
+ <el-date-picker clearable
+ v-model="form.productionTime"
+ type="date"
+ value-format="yyyy-MM-dd"
+ placeholder="请选择投产时间">
+ </el-date-picker>
+ </el-form-item>
+ <el-form-item label="数据中心建设等级或标准" prop="dcBuildingLevel">
+ <el-input v-model="form.dcBuildingLevel" placeholder="请输入数据中心建设等级或标准" />
+ </el-form-item>
+ <el-form-item label="数据中心总设计面积" prop="dcAllArea">
+ <el-input v-model="form.dcAllArea" placeholder="请输入数据中心总设计面积" />
+ </el-form-item>
+ <el-form-item label="IT机房面积" prop="dcItArea">
+ <el-input v-model="form.dcItArea" placeholder="请输入IT机房面积" />
+ </el-form-item>
+ <el-form-item label="建筑形式" prop="buildingType">
+ <el-select v-model="form.buildingType" placeholder="请选择建筑形式">
+ <el-option
+ v-for="dict in dict.type.idc_base_building_type"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ ></el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="抗震级别" prop="seismicLevel">
+ <el-input v-model="form.seismicLevel" placeholder="请输入抗震级别" />
+ </el-form-item>
+ <el-form-item label="应用类别" prop="useType">
+ <el-select v-model="form.useType" placeholder="请选择应用类别">
+ <el-option
+ v-for="dict in dict.type.idc_use_type"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ ></el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="设计PUE" prop="pueDesign">
+ <el-input v-model="form.pueDesign" placeholder="请输入设计PUE" />
+ </el-form-item>
+ <el-form-item label="设计耗水量(年)" prop="waterDesign">
+ <el-input v-model="form.waterDesign" placeholder="请输入设计耗水量(年)" />
+ </el-form-item>
+ <el-form-item label="链接的运营商" prop="netOperator">
+ <el-select v-model="form.netOperator" placeholder="请选择链接的运营商">
+ <el-option
+ v-for="dict in dict.type.idc_net_operator"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ ></el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="链接的运营商_其它" prop="netOperatorOther">
+ <el-input v-model="form.netOperatorOther" placeholder="请输入链接的运营商_其它" />
+ </el-form-item>
+ <el-form-item label="接入网络级别" prop="netLevel">
+ <el-input v-model="form.netLevel" placeholder="请输入接入网络级别" />
+ </el-form-item>
+ <el-form-item label="管理员备注及信息反馈" prop="remark">
+ <el-input v-model="form.remark" placeholder="请输入管理员备注及信息反馈" />
+ </el-form-item>
+ <el-form-item label="排序" prop="sort">
+ <el-input v-model="form.sort" placeholder="请输入排序" />
+ </el-form-item>
+ <el-form-item label="管理员反馈信息" prop="message">
+ <el-input v-model="form.message" type="textarea" placeholder="请输入内容" />
+ </el-form-item>
+ <el-form-item label="状态0: 1 2" prop="state">
+ <el-input v-model="form.state" placeholder="请输入状态0: 1 2" />
+ </el-form-item>
+ <el-form-item label="是否可用" prop="isEnable">
+ <el-input v-model="form.isEnable" placeholder="请输入是否可用" />
+ </el-form-item>
+ <el-form-item label="创建者" prop="createUser">
+ <el-input v-model="form.createUser" placeholder="请输入创建者" />
+ </el-form-item>
+ </el-form>
+ <div slot="footer" class="dialog-footer">
+ <el-button type="primary" @click="submitForm">确 定</el-button>
+ <el-button @click="cancel">取 消</el-button>
+ </div>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+import { listBuildBase, getBuildBase, delBuildBase, addBuildBase, updateBuildBase } from "@/api/bis/buildBase";
+
+export default {
+ name: "BuildBase",
+ dicts: ['idc_base_mainbody_header', 'idc_business_type', 'idc_base_mainbody_type', 'idc_scale_type', 'idc_net_operator', 'idc_base_building_type', 'idc_use_type'],
+ data() {
+ return {
+ // 遮罩层
+ loading: true,
+ // 选中数组
+ ids: [],
+ // 非单个禁用
+ single: true,
+ // 非多个禁用
+ multiple: true,
+ // 显示搜索条件
+ showSearch: true,
+ // 总条数
+ total: 0,
+ // 在建数据中心表格数据
+ buildBaseList: [],
+ // 弹出层标题
+ title: "",
+ // 是否显示弹出层
+ open: false,
+ // 查询参数
+ queryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ type: null,
+ businessType: null,
+ frameNum: null,
+ framePower: null,
+ name: null,
+ province: null,
+ city: null,
+ area: null,
+ address: null,
+ addressExt: null,
+ building: null,
+ creditCode: null,
+ mainbody: null,
+ mainbodyHeader: null,
+ mainbodyType: null,
+ investment: null,
+ progress: null,
+ productionTime: null,
+ dcBuildingLevel: null,
+ dcAllArea: null,
+ dcItArea: null,
+ buildingType: null,
+ seismicLevel: null,
+ useType: null,
+ pueDesign: null,
+ waterDesign: null,
+ netOperator: null,
+ netOperatorOther: null,
+ netLevel: null,
+ sort: null,
+ message: null,
+ state: null,
+ isEnable: null,
+ createUser: null
+ },
+ // 表单参数
+ form: {},
+ // 表单校验
+ rules: {
+ type: [
+ { required: true, message: "规模类型不能为空", trigger: "change" }
+ ],
+ businessType: [
+ { required: true, message: "业务类型不能为空", trigger: "change" }
+ ],
+ frameNum: [
+ { required: true, message: "设计机架数不能为空", trigger: "blur" }
+ ],
+ framePower: [
+ { required: true, message: "设计机架功率不能为空", trigger: "blur" }
+ ],
+ name: [
+ { required: true, message: "名称不能为空", trigger: "blur" }
+ ],
+ province: [
+ { required: true, message: "省不能为空", trigger: "blur" }
+ ],
+ city: [
+ { required: true, message: "市不能为空", trigger: "blur" }
+ ],
+ area: [
+ { required: true, message: "区、县不能为空", trigger: "blur" }
+ ],
+ address: [
+ { required: true, message: "地址不能为空", trigger: "blur" }
+ ],
+ building: [
+ { required: true, message: "机楼不能为空", trigger: "blur" }
+ ],
+ creditCode: [
+ { required: true, message: "运营主体统一社会信用代码不能为空", trigger: "blur" }
+ ],
+ mainbody: [
+ { required: true, message: "运营主体不能为空", trigger: "blur" }
+ ],
+ mainbodyHeader: [
+ { required: true, message: "运营公司总公司不能为空", trigger: "change" }
+ ],
+ mainbodyType: [
+ { required: true, message: "运营主体类型不能为空", trigger: "change" }
+ ],
+ progress: [
+ { required: true, message: "建设进度不能为空", trigger: "blur" }
+ ],
+ productionTime: [
+ { required: true, message: "投产时间不能为空", trigger: "blur" }
+ ],
+ dcBuildingLevel: [
+ { required: true, message: "数据中心建设等级或标准不能为空", trigger: "blur" }
+ ],
+ dcAllArea: [
+ { required: true, message: "数据中心总设计面积不能为空", trigger: "blur" }
+ ],
+ dcItArea: [
+ { required: true, message: "IT机房面积不能为空", trigger: "blur" }
+ ],
+ buildingType: [
+ { required: true, message: "建筑形式不能为空", trigger: "change" }
+ ],
+ seismicLevel: [
+ { required: true, message: "抗震级别不能为空", trigger: "blur" }
+ ],
+ useType: [
+ { required: true, message: "应用类别不能为空", trigger: "change" }
+ ],
+ pueDesign: [
+ { required: true, message: "设计PUE不能为空", trigger: "blur" }
+ ],
+ waterDesign: [
+ { required: true, message: "设计耗水量(年)不能为空", trigger: "blur" }
+ ],
+ netOperator: [
+ { required: true, message: "链接的运营商不能为空", trigger: "change" }
+ ],
+ netLevel: [
+ { required: true, message: "接入网络级别不能为空", trigger: "blur" }
+ ],
+ createUser: [
+ { required: true, message: "创建者不能为空", trigger: "blur" }
+ ]
+ }
+ };
+ },
+ created() {
+ this.getList();
+ },
+ methods: {
+ /** 查询在建数据中心列表 */
+ getList() {
+ this.loading = true;
+ listBuildBase(this.queryParams).then(response => {
+ this.buildBaseList = response.rows;
+ this.total = response.total;
+ this.loading = false;
+ });
+ },
+ // 取消按钮
+ cancel() {
+ this.open = false;
+ this.reset();
+ },
+ // 表单重置
+ reset() {
+ this.form = {
+ id: null,
+ type: null,
+ businessType: null,
+ frameNum: null,
+ framePower: null,
+ name: null,
+ province: null,
+ city: null,
+ area: null,
+ address: null,
+ addressExt: null,
+ building: null,
+ creditCode: null,
+ mainbody: null,
+ mainbodyHeader: null,
+ mainbodyType: null,
+ investment: null,
+ progress: null,
+ productionTime: null,
+ dcBuildingLevel: null,
+ dcAllArea: null,
+ dcItArea: null,
+ buildingType: null,
+ seismicLevel: null,
+ useType: null,
+ pueDesign: null,
+ waterDesign: null,
+ netOperator: null,
+ netOperatorOther: null,
+ netLevel: null,
+ remark: null,
+ sort: null,
+ message: null,
+ state: null,
+ isEnable: null,
+ createTime: null,
+ updateTime: null,
+ createUser: null
+ };
+ this.resetForm("form");
+ },
+ /** 搜索按钮操作 */
+ handleQuery() {
+ this.queryParams.pageNum = 1;
+ this.getList();
+ },
+ /** 重置按钮操作 */
+ resetQuery() {
+ this.resetForm("queryForm");
+ this.handleQuery();
+ },
+ // 多选框选中数据
+ handleSelectionChange(selection) {
+ this.ids = selection.map(item => item.id)
+ this.single = selection.length!==1
+ this.multiple = !selection.length
+ },
+ /** 新增按钮操作 */
+ handleAdd() {
+ this.reset();
+ this.open = true;
+ this.title = "添加在建数据中心";
+ },
+ /** 修改按钮操作 */
+ handleUpdate(row) {
+ this.reset();
+ const id = row.id || this.ids
+ getBuildBase(id).then(response => {
+ this.form = response.data;
+ this.open = true;
+ this.title = "修改在建数据中心";
+ });
+ },
+ /** 提交按钮 */
+ submitForm() {
+ this.$refs["form"].validate(valid => {
+ if (valid) {
+ if (this.form.id != null) {
+ updateBuildBase(this.form).then(response => {
+ this.$modal.msgSuccess("修改成功");
+ this.open = false;
+ this.getList();
+ });
+ } else {
+ addBuildBase(this.form).then(response => {
+ this.$modal.msgSuccess("新增成功");
+ this.open = false;
+ this.getList();
+ });
+ }
+ }
+ });
+ },
+ /** 删除按钮操作 */
+ handleDelete(row) {
+ const ids = row.id || this.ids;
+ this.$modal.confirm('是否确认删除在建数据中心编号为"' + ids + '"的数据项？').then(function() {
+ return delBuildBase(ids);
+ }).then(() => {
+ this.getList();
+ this.$modal.msgSuccess("删除成功");
+ }).catch(() => {});
+ },
+ /** 导出按钮操作 */
+ handleExport() {
+ this.download('bis/buildBase/export', {
+ ...this.queryParams
+ }, `buildBase_${new Date().getTime()}.xlsx`)
+ }
+ }
+};
+</script>
--
Gitblit v1.9.3