ln 2 years ago
parent
commit
c697b16d64
4 changed files with 709 additions and 0 deletions
  1. BIN
      node_modules.zip
  2. 25 0
      src/api/index.js
  3. 5 0
      src/router/index.js
  4. 679 0
      src/views/entry/entering.vue

BIN
node_modules.zip


+ 25 - 0
src/api/index.js

@@ -185,6 +185,28 @@ const involvedDel=(data)=>{
         method:"delete"
     })
 }
+const windpowerinfoddy = (data)=>{
+    return request({
+        baseURL: process.env.VUE_APP_APIs,
+        url:`ghost/windpowerinfoddy?date=${data.date}`,
+        method:"get"
+    })
+}
+const windpowerinfoddyEdit=(pairs)=>{
+    return request({
+        baseURL: process.env.VUE_APP_APIs,
+        url:`ghost/windpowerinfoddy`,
+        method:"put",
+        data:pairs
+    })
+}
+const getProlist=()=>{
+    return request({
+        baseURL: process.env.VUE_APP_APIs,
+        url:`/ghost/prolist`,
+        method:"get"
+    })
+}
 export default {
     getwindpowerVal,
     getwindpowerLine,
@@ -211,4 +233,7 @@ export default {
     involvedAdd,
     involvedEdit,
     involvedDel,
+    getProlist,
+    windpowerinfoddy,
+    windpowerinfoddyEdit,
 };

+ 5 - 0
src/router/index.js

@@ -40,6 +40,11 @@ const routes = [
     path: '/affected',
     name: 'affected',
     component: () => import( '../views/entry/affected.vue')
+  },
+  {
+    path: '/entering',
+    name: 'entering',
+    component: () => import( '../views/entry/entering.vue')
   }
 ]
 

+ 679 - 0
src/views/entry/entering.vue

