odcc/CpzIdc.git

yanzhaofeige

3 days ago 9a224d216652ef2d6ff2e0bd01fba69c86a3f277

commit \| author \| age
5cc82f	1	<template>
Y	2	<div class="app-container">
7c91ba	3	<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="120px">
5cc82f	4	<el-form-item label="规模类型" prop="type">
Y	5	<el-select v-model="queryParams.type" placeholder="请选择规模类型" clearable>
	6	<el-option
	7	v-for="dict in dict.type.idc_scale_type"
	8	:key="dict.value"
	9	:label="dict.label"
	10	:value="dict.value"
	11	/>
	12	</el-select>
	13	</el-form-item>
	14	<el-form-item label="业务类型" prop="businessType">
	15	<el-select v-model="queryParams.businessType" placeholder="请选择业务类型" clearable>
	16	<el-option
	17	v-for="dict in dict.type.idc_business_type"
	18	:key="dict.value"
	19	:label="dict.label"
	20	:value="dict.value"
	21	/>
	22	</el-select>
	23	</el-form-item>
	24	<el-form-item label="名称" prop="name">
	25	<el-input
	26	v-model="queryParams.name"
	27	placeholder="请输入名称"
	28	clearable
	29	@keyup.enter.native="handleQuery"
	30	/>
	31	</el-form-item>
	32	<el-form-item label="省" prop="province">
	33	<el-input
	34	v-model="queryParams.province"
	35	placeholder="请输入省"
	36	clearable
	37	@keyup.enter.native="handleQuery"
	38	/>
	39	</el-form-item>
	40	<el-form-item label="市" prop="city">
	41	<el-input
	42	v-model="queryParams.city"
	43	placeholder="请输入市"
	44	clearable
	45	@keyup.enter.native="handleQuery"
	46	/>
	47	</el-form-item>
	48	<el-form-item label="运营主体统一社会信用代码" prop="creditCode">
	49	<el-input
	50	v-model="queryParams.creditCode"
	51	placeholder="请输入运营主体统一社会信用代码"
	52	clearable
	53	@keyup.enter.native="handleQuery"
	54	/>
	55	</el-form-item>
	56	<el-form-item label="运营主体" prop="mainbody">
	57	<el-input
	58	v-model="queryParams.mainbody"
	59	placeholder="请输入运营主体"
	60	clearable
	61	@keyup.enter.native="handleQuery"
	62	/>
	63	</el-form-item>
	64	<el-form-item label="运营公司总公司" prop="mainbodyHeader">
	65	<el-select v-model="queryParams.mainbodyHeader" placeholder="请选择运营公司总公司" clearable>
	66	<el-option
	67	v-for="dict in dict.type.idc_base_mainbody_header"
	68	:key="dict.value"
	69	:label="dict.label"
	70	:value="dict.value"
	71	/>
	72	</el-select>
	73	</el-form-item>
	74	<el-form-item label="运营主体类型" prop="mainbodyType">
	75	<el-select v-model="queryParams.mainbodyType" placeholder="请选择运营主体类型" clearable>
	76	<el-option
	77	v-for="dict in dict.type.idc_base_mainbody_type"
	78	:key="dict.value"
	79	:label="dict.label"
	80	:value="dict.value"
	81	/>
	82	</el-select>
	83	</el-form-item>
	84	<el-form-item label="投产时间" prop="productionTime">
	85	<el-date-picker clearable
	86	v-model="queryParams.productionTime"
	87	type="date"
	88	value-format="yyyy-MM-dd"
	89	placeholder="请选择投产时间">
	90	</el-date-picker>
	91	</el-form-item>
