openatc-components 0.1.166 → 0.1.167

package/package/kisscomps/components/patternConfig/components/planExecute.vue

@@ -1,972 +0,0 @@
-/**
- * Copyright (c) 2020 kedacom
- * OpenATC is licensed under Mulan PSL v2.
- * You can use this software according to the terms and conditions of the Mulan PSL v2.
- * You may obtain a copy of Mulan PSL v2 at:
- * http://license.coscl.org.cn/MulanPSL2
- * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
- * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
- * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
- * See the Mulan PSL v2 for more details.
- **/
-<template>
-  <div class="planExecute">
-    <el-dialog
-      :title="$t(`openatccomponents.greenwaveoptimize.${[bizType]}`)"
-      :visible.sync="dialogFormVisible"
-      width="45%"
-      :close-on-click-modal="false"
-      @close='closeFormDialog'>
-    <div class="content">
-      <el-table
-        :data="list"
-        style="width: 100%"
-        :label="$t('openatc.devicemanager.devicename')"
-        :height="500"
-        :default-sort = "{prop: 'm_unFaultOccurTime', order: 'descending'}"
-       >
-        <el-table-column
-          type="index"
-          label="#"
-          align="center">
-        </el-table-column>
-        <el-table-column
-          prop="name"
-          :label="$t('openatc.devicemanager.devicename')"
-          align="center"
-          width="240">
-        </el-table-column>
-        <el-table-column
-          prop="roles"
-          :label="$t('openatc.devicemanager.state')"
-          align="center">
-            <template  slot-scope="scope">
-              <div>
-                <el-tooltip placement="top-start" effect="light" popper-class="atooltip">
-                  <div slot="content">{{$t('openatc.devicemanager.lastupdatetime')}}:{{scope.row.lastTime}}</div>
-                  <el-tag style="cursor:pointer;"  size="medium" effect="plain" :type="getTag(scope.row).type">{{ getTag(scope.row).label }}</el-tag>
-                </el-tooltip>
-              </div>
-            </template>
-        </el-table-column>
-        <el-table-column
-          prop="mode"
-          :label="$t('openatc.devicemanager.controlType')"
-          align="center">
-          <template  slot-scope="scope">
-            <div v-if="scope.row.state === 'DOWN'">
-              --
-            </div>
-            <div v-if="getType(scope.row).type && scope.row.state ==='UP'">
-              <el-tag  style="cursor:pointer;"  size="medium" effect="plain" :type="getType(scope.row).type">{{ getType(scope.row).label }}</el-tag>
-            </div>
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="control"
-          :label="$t('openatc.devicemanager.controlMode')"
-          align="center">
-          <template  slot-scope="scope">
-            <div v-if="scope.row.state === 'DOWN'">
-              --
-            </div>
-            <div v-if="getMode(scope.row).type && scope.row.state ==='UP'">
-              <el-tag  style="cursor:pointer;"  size="medium" effect="plain" :type="getMode(scope.row).type">{{ getMode(scope.row).label }}</el-tag>
-            </div>
-          </template>
-        </el-table-column>
-        <el-table-column
-          prop="enumerate"
-          :label="$t('openatc.bottleneckcontrol.executeresults')"
-          align="center">
-          <template slot-scope="scope">
-            <div v-if="scope.row.executeresults === 1">
-              <span class="success">
-                <i class="el-icon-check success"></i>
-              </span>
-              {{$t('openatccomponents.greenwaveoptimize.updated')}}
-            </div>
-            <div v-else-if="scope.row.executeresults === 2">
-              <span class="danger">
-                <i class="el-icon-close"></i>
-              </span>
-              {{$t('openatccomponents.greenwaveoptimize.failed')}}
-              <span class="primary">
-                <i class="el-icon-search" @click="onErrorDetailClick(scope.row)"></i>
-              </span>
-            </div>
-            <div v-else-if="scope.row.executeresults === 3">
-              -- {{$t('openatccomponents.greenwaveoptimize.ignored')}}
-            </div>
-            <div v-else>
-              --
-            </div>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <div class="footer">
-      <div class="checkbox">
-        <el-checkbox v-model="checked">{{$t('openatccomponents.greenwaveoptimize.continueOnfailure')}}</el-checkbox>
-      </div>
-      <div class="time">
-        <div class="time-content" v-show="bizType === 'executePlan'">
-          <div style="width:37%;">
-            {{$t('openatccomponents.greenwaveoptimize.executeTime')}}
-          </div>
-          <div style="width:14%;">
-            <el-select style="float:right;width:80px" v-model="hour" size="small" @change="handleSort">
-              <el-option
-                v-for="item in HoursOption"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              ></el-option>
-            </el-select>
-          </div>
-          <div style="width:4%;display:flex;justify-content:center;">
-            <span>:</span>
-          </div>
-          <div style="width:14%;">
-            <el-select style="float:left;width:80px" v-model="minute" size="small"  @change="handleSort">
-              <el-option
-                v-for="item in MinuteOption"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              ></el-option>
-            </el-select>
-          </div>
-        </div>
-      </div>
-      <div class="button" v-if="bizType === 'executePlan'">
-        <el-button type="primary" size="small" @click="onExecuteNowClick" plain>{{$t('openatccomponents.greenwaveoptimize.executePlan')}}</el-button>
-        <el-button type="primary" size="medium" @click="onRecoverNowClick" plain>{{$t('openatccomponents.greenwaveoptimize.backSelfControl')}}</el-button>
-      </div>
-      <div class="button" v-else>
-        <el-button type="primary" size="medium" @click="onDownSendClick" plain>{{$t('openatccomponents.greenwaveoptimize.saveParams')}}</el-button>
-      </div>
-    </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { getMessageByCode } from '../../../../utils/responseMessage'
-import { GetDeviceByIds } from '../../../../api/device'
-import { putControl, batchPutControl } from '../../../../api/control'
-export default {
-  name: 'PlanExecute',
-  props: {
-    childTitle: {
-      type: String
-    }
-  },
-  data () {
-    return {
-      checked: false,
-      bizType: 'executePlan',
-      routeId: 0,
-      dialogFormVisible: false,
-      deviceInfo: {},
-      hour: 0,
-      minute: 5,
-      HoursOption: [
-        {
-          value: 0,
-          label: '00'
-        },
-        {
-          value: 1,
-          label: '01'
-        },
-        {
-          value: 2,
-          label: '02'
-        },
-        {
-          value: 3,
-          label: '03'
-        },
-        {
-          value: 4,
-          label: '04'
-        },
-        {
-          value: 5,
-          label: '05'
-        },
-        {
-          value: 6,
-          label: '06'
-        },
-        {
-          value: 7,
-          label: '07'
-        },
-        {
-          value: 8,
-          label: '08'
-        },
-        {
-          value: 9,
-          label: '09'
-        },
-        {
-          value: 10,
-          label: '10'
-        },
-        {
-          value: 11,
-          label: '11'
-        },
-        {
-          value: 12,
-          label: '12'
-        },
-        {
-          value: 13,
-          label: '13'
-        },
-        {
-          value: 14,
-          label: '14'
-        },
-        {
-          value: 15,
-          label: '15'
-        },
-        {
-          value: 16,
-          label: '16'
-        },
-        {
-          value: 17,
-          label: '17'
-        },
-        {
-          value: 18,
-          label: '18'
-        },
-        {
-          value: 19,
-          label: '19'
-        },
-        {
-          value: 20,
-          label: '20'
-        },
-        {
-          value: 21,
-          label: '21'
-        },
-        {
-          value: 22,
-          label: '22'
-        },
-        {
-          value: 23,
-          label: '23'
-        }
-      ],
-      MinuteOption: [
-        {
-          value: 0,
-          label: '00'
-        },
-        {
-          value: 1,
-          label: '01'
-        },
-        {
-          value: 2,
-          label: '02'
-        },
-        {
-          value: 3,
-          label: '03'
-        },
-        {
-          value: 4,
-          label: '04'
-        },
-        {
-          value: 5,
-          label: '05'
-        },
-        {
-          value: 6,
-          label: '06'
-        },
-        {
-          value: 7,
-          label: '07'
-        },
-        {
-          value: 8,
-          label: '08'
-        },
-        {
-          value: 9,
-          label: '09'
-        },
-        {
-          value: 10,
-          label: '10'
-        },
-        {
-          value: 11,
-          label: '11'
-        },
-        {
-          value: 12,
-          label: '12'
-        },
-        {
-          value: 13,
-          label: '13'
-        },
-        {
-          value: 14,
-          label: '14'
-        },
-        {
-          value: 15,
-          label: '15'
-        },
-        {
-          value: 16,
-          label: '16'
-        },
-        {
-          value: 17,
-          label: '17'
-        },
-        {
-          value: 18,
-          label: '18'
-        },
-        {
-          value: 19,
-          label: '19'
-        },
-        {
-          value: 20,
-          label: '20'
-        },
-        {
-          value: 21,
-          label: '21'
-        },
-        {
-          value: 22,
-          label: '22'
-        },
-        {
-          value: 23,
-          label: '23'
-        },
-        {
-          value: 24,
-          label: '24'
-        },
-        {
-          value: 25,
-          label: '25'
-        },
-        {
-          value: 26,
-          label: '26'
-        },
-        {
-          value: 27,
-          label: '27'
-        },
-        {
-          value: 28,
-          label: '28'
-        },
-        {
-          value: 29,
-          label: '29'
-        },
-        {
-          value: 30,
-          label: '30'
-        },
-        {
-          value: 31,
-          label: '31'
-        },
-        {
-          value: 32,
-          label: '32'
-        },
-        {
-          value: 33,
-          label: '33'
-        },
-        {
-          value: 34,
-          label: '34'
-        },
-        {
-          value: 35,
-          label: '35'
-        },
-        {
-          value: 36,
-          label: '36'
-        },
-        {
-          value: 37,
-          label: '37'
-        },
-        {
-          value: 38,
-          label: '38'
-        },
-        {
-          value: 39,
-          label: '39'
-        },
-        {
-          value: 40,
-          label: '40'
-        },
-        {
-          value: 41,
-          label: '41'
-        },
-        {
-          value: 42,
-          label: '42'
-        },
-        {
-          value: 43,
-          label: '43'
-        },
-        {
-          value: 44,
-          label: '44'
-        },
-        {
-          value: 45,
-          label: '45'
-        },
-        {
-          value: 46,
-          label: '46'
-        },
-        {
-          value: 47,
-          label: '47'
-        },
-        {
-          value: 48,
-          label: '48'
-        },
-        {
-          value: 49,
-          label: '49'
-        },
-        {
-          value: 50,
-          label: '50'
-        },
-        {
-          value: 51,
-          label: '51'
-        },
-        {
-          value: 52,
-          label: '52'
-        },
-        {
-          value: 53,
-          label: '53'
-        },
-        {
-          value: 54,
-          label: '54'
-        },
-        {
-          value: 55,
-          label: '55'
-        },
-        {
-          value: 56,
-          label: '56'
-        },
-        {
-          value: 57,
-          label: '57'
-        },
-        {
-          value: 58,
-          label: '58'
-        },
-        {
-          value: 59,
-          label: '59'
-        }
-      ],
-      list: []
-    }
-  },
-  methods: {
-    handleSort () {},
-    onViewClick (list) {
-      this.dialogFormVisible = !this.dialogFormVisible
-      this.list = list
-    },
-    onErrorDetailClick (row) {
-      let msg = row.msg
-      let title = this.$t('openatc.bottleneckcontrol.controlfailed')
-      this.$alert(msg, title, {
-        confirmButtonText: this.$t('openatc.button.OK'),
-        callback: action => {}
-      })
-    },
-    async onExecuteClick (id, routeData) {
-      this.bizType = 'executePlan'
-      this.routeId = id
-      let list = await this.getList(routeData)
-      this.onViewClick(list)
-    },
-    onDownSendClick () {
-      let reqData = this.routeData
-      let duration = this.hour * 60 * 60 + this.minute * 60
-      reqData.duration = duration
-      reqData.continueOnfailure = this.checked
-      this.doSend(reqData)
-    },
-    doSend (reqData) {
-      let planContent = this.$parent.$refs.planContent
-      planContent.handleDownload(this.routeId, reqData).then(res => {
-        this.handeleResponse(res)
-      })
-    },
-    async handeleResponse (res) {
-      let statusdata = res.data.data.statusdata
-      for (let status of statusdata) {
-        let agentid = status.data.agentid
-        let msg = ''
-        if (!status.success) {
-          msg = getMessageByCode(status.code, this.$i18n.locale)
-          if (status.data) {
-            let errorCode = status.data.errorCode
-            if (errorCode) {
-              msg = msg + ' - ' + getMessageByCode(errorCode, this.$i18n.locale)
-            }
-          }
-        }
-        let row = this.list.filter(item => item.agentid === agentid)[0]
-        if (msg) {
-          row.executeresults = 2
-        } else {
-          row.executeresults = 1
-        }
-        row.msg = msg
-      }
-      let devList = await this.getList(this.routeData)
-      this.list.map(item => {
-        if (!item.executeresults) {
-          item.executeresults = 3
-        }
-        let dev = devList.filter(record => record.agentid === item.agentid)[0]
-        item.state = dev.state
-        item.mode = dev.mode
-        item.control = dev.control
-      })
-    },
-    onRecoverNowClick () {
-      let reqData = this.getReqData(this.list, 2)
-      batchPutControl(reqData).then(res => {
-        if (!res.data.success) {
-          let msg = getMessageByCode(res.data.code, this.$i18n.locale)
-          if (res.data.data) {
-            let errorCode = res.data.data.errorCode
-            if (errorCode) {
-              msg = msg + ' - ' + getMessageByCode(errorCode, this.$i18n.locale)
-            }
-          }
-          this.$message.error(msg)
-          return false
-        }
-        this.$alert(this.$t('openatccomponents.greenwaveoptimize.planissuedsucc'), { type: 'success' })
-        this.handeleResponse(res)
-      })
-    },
-    async onExecuteNowClick () {
-      let reqData = this.getReqData(this.list, 1)
-      batchPutControl(reqData).then(res => {
-        if (!res.data.success) {
-          let msg = getMessageByCode(res.data.code, this.$i18n.locale)
-          if (res.data.data) {
-            let errorCode = res.data.data.errorCode
-            if (errorCode) {
-              msg = msg + ' - ' + getMessageByCode(errorCode, this.$i18n.locale)
-            }
-          }
-          this.$message.error(msg)
-          return false
-        }
-        this.$alert(this.$t('openatc.common.operationsuccess'), { type: 'success' })
-        this.handeleResponse(res)
-      })
-    },
-    getReqData (list, id) {
-      let param = {
-        'continueOnfailure': this.checked,
-        'messages': []
-      }
-      let messages = []
-      this.list.map(row => {
-        if (row.isused && row.state === 'UP') {
-          let reqData = this.getRowReqData(row, id)
-          messages.push(reqData)
-        }
-      })
-      param.messages = messages
-      return param
-    },
-    getRowReqData (row, id) {
-      let message = {}
-      let duration = this.hour * 60 * 60 + this.minute * 60
-      if (id === 1) { // 1 临时，2.恢复，3.下载
-        let pattern = row.feature.patternList.filter(item => item.id === row.patternid)[0]
-        let data = {
-          'control': 100,
-          'delay': 0,
-          'duration': duration,
-          'data': {
-            'cycle': pattern.cycle,
-            'offset': pattern.offset,
-            'rings': pattern.rings
-          }
-        }
-        message = {
-          'agentid': row.agentid,
-          'operation': 'set-request',
-          'infotype': 'control/pattern',
-          'data': data
-        }
-      } else if (id === 2) { // 1 临时，2.恢复，3.下载
-        let data = {
-          'control': 0,
-          'terminal': 0,
-          'delay': 0,
-          'duration': duration
-        }
-        message = {
-          'agentid': row.agentid,
-          'operation': 'set-request',
-          'infotype': 'control/pattern',
-          'data': data
-        }
-      } else {
-        let data = {
-          'patternList': row.patternList
-        }
-        message = {
-          'agentid': row.agentid,
-          'operation': 'set-request',
-          'infotype': 'feature/pattern',
-          'data': data
-        }
-      }
-      return message
-    },
-    async onDownloadClick (id, routeData) {
-      this.bizType = 'downloadPlan'
-      this.routeId = id
-      let list = await this.getList(routeData)
-      this.onViewClick(list)
-    },
-    async getList (routeData) {
-      this.routeData = routeData
-      let deviceIds = this.routeData.devs.map(ele => ele.agentid)
-      let devList = await this.getDeviceByIds(deviceIds)
-      let list = routeData.devs
-      list = list.map(dev => {
-        let item = devList.filter(de => de.agentid === dev.agentid)[0]
-        dev = {...dev, ...item}
-        dev.executeresults = dev.executeresults ? dev.executeresults : 0
-        dev.msg = dev.msg ? dev.msg : ''
-        return dev
-      })
-      return list
-    },
-    async putControls (devList) {
-      for (let dev of devList) {
-        dev.isExecuted = true
-        let controlParam = dev.controlParam
-        if (!dev.isused || dev.state === 'DOWN') {
-          continue
-        }
-        let message = await this.putControl(controlParam)
-        dev.message = message
-      }
-    },
-    async putControl (reqData) {
-      let message = ''
-      let data = await putControl(reqData)
-      let success = 0
-      if (!data.data.success) {
-        message = getMessageByCode(data.data.code, this.$i18n.locale)
-      } else {
-        if (data.data.data && data.data.data.data) {
-          success = data.data.data.data.success
-          if (success !== 0) {
-            let errormsg = 'openatccomponents.overview.putTscControlError' + success
-            message = errormsg
-          }
-        }
-      }
-      return message
-    },
-    async getDeviceByIds (deviceIds) {
-      // 获取设备表格信息
-      let devicesData = []
-      let _this = this
-      return new Promise((resolve, reject) => {
-        GetDeviceByIds(deviceIds).then(res => {
-          if (!res.data.success) {
-            _this.$message.error(getMessageByCode(res.data.code, _this.$i18n.locale))
-            resolve(devicesData)
-          }
-          devicesData = res.data.data
-          resolve(devicesData)
-        })
-      })
-    },
-    getMode (row) {
-      if (row.control === 0) {
-        return {
-          label: this.$t('openatccomponents.overview.modelList0'),
-          type: 'success'
-        }
-      } else if (row.control === 1) {
-        return {
-          label: this.$t('openatccomponents.overview.modelList1'),
-          type: 'warning'
-        }
-      } else if (row.control === 2) {
-        return {
-          label: this.$t('openatccomponents.overview.modelList2'),
-          type: 'warning'
-        }
-      } else if (row.control === 3) {
-        return {
-          label: this.$t('openatccomponents.overview.modelList3'),
-          type: 'warning'
-        }
-      } else if (row.control === 4) {
-        return {
-          label: this.$t('openatccomponents.overview.modelList4'),
-          type: 'warning'
-        }
-      } else if (row.control === 22) {
-        return {
-          label: this.$t('openatccomponents.overview.modelList22'),
-          type: 'warning'
-        }
-      } else if (row.control === 5) {
-        return {
-          label: this.$t('openatccomponents.overview.modelList5'),
-          type: 'success'
-        }
-      } else if (row.control === 6) {
-        return {
-          label: this.$t('openatccomponents.overview.modelList6'),
-          type: 'success'
-        }
-      } else if (row.control === 7) {
-        return {
-          label: this.$t('openatccomponents.overview.modelList7'),
-          type: 'success'
-        }
-      } else if (row.control === 8) {
-        return {
-          label: this.$t('openatccomponents.overview.modelList8'),
-          type: 'success'
-        }
-      } else if (row.control === 9) {
-        return {
-          label: this.$t('openatccomponents.overview.modelList9'),
-          type: 'success'
-        }
-      } else if (row.control === 10) {
-        return {
-          label: this.$t('openatccomponents.overview.modelList10'),
-          type: 'success'
-        }
-      } else if (row.control === 11) {
-        return {
-          label: this.$t('openatccomponents.overview.modelList11'),
-          type: 'success'
-        }
-      } else if (row.control === 12) {
-        return {
-          label: this.$t('openatccomponents.overview.modelList12'),
-          type: 'success'
-        }
-      } else if (row.control === 13) {
-        return {
-          label: this.$t('openatccomponents.overview.modelList13'),
-          type: 'success'
-        }
-      } else if (row.control === 14) {
-        return {
-          label: this.$t('openatccomponents.overview.modelList14'),
-          type: 'success'
-        }
-      } else if (row.control === 15) {
-        return {
-          label: this.$t('openatccomponents.overview.modelList15'),
-          type: 'success'
-        }
-      } else if (row.control === 16) {
-        return {
-          label: this.$t('openatccomponents.overview.modelList16'),
-          type: 'success'
-        }
-      } else if (row.control === 17) {
-        return {
-          label: this.$t('openatccomponents.overview.modelList17'),
-          type: 'success'
-        }
-      } else if (row.control === 18) {
-        return {
-          label: this.$t('openatccomponents.overview.modelList18'),
-          type: 'success'
-        }
-      } else if (row.control === 19) {
-        return {
-          label: this.$t('openatccomponents.overview.modelList19'),
-          type: 'success'
-        }
-      } else if (row.control === 21) {
-        return {
-          label: this.$t('openatccomponents.overview.modelList21'),
-          type: 'success'
-        }
-      } else if (row.control === 23) {
-        return {
-          label: this.$t('openatccomponents.overview.modelList23'),
-          type: 'success'
-        }
-      } else if (row.control === 24) {
-        return {
-          label: this.$t('openatccomponents.overview.modelList24'),
-          type: 'success'
-        }
-      } else if (row.control === 99) {
-        return {
-          label: this.$t('openatccomponents.overview.modelList25'),
-          type: 'success'
-        }
-      } else if (row.control === 100) {
-        return {
-          label: this.$t('openatccomponents.overview.modelList100'),
-          type: 'success'
-        }
-      } else if (!row.control) {
-        return {
-          label: '',
-          type: ''
-        }
-      }
-    },
-    getType (row) {
-      if (row.mode === 0) {
-        return {
-          label: this.$t('openatc.patternstatistic.mode0'),
-          type: 'success'
-        }
-      } else if (row.mode === 1) {
-        return {
-          label: this.$t('openatc.patternstatistic.mode1'),
-          type: 'warning'
-        }
-      } else if (row.mode === 2) {
-        return {
-          label: this.$t('openatc.patternstatistic.mode2'),
-          type: 'warning'
-        }
-      } else if (row.mode === 3) {
-        return {
-          label: this.$t('openatc.patternstatistic.mode3'),
-          type: 'warning'
-        }
-      } else if (row.mode === 4) {
-        return {
-          label: this.$t('openatc.patternstatistic.mode4'),
-          type: 'warning'
-        }
-      } else if (row.mode === 5) {
-        return {
-          label: this.$t('openatc.patternstatistic.mode5'),
-          type: 'warning'
-        }
-      } else if (row.mode === 6) {
-        return {
-          label: this.$t('openatc.patternstatistic.mode6'),
-          type: 'warning'
-        }
-      } else if (row.mode === 7) {
-        return {
-          label: this.$t('openatc.patternstatistic.mode7'),
-          type: 'warning'
-        }
-      } else if (row.mode === 8) {
-        return {
-          label: this.$t('openatc.patternstatistic.mode8'),
-          type: 'warning'
-        }
-      } else if (!row.mode) {
-        return {
-          label: '',
-          type: ''
-        }
-      }
-    },
-    getTag (row) {
-      if (row.state === 'DOWN') {
-        return {
-          label: this.$t('openatc.devicemanager.offline'),
-          type: 'info'
-        }
-      } else {
-        if (row.status === 0) {
-          // 数据从设备端来，暂时写死，0代表正常状态，其余数字均代表一种类型的故障
-          return {
-            label: this.$t('openatc.devicemanager.online'),
-            type: 'success'
-          }
-        } else {
-          // return {
-          //   label: this.$t('openatc.devicemanager.fault'),
-          //   type: 'danger'
-          // }
-        }
-      }
-    },
-    closeFormDialog () {
-      this.checked = false
-      this.hour = 0
-      this.minute = 5
-    }
-  }
-}
-</script>
-
-<style lang="scss" rel="stylesheet/scss">
-.dev-update .el-dialog__body {
-  padding: 30px 72px 30px 0;
-}
-.el-dialog__footer {
-  padding: 10px 72px 38px 0;
-}
-</style>