@@ -0,0 +1,679 @@
+<template>
+    <div>
+        <div class="title-list">
+            <div class="query-item">
+                <div class="lable">选择时间</div>
+                <div class="search-input">
+                    <el-date-picker v-model="dates" type="date" placeholder="选择时间">
+                    </el-date-picker>
+                </div>
+            </div>
+            <div class="query-actions">
+                <button class="button" @click="getDatas">查询</button>
+            </div>
+        </div>
+        <div>
+            <el-table height="90vh" ref="multipleTable" empty-text="暂无数据" :data="tableList" stripe
+                style="width: 100%; margin-bottom: 10px">
+                <el-table-column prop="name" label="名称" align="center" sortable></el-table-column>
+
+                <el-table-column label="平均风速" prop="speed" align="center" sortable>
+                </el-table-column>
+                <el-table-column label="35KV发电量" prop="generatingcapacity2" align="center" sortable>
+                </el-table-column>
+                <el-table-column label="上网电量" prop="gridelectricity" align="center" sortable>
+                </el-table-column>
+                <el-table-column label="购网电量" prop="buyelectricity" align="center" sortable>
+                </el-table-column>
+                <el-table-column label="厂用电量" prop="fieldelectricity" align="center" sortable>
+                </el-table-column>
+                <el-table-column label="最大出力" prop="maxpower" align="center" sortable>
+                </el-table-column>
+                <el-table-column label="最小出力" prop="minpower" align="center" sortable>
+                </el-table-column>
+                <el-table-column label="操作" align="center">
+                    <template #default="scope">
+                        <el-button type="text" style="color: #597ef7" @click="handleEdit(scope.row)">编辑</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+
+        <el-dialog v-model="dialogVisible" title="受累管理" width="45%" top="10vh" :show-close="true">
+            <div class="table-list">
+                <div class="lists">
+                    <div class="rows">
+                        <div class="rows-name">平均风速:</div>
+                        <el-input class="rows-inputs" v-model="sendData.speed" placeholder="平均风速"></el-input>
+                    </div>
+                    <div class="rows">
+                        <div class="rows-name">35KV发电量:</div>
+                        <el-input class="rows-inputs" v-model="sendData.generatingcapacity2" placeholder="35KV发电量"></el-input>
+                    </div>
+                </div>
+                <div class="lists">
+                    <div class="rows">
+                        <div class="rows-name">上网电量:</div>
+                        <el-input class="rows-inputs" v-model="sendData.gridelectricity" placeholder="上网电量"></el-input>
+                    </div>
+                    <div class="rows">
+                        <div class="rows-name">购网电量:</div>
+                        <el-input class="rows-inputs" v-model="sendData.buyelectricity" placeholder="购网电量"></el-input>
+                    </div>
+                </div>
+                <div class="lists" style="margin-bottom: 40px">
+                    <div class="rows">
+                        <div class="rows-name">厂用电量:</div>
+                        <el-input class="rows-inputs" v-model="sendData.fieldelectricity" placeholder="请输入厂用电量"></el-input>
+                    </div>
+                    <div class="rows">
+                        <div class="rows-name">最大出力:</div>
+                        <el-input class="rows-inputs" v-model="sendData.maxpower" placeholder="请输入最大出力"></el-input>
+                    </div>
+                </div>
+                <div class="lists" style="margin-bottom: 40px">
+                    <div class="rows">
+                        <div class="rows-name">最小出力:</div>
+                        <el-input class="rows-inputs" v-model="sendData.minpower" placeholder="请输入最小出力"></el-input>
+                    </div>
+                </div>
+            </div>
+            <div class="submit">
+                <el-button type="primary" plain @click="sunmit">提交</el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import api from "api/index";
+import dayjs from "dayjs";
+import XLSX from "xlsx";
+export default {
+    data() {
+        return {
+            dates: '',
+            stationList: [
+                {
+                    "id": "WNS_FDC",
+                    "code": "WNS_FDC",
+                    "name": "太旗卧牛山风电场",
+                    "address": "太旗卧牛山风电场",
+                    "telephone": null,
+                    "capacity": 148.5,
+                    "capacityunit": "MW",
+                    "quantity": 99,
+                    "aname": "卧牛山风电场",
+                    "longitude": 1000,
+                    "latitude": 1000,
+                    "photo": null,
+                    "companyid": "1",
+                    "systemmanufact": null,
+                    "headfarm": null,
+                    "headfarmphone": null,
+                    "model": "UP77-1500/UP77-1500-1/UP77-1500-2",
+                    "ordernum": 1,
+                    "altitude": 1000,
+                    "height": null
+                },
+                {
+                    "id": "YY_FDC",
+                    "code": "YY_FDC",
+                    "name": "右玉高家堡风电场  ",
+                    "address": "右玉高家堡风电场  ",
+                    "telephone": null,
+                    "capacity": 198,
+                    "capacityunit": "MW",
+                    "quantity": 132,
+                    "aname": "高家堡风电场  ",
+                    "longitude": 1000,
+                    "latitude": 1000,
+                    "photo": null,
+                    "companyid": "1",
+                    "systemmanufact": null,
+                    "headfarm": null,
+                    "headfarmphone": null,
+                    "model": "UP82-1500/UP82-1500-1/UP86-1500/UP86-1500-1/UP86-1500-2/UP86-1500-3/UP86-1500-4/MY-1.5se",
+                    "ordernum": 2,
+                    "altitude": 1000,
+                    "height": null
+                },
+            ],
+            prolist: [],
+            selectValue: '',
+            tableList: [
+                {
+                    name:'aaa',
+                    "id": 274302,
+                    "foreignkeyid": "WNS01_GC",
+                    "runhours": null,
+                    "stophours": null,
+                    "faulthours": null,
+                    "maintainhours": null,
+                    "interrupthours": null,
+                    "generatingcapacity": 7.5411,
+                    "speed": 4.21,
+                    "power": 0.1,
+                    "recorddate": "2022-12-31T16:00:00.000+0000",
+                    "gridelectricity": 5.7215,
+                    "buyelectricity": 0.1435,
+                    "instop": null,
+                    "outstop": null,
+                    "runtime": 533.5,
+                    "stoptime": 205.78,
+                    "faulttime": 20.42,
+                    "maintaintime": 32.3,
+                    "interrupttime": 0,
+                    "monthgc": 7.5411,
+                    "yeargc": 7.5411,
+                    "theorygeneration": 9.6327,
+                    "lossofpower": 0.1957,
+                    "fieldelectricity": 0.2358,
+                    "generatingcapacity2": 6.4367,
+                    "windpowerstationid": "WNS_FDC",
+                    "projectid": "WNS01_GC",
+                    "lineid": null,
+                    "location": "project",
+                    "buyagricultureelectricity": 0,
+                    "monthgc2": 6.4367,
+                    "yeargc2": 6.4367,
+                    "speed2": 0,
+                    "maxspeed": 0,
+                    "minspeed": 0,
+                    "limitpower": null,
+                    "totalgc": null,
+                    "totalgc2": null,
+                    "theorygenerationzs": 10.5657,
+                    "windhours": 23.7,
+                    "maxpower": 8.7111,
+                    "minpower": 0.066,
+                    "monthge": 5.7215,
+                    "yearge": 5.7215,
+                    "monthbe": 0.1435,
+                    "yearbe": 0.1435,
+                    "monthae": 0,
+                    "yearae": 0,
+                    "generatingcapacity4": 6.4367,
+                    "gridelectricity4": 5.7215,
+                    "buyelectricity4": 0.1435,
+                    "buyagricultureelectricity4": null,
+                    "daylyxs": 1.3,
+                    "monthlyxs": 1.3,
+                    "yearlyxs": 1.3,
+                    "dayzhcydl": 13.3407,
+                    "monthzhcydl": 13.3407,
+                    "yearzhcydl": 13.3407,
+                    "daysbklyl": 97.42,
+                    "monthsbklyl": 97.42,
+                    "yearsbklyl": 97.42,
+                    "daydxkyxs": 93.34,
+                    "monthdxkyxs": 93.34,
+                    "yeardxkyxs": 89.27,
+                    "monthspeed": null,
+                    "yearspeed": null,
+                    "monthruntime": 533.5,
+                    "monhtstoptime": 205.78,
+                    "monthfaulttime": 20.42,
+                    "monthmaintaintime": 32.3,
+                    "monthinterrupttime": 0,
+                    "yearruntime": 533.5,
+                    "yearstoptime": 205.78,
+                    "yearfaulttime": 20.42,
+                    "yearmaintaintime": 64.6,
+                    "yearinterrupttime": 0,
+                    "daycalendarhours": 24,
+                    "monthcalendarhours": 24,
+                    "yearcalendarhours": 24,
+                    "lossofpower1": 0,
+                    "lossofpower2": 0.1957,
+                    "lossofpower3": 0,
+                    "lossofpower4": 0,
+                    "monthwindhours": 22.4,
+                    "yearwindhours": 21.42,
+                    "brownoutstime": 0,
+                    "monthbrownoutstime": 0,
+                    "yearbrownoutstime": 0,
+                    "mainlossin": null,
+                    "faultlossin": null,
+                    "electriclossout": null,
+                    "weatherlossout": null,
+                    "test1": null
+                },
+                {
+                    name:'bbb',
+                    "id": 274303,
+                    "foreignkeyid": "WNS02_GC",
+                    "runhours": null,
+                    "stophours": null,
+                    "faulthours": null,
+                    "maintainhours": null,
+                    "interrupthours": null,
+                    "generatingcapacity": 4.3166,
+                    "speed": 3.07,
+                    "power": 0.06,
+                    "recorddate": "2022-12-31T16:00:00.000+0000",
+                    "gridelectricity": 3.1111,
+                    "buyelectricity": 0.078,
+                    "instop": null,
+                    "outstop": null,
+                    "runtime": 434.52,
+                    "stoptime": 260.22,
+                    "faulttime": 25,
+                    "maintaintime": 48.27,
+                    "interrupttime": 24,
+                    "monthgc": 4.3166,
+                    "yeargc": 4.3166,
+                    "theorygeneration": 3.8932,
+                    "lossofpower": 0.0025,
+                    "fieldelectricity": 0.1282,
+                    "generatingcapacity2": 3.5,
+                    "windpowerstationid": "WNS_FDC",
+                    "projectid": "WNS02_GC",
+                    "lineid": null,
+                    "location": "project",
+                    "buyagricultureelectricity": 0,
+                    "monthgc2": 3.5,
+                    "yeargc2": 3.5,
+                    "speed2": 0,
+                    "maxspeed": 0,
+                    "minspeed": 0,
+                    "limitpower": null,
+                    "totalgc": null,
+                    "totalgc2": null,
+                    "theorygenerationzs": 3.9717,
+                    "windhours": 16,
+                    "maxpower": 5.488,
+                    "minpower": 0.023,
+                    "monthge": 3.1111,
+                    "yearge": 3.1111,
+                    "monthbe": 0.078,
+                    "yearbe": 0.078,
+                    "monthae": 0,
+                    "yearae": 0,
+                    "generatingcapacity4": 3.5,
+                    "gridelectricity4": 3.1111,
+                    "buyelectricity4": 0.078,
+                    "buyagricultureelectricity4": null,
+                    "daylyxs": 0.71,
+                    "monthlyxs": 0.71,
+                    "yearlyxs": 0.71,
+                    "dayzhcydl": 13.3407,
+                    "monthzhcydl": 13.3407,
+                    "yearzhcydl": 13.3407,
+                    "daysbklyl": 96.84,
+                    "monthsbklyl": 96.84,
+                    "yearsbklyl": 96.84,
+                    "daydxkyxs": 90.75,
+                    "monthdxkyxs": 90.75,
+                    "yeardxkyxs": 84.65,
+                    "monthspeed": null,
+                    "yearspeed": null,
+                    "monthruntime": 434.52,
+                    "monhtstoptime": 260.22,
+                    "monthfaulttime": 25,
+                    "monthmaintaintime": 48.27,
+                    "monthinterrupttime": 24,
+                    "yearruntime": 434.52,
+                    "yearstoptime": 260.22,
+                    "yearfaulttime": 25,
+                    "yearmaintaintime": 96.53,
+                    "yearinterrupttime": 24,
+                    "daycalendarhours": 24,
+                    "monthcalendarhours": 24,
+                    "yearcalendarhours": 24,
+                    "lossofpower1": 0,
+                    "lossofpower2": 0.0025,
+                    "lossofpower3": 0,
+                    "lossofpower4": 0,
+                    "monthwindhours": 21.78,
+                    "yearwindhours": 20.32,
+                    "brownoutstime": 0,
+                    "monthbrownoutstime": 0,
+                    "yearbrownoutstime": 0,
+                    "mainlossin": null,
+                    "faultlossin": null,
+                    "electriclossout": null,
+                    "weatherlossout": null,
+                    "test1": null
+                },
+                {
+                    name:'ccc',
+                    "id": 274304,
+                    "foreignkeyid": "WNS03_GC",
+                    "runhours": null,
+                    "stophours": null,
+                    "faulthours": null,
+                    "maintainhours": null,
+                    "interrupthours": null,
+                    "generatingcapacity": 1.9521,
+                    "speed": 3.36,
+                    "power": 0.03,
+                    "recorddate": "2022-12-31T16:00:00.000+0000",
+                    "gridelectricity": 1.4924,
+                    "buyelectricity": 0.0374,
+                    "instop": null,
+                    "outstop": null,
+                    "runtime": 324.7,
+                    "stoptime": 435.08,
+                    "faulttime": 32.2,
+                    "maintaintime": 0.02,
+                    "interrupttime": 0,
+                    "monthgc": 1.9521,
+                    "yeargc": 1.9521,
+                    "theorygeneration": 5.5125,
+                    "lossofpower": 0.1621,
+                    "fieldelectricity": 0,
+                    "generatingcapacity2": 1.6789,
+                    "windpowerstationid": "WNS_FDC",
+                    "projectid": "WNS03_GC",
+                    "lineid": null,
+                    "location": "project",
+                    "buyagricultureelectricity": 0,
+                    "monthgc2": 1.6789,
+                    "yeargc2": 1.6789,
+                    "speed2": 0,
+                    "maxspeed": 0,
+                    "minspeed": 0,
+                    "limitpower": null,
+                    "totalgc": null,
+                    "totalgc2": null,
+                    "theorygenerationzs": 5.6185,
+                    "windhours": 23.23,
+                    "maxpower": 4.443,
+                    "minpower": 0,
+                    "monthge": 1.4924,
+                    "yearge": 1.4924,
+                    "monthbe": 0.0374,
+                    "yearbe": 0.0374,
+                    "monthae": 0,
+                    "yearae": 0,
+                    "generatingcapacity4": 1.6789,
+                    "gridelectricity4": 1.4924,
+                    "buyelectricity4": 0.0374,
+                    "buyagricultureelectricity4": null,
+                    "daylyxs": 0.34,
+                    "monthlyxs": 0.34,
+                    "yearlyxs": 0.34,
+                    "dayzhcydl": 13.3407,
+                    "monthzhcydl": 13.3407,
+                    "yearzhcydl": 13.3407,
+                    "daysbklyl": 95.93,
+                    "monthsbklyl": 95.93,
+                    "yearsbklyl": 95.93,
+                    "daydxkyxs": 95.93,
+                    "monthdxkyxs": 95.93,
+                    "yeardxkyxs": 95.93,
+                    "monthspeed": null,
+                    "yearspeed": null,
+                    "monthruntime": 324.7,
+                    "monhtstoptime": 435.08,
+                    "monthfaulttime": 32.2,
+                    "monthmaintaintime": 0.02,
+                    "monthinterrupttime": 0,
+                    "yearruntime": 324.7,
+                    "yearstoptime": 435.08,
+                    "yearfaulttime": 32.2,
+                    "yearmaintaintime": 0.03,
+                    "yearinterrupttime": 0,
+                    "daycalendarhours": 24,
+                    "monthcalendarhours": 24,
+                    "yearcalendarhours": 24,
+                    "lossofpower1": 0,
+                    "lossofpower2": 0.1621,
+                    "lossofpower3": 0,
+                    "lossofpower4": 0,
+                    "monthwindhours": 23.02,
+                    "yearwindhours": 23.02,
+                    "brownoutstime": 0,
+                    "monthbrownoutstime": 0,
+                    "yearbrownoutstime": 0,
+                    "mainlossin": null,
+                    "faultlossin": null,
+                    "electriclossout": null,
+                    "weatherlossout": null,
+                    "test1": null
+                },
+                {
+                    name:'ddd',
+                    "id": 274315,
+                    "foreignkeyid": "WNS_FDC",
+                    "runhours": null,
+                    "stophours": null,
+                    "faulthours": null,
+                    "maintainhours": null,
+                    "interrupthours": null,
+                    "generatingcapacity": 13.8098,
+                    "speed": 3.55,
+                    "power": 0.06,
+                    "recorddate": "2022-12-31T16:00:00.000+0000",
+                    "gridelectricity": 10.325,
+                    "buyelectricity": 0.259,
+                    "instop": null,
+                    "outstop": null,
+                    "runtime": 1292.72,
+                    "stoptime": 901.08,
+                    "faulttime": 77.62,
+                    "maintaintime": 80.58,
+                    "interrupttime": 24,
+                    "monthgc": 13.8098,
+                    "yeargc": 13.8098,
+                    "theorygeneration": 19.0383,
+                    "lossofpower": 0.3603,
+                    "fieldelectricity": 0.364,
+                    "generatingcapacity2": 11.6156,
+                    "windpowerstationid": "WNS_FDC",
+                    "projectid": null,
+                    "lineid": null,
+                    "location": "windpower",
+                    "buyagricultureelectricity": 0,
+                    "monthgc2": 11.6156,
+                    "yeargc2": 11.6156,
+                    "speed2": 0,
+                    "maxspeed": 0,
+                    "minspeed": 0,
+                    "limitpower": null,
+                    "totalgc": null,
+                    "totalgc2": null,
+                    "theorygenerationzs": 20.1558,
+                    "windhours": 23.7,
+                    "maxpower": 15.8841,
+                    "minpower": 0.059,
+                    "monthge": 10.325,
+                    "yearge": 10.325,
+                    "monthbe": 0.259,
+                    "yearbe": 0.259,
+                    "monthae": 0,
+                    "yearae": 0,
+                    "generatingcapacity4": 11.6156,
+                    "gridelectricity4": 10.325,
+                    "buyelectricity4": 0.259,
+                    "buyagricultureelectricity4": null,
+                    "daylyxs": 0.78,
+                    "monthlyxs": 0.78,
+                    "yearlyxs": 0.78,
+                    "dayzhcydl": 13.3407,
+                    "monthzhcydl": 13.3407,
+                    "yearzhcydl": 13.3407,
+                    "daysbklyl": 96.73,
+                    "monthsbklyl": 96.73,
+                    "yearsbklyl": 96.73,
+                    "daydxkyxs": 93.34,
+                    "monthdxkyxs": 93.34,
+                    "yeardxkyxs": 89.95,
+                    "monthspeed": null,
+                    "yearspeed": null,
+                    "monthruntime": 1292.72,
+                    "monhtstoptime": 901.08,
+                    "monthfaulttime": 77.62,
+                    "monthmaintaintime": 80.58,
+                    "monthinterrupttime": 24,
+                    "yearruntime": 1292.72,
+                    "yearstoptime": 901.08,
+                    "yearfaulttime": 77.62,
+                    "yearmaintaintime": 161.17,
+                    "yearinterrupttime": 24,
+                    "daycalendarhours": 24,
+                    "monthcalendarhours": 24,
+                    "yearcalendarhours": 24,
+                    "lossofpower1": 0,
+                    "lossofpower2": 0.3603,
+                    "lossofpower3": 0,
+                    "lossofpower4": 0,
+                    "monthwindhours": 22.4,
+                    "yearwindhours": 21.59,
+                    "brownoutstime": 0,
+                    "monthbrownoutstime": 0,
+                    "yearbrownoutstime": 0,
+                    "mainlossin": null,
+                    "faultlossin": null,
+                    "electriclossout": null,
+                    "weatherlossout": null,
+                    "test1": null
+                }
+            ],
+            dialogVisible: false,
+            sendData: {
+            },
+            isEdit: false,
+            checkAll: false,
+            isIndeterminate: true,
+            choseLineList: [],
+        };
+    },
+    created() {
+        let date = new Date();
+        this.dates = date.getTime();
+        this.getStation()
+    },
+    methods: {
+        async getStation() {
+            await api.getStation().then(res => {
+                if (res.data) {
+                    this.stationList = res.data.data
+                }
+            })
+            await api.getProlist().then(res => {
+                if (res.data) {
+                    this.prolist = res.data.data
+                }
+            })
+            await this.getDatas()
+        },
+        getDatas() {
+            api.windpowerinfoddy({
+                date: dayjs(this.dates).format("YYYY-MM-DD") ,
+            }).then(res => {
+                if (res.data) {
+                    res.data.data.forEach(item =>{
+                        if(item.projectid){
+                            item.name = this.prolist.find(val => val.id === item.foreignkeyid).name
+                        }else{
+                            item.name = this.stationList.find(val => val.id === item.foreignkeyid).name
+                        }
+                    })
+                    this.tableList = res.data.data
+                }
+            })
+        },
+        sunmit() {
+            this.sendData.speed = +this.sendData.speed
+            this.sendData.generatingcapacity2 = +this.sendData.generatingcapacity2
+            this.sendData.gridelectricity = +this.sendData.gridelectricity
+            this.sendData.buyelectricity = +this.sendData.buyelectricity
+            this.sendData.fieldelectricity = +this.sendData.fieldelectricity
+            this.sendData.maxpower = +this.sendData.maxpower
+            this.sendData.minpower = +this.sendData.minpower
+            let pairs = this.sendData
+            api.windpowerinfoddyEdit(pairs).then(res => {
+                    if (res.data) {
+                        this.$message({
+                            type: 'success',
+                            message: '修改成功!'
+                        });
+                        this.dialogVisible = false
+                        this.getDatas()
+                    }
+                })
+        },
+        handleEdit(val) {
+            this.sendData = JSON.parse(JSON.stringify(val))
+            this.isEdit = true
+            this.dialogVisible = true
+        },
+    },
+}
+</script>
+<style lang="less" scoped>
+.title-list {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    margin-top: 10px;
+
+    .search {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        margin-left: 30px;
+
+        .date {
+            margin-right: 20px;
+            font-size: 18px;
+        }
+    }
+
+    .query-item {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        margin-left: 30px;
+
+        .lable {
+            margin-right: 20px;
+            font-size: 18px;
+        }
+    }
+
+    .button {
+        width: 80px;
+        height: 40px;
+        margin-left: 30px;
+    }
+}
+
+.table-list {
+    min-height: 40vh;
+}
+
+.lists {
+    width: 90%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    margin: 0 5% 20px 5%;
+}
+
+.rows {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+
+    .rows-name {
+        width: 100px;
+    }
+
+    .rows-input {
+        width: 400px;
+    }
+
+    .rows-inputs {
+        width: 220px;
+    }
+}
+
+.submit {
+    position: absolute;
+    right: 20px;
+    bottom: 20px;
+}
+</style>