|
@@ -0,0 +1,333 @@
|
|
|
+<template>
|
|
|
+ <div class="app-container">
|
|
|
+ <el-card class="box-card">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ plain
|
|
|
+ icon="el-icon-plus"
|
|
|
+ size="mini"
|
|
|
+ @click="handleAdd"
|
|
|
+ >新增
|
|
|
+ </el-button>
|
|
|
+ <div style="margin-top: 1%">
|
|
|
+ <el-table v-loading="loading" border
|
|
|
+ :data="tableData.slice((page.currentPage-1)*page.pageSize,page.currentPage*page.pageSize)">
|
|
|
+ <el-table-column type="index" label="序号" width="55" align="center"/>
|
|
|
+ <el-table-column label="型号" align="center" prop="modelNumber"/>
|
|
|
+ <el-table-column label="组件容量" align="center" prop="singleCap"/>
|
|
|
+ <el-table-column label="最大工作电压" align="center" prop="maximumExcitationVoltage"/>
|
|
|
+ <el-table-column label="最大工作电流" align="center" prop="maximumPowerCurrent"/>
|
|
|
+ <el-table-column label="开路电压" align="center" prop="openCircuitVoltage"/>
|
|
|
+ <el-table-column label="短路电流" align="center" prop="shortCircuitCurrent"/>
|
|
|
+ <el-table-column label="组件工作效率" align="center" prop="efficiencyOfWork"/>
|
|
|
+ <el-table-column label="旋转方式" align="center" prop="rotationMode" :formatter="formatRotation"/>
|
|
|
+ <el-table-column label="安装倾斜度" align="center" prop="gradient"/>
|
|
|
+ <el-table-column label="组件面积" align="center" prop="singleArea"/>
|
|
|
+ <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="['dataQuery:windTowerStatusInfo:edit']"
|
|
|
+ >修改
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ icon="el-icon-delete"
|
|
|
+ @click="handleDelete(scope.row)"
|
|
|
+ v-hasPermi="['dataQuery:windTowerStatusInfo:remove']"
|
|
|
+ >删除
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <div class="block" style="float: right">
|
|
|
+ <el-pagination
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :current-page=page.currentPage
|
|
|
+ :page-sizes="[10, 15, 30, 50]"
|
|
|
+ :page-size=page.pageSize
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
+ :total=page.total>
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 添加或修改测风塔信息对话框 -->
|
|
|
+ <el-dialog :title="title" :visible.sync="open" width="50%" append-to-body>
|
|
|
+ <el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
|
|
+ <el-row :gutter="20" class="mb8">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="型号" prop="modelNumber">
|
|
|
+ <el-input v-model="form.modelNumber" placeholder="请输入型号"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="组件容量" prop="singleCap">
|
|
|
+ <el-input v-model="form.singleCap" placeholder="请输入型号"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="20" class="mb8">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="最大工作电压" prop="maximumExcitationVoltage" label-width="110px">
|
|
|
+ <el-input v-model="form.maximumExcitationVoltage" placeholder="请输入最大工作电压"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="最大工作电流" prop="maximumPowerCurrent" label-width="110px">
|
|
|
+ <el-input v-model="form.maximumPowerCurrent" placeholder="请输入最大工作电流"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="20" class="mb8">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="开路电压" prop="efficiencyOfWork">
|
|
|
+ <el-input v-model="form.efficiencyOfWork" placeholder="请输入开路电压"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="短路电流" prop="shortCircuitCurrent">
|
|
|
+ <el-input v-model="form.shortCircuitCurrent" placeholder="请输入短路电流"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="20" class="mb8">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="组件工作效率" prop="openCircuitVoltage" label-width="110px">
|
|
|
+ <el-input v-model="form.openCircuitVoltage" placeholder="请输入组件工作效率"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="旋转方式" prop="rotationMode">
|
|
|
+ <el-select v-model="form.rotationMode" placeholder="请输入旋转方式" style="width: 100%" clearable>
|
|
|
+ <el-option
|
|
|
+ v-for="item in rotation"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="20" class="mb8">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="安装倾斜度" prop="gradient">
|
|
|
+ <el-input v-model="form.gradient" placeholder="请输入安装倾斜度"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="组件面积" prop="singleArea">
|
|
|
+ <el-input v-model="form.singleArea" placeholder="请输入组件面积"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ </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>
|
|
|
+ </el-card>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import {list,addPvModuleModel,updatePvModuleModel,delPvModuleModel} from "@/api/biz/dataQuery/pvModuleModel";
|
|
|
+export default {
|
|
|
+ name: "index",
|
|
|
+ data() {
|
|
|
+ const checkName = (rule, value, callback) => {
|
|
|
+ var s6 = this.tableData
|
|
|
+ if (value == null || value === '') {
|
|
|
+ callback(new Error('请填写光伏组件型号'))
|
|
|
+ }
|
|
|
+ for (let i = 0; i < s6.length; i++) {
|
|
|
+ if (this.modId == '' || this.modId == undefined) {
|
|
|
+ // 新增
|
|
|
+ if ((value == s6[i].modelNumber)) {
|
|
|
+ callback(new Error('型号不能重复'))
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ // 修改
|
|
|
+ if (this.modId != s6[i].id) {
|
|
|
+ if ((value == s6[i].modelNumber)) {
|
|
|
+ callback(new Error('型号不能重复'))
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ callback()
|
|
|
+ }
|
|
|
+ return {
|
|
|
+ tableData: [],
|
|
|
+ loading: false,
|
|
|
+ open:false,
|
|
|
+ title:'新增&保存',
|
|
|
+ modId:'',
|
|
|
+ form: {},
|
|
|
+ // 表单校验
|
|
|
+ rules: {
|
|
|
+ modelNumber: [{required: true, validator: checkName, trigger: 'blur'}],
|
|
|
+ singleCap: [
|
|
|
+ { required: true, message: '请填写组件容量' },
|
|
|
+ {pattern: /^\d+(\.\d+)?$/, message: '只能输入正数数字或带小数点的数字'}
|
|
|
+ ],
|
|
|
+ maximumExcitationVoltage: [
|
|
|
+ { required: true, message: '请填写最大工作电压' },
|
|
|
+ {pattern: /^\d+(\.\d+)?$/, message: '只能输入正数数字或带小数点的数字'}
|
|
|
+ ],
|
|
|
+ maximumPowerCurrent: [
|
|
|
+ { required: true, message: '请填写最大工作电流' },
|
|
|
+ {pattern: /^\d+(\.\d+)?$/, message: '只能输入正数数字或带小数点的数字'}
|
|
|
+ ],
|
|
|
+ openCircuitVoltage: [
|
|
|
+ { required: true, message: '请填写开路电压' },
|
|
|
+ {pattern: /^\d+(\.\d+)?$/, message: '只能输入正数数字或带小数点的数字'}
|
|
|
+ ],
|
|
|
+ shortCircuitCurrent: [
|
|
|
+ { required: true, message: '请填写短路电流' },
|
|
|
+ {pattern: /^\d+(\.\d+)?$/, message: '只能输入正数数字或带小数点的数字'}
|
|
|
+ ],
|
|
|
+ efficiencyOfWork: [
|
|
|
+ { required: true, message: '请填写工作效率' },
|
|
|
+ {pattern: /^\d+(\.\d+)?$/, message: '只能输入正数数字或带小数点的数字'}
|
|
|
+ ],
|
|
|
+ gradient: [
|
|
|
+ { required: true, message: '请填写倾斜角度' },
|
|
|
+ {pattern: /^\d+(\.\d+)?$/, message: '只能输入正数数字或带小数点的数字'}
|
|
|
+ ],
|
|
|
+ rotationMode: [
|
|
|
+ { required: true, message: '请填写旋转模式' }
|
|
|
+ ],
|
|
|
+ singleArea: [
|
|
|
+ { required: true, message: '请填写单片面积' },
|
|
|
+ {pattern: /^\d+(\.\d+)?$/, message: '只能输入正数数字或带小数点的数字'}
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ page: {
|
|
|
+ total: 0, // 总页数
|
|
|
+ currentPage: 1, // 当前页数
|
|
|
+ pageSize: 10 // 每页显示多少条
|
|
|
+ },
|
|
|
+ rotation:[{label:'固定角度',value:'E1'},{label:'水平旋转',value:'E2'},{label:'上下旋转',value:'E3'},{label:'混合旋转',value:'E4'}]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getList(){
|
|
|
+ this.loading = true
|
|
|
+ list().then(res=>{
|
|
|
+ this.tableData = res.rows
|
|
|
+ this.page.total = res.total
|
|
|
+ this.loading = false
|
|
|
+ }).catch(err=>{
|
|
|
+ this.loading = false
|
|
|
+ console.log('获取光伏组件异常:'+err)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ /*新增按钮*/
|
|
|
+ handleAdd() {
|
|
|
+ this.reset()
|
|
|
+ this.title = "新增&保存";
|
|
|
+ this.open = true;
|
|
|
+ },
|
|
|
+ /** 修改按钮操作 */
|
|
|
+ handleUpdate(row) {
|
|
|
+ this.reset();
|
|
|
+ this.modId = row.id
|
|
|
+ this.form = {
|
|
|
+ id: row.id,
|
|
|
+ modelNumber: row.modelNumber,
|
|
|
+ singleCap: row.singleCap,
|
|
|
+ maximumExcitationVoltage: row.maximumExcitationVoltage,
|
|
|
+ maximumPowerCurrent: row.maximumPowerCurrent,
|
|
|
+ openCircuitVoltage: row.openCircuitVoltage,
|
|
|
+ shortCircuitCurrent: row.shortCircuitCurrent,
|
|
|
+ efficiencyOfWork: row.efficiencyOfWork,
|
|
|
+ gradient: row.gradient,
|
|
|
+ rotationMode: row.rotationMode,
|
|
|
+ singleArea: row.singleArea
|
|
|
+ };
|
|
|
+ this.open = true;
|
|
|
+ this.title = "修改&保存";
|
|
|
+ },
|
|
|
+ /** 删除按钮操作 */
|
|
|
+ handleDelete(row) {
|
|
|
+ const ids = row.id;
|
|
|
+ this.$modal.confirm('是否确认删除光伏组件型号为"' + row.modelNumber + '"信息?').then(function () {
|
|
|
+ return delPvModuleModel(ids);
|
|
|
+ }).then(() => {
|
|
|
+ this.getList();
|
|
|
+ this.$modal.msgSuccess("删除成功");
|
|
|
+ }).catch(() => {
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 提交按钮 */
|
|
|
+ submitForm() {
|
|
|
+ // this.form.heights = this.form.heights.toString()
|
|
|
+ this.$refs["form"].validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ if (this.form.id != null) {
|
|
|
+ updatePvModuleModel(this.form).then(response => {
|
|
|
+ this.$modal.msgSuccess("修改成功");
|
|
|
+ this.open = false;
|
|
|
+ this.getList();
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ addPvModuleModel(this.form).then(response => {
|
|
|
+ this.$modal.msgSuccess("新增成功");
|
|
|
+ this.open = false;
|
|
|
+ this.getList();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 取消按钮
|
|
|
+ cancel() {
|
|
|
+ this.open = false;
|
|
|
+ this.reset();
|
|
|
+ },
|
|
|
+ formatRotation(row){
|
|
|
+ let option = this.rotation.find(w=>w.value === row.rotationMode)
|
|
|
+ return option !==undefined?option.label:row.rotationMode
|
|
|
+ },
|
|
|
+ reset(){
|
|
|
+ this.form = {
|
|
|
+ id:null,
|
|
|
+ modelNumber: null,
|
|
|
+ singleCap: null,
|
|
|
+ maximumExcitationVoltage: null,
|
|
|
+ maximumPowerCurrent: null,
|
|
|
+ openCircuitVoltage: null,
|
|
|
+ shortCircuitCurrent: null,
|
|
|
+ efficiencyOfWork: null,
|
|
|
+ gradient: null,
|
|
|
+ rotationMode: null,
|
|
|
+ singleArea: null
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /*pageSize改变*/
|
|
|
+ handleSizeChange(val) {
|
|
|
+ this.page.pageSize = val
|
|
|
+ this.page.currentPage = 1
|
|
|
+ },
|
|
|
+ /*currentPage改变*/
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ this.page.currentPage = val
|
|
|
+ },
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+
|
|
|
+</style>
|