From 0ae83a895e80a4b9777a27f613d721a7e5e2ac18 Mon Sep 17 00:00:00 2001
From: ali <ali9696@163.com>
Date: 星期二, 03 九月 2024 10:18:27 +0800
Subject: [PATCH] 整体样式修改
---
energy_management_ui/src/views/meter/implement/index.vue | 597 +++++++++++++++++++++++++++++++++++++----------------------
1 files changed, 373 insertions(+), 224 deletions(-)
diff --git a/energy_management_ui/src/views/meter/implement/index.vue b/energy_management_ui/src/views/meter/implement/index.vue
index b53624f..ca724a5 100644
--- a/energy_management_ui/src/views/meter/implement/index.vue
+++ b/energy_management_ui/src/views/meter/implement/index.vue
@@ -1,79 +1,98 @@
<template>
<div>
<basic-container>
- <el-form :model="queryParams" ref="queryForm" label-width="72px" class="special-form">
+ <el-form
+ :model="queryParams"
+ ref="queryForm"
+ label-width="72px"
+ class="special-form"
+ >
<el-row :gutter="24">
<el-col :span="6">
<el-form-item label="缂栫爜" prop="code">
<el-input
- v-model="queryParams.code"
- placeholder="璇疯緭鍏ョ紪鐮�"
- clearable
- size="small"
- @keyup.enter.native="handleQuery"
+ v-model="queryParams.code"
+ placeholder="璇疯緭鍏ョ紪鐮�"
+ clearable
+ size="small"
+ @keyup.enter.native="handleQuery"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="鍣ㄥ叿鍚嶇О" prop="meterName">
<el-input
- v-model="queryParams.meterName"
- placeholder="璇疯緭鍏ュ櫒鍏峰悕绉�"
- clearable
- size="small"
- @keyup.enter.native="handleQuery"
+ v-model="queryParams.meterName"
+ placeholder="璇疯緭鍏ュ櫒鍏峰悕绉�"
+ clearable
+ size="small"
+ @keyup.enter.native="handleQuery"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="绉嶇被" prop="meterType">
- <el-select v-model="queryParams.meterType" placeholder="璇烽�夋嫨绉嶇被" clearable size="small" style="width: 100%">
+ <el-select
+ v-model="queryParams.meterType"
+ placeholder="璇烽�夋嫨绉嶇被"
+ clearable
+ size="small"
+ style="width: 100%"
+ >
<el-option
- v-for="dict in meterTypeOptions"
- :key="dict.dictValue"
- :label="dict.dictLabel"
- :value="dict.dictValue"
+ v-for="dict in meterTypeOptions"
+ :key="dict.dictValue"
+ :label="dict.dictLabel"
+ :value="dict.dictValue"
/>
</el-select>
</el-form-item>
</el-col>
-<!-- <el-col :span="6">-->
-<!-- <el-form-item label="娴嬮噺鑼冨洿" prop="measureRange">-->
-<!-- <el-input-->
-<!-- v-model="queryParams.measureRange"-->
-<!-- placeholder="璇疯緭鍏ユ祴閲忚寖鍥�"-->
-<!-- clearable-->
-<!-- size="small"-->
-<!-- @keyup.enter.native="handleQuery"-->
-<!-- />-->
-<!-- </el-form-item>-->
-<!-- </el-col>-->
-<!-- <el-col :span="6">-->
-<!-- <el-form-item label="鐢熶骇鍘傚晢" prop="manufacturer">-->
-<!-- <el-input-->
-<!-- v-model="queryParams.manufacturer"-->
-<!-- placeholder="璇疯緭鍏ョ敓浜у巶鍟�"-->
-<!-- clearable-->
-<!-- size="small"-->
-<!-- @keyup.enter.native="handleQuery"-->
-<!-- />-->
-<!-- </el-form-item>-->
-<!-- </el-col>-->
-<!-- <el-col :span="6">-->
-<!-- <el-form-item label="瀹夎浣嶇疆" prop="installactionLocation">-->
-<!-- <el-input-->
-<!-- v-model="queryParams.installactionLocation"-->
-<!-- placeholder="璇疯緭鍏ュ畨瑁呬綅缃�"-->
-<!-- clearable-->
-<!-- size="small"-->
-<!-- @keyup.enter.native="handleQuery"-->
-<!-- />-->
-<!-- </el-form-item>-->
-<!-- </el-col>-->
+ <!-- <el-col :span="6">-->
+ <!-- <el-form-item label="娴嬮噺鑼冨洿" prop="measureRange">-->
+ <!-- <el-input-->
+ <!-- v-model="queryParams.measureRange"-->
+ <!-- placeholder="璇疯緭鍏ユ祴閲忚寖鍥�"-->
+ <!-- clearable-->
+ <!-- size="small"-->
+ <!-- @keyup.enter.native="handleQuery"-->
+ <!-- />-->
+ <!-- </el-form-item>-->
+ <!-- </el-col>-->
+ <!-- <el-col :span="6">-->
+ <!-- <el-form-item label="鐢熶骇鍘傚晢" prop="manufacturer">-->
+ <!-- <el-input-->
+ <!-- v-model="queryParams.manufacturer"-->
+ <!-- placeholder="璇疯緭鍏ョ敓浜у巶鍟�"-->
+ <!-- clearable-->
+ <!-- size="small"-->
+ <!-- @keyup.enter.native="handleQuery"-->
+ <!-- />-->
+ <!-- </el-form-item>-->
+ <!-- </el-col>-->
+ <!-- <el-col :span="6">-->
+ <!-- <el-form-item label="瀹夎浣嶇疆" prop="installactionLocation">-->
+ <!-- <el-input-->
+ <!-- v-model="queryParams.installactionLocation"-->
+ <!-- placeholder="璇疯緭鍏ュ畨瑁呬綅缃�"-->
+ <!-- clearable-->
+ <!-- size="small"-->
+ <!-- @keyup.enter.native="handleQuery"-->
+ <!-- />-->
+ <!-- </el-form-item>-->
+ <!-- </el-col>-->
<el-col :span="6">
<el-form-item class="operation">
- <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-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-col>
</el-row>
@@ -83,217 +102,323 @@
<el-row :gutter="10" class="mb8" style="margin-bottom: 19px">
<el-col :span="1.5">
<el-button
- type="primary"
- icon="el-icon-plus"
- size="mini"
- @click="handleAdd"
- v-hasPermi="['meter:implement:add']"
- >鏂板
+ type="primary"
+ icon="el-icon-plus"
+ size="mini"
+ @click="handleAdd"
+ v-hasPermi="['meter:implement:add']"
+ >鏂板
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
- type="success"
- icon="el-icon-edit"
- size="mini"
- :disabled="single"
- @click="handleUpdate"
- v-hasPermi="['meter:implement:edit']"
- >淇敼
+ type="success"
+ icon="el-icon-edit"
+ size="mini"
+ :disabled="single"
+ @click="handleUpdate"
+ v-hasPermi="['meter:implement:edit']"
+ >淇敼
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
- type="danger"
- icon="el-icon-delete"
- size="mini"
- :disabled="multiple"
- @click="handleDelete"
- v-hasPermi="['meter:implement:remove']"
- >鍒犻櫎
+ type="danger"
+ icon="el-icon-delete"
+ size="mini"
+ :disabled="multiple"
+ @click="handleDelete"
+ v-hasPermi="['meter:implement:remove']"
+ >鍒犻櫎
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
- type="warning"
- icon="el-icon-download"
- size="mini"
- @click="handleExport"
- v-hasPermi="['meter:implement:export']"
- >瀵煎嚭
+ type="warning"
+ icon="el-icon-download"
+ size="mini"
+ @click="handleExport"
+ v-hasPermi="['meter:implement:export']"
+ >瀵煎嚭
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
- type="info"
- icon="el-icon-upload2"
- size="mini"
- @click="handleImport"
- v-hasPermi="['meter:implement:import']"
- >瀵煎叆
+ type="info"
+ icon="el-icon-upload2"
+ size="mini"
+ @click="handleImport"
+ v-hasPermi="['meter:implement:import']"
+ >瀵煎叆
</el-button>
</el-col>
</el-row>
- <el-table v-loading="loading" :data="implementList" :height="height" @selection-change="handleSelectionChange">
- <el-table-column type="selection" width="55" align="center"/>
- <el-table-column label="缂栫爜" align="center" prop="code" show-overflow-tooltip/>
- <el-table-column label="鍣ㄥ叿鍚嶇О" align="center" prop="meterName" show-overflow-tooltip/>
- <el-table-column label="绉嶇被" align="center" prop="meterType" :formatter="meterTypeFormat" show-overflow-tooltip/>
- <el-table-column label="瑙勬牸鍨嬪彿" align="center" prop="modelNumber" show-overflow-tooltip/>
- <el-table-column label="娴嬮噺鑼冨洿" align="center" prop="measureRange" show-overflow-tooltip/>
- <el-table-column label="鐢熶骇鍘傚晢" align="center" prop="manufacturer" show-overflow-tooltip/>
- <el-table-column label="瀹夎浣嶇疆" align="center" prop="installactionLocation" show-overflow-tooltip/>
- <el-table-column label="鐘舵��" align="center" prop="meterStatus" :formatter="meterStatusFormat" show-overflow-tooltip/>
- <el-table-column label="鎿嶄綔" align="center" width="240" class-name="small-padding fixed-width">
+ <el-table
+ v-loading="loading"
+ :data="implementList"
+ :height="height"
+ @selection-change="handleSelectionChange"
+ >
+ <el-table-column type="selection" width="55" align="center" />
+ <el-table-column
+ label="缂栫爜"
+ align="center"
+ prop="code"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ label="鍣ㄥ叿鍚嶇О"
+ align="center"
+ prop="meterName"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ label="绉嶇被"
+ align="center"
+ prop="meterType"
+ :formatter="meterTypeFormat"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ label="瑙勬牸鍨嬪彿"
+ align="center"
+ prop="modelNumber"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ label="娴嬮噺鑼冨洿"
+ align="center"
+ prop="measureRange"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ label="鐢熶骇鍘傚晢"
+ align="center"
+ prop="manufacturer"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ label="瀹夎浣嶇疆"
+ align="center"
+ prop="installactionLocation"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ label="鐘舵��"
+ align="center"
+ prop="meterStatus"
+ :formatter="meterStatusFormat"
+ show-overflow-tooltip
+ />
+ <el-table-column
+ label="鎿嶄綔"
+ align="center"
+ width="240"
+ class-name="small-padding fixed-width"
+ >
<template slot-scope="scope">
<el-button
- size="mini"
- type="text"
- icon="el-icon-edit"
- @click="openImportFileTable(scope.row)"
- v-hasPermi="['tool:gen:import']"
- >闄勪欢
+ size="mini"
+ type="text"
+ icon="el-icon-edit"
+ @click="openImportFileTable(scope.row)"
+ v-hasPermi="['tool:gen:import']"
+ >闄勪欢
</el-button>
<el-button
- size="mini"
- type="text"
- icon="el-icon-edit"
- @click="openImportIndexTable(scope.row)"
- v-hasPermi="['']"
- >鎸囨爣
+ size="mini"
+ type="text"
+ icon="el-icon-edit"
+ @click="openImportIndexTable(scope.row)"
+ v-hasPermi="['']"
+ >鎸囨爣
</el-button>
<el-button
- size="mini"
- type="text"
- icon="el-icon-edit"
- @click="handleUpdate(scope.row)"
- v-hasPermi="['meter:implement:edit']"
- >淇敼
+ size="mini"
+ type="text"
+ icon="el-icon-edit"
+ @click="handleUpdate(scope.row)"
+ v-hasPermi="['meter:implement:edit']"
+ >淇敼
</el-button>
<el-button
- size="mini"
- type="text"
- icon="el-icon-delete"
- @click="handleDelete(scope.row)"
- v-hasPermi="['meter:implement:remove']"
- >鍒犻櫎
+ size="mini"
+ type="text"
+ icon="el-icon-delete"
+ @click="handleDelete(scope.row)"
+ v-hasPermi="['meter:implement:remove']"
+ >鍒犻櫎
</el-button>
</template>
</el-table-column>
</el-table>
<pagination
- :total="total"
- :page.sync="queryParams.pageNum"
- :limit.sync="queryParams.pageSize"
- @pagination="getList"
+ :total="total"
+ :page.sync="queryParams.pageNum"
+ :limit.sync="queryParams.pageSize"
+ @pagination="getList"
/>
</basic-container>
<!-- 娣诲姞鎴栦慨鏀硅閲忓櫒鍏锋。妗堢淮鎶ゅ璇濇 -->
- <el-dialog :title="title" :visible.sync="open" width="820px" class="dialog-form-row">
+ <el-dialog
+ :title="title"
+ :visible.sync="open"
+ width="820px"
+ class="dialog-form-row"
+ >
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-row :gutter="24">
<el-col :span="8">
<el-form-item label="缂栫爜" prop="code" label-width="110px">
- <el-input v-model="form.code" placeholder="璇疯緭鍏ョ紪鐮�"/>
+ <el-input v-model="form.code" placeholder="璇疯緭鍏ョ紪鐮�" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="鍣ㄥ叿鍚嶇О" prop="meterName" label-width="80px">
- <el-input v-model="form.meterName" placeholder="璇疯緭鍏ュ櫒鍏峰悕绉�"/>
+ <el-input v-model="form.meterName" placeholder="璇疯緭鍏ュ櫒鍏峰悕绉�" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="绉嶇被" prop="meterType">
<el-select v-model="form.meterType" placeholder="璇烽�夋嫨绉嶇被">
<el-option
- v-for="dict in meterTypeOptions"
- :key="dict.dictValue"
- :label="dict.dictLabel"
- :value="dict.dictValue"
+ v-for="dict in meterTypeOptions"
+ :key="dict.dictValue"
+ :label="dict.dictLabel"
+ :value="dict.dictValue"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
- <el-form-item label="瑙勬牸鍨嬪彿" prop="modelNumber" label-width="110px">
- <el-input v-model="form.modelNumber" placeholder="璇疯緭鍏ヨ鏍煎瀷鍙�"/>
+ <el-form-item
+ label="瑙勬牸鍨嬪彿"
+ prop="modelNumber"
+ label-width="110px"
+ >
+ <el-input
+ v-model="form.modelNumber"
+ placeholder="璇疯緭鍏ヨ鏍煎瀷鍙�"
+ />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="娴嬮噺鑼冨洿" prop="measureRange">
- <el-input v-model="form.measureRange" placeholder="璇疯緭鍏ユ祴閲忚寖鍥�"/>
+ <el-input
+ v-model="form.measureRange"
+ placeholder="璇疯緭鍏ユ祴閲忚寖鍥�"
+ />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="鐢熶骇鍘傚晢" prop="manufacturer">
- <el-input v-model="form.manufacturer" placeholder="璇疯緭鍏ョ敓浜у巶鍟�"/>
+ <el-input
+ v-model="form.manufacturer"
+ placeholder="璇疯緭鍏ョ敓浜у巶鍟�"
+ />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="8">
- <el-form-item label="璐熻矗浜�" prop="personCharge" label-width="110px">
- <el-input v-model="form.personCharge" placeholder="璇疯緭鍏ヨ礋璐ｄ汉"/>
+ <el-form-item
+ label="璐熻矗浜�"
+ prop="personCharge"
+ label-width="110px"
+ >
+ <el-input
+ v-model="form.personCharge"
+ placeholder="璇疯緭鍏ヨ礋璐ｄ汉"
+ />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="瀹夎浣嶇疆" prop="installactionLocation">
- <el-input v-model="form.installactionLocation" placeholder="璇疯緭鍏ュ畨瑁呬綅缃�"/>
+ <el-input
+ v-model="form.installactionLocation"
+ placeholder="璇疯緭鍏ュ畨瑁呬綅缃�"
+ />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="璧峰鏃堕棿" prop="startTime">
- <el-date-picker clearable size="small" style="width: 100%"
- v-model="form.startTime"
- type="date"
- value-format="yyyy-MM-dd"
- placeholder="閫夋嫨璧峰鏃堕棿">
+ <el-date-picker
+ clearable
+ size="small"
+ style="width: 100%"
+ v-model="form.startTime"
+ type="date"
+ value-format="yyyy-MM-dd"
+ placeholder="閫夋嫨璧峰鏃堕棿"
+ >
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="8">
- <el-form-item label="妫�瀹氬懆鏈�(澶�)" prop="checkCycle" label-width="110px">
- <el-input v-model="form.checkCycle" placeholder="璇疯緭鍏ユ瀹氬懆鏈�"
- oninput="if(value.length>4)value=value.slice(0,4)"/>
+ <el-form-item
+ label="妫�瀹氬懆鏈�(澶�)"
+ prop="checkCycle"
+ label-width="110px"
+ >
+ <el-input
+ v-model="form.checkCycle"
+ placeholder="璇疯緭鍏ユ瀹氬懆鏈�"
+ oninput="if(value.length>4)value=value.slice(0,4)"
+ />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="鐘舵��" prop="meterStatus">
<el-select v-model="form.meterStatus" placeholder="璇烽�夋嫨鐘舵��">
<el-option
- v-for="dict in meterStatusOptions"
- :key="dict.dictValue"
- :label="dict.dictLabel"
- :value="dict.dictValue"
+ v-for="dict in meterStatusOptions"
+ :key="dict.dictValue"
+ :label="dict.dictLabel"
+ :value="dict.dictValue"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="鎶曡繍鏃堕棿" prop="putrunTime">
- <el-date-picker clearable size="small" style="width: 100%"
- v-model="form.putrunTime"
- type="date"
- value-format="yyyy-MM-dd"
- placeholder="閫夋嫨鎶曡繍鏃堕棿">
+ <el-date-picker
+ clearable
+ size="small"
+ style="width: 100%"
+ v-model="form.putrunTime"
+ type="date"
+ value-format="yyyy-MM-dd"
+ placeholder="閫夋嫨鎶曡繍鏃堕棿"
+ >
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="8">
- <el-form-item label="鎻愰啋鍛ㄦ湡(澶�)" prop="reminderCycle" label-width="110px">
- <el-input v-model="form.reminderCycle" placeholder="璇疯緭鍏ユ彁閱掑懆鏈�"
- oninput="if(value.length>4)value=value.slice(0,4)"/>
+ <el-form-item
+ label="鎻愰啋鍛ㄦ湡(澶�)"
+ prop="reminderCycle"
+ label-width="110px"
+ >
+ <el-input
+ v-model="form.reminderCycle"
+ placeholder="璇疯緭鍏ユ彁閱掑懆鏈�"
+ oninput="if(value.length>4)value=value.slice(0,4)"
+ />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24">
<el-col :span="24">
<el-form-item label="澶囨敞" prop="remark" label-width="110px">
- <el-input v-model="form.remark" type="textarea" placeholder="璇疯緭鍏ュ唴瀹�"></el-input>
+ <el-input
+ v-model="form.remark"
+ type="textarea"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ ></el-input>
</el-form-item>
</el-col>
</el-row>
@@ -305,18 +430,23 @@
</el-dialog>
<!-- 璁￠噺鍣ㄥ叿妗ｆ 瀵煎叆瀵硅瘽妗� -->
- <el-dialog :title="upload.title" :visible.sync="upload.open" :destroy-on-close="true" width="400px">
+ <el-dialog
+ :title="upload.title"
+ :visible.sync="upload.open"
+ :destroy-on-close="true"
+ width="400px"
+ >
<el-upload
- ref="upload"
- :limit="1"
- :accept="upload.accept"
- :headers="upload.headers"
- :action="upload.url"
- :disabled="upload.isUploading"
- :on-progress="handleFileUploadProgress"
- :on-success="handleFileSuccess"
- :auto-upload="false"
- drag
+ ref="upload"
+ :limit="1"
+ :accept="upload.accept"
+ :headers="upload.headers"
+ :action="upload.url"
+ :disabled="upload.isUploading"
+ :on-progress="handleFileUploadProgress"
+ :on-success="handleFileSuccess"
+ :auto-upload="false"
+ drag
>
<i class="el-icon-upload"></i>
<div class="el-upload__text">
@@ -324,16 +454,20 @@
<em>鐐瑰嚮涓婁紶</em>
</div>
<div class="el-upload__tip" slot="tip">
- <el-link type="info" style="font-size:12px;color:blue;" @click="importTemplate">涓嬭浇妯℃澘</el-link>
+ <el-link
+ type="info"
+ style="font-size:12px;color:blue;"
+ @click="importTemplate"
+ >涓嬭浇妯℃澘</el-link
+ >
</div>
<div class="el-upload__tip" style="color:red" slot="tip">
- 瀵煎叆鎻愮ず锛�<br>1銆佹柊澧炲鍏�,浠呭厑璁稿鍏モ�渪ls鈥濇垨鈥渪lsx鈥濇牸寮忔枃浠讹紒
- <br>2銆佺紪鐮佸繀椤诲敮涓�,閲嶅鏁版嵁鏃犳硶瀵煎叆
- <br>3銆佺绫诲拰鐘舵�佸～鍐欓敊璇殑鏁版嵁鏃犳硶瀵煎叆
- <br>4銆佹瀹氬懆鏈熴�佹彁閱掑懆鏈熷ぇ浜�0姝ｆ暣鏁�,濉啓閿欒鍒欓粯璁や负1
- <br>5銆佽捣濮嬫椂闂村～鍐欓敊璇垨涓嶅～鍒欓粯璁や负绌�
+ 瀵煎叆鎻愮ず锛�<br />1銆佹柊澧炲鍏�,浠呭厑璁稿鍏モ�渪ls鈥濇垨鈥渪lsx鈥濇牸寮忔枃浠讹紒
+ <br />2銆佺紪鐮佸繀椤诲敮涓�,閲嶅鏁版嵁鏃犳硶瀵煎叆
+ <br />3銆佺绫诲拰鐘舵�佸～鍐欓敊璇殑鏁版嵁鏃犳硶瀵煎叆
+ <br />4銆佹瀹氬懆鏈熴�佹彁閱掑懆鏈熷ぇ浜�0姝ｆ暣鏁�,濉啓閿欒鍒欓粯璁や负1
+ <br />5銆佽捣濮嬫椂闂村～鍐欓敊璇垨涓嶅～鍒欓粯璁や负绌�
</div>
-
</el-upload>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitFileForm">纭� 瀹�</el-button>
@@ -341,10 +475,9 @@
</div>
</el-dialog>
- <importFileTable ref="importFile" @ok="handleFjQuery"/>
+ <importFileTable ref="importFile" @ok="handleFjQuery" />
- <importIndexTable ref="importIndex" @ok="handleFjQuery"/>
-
+ <importIndexTable ref="importIndex" @ok="handleFjQuery" />
</div>
</template>
@@ -358,7 +491,7 @@
exportImplement,
importTemplate
} from "@/api/meter/implement";
-import {getToken} from "@/utils/auth";
+import { getToken } from "@/utils/auth";
import importFileTable from "./importFileTable";
import importIndexTable from "./importIndexTable";
import mixins from "@/layout/mixin/getHeight";
@@ -367,7 +500,7 @@
const myType = "0";
export default {
name: "implement",
- components: {importFileTable, importIndexTable},
+ components: { importFileTable, importIndexTable },
mixins: [mixins],
data() {
return {
@@ -441,7 +574,7 @@
// 鏄惁鏇存柊宸茬粡瀛樺湪鐨勮閲忓櫒鍏锋。妗�
updateSupport: 0,
// 璁剧疆涓婁紶鐨勮姹傚ご閮�
- headers: {Authorization: "Bearer " + getToken()},
+ headers: { Authorization: "Bearer " + getToken() },
// 涓婁紶鐨勫湴鍧�
url: ""
},
@@ -454,46 +587,53 @@
meterType: undefined,
measureRange: undefined,
manufacturer: undefined,
- installactionLocation: undefined,
+ installactionLocation: undefined
},
// 琛ㄥ崟鍙傛暟
form: {},
// 琛ㄥ崟鏍￠獙
rules: {
- code: [
- {required: true, message: "缂栫爜涓嶈兘涓虹┖", trigger: "blur"}
- ],
+ code: [{ required: true, message: "缂栫爜涓嶈兘涓虹┖", trigger: "blur" }],
meterName: [
- {required: true, message: "鍣ㄥ叿鍚嶇О涓嶈兘涓虹┖", trigger: "blur"}
+ { required: true, message: "鍣ㄥ叿鍚嶇О涓嶈兘涓虹┖", trigger: "blur" }
],
// meterType: [
// { required: true, message: "绉嶇被涓嶈兘涓虹┖", trigger: "blur" }
// ],
installactionLocation: [
- {required: true, message: "瀹夎浣嶇疆涓嶈兘涓虹┖", trigger: "blur"}
+ { required: true, message: "瀹夎浣嶇疆涓嶈兘涓虹┖", trigger: "blur" }
],
// meterStatus: [
// { required: true, message: "鐘舵�佷笉鑳戒负绌�", trigger: "blur" }
// ],
startTime: [
- {required: true, message: "璧峰鏃堕棿涓嶈兘涓虹┖", trigger: "blur"}
+ { required: true, message: "璧峰鏃堕棿涓嶈兘涓虹┖", trigger: "blur" }
],
putrunTime: [
- {required: true, message: "鎶曡繍鏃堕棿涓嶈兘涓虹┖", trigger: "blur"}
+ { required: true, message: "鎶曡繍鏃堕棿涓嶈兘涓虹┖", trigger: "blur" }
],
checkCycle: [
- {required: true, pattern: /^\+?[1-9]\d*$/, message: "妫�瀹氬懆鏈熷繀椤绘槸澶т簬0鐨勬鏁存暟", trigger: "blur"}
+ {
+ required: true,
+ pattern: /^\+?[1-9]\d*$/,
+ message: "妫�瀹氬懆鏈熷繀椤绘槸澶т簬0鐨勬鏁存暟",
+ trigger: "blur"
+ }
],
reminderCycle: [
- {required: true, pattern: /^\+?[1-9]\d*$/, message: "鎻愰啋鍛ㄦ湡蹇呴』鏄ぇ浜�0鐨勬鏁存暟", trigger: "blur"}
- ],
+ {
+ required: true,
+ pattern: /^\+?[1-9]\d*$/,
+ message: "鎻愰啋鍛ㄦ湡蹇呴』鏄ぇ浜�0鐨勬鏁存暟",
+ trigger: "blur"
+ }
+ ]
}
};
},
created() {
this.getList();
this.getDicts("sys_device_type").then(response => {
-
for (let i = 0; i < response.data.length; i++) {
if (response.data[i].isDefault == "Y") {
this.myType = response.data[i].dictValue;
@@ -505,7 +645,6 @@
for (let i = 0; i < response.data.length; i++) {
if (response.data[i].isDefault == "Y") {
this.mystatus = response.data[i].dictValue;
-
}
}
this.meterStatusOptions = response.data;
@@ -515,10 +654,10 @@
methods: {
setCharts() {
this.bodyStyle = {
- height: window.innerHeight - 210 + 'px',
- overflow: 'hidden'
- }
- this.height = window.innerHeight - 370;
+ height: window.innerHeight - 224 + "px",
+ overflow: "hidden"
+ };
+ this.height = window.innerHeight - 360;
},
/** 鏌ヨ璁￠噺鍣ㄥ叿妗ｆ缁存姢鍒楄〃 */
getList() {
@@ -579,10 +718,10 @@
},
// 澶氶�夋閫変腑鏁版嵁
handleSelectionChange(selection) {
- this.ids = selection.map(item => item.id)
- this.codes = selection.map(item => item.code)
- this.single = selection.length != 1
- this.multiple = !selection.length
+ this.ids = selection.map(item => item.id);
+ this.codes = selection.map(item => item.code);
+ this.single = selection.length != 1;
+ this.multiple = !selection.length;
},
/** 鏂板鎸夐挳鎿嶄綔 */
handleAdd() {
@@ -595,7 +734,7 @@
/** 淇敼鎸夐挳鎿嶄綔 */
handleUpdate(row) {
this.reset();
- const id = row.id || this.ids
+ const id = row.id || this.ids;
getImplement(id).then(response => {
this.form = response.data;
this.open = true;
@@ -603,7 +742,7 @@
});
},
/** 鎻愪氦鎸夐挳 */
- submitForm: function () {
+ submitForm: function() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.id != undefined) {
@@ -634,38 +773,48 @@
handleDelete(row) {
const ids = row.id || this.ids;
const codes = row.code || this.codes;
- this.$confirm('鏄惁纭鍒犻櫎璁￠噺鍣ㄥ叿妗ｆ缁存姢缂栧彿涓�"' + codes + '"鐨勮閲忓櫒鍏锋。妗�?', "璀﹀憡", {
- confirmButtonText: "纭畾",
- cancelButtonText: "鍙栨秷",
- type: "warning"
- }).then(function () {
- return delImplement(ids);
- }).then(() => {
- this.getList();
- this.msgSuccess("鍒犻櫎鎴愬姛");
- }).catch(function () {
- });
+ this.$confirm(
+ '鏄惁纭鍒犻櫎璁￠噺鍣ㄥ叿妗ｆ缁存姢缂栧彿涓�"' + codes + '"鐨勮閲忓櫒鍏锋。妗�?',
+ "璀﹀憡",
+ {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning"
+ }
+ )
+ .then(function() {
+ return delImplement(ids);
+ })
+ .then(() => {
+ this.getList();
+ this.msgSuccess("鍒犻櫎鎴愬姛");
+ })
+ .catch(function() {});
},
/** 瀵煎嚭鎸夐挳鎿嶄綔 */
handleExport() {
const queryParams = this.queryParams;
- this.$confirm('鏄惁纭瀵煎嚭鎵�鏈夎閲忓櫒鍏锋。妗堢淮鎶ゆ暟鎹」?', "璀﹀憡", {
+ this.$confirm("鏄惁纭瀵煎嚭鎵�鏈夎閲忓櫒鍏锋。妗堢淮鎶ゆ暟鎹」?", "璀﹀憡", {
confirmButtonText: "纭畾",
cancelButtonText: "鍙栨秷",
type: "warning"
- }).then(function () {
- return exportImplement(queryParams);
- }).then(response => {
- this.download(response.msg);
- }).catch(function () {
- });
+ })
+ .then(function() {
+ return exportImplement(queryParams);
+ })
+ .then(response => {
+ this.download(response.msg);
+ })
+ .catch(function() {});
},
/** 瀵煎叆鎸夐挳鎿嶄綔 */
handleImport() {
//this.$refs.upload.clearFiles();
this.upload.title = "璁￠噺鍣ㄥ叿妗ｆ瀵煎叆";
this.upload.accept = ".xlsx, .xls";
- this.upload.url = process.env.VUE_APP_BASE_API + "/meter/implement/importData?updateSupport=0";
+ this.upload.url =
+ process.env.VUE_APP_BASE_API +
+ "/meter/implement/importData?updateSupport=0";
this.upload.open = true;
},
/** 涓嬭浇妯℃澘鎿嶄綔 */
@@ -683,7 +832,7 @@
this.upload.open = false;
this.upload.isUploading = false;
this.$refs.upload.clearFiles();
- this.$alert(response.msg, "瀵煎叆缁撴灉", {dangerouslyUseHTMLString: true});
+ this.$alert(response.msg, "瀵煎叆缁撴灉", { dangerouslyUseHTMLString: true });
this.getList();
},
// 鎻愪氦涓婁紶鏂囦欢
--
Gitblit v1.9.3