中国算力平台算力登记系统2.0
yanzhaofeige
3 days ago 5cc82f45d73865489cc39e5ffbf521bf4279ec53
commit | author | age
5cc82f 1 <template>
Y 2   <div class="app-container">
3     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
4       <el-form-item label="在建转过来的表ID" prop="buildId">
5         <el-input
6           v-model="queryParams.buildId"
7           placeholder="请输入在建转过来的表ID"
8           clearable
9           @keyup.enter.native="handleQuery"
10         />
11       </el-form-item>
12       <el-form-item label="编号" prop="idcNo">
13         <el-input
14           v-model="queryParams.idcNo"
15           placeholder="请输入编号"
16           clearable
17           @keyup.enter.native="handleQuery"
18         />
19       </el-form-item>
20       <el-form-item label="规模类型" prop="type">
21         <el-select v-model="queryParams.type" placeholder="请选择规模类型" clearable>
22           <el-option
23             v-for="dict in dict.type.idc_scale_type"
24             :key="dict.value"
25             :label="dict.label"
26             :value="dict.value"
27           />
28         </el-select>
29       </el-form-item>
30       <el-form-item label="业务类型" prop="businessType">
31         <el-select v-model="queryParams.businessType" placeholder="请选择业务类型" clearable>
32           <el-option
33             v-for="dict in dict.type.idc_business_type"
34             :key="dict.value"
35             :label="dict.label"
36             :value="dict.value"
37           />
38         </el-select>
39       </el-form-item>
40       <el-form-item label="设计机架数" prop="frameNum">
41         <el-input
42           v-model="queryParams.frameNum"
43           placeholder="请输入设计机架数"
44           clearable
45           @keyup.enter.native="handleQuery"
46         />
47       </el-form-item>
48       <el-form-item label="设计机架功率" prop="framePower">
49         <el-input
50           v-model="queryParams.framePower"
51           placeholder="请输入设计机架功率"
52           clearable
53           @keyup.enter.native="handleQuery"
54         />
55       </el-form-item>
56       <el-form-item label="名称" prop="name">
57         <el-input
58           v-model="queryParams.name"
59           placeholder="请输入名称"
60           clearable
61           @keyup.enter.native="handleQuery"
62         />
63       </el-form-item>
64       <el-form-item label="省" prop="province">
65         <el-input
66           v-model="queryParams.province"
67           placeholder="请输入省"
68           clearable
69           @keyup.enter.native="handleQuery"
70         />
71       </el-form-item>
72       <el-form-item label="市" prop="city">
73         <el-input
74           v-model="queryParams.city"
75           placeholder="请输入市"
76           clearable
77           @keyup.enter.native="handleQuery"
78         />
79       </el-form-item>
80       <el-form-item label="区、县" prop="area">
81         <el-input
82           v-model="queryParams.area"
83           placeholder="请输入区、县"
84           clearable
85           @keyup.enter.native="handleQuery"
86         />
87       </el-form-item>
88       <el-form-item label="地址" prop="address">
89         <el-input
90           v-model="queryParams.address"
91           placeholder="请输入地址"
92           clearable
93           @keyup.enter.native="handleQuery"
94         />
95       </el-form-item>
96       <el-form-item label="补充地址" prop="addressExt">
97         <el-input
98           v-model="queryParams.addressExt"
99           placeholder="请输入补充地址"
100           clearable
101           @keyup.enter.native="handleQuery"
102         />
103       </el-form-item>
104       <el-form-item label="机楼" prop="building">
105         <el-input
106           v-model="queryParams.building"
107           placeholder="请输入机楼"
108           clearable
109           @keyup.enter.native="handleQuery"
110         />
111       </el-form-item>
112       <el-form-item label="运营主体统一社会信用代码" prop="creditCode">
113         <el-input
114           v-model="queryParams.creditCode"
115           placeholder="请输入运营主体统一社会信用代码"
116           clearable
117           @keyup.enter.native="handleQuery"
118         />
119       </el-form-item>
120       <el-form-item label="运营主体" prop="mainbody">
121         <el-input
122           v-model="queryParams.mainbody"
123           placeholder="请输入运营主体"
124           clearable
125           @keyup.enter.native="handleQuery"
126         />
127       </el-form-item>
128       <el-form-item label="运营公司总公司" prop="mainbodyHeader">
129         <el-select v-model="queryParams.mainbodyHeader" placeholder="请选择运营公司总公司" clearable>
130           <el-option
131             v-for="dict in dict.type.idc_base_mainbody_header"
132             :key="dict.value"
133             :label="dict.label"
134             :value="dict.value"
135           />
136         </el-select>
137       </el-form-item>
138       <el-form-item label="运营主体类型" prop="mainbodyType">
139         <el-select v-model="queryParams.mainbodyType" placeholder="请选择运营主体类型" clearable>
140           <el-option
141             v-for="dict in dict.type.idc_base_mainbody_type"
142             :key="dict.value"
143             :label="dict.label"
144             :value="dict.value"
145           />
146         </el-select>
147       </el-form-item>
148       <el-form-item label="建设初始投资" prop="investment">
149         <el-input
150           v-model="queryParams.investment"
151           placeholder="请输入建设初始投资"
152           clearable
153           @keyup.enter.native="handleQuery"
154         />
155       </el-form-item>
156       <el-form-item label="投产时间" prop="productionTime">
157         <el-date-picker clearable
158           v-model="queryParams.productionTime"
159           type="date"
160           value-format="yyyy-MM-dd"
161           placeholder="请选择投产时间">
162         </el-date-picker>
163       </el-form-item>
164       <el-form-item label="建设等级/标准" prop="dcBuildingLevel">
165         <el-input
166           v-model="queryParams.dcBuildingLevel"
167           placeholder="请输入建设等级/标准"
168           clearable
169           @keyup.enter.native="handleQuery"
170         />
171       </el-form-item>
172       <el-form-item label="数据中心总设计面积" prop="dcAllArea">
173         <el-input
174           v-model="queryParams.dcAllArea"
175           placeholder="请输入数据中心总设计面积"
176           clearable
177           @keyup.enter.native="handleQuery"
178         />
179       </el-form-item>
180       <el-form-item label="IT机房面积" prop="dcItArea">
181         <el-input
182           v-model="queryParams.dcItArea"
183           placeholder="请输入IT机房面积"
184           clearable
185           @keyup.enter.native="handleQuery"
186         />
187       </el-form-item>
188       <el-form-item label="建筑形式" prop="buildingType">
189         <el-select v-model="queryParams.buildingType" placeholder="请选择建筑形式" clearable>
190           <el-option
191             v-for="dict in dict.type.idc_base_building_type"
192             :key="dict.value"
193             :label="dict.label"
194             :value="dict.value"
195           />
196         </el-select>
197       </el-form-item>
198       <el-form-item label="市电引入方式" prop="cityElectricityType">
199         <el-select v-model="queryParams.cityElectricityType" placeholder="请选择市电引入方式" clearable>
200           <el-option
201             v-for="dict in dict.type.idc_city_electricity_type"
202             :key="dict.value"
203             :label="dict.label"
204             :value="dict.value"
205           />
206         </el-select>
207       </el-form-item>
208       <el-form-item label="市电引入方式,其它" prop="cityElectricityTypeOther">
209         <el-input
210           v-model="queryParams.cityElectricityTypeOther"
211           placeholder="请输入市电引入方式,其它"
212           clearable
213           @keyup.enter.native="handleQuery"
214         />
215       </el-form-item>
216       <el-form-item label="总配电量(KWA)" prop="powerDistribution">
217         <el-input
218           v-model="queryParams.powerDistribution"
219           placeholder="请输入总配电量(KWA)"
220           clearable
221           @keyup.enter.native="handleQuery"
222         />
223       </el-form-item>
224       <el-form-item label="用电类型" prop="electricityType">
225         <el-select v-model="queryParams.electricityType" placeholder="请选择用电类型" clearable>
226           <el-option
227             v-for="dict in dict.type.idc_electricity_type"
228             :key="dict.value"
229             :label="dict.label"
230             :value="dict.value"
231           />
232         </el-select>
233       </el-form-item>
234       <el-form-item label="用电类型_其它" prop="electricityTypeOther">
235         <el-input
236           v-model="queryParams.electricityTypeOther"
237           placeholder="请输入用电类型_其它"
238           clearable
239           @keyup.enter.native="handleQuery"
240         />
241       </el-form-item>
242       <el-form-item label="设计PUE" prop="pueDesign">
243         <el-input
244           v-model="queryParams.pueDesign"
245           placeholder="请输入设计PUE"
246           clearable
247           @keyup.enter.native="handleQuery"
248         />
249       </el-form-item>
250       <el-form-item label="设计全年用水量" prop="waterDesign">
251         <el-input
252           v-model="queryParams.waterDesign"
253           placeholder="请输入设计全年用水量"
254           clearable
255           @keyup.enter.native="handleQuery"
256         />
257       </el-form-item>
258       <el-form-item label="接入网络级别" prop="netLevel">
259         <el-select v-model="queryParams.netLevel" placeholder="请选择接入网络级别" clearable>
260           <el-option
261             v-for="dict in dict.type.idc_net_level"
262             :key="dict.value"
263             :label="dict.label"
264             :value="dict.value"
265           />
266         </el-select>
267       </el-form-item>
268       <el-form-item label="链接的运营商" prop="netOperator">
269         <el-select v-model="queryParams.netOperator" placeholder="请选择链接的运营商" clearable>
270           <el-option
271             v-for="dict in dict.type.idc_net_operator"
272             :key="dict.value"
273             :label="dict.label"
274             :value="dict.value"
275           />
276         </el-select>
277       </el-form-item>
278       <el-form-item label="链接的运营商_其它" prop="netOperatorOther">
279         <el-input
280           v-model="queryParams.netOperatorOther"
281           placeholder="请输入链接的运营商_其它"
282           clearable
283           @keyup.enter.native="handleQuery"
284         />
285       </el-form-item>
286       <el-form-item label="制冷方式" prop="airRefrigerationType">
287         <el-select v-model="queryParams.airRefrigerationType" placeholder="请选择制冷方式" clearable>
288           <el-option
289             v-for="dict in dict.type.idc_air_refrigeration_type"
290             :key="dict.value"
291             :label="dict.label"
292             :value="dict.value"
293           />
294         </el-select>
295       </el-form-item>
296       <el-form-item label="制冷方式_其它" prop="airRefrigerationTypeOther">
297         <el-input
298           v-model="queryParams.airRefrigerationTypeOther"
299           placeholder="请输入制冷方式_其它"
300           clearable
301           @keyup.enter.native="handleQuery"
302         />
303       </el-form-item>
304       <el-form-item label="排序" prop="sort">
305         <el-input
306           v-model="queryParams.sort"
307           placeholder="请输入排序"
308           clearable
309           @keyup.enter.native="handleQuery"
310         />
311       </el-form-item>
312       <el-form-item label="状态" prop="state">
313         <el-select v-model="queryParams.state" placeholder="请选择状态" clearable>
314           <el-option
315             v-for="dict in dict.type.idc_process_status"
316             :key="dict.value"
317             :label="dict.label"
318             :value="dict.value"
319           />
320         </el-select>
321       </el-form-item>
322       <el-form-item label="是否可用" prop="isEnable">
323         <el-input
324           v-model="queryParams.isEnable"
325           placeholder="请输入是否可用"
326           clearable
327           @keyup.enter.native="handleQuery"
328         />
329       </el-form-item>
330       <el-form-item label="创建者" prop="createUser">
331         <el-input
332           v-model="queryParams.createUser"
333           placeholder="请输入创建者"
334           clearable
335           @keyup.enter.native="handleQuery"
336         />
337       </el-form-item>
338       <el-form-item label="更新者" prop="updateUser">
339         <el-input
340           v-model="queryParams.updateUser"
341           placeholder="请输入更新者"
342           clearable
343           @keyup.enter.native="handleQuery"
344         />
345       </el-form-item>
346       <el-form-item>
347         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
348         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
349       </el-form-item>
350     </el-form>
351
352     <el-row :gutter="10" class="mb8">
353       <el-col :span="1.5">
354         <el-button
355           type="primary"
356           plain
357           icon="el-icon-plus"
358           size="mini"
359           @click="handleAdd"
360           v-hasPermi="['bis:useBase:add']"
361         >新增</el-button>
362       </el-col>
363       <el-col :span="1.5">
364         <el-button
365           type="success"
366           plain
367           icon="el-icon-edit"
368           size="mini"
369           :disabled="single"
370           @click="handleUpdate"
371           v-hasPermi="['bis:useBase:edit']"
372         >修改</el-button>
373       </el-col>
374       <el-col :span="1.5">
375         <el-button
376           type="danger"
377           plain
378           icon="el-icon-delete"
379           size="mini"
380           :disabled="multiple"
381           @click="handleDelete"
382           v-hasPermi="['bis:useBase:remove']"
383         >删除</el-button>
384       </el-col>
385       <el-col :span="1.5">
386         <el-button
387           type="warning"
388           plain
389           icon="el-icon-download"
390           size="mini"
391           @click="handleExport"
392           v-hasPermi="['bis:useBase:export']"
393         >导出</el-button>
394       </el-col>
395       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
396     </el-row>
397
398     <el-table v-loading="loading" :data="useBaseList" @selection-change="handleSelectionChange">
399       <el-table-column type="selection" width="55" align="center" />
400       <el-table-column label="序号" align="center" prop="id" />
401       <el-table-column label="在建转过来的表ID" align="center" prop="buildId" />
402       <el-table-column label="编号" align="center" prop="idcNo" />
403       <el-table-column label="规模类型" align="center" prop="type">
404         <template slot-scope="scope">
405           <dict-tag :options="dict.type.idc_scale_type" :value="scope.row.type"/>
406         </template>
407       </el-table-column>
408       <el-table-column label="业务类型" align="center" prop="businessType">
409         <template slot-scope="scope">
410           <dict-tag :options="dict.type.idc_business_type" :value="scope.row.businessType"/>
411         </template>
412       </el-table-column>
413       <el-table-column label="设计机架数" align="center" prop="frameNum" />
414       <el-table-column label="设计机架功率" align="center" prop="framePower" />
415       <el-table-column label="名称" align="center" prop="name" />
416       <el-table-column label="省" align="center" prop="province" />
417       <el-table-column label="市" align="center" prop="city" />
418       <el-table-column label="区、县" align="center" prop="area" />
419       <el-table-column label="地址" align="center" prop="address" />
420       <el-table-column label="补充地址" align="center" prop="addressExt" />
421       <el-table-column label="机楼" align="center" prop="building" />
422       <el-table-column label="运营主体统一社会信用代码" align="center" prop="creditCode" />
423       <el-table-column label="运营主体" align="center" prop="mainbody" />
424       <el-table-column label="运营公司总公司" align="center" prop="mainbodyHeader">
425         <template slot-scope="scope">
426           <dict-tag :options="dict.type.idc_base_mainbody_header" :value="scope.row.mainbodyHeader"/>
427         </template>
428       </el-table-column>
429       <el-table-column label="运营主体类型" align="center" prop="mainbodyType">
430         <template slot-scope="scope">
431           <dict-tag :options="dict.type.idc_base_mainbody_type" :value="scope.row.mainbodyType"/>
432         </template>
433       </el-table-column>
434       <el-table-column label="建设初始投资" align="center" prop="investment" />
435       <el-table-column label="投产时间" align="center" prop="productionTime" width="180">
436         <template slot-scope="scope">
437           <span>{{ parseTime(scope.row.productionTime, '{y}-{m}-{d}') }}</span>
438         </template>
439       </el-table-column>
440       <el-table-column label="建设等级/标准" align="center" prop="dcBuildingLevel" />
441       <el-table-column label="数据中心总设计面积" align="center" prop="dcAllArea" />
442       <el-table-column label="IT机房面积" align="center" prop="dcItArea" />
443       <el-table-column label="建筑形式" align="center" prop="buildingType">
444         <template slot-scope="scope">
445           <dict-tag :options="dict.type.idc_base_building_type" :value="scope.row.buildingType"/>
446         </template>
447       </el-table-column>
448       <el-table-column label="市电引入方式" align="center" prop="cityElectricityType">
449         <template slot-scope="scope">
450           <dict-tag :options="dict.type.idc_city_electricity_type" :value="scope.row.cityElectricityType"/>
451         </template>
452       </el-table-column>
453       <el-table-column label="市电引入方式,其它" align="center" prop="cityElectricityTypeOther" />
454       <el-table-column label="总配电量(KWA)" align="center" prop="powerDistribution" />
455       <el-table-column label="用电类型" align="center" prop="electricityType">
456         <template slot-scope="scope">
457           <dict-tag :options="dict.type.idc_electricity_type" :value="scope.row.electricityType"/>
458         </template>
459       </el-table-column>
460       <el-table-column label="用电类型_其它" align="center" prop="electricityTypeOther" />
461       <el-table-column label="设计PUE" align="center" prop="pueDesign" />
462       <el-table-column label="设计全年用水量" align="center" prop="waterDesign" />
463       <el-table-column label="接入网络级别" align="center" prop="netLevel">
464         <template slot-scope="scope">
465           <dict-tag :options="dict.type.idc_net_level" :value="scope.row.netLevel"/>
466         </template>
467       </el-table-column>
468       <el-table-column label="链接的运营商" align="center" prop="netOperator">
469         <template slot-scope="scope">
470           <dict-tag :options="dict.type.idc_net_operator" :value="scope.row.netOperator"/>
471         </template>
472       </el-table-column>
473       <el-table-column label="链接的运营商_其它" align="center" prop="netOperatorOther" />
474       <el-table-column label="制冷方式" align="center" prop="airRefrigerationType">
475         <template slot-scope="scope">
476           <dict-tag :options="dict.type.idc_air_refrigeration_type" :value="scope.row.airRefrigerationType"/>
477         </template>
478       </el-table-column>
479       <el-table-column label="制冷方式_其它" align="center" prop="airRefrigerationTypeOther" />
480       <el-table-column label="排序" align="center" prop="sort" />
481       <el-table-column label="反馈信息" align="center" prop="message" />
482       <el-table-column label="状态" align="center" prop="state">
483         <template slot-scope="scope">
484           <dict-tag :options="dict.type.idc_process_status" :value="scope.row.state"/>
485         </template>
486       </el-table-column>
487       <el-table-column label="是否可用" align="center" prop="isEnable">
488         <template slot-scope="scope">
489           <dict-tag :options="dict.type.idc_yes_no" :value="scope.row.isEnable"/>
490         </template>
491       </el-table-column>
492       <el-table-column label="创建者" align="center" prop="createUser" />
493       <el-table-column label="更新者" align="center" prop="updateUser" />
494       <el-table-column label="管理员备注及信息反馈" align="center" prop="remark" />
495       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
496         <template slot-scope="scope">
497           <el-button
498             size="mini"
499             type="text"
500             icon="el-icon-edit"
501             @click="handleUpdate(scope.row)"
502             v-hasPermi="['bis:useBase:edit']"
503           >修改</el-button>
504           <el-button
505             size="mini"
506             type="text"
507             icon="el-icon-delete"
508             @click="handleDelete(scope.row)"
509             v-hasPermi="['bis:useBase:remove']"
510           >删除</el-button>
511         </template>
512       </el-table-column>
513     </el-table>
514     
515     <pagination
516       v-show="total>0"
517       :total="total"
518       :page.sync="queryParams.pageNum"
519       :limit.sync="queryParams.pageSize"
520       @pagination="getList"
521     />
522
523     <!-- 添加或修改在用数据中心对话框 -->
524     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
525       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
526         <el-form-item label="在建转过来的表ID" prop="buildId">
527           <el-input v-model="form.buildId" placeholder="请输入在建转过来的表ID" />
528         </el-form-item>
529         <el-form-item label="编号" prop="idcNo">
530           <el-input v-model="form.idcNo" placeholder="请输入编号" />
531         </el-form-item>
532         <el-form-item label="规模类型" prop="type">
533           <el-radio-group v-model="form.type">
534             <el-radio
535               v-for="dict in dict.type.idc_scale_type"
536               :key="dict.value"
537               :label="parseInt(dict.value)"
538             >{{dict.label}}</el-radio>
539           </el-radio-group>
540         </el-form-item>
541         <el-form-item label="业务类型" prop="businessType">
542           <el-radio-group v-model="form.businessType">
543             <el-radio
544               v-for="dict in dict.type.idc_business_type"
545               :key="dict.value"
546               :label="parseInt(dict.value)"
547             >{{dict.label}}</el-radio>
548           </el-radio-group>
549         </el-form-item>
550         <el-form-item label="设计机架数" prop="frameNum">
551           <el-input v-model="form.frameNum" placeholder="请输入设计机架数" />
552         </el-form-item>
553         <el-form-item label="设计机架功率" prop="framePower">
554           <el-input v-model="form.framePower" placeholder="请输入设计机架功率" />
555         </el-form-item>
556         <el-form-item label="名称" prop="name">
557           <el-input v-model="form.name" placeholder="请输入名称" />
558         </el-form-item>
559         <el-form-item label="省" prop="province">
560           <el-input v-model="form.province" placeholder="请输入省" />
561         </el-form-item>
562         <el-form-item label="市" prop="city">
563           <el-input v-model="form.city" placeholder="请输入市" />
564         </el-form-item>
565         <el-form-item label="区、县" prop="area">
566           <el-input v-model="form.area" placeholder="请输入区、县" />
567         </el-form-item>
568         <el-form-item label="地址" prop="address">
569           <el-input v-model="form.address" placeholder="请输入地址" />
570         </el-form-item>
571         <el-form-item label="补充地址" prop="addressExt">
572           <el-input v-model="form.addressExt" placeholder="请输入补充地址" />
573         </el-form-item>
574         <el-form-item label="机楼" prop="building">
575           <el-input v-model="form.building" placeholder="请输入机楼" />
576         </el-form-item>
577         <el-form-item label="运营主体统一社会信用代码" prop="creditCode">
578           <el-input v-model="form.creditCode" placeholder="请输入运营主体统一社会信用代码" />
579         </el-form-item>
580         <el-form-item label="运营主体" prop="mainbody">
581           <el-input v-model="form.mainbody" placeholder="请输入运营主体" />
582         </el-form-item>
583         <el-form-item label="运营公司总公司" prop="mainbodyHeader">
584           <el-select v-model="form.mainbodyHeader" placeholder="请选择运营公司总公司">
585             <el-option
586               v-for="dict in dict.type.idc_base_mainbody_header"
587               :key="dict.value"
588               :label="dict.label"
589               :value="dict.value"
590             ></el-option>
591           </el-select>
592         </el-form-item>
593         <el-form-item label="运营主体类型" prop="mainbodyType">
594           <el-select v-model="form.mainbodyType" placeholder="请选择运营主体类型">
595             <el-option
596               v-for="dict in dict.type.idc_base_mainbody_type"
597               :key="dict.value"
598               :label="dict.label"
599               :value="dict.value"
600             ></el-option>
601           </el-select>
602         </el-form-item>
603         <el-form-item label="建设初始投资" prop="investment">
604           <el-input v-model="form.investment" placeholder="请输入建设初始投资" />
605         </el-form-item>
606         <el-form-item label="投产时间" prop="productionTime">
607           <el-date-picker clearable
608             v-model="form.productionTime"
609             type="date"
610             value-format="yyyy-MM-dd"
611             placeholder="请选择投产时间">
612           </el-date-picker>
613         </el-form-item>
614         <el-form-item label="建设等级/标准" prop="dcBuildingLevel">
615           <el-input v-model="form.dcBuildingLevel" placeholder="请输入建设等级/标准" />
616         </el-form-item>
617         <el-form-item label="数据中心总设计面积" prop="dcAllArea">
618           <el-input v-model="form.dcAllArea" placeholder="请输入数据中心总设计面积" />
619         </el-form-item>
620         <el-form-item label="IT机房面积" prop="dcItArea">
621           <el-input v-model="form.dcItArea" placeholder="请输入IT机房面积" />
622         </el-form-item>
623         <el-form-item label="建筑形式" prop="buildingType">
624           <el-select v-model="form.buildingType" placeholder="请选择建筑形式">
625             <el-option
626               v-for="dict in dict.type.idc_base_building_type"
627               :key="dict.value"
628               :label="dict.label"
629               :value="dict.value"
630             ></el-option>
631           </el-select>
632         </el-form-item>
633         <el-form-item label="市电引入方式" prop="cityElectricityType">
634           <el-select v-model="form.cityElectricityType" placeholder="请选择市电引入方式">
635             <el-option
636               v-for="dict in dict.type.idc_city_electricity_type"
637               :key="dict.value"
638               :label="dict.label"
639               :value="dict.value"
640             ></el-option>
641           </el-select>
642         </el-form-item>
643         <el-form-item label="市电引入方式,其它" prop="cityElectricityTypeOther">
644           <el-input v-model="form.cityElectricityTypeOther" placeholder="请输入市电引入方式,其它" />
645         </el-form-item>
646         <el-form-item label="总配电量(KWA)" prop="powerDistribution">
647           <el-input v-model="form.powerDistribution" placeholder="请输入总配电量(KWA)" />
648         </el-form-item>
649         <el-form-item label="用电类型" prop="electricityType">
650           <el-select v-model="form.electricityType" placeholder="请选择用电类型">
651             <el-option
652               v-for="dict in dict.type.idc_electricity_type"
653               :key="dict.value"
654               :label="dict.label"
655               :value="dict.value"
656             ></el-option>
657           </el-select>
658         </el-form-item>
659         <el-form-item label="用电类型_其它" prop="electricityTypeOther">
660           <el-input v-model="form.electricityTypeOther" placeholder="请输入用电类型_其它" />
661         </el-form-item>
662         <el-form-item label="设计PUE" prop="pueDesign">
663           <el-input v-model="form.pueDesign" placeholder="请输入设计PUE" />
664         </el-form-item>
665         <el-form-item label="设计全年用水量" prop="waterDesign">
666           <el-input v-model="form.waterDesign" placeholder="请输入设计全年用水量" />
667         </el-form-item>
668         <el-form-item label="接入网络级别" prop="netLevel">
669           <el-radio-group v-model="form.netLevel">
670             <el-radio
671               v-for="dict in dict.type.idc_net_level"
672               :key="dict.value"
673               :label="dict.value"
674             >{{dict.label}}</el-radio>
675           </el-radio-group>
676         </el-form-item>
677         <el-form-item label="链接的运营商" prop="netOperator">
678           <el-select v-model="form.netOperator" placeholder="请选择链接的运营商">
679             <el-option
680               v-for="dict in dict.type.idc_net_operator"
681               :key="dict.value"
682               :label="dict.label"
683               :value="dict.value"
684             ></el-option>
685           </el-select>
686         </el-form-item>
687         <el-form-item label="链接的运营商_其它" prop="netOperatorOther">
688           <el-input v-model="form.netOperatorOther" placeholder="请输入链接的运营商_其它" />
689         </el-form-item>
690         <el-form-item label="制冷方式" prop="airRefrigerationType">
691           <el-select v-model="form.airRefrigerationType" placeholder="请选择制冷方式">
692             <el-option
693               v-for="dict in dict.type.idc_air_refrigeration_type"
694               :key="dict.value"
695               :label="dict.label"
696               :value="dict.value"
697             ></el-option>
698           </el-select>
699         </el-form-item>
700         <el-form-item label="制冷方式_其它" prop="airRefrigerationTypeOther">
701           <el-input v-model="form.airRefrigerationTypeOther" placeholder="请输入制冷方式_其它" />
702         </el-form-item>
703         <el-form-item label="排序" prop="sort">
704           <el-input v-model="form.sort" placeholder="请输入排序" />
705         </el-form-item>
706         <el-form-item label="反馈信息" prop="message">
707           <el-input v-model="form.message" type="textarea" placeholder="请输入内容" />
708         </el-form-item>
709         <el-form-item label="状态" prop="state">
710           <el-radio-group v-model="form.state">
711             <el-radio
712               v-for="dict in dict.type.idc_process_status"
713               :key="dict.value"
714               :label="parseInt(dict.value)"
715             >{{dict.label}}</el-radio>
716           </el-radio-group>
717         </el-form-item>
718         <el-form-item label="是否可用" prop="isEnable">
719           <el-input v-model="form.isEnable" placeholder="请输入是否可用" />
720         </el-form-item>
721         <el-form-item label="创建者" prop="createUser">
722           <el-input v-model="form.createUser" placeholder="请输入创建者" />
723         </el-form-item>
724         <el-form-item label="更新者" prop="updateUser">
725           <el-input v-model="form.updateUser" placeholder="请输入更新者" />
726         </el-form-item>
727         <el-form-item label="管理员备注及信息反馈" prop="remark">
728           <el-input v-model="form.remark" placeholder="请输入管理员备注及信息反馈" />
729         </el-form-item>
730       </el-form>
731       <div slot="footer" class="dialog-footer">
732         <el-button type="primary" @click="submitForm">确 定</el-button>
733         <el-button @click="cancel">取 消</el-button>
734       </div>
735     </el-dialog>
736   </div>
737 </template>
738
739 <script>
740 import { listUseBase, getUseBase, delUseBase, addUseBase, updateUseBase } from "@/api/bis/useBase";
741
742 export default {
743   name: "UseBase",
744   dicts: ['idc_electricity_type', 'idc_base_mainbody_header', 'idc_business_type', 'idc_base_mainbody_type', 'idc_scale_type', 'idc_process_status', 'idc_air_refrigeration_type', 'idc_net_operator', 'idc_base_building_type', 'idc_city_electricity_type', 'idc_net_level'],
745   data() {
746     return {
747       // 遮罩层
748       loading: true,
749       // 选中数组
750       ids: [],
751       // 非单个禁用
752       single: true,
753       // 非多个禁用
754       multiple: true,
755       // 显示搜索条件
756       showSearch: true,
757       // 总条数
758       total: 0,
759       // 在用数据中心表格数据
760       useBaseList: [],
761       // 弹出层标题
762       title: "",
763       // 是否显示弹出层
764       open: false,
765       // 查询参数
766       queryParams: {
767         pageNum: 1,
768         pageSize: 10,
769         buildId: null,
770         idcNo: null,
771         type: null,
772         businessType: null,
773         frameNum: null,
774         framePower: null,
775         name: null,
776         province: null,
777         city: null,
778         area: null,
779         address: null,
780         addressExt: null,
781         building: null,
782         creditCode: null,
783         mainbody: null,
784         mainbodyHeader: null,
785         mainbodyType: null,
786         investment: null,
787         productionTime: null,
788         dcBuildingLevel: null,
789         dcAllArea: null,
790         dcItArea: null,
791         buildingType: null,
792         cityElectricityType: null,
793         cityElectricityTypeOther: null,
794         powerDistribution: null,
795         electricityType: null,
796         electricityTypeOther: null,
797         pueDesign: null,
798         waterDesign: null,
799         netLevel: null,
800         netOperator: null,
801         netOperatorOther: null,
802         airRefrigerationType: null,
803         airRefrigerationTypeOther: null,
804         sort: null,
805         message: null,
806         state: null,
807         isEnable: null,
808         createUser: null,
809         updateUser: null,
810       },
811       // 表单参数
812       form: {},
813       // 表单校验
814       rules: {
815         type: [
816           { required: true, message: "规模类型不能为空", trigger: "change" }
817         ],
818         businessType: [
819           { required: true, message: "业务类型不能为空", trigger: "change" }
820         ],
821         frameNum: [
822           { required: true, message: "设计机架数不能为空", trigger: "blur" }
823         ],
824         framePower: [
825           { required: true, message: "设计机架功率不能为空", trigger: "blur" }
826         ],
827         name: [
828           { required: true, message: "名称不能为空", trigger: "blur" }
829         ],
830         province: [
831           { required: true, message: "省不能为空", trigger: "blur" }
832         ],
833         city: [
834           { required: true, message: "市不能为空", trigger: "blur" }
835         ],
836         area: [
837           { required: true, message: "区、县不能为空", trigger: "blur" }
838         ],
839         address: [
840           { required: true, message: "地址不能为空", trigger: "blur" }
841         ],
842         addressExt: [
843           { required: true, message: "补充地址不能为空", trigger: "blur" }
844         ],
845         building: [
846           { required: true, message: "机楼不能为空", trigger: "blur" }
847         ],
848         creditCode: [
849           { required: true, message: "运营主体统一社会信用代码不能为空", trigger: "blur" }
850         ],
851         mainbody: [
852           { required: true, message: "运营主体不能为空", trigger: "blur" }
853         ],
854         mainbodyHeader: [
855           { required: true, message: "运营公司总公司不能为空", trigger: "change" }
856         ],
857         mainbodyType: [
858           { required: true, message: "运营主体类型不能为空", trigger: "change" }
859         ],
860         productionTime: [
861           { required: true, message: "投产时间不能为空", trigger: "blur" }
862         ],
863         dcBuildingLevel: [
864           { required: true, message: "建设等级/标准不能为空", trigger: "blur" }
865         ],
866         dcAllArea: [
867           { required: true, message: "数据中心总设计面积不能为空", trigger: "blur" }
868         ],
869         dcItArea: [
870           { required: true, message: "IT机房面积不能为空", trigger: "blur" }
871         ],
872         buildingType: [
873           { required: true, message: "建筑形式不能为空", trigger: "change" }
874         ],
875         cityElectricityType: [
876           { required: true, message: "市电引入方式不能为空", trigger: "change" }
877         ],
878         cityElectricityTypeOther: [
879           { required: true, message: "市电引入方式,其它不能为空", trigger: "blur" }
880         ],
881         powerDistribution: [
882           { required: true, message: "总配电量(KWA)不能为空", trigger: "blur" }
883         ],
884         electricityType: [
885           { required: true, message: "用电类型不能为空", trigger: "change" }
886         ],
887         electricityTypeOther: [
888           { required: true, message: "用电类型_其它不能为空", trigger: "blur" }
889         ],
890         pueDesign: [
891           { required: true, message: "设计PUE不能为空", trigger: "blur" }
892         ],
893         waterDesign: [
894           { required: true, message: "设计全年用水量不能为空", trigger: "blur" }
895         ],
896         netLevel: [
897           { required: true, message: "接入网络级别不能为空", trigger: "change" }
898         ],
899         netOperator: [
900           { required: true, message: "链接的运营商不能为空", trigger: "change" }
901         ],
902         netOperatorOther: [
903           { required: true, message: "链接的运营商_其它不能为空", trigger: "blur" }
904         ],
905         airRefrigerationType: [
906           { required: true, message: "制冷方式不能为空", trigger: "change" }
907         ],
908         airRefrigerationTypeOther: [
909           { required: true, message: "制冷方式_其它不能为空", trigger: "blur" }
910         ],
911         createUser: [
912           { required: true, message: "创建者不能为空", trigger: "blur" }
913         ],
914       }
915     };
916   },
917   created() {
918     this.getList();
919   },
920   methods: {
921     /** 查询在用数据中心列表 */
922     getList() {
923       this.loading = true;
924       listUseBase(this.queryParams).then(response => {
925         this.useBaseList = response.rows;
926         this.total = response.total;
927         this.loading = false;
928       });
929     },
930     // 取消按钮
931     cancel() {
932       this.open = false;
933       this.reset();
934     },
935     // 表单重置
936     reset() {
937       this.form = {
938         id: null,
939         buildId: null,
940         idcNo: null,
941         type: null,
942         businessType: null,
943         frameNum: null,
944         framePower: null,
945         name: null,
946         province: null,
947         city: null,
948         area: null,
949         address: null,
950         addressExt: null,
951         building: null,
952         creditCode: null,
953         mainbody: null,
954         mainbodyHeader: null,
955         mainbodyType: null,
956         investment: null,
957         productionTime: null,
958         dcBuildingLevel: null,
959         dcAllArea: null,
960         dcItArea: null,
961         buildingType: null,
962         cityElectricityType: null,
963         cityElectricityTypeOther: null,
964         powerDistribution: null,
965         electricityType: null,
966         electricityTypeOther: null,
967         pueDesign: null,
968         waterDesign: null,
969         netLevel: null,
970         netOperator: null,
971         netOperatorOther: null,
972         airRefrigerationType: null,
973         airRefrigerationTypeOther: null,
974         sort: null,
975         message: null,
976         state: null,
977         isEnable: null,
978         createUser: null,
979         createTime: null,
980         updateUser: null,
981         updateTime: null,
982         remark: null
983       };
984       this.resetForm("form");
985     },
986     /** 搜索按钮操作 */
987     handleQuery() {
988       this.queryParams.pageNum = 1;
989       this.getList();
990     },
991     /** 重置按钮操作 */
992     resetQuery() {
993       this.resetForm("queryForm");
994       this.handleQuery();
995     },
996     // 多选框选中数据
997     handleSelectionChange(selection) {
998       this.ids = selection.map(item => item.id)
999       this.single = selection.length!==1
1000       this.multiple = !selection.length
1001     },
1002     /** 新增按钮操作 */
1003     handleAdd() {
1004       this.reset();
1005       this.open = true;
1006       this.title = "添加在用数据中心";
1007     },
1008     /** 修改按钮操作 */
1009     handleUpdate(row) {
1010       this.reset();
1011       const id = row.id || this.ids
1012       getUseBase(id).then(response => {
1013         this.form = response.data;
1014         this.open = true;
1015         this.title = "修改在用数据中心";
1016       });
1017     },
1018     /** 提交按钮 */
1019     submitForm() {
1020       this.$refs["form"].validate(valid => {
1021         if (valid) {
1022           if (this.form.id != null) {
1023             updateUseBase(this.form).then(response => {
1024               this.$modal.msgSuccess("修改成功");
1025               this.open = false;
1026               this.getList();
1027             });
1028           } else {
1029             addUseBase(this.form).then(response => {
1030               this.$modal.msgSuccess("新增成功");
1031               this.open = false;
1032               this.getList();
1033             });
1034           }
1035         }
1036       });
1037     },
1038     /** 删除按钮操作 */
1039     handleDelete(row) {
1040       const ids = row.id || this.ids;
1041       this.$modal.confirm('是否确认删除在用数据中心编号为"' + ids + '"的数据项?').then(function() {
1042         return delUseBase(ids);
1043       }).then(() => {
1044         this.getList();
1045         this.$modal.msgSuccess("删除成功");
1046       }).catch(() => {});
1047     },
1048     /** 导出按钮操作 */
1049     handleExport() {
1050       this.download('bis/useBase/export', {
1051         ...this.queryParams
1052       }, `useBase_${new Date().getTime()}.xlsx`)
1053     }
1054   }
1055 };
1056 </script>