7c91ba	92	<el-form-item label="状态" prop="state">
5cc82f	93	<el-input
Y	94	v-model="queryParams.state"
	95	placeholder="请输入状态0: 1 2"
	96	clearable
	97	@keyup.enter.native="handleQuery"
	98	/>
	99	</el-form-item>
	100	<el-form-item label="是否可用" prop="isEnable">
	101	<el-input
	102	v-model="queryParams.isEnable"
	103	placeholder="请输入是否可用"
	104	clearable
	105	@keyup.enter.native="handleQuery"
	106	/>
	107	</el-form-item>
	108	<el-form-item label="创建者" prop="createUser">
	109	<el-input
	110	v-model="queryParams.createUser"
	111	placeholder="请输入创建者"
	112	clearable
	113	@keyup.enter.native="handleQuery"
	114	/>
	115	</el-form-item>
	116	<el-form-item>
	117	<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
	118	<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
	119	</el-form-item>
	120	</el-form>
	121
	122	<el-row :gutter="10" class="mb8">
	123	<el-col :span="1.5">
	124	<el-button
	125	type="primary"
	126	plain
	127	icon="el-icon-plus"
	128	size="mini"
	129	@click="handleAdd"
	130	v-hasPermi="['bis:buildBase:add']"
	131	>新增</el-button>
	132	</el-col>
	133	<el-col :span="1.5">
	134	<el-button
	135	type="success"
	136	plain
	137	icon="el-icon-edit"
	138	size="mini"
	139	:disabled="single"
	140	@click="handleUpdate"
	141	v-hasPermi="['bis:buildBase:edit']"
	142	>修改</el-button>
	143	</el-col>
	144	<el-col :span="1.5">
	145	<el-button
	146	type="danger"
	147	plain
	148	icon="el-icon-delete"
	149	size="mini"
	150	:disabled="multiple"
	151	@click="handleDelete"
	152	v-hasPermi="['bis:buildBase:remove']"
	153	>删除</el-button>
	154	</el-col>
	155	<el-col :span="1.5">
	156	<el-button
	157	type="warning"
	158	plain
	159	icon="el-icon-download"
	160	size="mini"
	161	@click="handleExport"
	162	v-hasPermi="['bis:buildBase:export']"
	163	>导出</el-button>
	164	</el-col>
	165	<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
	166	</el-row>
	167
	168	<el-table v-loading="loading" :data="buildBaseList" @selection-change="handleSelectionChange">
	169	<el-table-column type="selection" width="55" align="center" />
	170	<el-table-column label="序号" align="center" prop="id" />
	171	<el-table-column label="规模类型" align="center" prop="type">
	172	<template slot-scope="scope">
	173	<dict-tag :options="dict.type.idc_scale_type" :value="scope.row.type"/>
	174	</template>
	175	</el-table-column>
	176	<el-table-column label="业务类型" align="center" prop="businessType">
	177	<template slot-scope="scope">
	178	<dict-tag :options="dict.type.idc_business_type" :value="scope.row.businessType"/>
	179	</template>
	180	</el-table-column>
	181	<el-table-column label="设计机架数" align="center" prop="frameNum" />
	182	<el-table-column label="设计机架功率" align="center" prop="framePower" />
	183	<el-table-column label="名称" align="center" prop="name" />
	184	<el-table-column label="省" align="center" prop="province" />
	185	<el-table-column label="市" align="center" prop="city" />
	186	<el-table-column label="区、县" align="center" prop="area" />
	187	<el-table-column label="地址" align="center" prop="address" />
	188	<el-table-column label="补充地址" align="center" prop="addressExt" />
	189	<el-table-column label="机楼" align="center" prop="building" />
	190	<el-table-column label="运营主体统一社会信用代码" align="center" prop="creditCode" />
	191	<el-table-column label="运营主体" align="center" prop="mainbody" />
	192	<el-table-column label="运营公司总公司" align="center" prop="mainbodyHeader">
	193	<template slot-scope="scope">
	194	<dict-tag :options="dict.type.idc_base_mainbody_header" :value="scope.row.mainbodyHeader"/>
	195	</template>
	196	</el-table-column>
	197	<el-table-column label="运营主体类型" align="center" prop="mainbodyType">
	198	<template slot-scope="scope">
	199	<dict-tag :options="dict.type.idc_base_mainbody_type" :value="scope.row.mainbodyType"/>
	200	</template>
	201	</el-table-column>
	202	<el-table-column label="建设初始投资" align="center" prop="investment" />
	203	<el-table-column label="建设进度" align="center" prop="progress" />
	204	<el-table-column label="投产时间" align="center" prop="productionTime" width="180">
	205	<template slot-scope="scope">
	206	<span>{{ parseTime(scope.row.productionTime, '{y}-{m}-{d}') }}</span>
	207	</template>
	208	</el-table-column>
	209	<el-table-column label="数据中心建设等级或标准" align="center" prop="dcBuildingLevel" />
	210	<el-table-column label="数据中心总设计面积" align="center" prop="dcAllArea" />
	211	<el-table-column label="IT机房面积" align="center" prop="dcItArea" />
	212	<el-table-column label="建筑形式" align="center" prop="buildingType">
	213	<template slot-scope="scope">
	214	<dict-tag :options="dict.type.idc_base_building_type" :value="scope.row.buildingType"/>
	215	</template>
	216	</el-table-column>
	217	<el-table-column label="抗震级别" align="center" prop="seismicLevel" />
	218	<el-table-column label="应用类别" align="center" prop="useType">
	219	<template slot-scope="scope">
	220	<dict-tag :options="dict.type.idc_use_type" :value="scope.row.useType"/>
	221	</template>
	222	</el-table-column>
	223	<el-table-column label="设计PUE" align="center" prop="pueDesign" />
	224	<el-table-column label="设计耗水量(年)" align="center" prop="waterDesign" />
	225	<el-table-column label="链接的运营商" align="center" prop="netOperator">
	226	<template slot-scope="scope">
	227	<dict-tag :options="dict.type.idc_net_operator" :value="scope.row.netOperator"/>
	228	</template>
	229	</el-table-column>
	230	<el-table-column label="链接的运营商_其它" align="center" prop="netOperatorOther" />
	231	<el-table-column label="接入网络级别" align="center" prop="netLevel">
	232	<template slot-scope="scope">
	233	<dict-tag :options="dict.type.idc_net_level" :value="scope.row.netLevel"/>
	234	</template>
	235	</el-table-column>
	236	<el-table-column label="管理员备注及信息反馈" align="center" prop="remark" />
	237	<el-table-column label="排序" align="center" prop="sort" />
	238	<el-table-column label="管理员反馈信息" align="center" prop="message" />
	239	<el-table-column label="状态0: 1 2" align="center" prop="state">
	240	<template slot-scope="scope">
	241	<dict-tag :options="dict.type.idc_process_status" :value="scope.row.state"/>
	242	</template>
	243	</el-table-column>
	244	<el-table-column label="是否可用" align="center" prop="isEnable">
	245	<template slot-scope="scope">
	246	<dict-tag :options="dict.type.idc_yes_no" :value="scope.row.isEnable"/>
	247	</template>
	248	</el-table-column>
	249	<el-table-column label="创建者" align="center" prop="createUser" />
	250	<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
	251	<template slot-scope="scope">
	252	<el-button
	253	size="mini"
	254	type="text"
	255	icon="el-icon-edit"
	256	@click="handleUpdate(scope.row)"
	257	v-hasPermi="['bis:buildBase:edit']"
	258	>修改</el-button>
	259	<el-button
	260	size="mini"
	261	type="text"
	262	icon="el-icon-delete"
	263	@click="handleDelete(scope.row)"
	264	v-hasPermi="['bis:buildBase:remove']"
	265	>删除</el-button>
	266	</template>
	267	</el-table-column>
	268	</el-table>
7c91ba	269
5cc82f	270	<pagination
Y	271	v-show="total>0"
	272	:total="total"
	273	:page.sync="queryParams.pageNum"
	274	:limit.sync="queryParams.pageSize"
	275	@pagination="getList"
	276	/>
	277
	278	<!-- 添加或修改在建数据中心对话框 -->
	279	<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
	280	<el-form ref="form" :model="form" :rules="rules" label-width="80px">
	281	<el-form-item label="规模类型" prop="type">
	282	<el-radio-group v-model="form.type">
	283	<el-radio
	284	v-for="dict in dict.type.idc_scale_type"
	285	:key="dict.value"
	286	:label="parseInt(dict.value)"
	287	>{{dict.label}}</el-radio>
	288	</el-radio-group>
	289	</el-form-item>
	290	<el-form-item label="业务类型" prop="businessType">
	291	<el-radio-group v-model="form.businessType">
	292	<el-radio
	293	v-for="dict in dict.type.idc_business_type"
	294	:key="dict.value"
	295	:label="parseInt(dict.value)"
	296	>{{dict.label}}</el-radio>
	297	</el-radio-group>
	298	</el-form-item>
	299	<el-form-item label="设计机架数" prop="frameNum">
	300	<el-input v-model="form.frameNum" placeholder="请输入设计机架数" />
	301	</el-form-item>
	302	<el-form-item label="设计机架功率" prop="framePower">
	303	<el-input v-model="form.framePower" placeholder="请输入设计机架功率" />
	304	</el-form-item>
	305	<el-form-item label="名称" prop="name">
	306	<el-input v-model="form.name" placeholder="请输入名称" />
	307	</el-form-item>
	308	<el-form-item label="省" prop="province">
	309	<el-input v-model="form.province" placeholder="请输入省" />
	310	</el-form-item>
	311	<el-form-item label="市" prop="city">
	312	<el-input v-model="form.city" placeholder="请输入市" />
	313	</el-form-item>
	314	<el-form-item label="区、县" prop="area">
	315	<el-input v-model="form.area" placeholder="请输入区、县" />
	316	</el-form-item>
	317	<el-form-item label="地址" prop="address">
	318	<el-input v-model="form.address" placeholder="请输入地址" />
	319	</el-form-item>
	320	<el-form-item label="补充地址" prop="addressExt">
	321	<el-input v-model="form.addressExt" placeholder="请输入补充地址" />
	322	</el-form-item>
	323	<el-form-item label="机楼" prop="building">
	324	<el-input v-model="form.building" placeholder="请输入机楼" />
	325	</el-form-item>
	326	<el-form-item label="运营主体统一社会信用代码" prop="creditCode">
	327	<el-input v-model="form.creditCode" placeholder="请输入运营主体统一社会信用代码" />
	328	</el-form-item>
	329	<el-form-item label="运营主体" prop="mainbody">
	330	<el-input v-model="form.mainbody" placeholder="请输入运营主体" />
	331	</el-form-item>
	332	<el-form-item label="运营公司总公司" prop="mainbodyHeader">
	333	<el-select v-model="form.mainbodyHeader" placeholder="请选择运营公司总公司">
	334	<el-option
	335	v-for="dict in dict.type.idc_base_mainbody_header"
	336	:key="dict.value"
	337	:label="dict.label"
	338	:value="dict.value"
	339	></el-option>
	340	</el-select>
	341	</el-form-item>
	342	<el-form-item label="运营主体类型" prop="mainbodyType">
	343	<el-select v-model="form.mainbodyType" placeholder="请选择运营主体类型">
	344	<el-option
	345	v-for="dict in dict.type.idc_base_mainbody_type"
	346	:key="dict.value"
	347	:label="dict.label"
	348	:value="dict.value"
	349	></el-option>
	350	</el-select>
	351	</el-form-item>
	352	<el-form-item label="建设初始投资" prop="investment">
	353	<el-input v-model="form.investment" placeholder="请输入建设初始投资" />
	354	</el-form-item>
	355	<el-form-item label="建设进度" prop="progress">
	356	<el-input v-model="form.progress" placeholder="请输入建设进度" />
	357	</el-form-item>
	358	<el-form-item label="投产时间" prop="productionTime">
	359	<el-date-picker clearable
	360	v-model="form.productionTime"
	361	type="date"
	362	value-format="yyyy-MM-dd"
	363	placeholder="请选择投产时间">
	364	</el-date-picker>
	365	</el-form-item>
	366	<el-form-item label="数据中心建设等级或标准" prop="dcBuildingLevel">
	367	<el-input v-model="form.dcBuildingLevel" placeholder="请输入数据中心建设等级或标准" />
	368	</el-form-item>
	369	<el-form-item label="数据中心总设计面积" prop="dcAllArea">
	370	<el-input v-model="form.dcAllArea" placeholder="请输入数据中心总设计面积" />
	371	</el-form-item>
	372	<el-form-item label="IT机房面积" prop="dcItArea">
	373	<el-input v-model="form.dcItArea" placeholder="请输入IT机房面积" />
	374	</el-form-item>
	375	<el-form-item label="建筑形式" prop="buildingType">
	376	<el-select v-model="form.buildingType" placeholder="请选择建筑形式">
	377	<el-option
	378	v-for="dict in dict.type.idc_base_building_type"
	379	:key="dict.value"
	380	:label="dict.label"
	381	:value="dict.value"
	382	></el-option>
	383	</el-select>
	384	</el-form-item>
	385	<el-form-item label="抗震级别" prop="seismicLevel">
	386	<el-input v-model="form.seismicLevel" placeholder="请输入抗震级别" />
	387	</el-form-item>
	388	<el-form-item label="应用类别" prop="useType">
	389	<el-select v-model="form.useType" placeholder="请选择应用类别">
	390	<el-option
	391	v-for="dict in dict.type.idc_use_type"
	392	:key="dict.value"
	393	:label="dict.label"
	394	:value="dict.value"
	395	></el-option>
	396	</el-select>
	397	</el-form-item>
	398	<el-form-item label="设计PUE" prop="pueDesign">
	399	<el-input v-model="form.pueDesign" placeholder="请输入设计PUE" />
	400	</el-form-item>
	401	<el-form-item label="设计耗水量(年)" prop="waterDesign">
	402	<el-input v-model="form.waterDesign" placeholder="请输入设计耗水量(年)" />
	403	</el-form-item>
	404	<el-form-item label="链接的运营商" prop="netOperator">
	405	<el-select v-model="form.netOperator" placeholder="请选择链接的运营商">
	406	<el-option
	407	v-for="dict in dict.type.idc_net_operator"
	408	:key="dict.value"
	409	:label="dict.label"
	410	:value="dict.value"
	411	></el-option>
	412	</el-select>
	413	</el-form-item>
	414	<el-form-item label="链接的运营商_其它" prop="netOperatorOther">
	415	<el-input v-model="form.netOperatorOther" placeholder="请输入链接的运营商_其它" />
	416	</el-form-item>
	417	<el-form-item label="接入网络级别" prop="netLevel">
	418	<el-input v-model="form.netLevel" placeholder="请输入接入网络级别" />
	419	</el-form-item>
	420	<el-form-item label="管理员备注及信息反馈" prop="remark">
	421	<el-input v-model="form.remark" placeholder="请输入管理员备注及信息反馈" />
	422	</el-form-item>
	423	<el-form-item label="排序" prop="sort">
	424	<el-input v-model="form.sort" placeholder="请输入排序" />
	425	</el-form-item>
	426	<el-form-item label="管理员反馈信息" prop="message">
	427	<el-input v-model="form.message" type="textarea" placeholder="请输入内容" />
	428	</el-form-item>
	429	<el-form-item label="状态0: 1 2" prop="state">
	430	<el-input v-model="form.state" placeholder="请输入状态0: 1 2" />
	431	</el-form-item>
	432	<el-form-item label="是否可用" prop="isEnable">
	433	<el-input v-model="form.isEnable" placeholder="请输入是否可用" />
	434	</el-form-item>
	435	<el-form-item label="创建者" prop="createUser">
	436	<el-input v-model="form.createUser" placeholder="请输入创建者" />
	437	</el-form-item>
	438	</el-form>
	439	<div slot="footer" class="dialog-footer">
	440	<el-button type="primary" @click="submitForm">确定</el-button>
	441	<el-button @click="cancel">取消</el-button>
	442	</div>
	443	</el-dialog>
	444	</div>
	445	</template>
	446
	447	<script>
	448	import { listBuildBase, getBuildBase, delBuildBase, addBuildBase, updateBuildBase } from "@/api/bis/buildBase";
	449
	450	export default {
	451	name: "BuildBase",
	452	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'],
	453	data() {
	454	return {
	455	// 遮罩层
	456	loading: true,
	457	// 选中数组
	458	ids: [],
	459	// 非单个禁用
	460	single: true,
	461	// 非多个禁用
	462	multiple: true,
	463	// 显示搜索条件
	464	showSearch: true,
	465	// 总条数
	466	total: 0,
	467	// 在建数据中心表格数据
	468	buildBaseList: [],
	469	// 弹出层标题
	470	title: "",
	471	// 是否显示弹出层
	472	open: false,
	473	// 查询参数
	474	queryParams: {
	475	pageNum: 1,
	476	pageSize: 10,
	477	type: null,
	478	businessType: null,
	479	frameNum: null,
	480	framePower: null,
	481	name: null,
	482	province: null,
	483	city: null,
	484	area: null,
	485	address: null,
	486	addressExt: null,
	487	building: null,
	488	creditCode: null,
	489	mainbody: null,
	490	mainbodyHeader: null,
	491	mainbodyType: null,
	492	investment: null,
	493	progress: null,
	494	productionTime: null,
	495	dcBuildingLevel: null,
	496	dcAllArea: null,
	497	dcItArea: null,
	498	buildingType: null,
	499	seismicLevel: null,
	500	useType: null,
	501	pueDesign: null,
	502	waterDesign: null,
	503	netOperator: null,
	504	netOperatorOther: null,
	505	netLevel: null,
	506	sort: null,
	507	message: null,
	508	state: null,
	509	isEnable: null,
	510	createUser: null
	511	},
	512	// 表单参数
	513	form: {},
	514	// 表单校验
	515	rules: {
	516	type: [
	517	{ required: true, message: "规模类型不能为空", trigger: "change" }
	518	],
	519	businessType: [
	520	{ required: true, message: "业务类型不能为空", trigger: "change" }
	521	],
	522	frameNum: [
	523	{ required: true, message: "设计机架数不能为空", trigger: "blur" }
	524	],
	525	framePower: [
	526	{ required: true, message: "设计机架功率不能为空", trigger: "blur" }
	527	],
	528	name: [
	529	{ required: true, message: "名称不能为空", trigger: "blur" }
	530	],
	531	province: [
	532	{ required: true, message: "省不能为空", trigger: "blur" }
	533	],
	534	city: [
	535	{ required: true, message: "市不能为空", trigger: "blur" }
	536	],
	537	area: [
	538	{ required: true, message: "区、县不能为空", trigger: "blur" }
	539	],
	540	address: [
	541	{ required: true, message: "地址不能为空", trigger: "blur" }
	542	],
	543	building: [
	544	{ required: true, message: "机楼不能为空", trigger: "blur" }
	545	],
	546	creditCode: [
	547	{ required: true, message: "运营主体统一社会信用代码不能为空", trigger: "blur" }
	548	],
	549	mainbody: [
	550	{ required: true, message: "运营主体不能为空", trigger: "blur" }
	551	],
	552	mainbodyHeader: [
	553	{ required: true, message: "运营公司总公司不能为空", trigger: "change" }
	554	],
	555	mainbodyType: [
	556	{ required: true, message: "运营主体类型不能为空", trigger: "change" }
	557	],
	558	progress: [
	559	{ required: true, message: "建设进度不能为空", trigger: "blur" }
	560	],
	561	productionTime: [
	562	{ required: true, message: "投产时间不能为空", trigger: "blur" }
	563	],
	564	dcBuildingLevel: [
	565	{ required: true, message: "数据中心建设等级或标准不能为空", trigger: "blur" }
	566	],
	567	dcAllArea: [
	568	{ required: true, message: "数据中心总设计面积不能为空", trigger: "blur" }
	569	],
	570	dcItArea: [
	571	{ required: true, message: "IT机房面积不能为空", trigger: "blur" }
	572	],
	573	buildingType: [
	574	{ required: true, message: "建筑形式不能为空", trigger: "change" }
	575	],
	576	seismicLevel: [
	577	{ required: true, message: "抗震级别不能为空", trigger: "blur" }
	578	],
	579	useType: [
	580	{ required: true, message: "应用类别不能为空", trigger: "change" }
	581	],
	582	pueDesign: [
	583	{ required: true, message: "设计PUE不能为空", trigger: "blur" }
	584	],
	585	waterDesign: [
	586	{ required: true, message: "设计耗水量(年)不能为空", trigger: "blur" }
	587	],
	588	netOperator: [
	589	{ required: true, message: "链接的运营商不能为空", trigger: "change" }
	590	],
	591	netLevel: [
	592	{ required: true, message: "接入网络级别不能为空", trigger: "blur" }
	593	],
	594	createUser: [
	595	{ required: true, message: "创建者不能为空", trigger: "blur" }
	596	]
	597	}
	598	};
	599	},
	600	created() {
	601	this.getList();
	602	},
	603	methods: {
	604	/** 查询在建数据中心列表 */
	605	getList() {
	606	this.loading = true;
	607	listBuildBase(this.queryParams).then(response => {
	608	this.buildBaseList = response.rows;
	609	this.total = response.total;
	610	this.loading = false;
	611	});
	612	},
	613	// 取消按钮
	614	cancel() {
	615	this.open = false;
	616	this.reset();
	617	},
	618	// 表单重置
	619	reset() {
	620	this.form = {
	621	id: null,
	622	type: null,
	623	businessType: null,
	624	frameNum: null,
	625	framePower: null,
	626	name: null,
	627	province: null,
	628	city: null,
	629	area: null,
	630	address: null,
	631	addressExt: null,
	632	building: null,
	633	creditCode: null,
	634	mainbody: null,
	635	mainbodyHeader: null,
	636	mainbodyType: null,
	637	investment: null,
	638	progress: null,
	639	productionTime: null,
	640	dcBuildingLevel: null,
	641	dcAllArea: null,
	642	dcItArea: null,
	643	buildingType: null,
	644	seismicLevel: null,
	645	useType: null,
	646	pueDesign: null,
	647	waterDesign: null,
	648	netOperator: null,
	649	netOperatorOther: null,
	650	netLevel: null,
	651	remark: null,
	652	sort: null,
	653	message: null,
	654	state: null,
	655	isEnable: null,
	656	createTime: null,
	657	updateTime: null,
	658	createUser: null
	659	};
	660	this.resetForm("form");
	661	},
	662	/** 搜索按钮操作 */
	663	handleQuery() {
	664	this.queryParams.pageNum = 1;
	665	this.getList();
	666	},
	667	/** 重置按钮操作 */
	668	resetQuery() {
	669	this.resetForm("queryForm");
	670	this.handleQuery();
	671	},
	672	// 多选框选中数据
	673	handleSelectionChange(selection) {
	674	this.ids = selection.map(item => item.id)
	675	this.single = selection.length!==1
	676	this.multiple = !selection.length
	677	},
	678	/** 新增按钮操作 */
	679	handleAdd() {
	680	this.reset();
	681	this.open = true;
	682	this.title = "添加在建数据中心";
	683	},
	684	/** 修改按钮操作 */
	685	handleUpdate(row) {
	686	this.reset();
	687	const id = row.id \|\| this.ids
	688	getBuildBase(id).then(response => {
	689	this.form = response.data;
	690	this.open = true;
	691	this.title = "修改在建数据中心";
	692	});
	693	},
	694	/** 提交按钮 */
	695	submitForm() {
	696	this.$refs["form"].validate(valid => {
	697	if (valid) {
	698	if (this.form.id != null) {
	699	updateBuildBase(this.form).then(response => {
	700	this.$modal.msgSuccess("修改成功");
	701	this.open = false;
	702	this.getList();
	703	});
	704	} else {
	705	addBuildBase(this.form).then(response => {
	706	this.$modal.msgSuccess("新增成功");
	707	this.open = false;
	708	this.getList();
	709	});
	710	}
	711	}
	712	});
	713	},
	714	/** 删除按钮操作 */
	715	handleDelete(row) {
	716	const ids = row.id \|\| this.ids;
	717	this.$modal.confirm('是否确认删除在建数据中心编号为"' + ids + '"的数据项？').then(function() {
	718	return delBuildBase(ids);
	719	}).then(() => {
	720	this.getList();
	721	this.$modal.msgSuccess("删除成功");
	722	}).catch(() => {});
	723	},
	724	/** 导出按钮操作 */
	725	handleExport() {
	726	this.download('bis/buildBase/export', {
	727	...this.queryParams
	728	}, `buildBase_${new Date().getTime()}.xlsx`)
	729	}
	730	}
	731	};
	732	</script>