bug修复

.history/src/views/planOutage/dialogComponent_20211018102819.vue

@@ -1,243 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <el-date-picker
-            v-model="beginTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')"
-            >保存</el-button
-          >
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: "DialogComponent",
-  props: {
-    dialogTitle: {
-      type: String,
-      default: "新增",
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {};
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2);
-        let endTime = this.endTime;
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime();
-        }
-      },
-    };
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime;
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime();
-        }
-      },
-    };
-
-    return {
-      beginTime: "",
-      endTime: "",
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: "选项1",
-          label: "站点一",
-        },
-        {
-          value: "选项2",
-          label: "站点二",
-        },
-        {
-          value: "选项3",
-          label: "站点三",
-        },
-        {
-          value: "选项4",
-          label: "站点四",
-        },
-        {
-          value: "选项5",
-          label: "站点五",
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: "请输入站点名称", trigger: "blur" },
-          {
-            min: 3,
-            max: 6,
-            message: "用户名长度在 3 到 6 个字符",
-            trigger: "blur",
-          },
-        ],
-        beginTime: [
-          { required: true, message: "请输入开始停电时间", trigger: "blur" },
-          {
-            min: 3,
-            max: 6,
-            message: "用户名长度在 3 到 6 个字符",
-            trigger: "blur",
-          },
-        ],
-        endTime: [
-          { required: true, message: "请选则结束停电时间", trigger: "change" },
-        ],
-        ratedVoltage: [
-          { required: true, message: "请选择站点列表", trigger: "change" },
-        ],
-        ratedCurrent: [
-          { required: true, message: "请输入已选站点个数", trigger: "blur" },
-          { trigger: "blur" },
-        ],
-        fzlMx: [
-          { required: true, message: "请输入挂载设备个数", trigger: "blur" },
-          { trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error("角色不能为空"));
-      } else {
-        callback();
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {});
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: "操作成功！",
-            type: "success",
-          });
-          this.closeDialog(1);
-        } else {
-          return false;
-        }
-      });
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs["formInfo"].resetFields();
-      this.showDialog = false;
-      this.$emit("closeDialog", flag);
-    },
-  },
-};
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020170540.vue

@@ -1,272 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="beginTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-           <el-time-select
-      v-model="startTime"
-      placeholder="Start time"
-      start="08:30"
-      step="00:15"
-      end="18:30"
-    >
-    </el-time-select>
-
-
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-                 
-    <el-time-select
-      v-model="endTime"
-      :min-time="startTime"
-      placeholder="End time"
-      start="08:30"
-      step="00:15"
-      end="18:30"
-    >
-    </el-time-select>
-
-
-
-
-  
-
-    
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')"
-            >保存</el-button
-          >
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: "DialogComponent",
-  props: {
-    dialogTitle: {
-      type: String,
-      default: "新增",
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {};
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2);
-        let endTime = this.endTime;
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime();
-        }
-      },
-    };
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime;
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime();
-        }
-      },
-    };
-
-    return {
-      beginTime: "",
-      endTime: "",
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: "选项1",
-          label: "站点一",
-        },
-        {
-          value: "选项2",
-          label: "站点二",
-        },
-        {
-          value: "选项3",
-          label: "站点三",
-        },
-        {
-          value: "选项4",
-          label: "站点四",
-        },
-        {
-          value: "选项5",
-          label: "站点五",
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: "请输入站点名称", trigger: "blur" },
-          {
-            min: 3,
-            max: 6,
-            message: "用户名长度在 3 到 6 个字符",
-            trigger: "blur",
-          },
-        ],
-        beginTime: [
-          { required: true, message: "请输入开始停电时间", trigger: "blur" },
-          {
-            min: 3,
-            max: 6,
-            message: "用户名长度在 3 到 6 个字符",
-            trigger: "blur",
-          },
-        ],
-        endTime: [
-          { required: true, message: "请选则结束停电时间", trigger: "change" },
-        ],
-        ratedVoltage: [
-          { required: true, message: "请选择站点列表", trigger: "change" },
-        ],
-        ratedCurrent: [
-          { required: true, message: "请输入已选站点个数", trigger: "blur" },
-          { trigger: "blur" },
-        ],
-        fzlMx: [
-          { required: true, message: "请输入挂载设备个数", trigger: "blur" },
-          { trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error("角色不能为空"));
-      } else {
-        callback();
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {});
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: "操作成功！",
-            type: "success",
-          });
-          this.closeDialog(1);
-        } else {
-          return false;
-        }
-      });
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs["formInfo"].resetFields();
-      this.showDialog = false;
-      this.$emit("closeDialog", flag);
-    },
-  },
-};
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020170605.vue

@@ -1,272 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="beginTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-           <el-date-picker
-      v-model="startTime"
-      placeholder="Start time"
-      start="08:30"
-      step="00:15"
-      end="18:30"
-    >
-    </el-date-picker>
-
-
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-                 
-    <el-time-select
-      v-model="endTime"
-      :min-time="startTime"
-      placeholder="End time"
-      start="08:30"
-      step="00:15"
-      end="18:30"
-    >
-    </el-time-select>
-
-
-
-
-  
-
-    
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')"
-            >保存</el-button
-          >
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: "DialogComponent",
-  props: {
-    dialogTitle: {
-      type: String,
-      default: "新增",
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {};
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2);
-        let endTime = this.endTime;
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime();
-        }
-      },
-    };
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime;
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime();
-        }
-      },
-    };
-
-    return {
-      beginTime: "",
-      endTime: "",
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: "选项1",
-          label: "站点一",
-        },
-        {
-          value: "选项2",
-          label: "站点二",
-        },
-        {
-          value: "选项3",
-          label: "站点三",
-        },
-        {
-          value: "选项4",
-          label: "站点四",
-        },
-        {
-          value: "选项5",
-          label: "站点五",
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: "请输入站点名称", trigger: "blur" },
-          {
-            min: 3,
-            max: 6,
-            message: "用户名长度在 3 到 6 个字符",
-            trigger: "blur",
-          },
-        ],
-        beginTime: [
-          { required: true, message: "请输入开始停电时间", trigger: "blur" },
-          {
-            min: 3,
-            max: 6,
-            message: "用户名长度在 3 到 6 个字符",
-            trigger: "blur",
-          },
-        ],
-        endTime: [
-          { required: true, message: "请选则结束停电时间", trigger: "change" },
-        ],
-        ratedVoltage: [
-          { required: true, message: "请选择站点列表", trigger: "change" },
-        ],
-        ratedCurrent: [
-          { required: true, message: "请输入已选站点个数", trigger: "blur" },
-          { trigger: "blur" },
-        ],
-        fzlMx: [
-          { required: true, message: "请输入挂载设备个数", trigger: "blur" },
-          { trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error("角色不能为空"));
-      } else {
-        callback();
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {});
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: "操作成功！",
-            type: "success",
-          });
-          this.closeDialog(1);
-        } else {
-          return false;
-        }
-      });
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs["formInfo"].resetFields();
-      this.showDialog = false;
-      this.$emit("closeDialog", flag);
-    },
-  },
-};
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020170625.vue

@@ -1,270 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="beginTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-           <el-date-picker
-      v-model="startTime"
-      placeholder="Start time"
-     
-    >
-    </el-date-picker>
-
-
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-                 
-    <el-time-select
-      v-model="endTime"
-      :min-time="startTime"
-      placeholder="End time"
-      start="08:30"
-      step="00:15"
-      end="18:30"
-    >
-    </el-time-select>
-
-
-
-
-  
-
-    
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')"
-            >保存</el-button
-          >
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: "DialogComponent",
-  props: {
-    dialogTitle: {
-      type: String,
-      default: "新增",
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {};
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2);
-        let endTime = this.endTime;
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime();
-        }
-      },
-    };
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime;
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime();
-        }
-      },
-    };
-
-    return {
-      beginTime: "",
-      endTime: "",
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: "选项1",
-          label: "站点一",
-        },
-        {
-          value: "选项2",
-          label: "站点二",
-        },
-        {
-          value: "选项3",
-          label: "站点三",
-        },
-        {
-          value: "选项4",
-          label: "站点四",
-        },
-        {
-          value: "选项5",
-          label: "站点五",
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: "请输入站点名称", trigger: "blur" },
-          {
-            min: 3,
-            max: 6,
-            message: "用户名长度在 3 到 6 个字符",
-            trigger: "blur",
-          },
-        ],
-        beginTime: [
-          { required: true, message: "请输入开始停电时间", trigger: "blur" },
-          {
-            min: 3,
-            max: 6,
-            message: "用户名长度在 3 到 6 个字符",
-            trigger: "blur",
-          },
-        ],
-        endTime: [
-          { required: true, message: "请选则结束停电时间", trigger: "change" },
-        ],
-        ratedVoltage: [
-          { required: true, message: "请选择站点列表", trigger: "change" },
-        ],
-        ratedCurrent: [
-          { required: true, message: "请输入已选站点个数", trigger: "blur" },
-          { trigger: "blur" },
-        ],
-        fzlMx: [
-          { required: true, message: "请输入挂载设备个数", trigger: "blur" },
-          { trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error("角色不能为空"));
-      } else {
-        callback();
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {});
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: "操作成功！",
-            type: "success",
-          });
-          this.closeDialog(1);
-        } else {
-          return false;
-        }
-      });
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs["formInfo"].resetFields();
-      this.showDialog = false;
-      this.$emit("closeDialog", flag);
-    },
-  },
-};
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020170638.vue

@@ -1,263 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="beginTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-           <el-time-select
-      v-model="startTime"
-      placeholder="Start time"
-      start="08:30"
-      step="00:15"
-      end="18:30"
-    >
-    </el-time-select>
-
-
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
-
-          
-
-
-
-
-  
-
-    
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')"
-            >保存</el-button
-          >
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: "DialogComponent",
-  props: {
-    dialogTitle: {
-      type: String,
-      default: "新增",
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {};
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2);
-        let endTime = this.endTime;
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime();
-        }
-      },
-    };
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime;
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime();
-        }
-      },
-    };
-
-    return {
-      beginTime: "",
-      endTime: "",
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: "选项1",
-          label: "站点一",
-        },
-        {
-          value: "选项2",
-          label: "站点二",
-        },
-        {
-          value: "选项3",
-          label: "站点三",
-        },
-        {
-          value: "选项4",
-          label: "站点四",
-        },
-        {
-          value: "选项5",
-          label: "站点五",
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: "请输入站点名称", trigger: "blur" },
-          {
-            min: 3,
-            max: 6,
-            message: "用户名长度在 3 到 6 个字符",
-            trigger: "blur",
-          },
-        ],
-        beginTime: [
-          { required: true, message: "请输入开始停电时间", trigger: "blur" },
-          {
-            min: 3,
-            max: 6,
-            message: "用户名长度在 3 到 6 个字符",
-            trigger: "blur",
-          },
-        ],
-        endTime: [
-          { required: true, message: "请选则结束停电时间", trigger: "change" },
-        ],
-        ratedVoltage: [
-          { required: true, message: "请选择站点列表", trigger: "change" },
-        ],
-        ratedCurrent: [
-          { required: true, message: "请输入已选站点个数", trigger: "blur" },
-          { trigger: "blur" },
-        ],
-        fzlMx: [
-          { required: true, message: "请输入挂载设备个数", trigger: "blur" },
-          { trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error("角色不能为空"));
-      } else {
-        callback();
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {});
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: "操作成功！",
-            type: "success",
-          });
-          this.closeDialog(1);
-        } else {
-          return false;
-        }
-      });
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs["formInfo"].resetFields();
-      this.showDialog = false;
-      this.$emit("closeDialog", flag);
-    },
-  },
-};
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020170647.vue

@@ -1,262 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="beginTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-           <el-time-select
-      v-model="startTime"
-      placeholder="Start time"
-      start="08:30"
-      step="00:15"
-      end="18:30"
-    >
-    </el-time-select>
-
-
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
-          
-
-
-
-
-  
-
-    
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')"
-            >保存</el-button
-          >
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: "DialogComponent",
-  props: {
-    dialogTitle: {
-      type: String,
-      default: "新增",
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {};
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2);
-        let endTime = this.endTime;
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime();
-        }
-      },
-    };
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime;
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime();
-        }
-      },
-    };
-
-    return {
-      beginTime: "",
-      endTime: "",
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: "选项1",
-          label: "站点一",
-        },
-        {
-          value: "选项2",
-          label: "站点二",
-        },
-        {
-          value: "选项3",
-          label: "站点三",
-        },
-        {
-          value: "选项4",
-          label: "站点四",
-        },
-        {
-          value: "选项5",
-          label: "站点五",
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: "请输入站点名称", trigger: "blur" },
-          {
-            min: 3,
-            max: 6,
-            message: "用户名长度在 3 到 6 个字符",
-            trigger: "blur",
-          },
-        ],
-        beginTime: [
-          { required: true, message: "请输入开始停电时间", trigger: "blur" },
-          {
-            min: 3,
-            max: 6,
-            message: "用户名长度在 3 到 6 个字符",
-            trigger: "blur",
-          },
-        ],
-        endTime: [
-          { required: true, message: "请选则结束停电时间", trigger: "change" },
-        ],
-        ratedVoltage: [
-          { required: true, message: "请选择站点列表", trigger: "change" },
-        ],
-        ratedCurrent: [
-          { required: true, message: "请输入已选站点个数", trigger: "blur" },
-          { trigger: "blur" },
-        ],
-        fzlMx: [
-          { required: true, message: "请输入挂载设备个数", trigger: "blur" },
-          { trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error("角色不能为空"));
-      } else {
-        callback();
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {});
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: "操作成功！",
-            type: "success",
-          });
-          this.closeDialog(1);
-        } else {
-          return false;
-        }
-      });
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs["formInfo"].resetFields();
-      this.showDialog = false;
-      this.$emit("closeDialog", flag);
-    },
-  },
-};
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020170715.vue

@@ -1,270 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="beginTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-           <el-time-select
-      v-model="startTime"
-      placeholder="Start time"
-      start="08:30"
-      step="00:15"
-      end="18:30"
-    >
-    </el-time-select>
-
-    
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-
-
-         
-    <el-time-select
-      v-model="endTime"
-      :min-time="startTime"
-      placeholder="End time"
-      start="08:30"
-      step="00:15"
-      end="18:30"
-    >
-    </el-time-select>
-
-    
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')"
-            >保存</el-button
-          >
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: "DialogComponent",
-  props: {
-    dialogTitle: {
-      type: String,
-      default: "新增",
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {};
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2);
-        let endTime = this.endTime;
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime();
-        }
-      },
-    };
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime;
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime();
-        }
-      },
-    };
-
-    return {
-      beginTime: "",
-      endTime: "",
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: "选项1",
-          label: "站点一",
-        },
-        {
-          value: "选项2",
-          label: "站点二",
-        },
-        {
-          value: "选项3",
-          label: "站点三",
-        },
-        {
-          value: "选项4",
-          label: "站点四",
-        },
-        {
-          value: "选项5",
-          label: "站点五",
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: "请输入站点名称", trigger: "blur" },
-          {
-            min: 3,
-            max: 6,
-            message: "用户名长度在 3 到 6 个字符",
-            trigger: "blur",
-          },
-        ],
-        beginTime: [
-          { required: true, message: "请输入开始停电时间", trigger: "blur" },
-          {
-            min: 3,
-            max: 6,
-            message: "用户名长度在 3 到 6 个字符",
-            trigger: "blur",
-          },
-        ],
-        endTime: [
-          { required: true, message: "请选则结束停电时间", trigger: "change" },
-        ],
-        ratedVoltage: [
-          { required: true, message: "请选择站点列表", trigger: "change" },
-        ],
-        ratedCurrent: [
-          { required: true, message: "请输入已选站点个数", trigger: "blur" },
-          { trigger: "blur" },
-        ],
-        fzlMx: [
-          { required: true, message: "请输入挂载设备个数", trigger: "blur" },
-          { trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error("角色不能为空"));
-      } else {
-        callback();
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {});
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: "操作成功！",
-            type: "success",
-          });
-          this.closeDialog(1);
-        } else {
-          return false;
-        }
-      });
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs["formInfo"].resetFields();
-      this.showDialog = false;
-      this.$emit("closeDialog", flag);
-    },
-  },
-};
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020170804.vue

@@ -1,270 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="beginTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-           <el-time-select
-      v-model="startTime"
-      placeholder="Start time"
-      start="08:30"
-      step="00:15"
-      end="18:30"
-    >
-    </el-time-select>
-
-    
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-
-
-         
-    <el-time-select
-      v-model="endTime"
-      :min-time="startTime"
-      placeholder="End time"
-      start="08:30"
-      step="00:15"
-      end="18:30"
-    >
-    </el-time-select>
-
-    
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')"
-            >保存</el-button
-          >
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: "DialogComponent",
-  props: {
-    dialogTitle: {
-      type: String,
-      default: "新增",
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {};
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2);
-        let endTime = this.endTime;
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime();
-        }
-      },
-    };
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime;
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime();
-        }
-      },
-    };
-
-    return {
-      startTime: "",
-      endTime: "",
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: "选项1",
-          label: "站点一",
-        },
-        {
-          value: "选项2",
-          label: "站点二",
-        },
-        {
-          value: "选项3",
-          label: "站点三",
-        },
-        {
-          value: "选项4",
-          label: "站点四",
-        },
-        {
-          value: "选项5",
-          label: "站点五",
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: "请输入站点名称", trigger: "blur" },
-          {
-            min: 3,
-            max: 6,
-            message: "用户名长度在 3 到 6 个字符",
-            trigger: "blur",
-          },
-        ],
-        beginTime: [
-          { required: true, message: "请输入开始停电时间", trigger: "blur" },
-          {
-            min: 3,
-            max: 6,
-            message: "用户名长度在 3 到 6 个字符",
-            trigger: "blur",
-          },
-        ],
-        endTime: [
-          { required: true, message: "请选则结束停电时间", trigger: "change" },
-        ],
-        ratedVoltage: [
-          { required: true, message: "请选择站点列表", trigger: "change" },
-        ],
-        ratedCurrent: [
-          { required: true, message: "请输入已选站点个数", trigger: "blur" },
-          { trigger: "blur" },
-        ],
-        fzlMx: [
-          { required: true, message: "请输入挂载设备个数", trigger: "blur" },
-          { trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error("角色不能为空"));
-      } else {
-        callback();
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {});
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: "操作成功！",
-            type: "success",
-          });
-          this.closeDialog(1);
-        } else {
-          return false;
-        }
-      });
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs["formInfo"].resetFields();
-      this.showDialog = false;
-      this.$emit("closeDialog", flag);
-    },
-  },
-};
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020170833.vue

@@ -1,268 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-           
-          ></el-date-picker>
-
-           <el-time-select
-      v-model="startTime"
-      placeholder="Start time"
-      start="08:30"
-      step="00:15"
-      end="18:30"
-    >
-    </el-time-select>
-
-    
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-
-
-         
-    <el-time-select
-      v-model="endTime"
-      :min-time="startTime"
-      placeholder="End time"
-      start="08:30"
-      step="00:15"
-      end="18:30"
-    >
-    </el-time-select>
-
-    
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')"
-            >保存</el-button
-          >
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: "DialogComponent",
-  props: {
-    dialogTitle: {
-      type: String,
-      default: "新增",
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {};
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2);
-        let endTime = this.endTime;
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime();
-        }
-      },
-    };
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime;
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime();
-        }
-      },
-    };
-
-    return {
-      startTime: "",
-      endTime: "",
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: "选项1",
-          label: "站点一",
-        },
-        {
-          value: "选项2",
-          label: "站点二",
-        },
-        {
-          value: "选项3",
-          label: "站点三",
-        },
-        {
-          value: "选项4",
-          label: "站点四",
-        },
-        {
-          value: "选项5",
-          label: "站点五",
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: "请输入站点名称", trigger: "blur" },
-          {
-            min: 3,
-            max: 6,
-            message: "用户名长度在 3 到 6 个字符",
-            trigger: "blur",
-          },
-        ],
-        beginTime: [
-          { required: true, message: "请输入开始停电时间", trigger: "blur" },
-          {
-            min: 3,
-            max: 6,
-            message: "用户名长度在 3 到 6 个字符",
-            trigger: "blur",
-          },
-        ],
-        endTime: [
-          { required: true, message: "请选则结束停电时间", trigger: "change" },
-        ],
-        ratedVoltage: [
-          { required: true, message: "请选择站点列表", trigger: "change" },
-        ],
-        ratedCurrent: [
-          { required: true, message: "请输入已选站点个数", trigger: "blur" },
-          { trigger: "blur" },
-        ],
-        fzlMx: [
-          { required: true, message: "请输入挂载设备个数", trigger: "blur" },
-          { trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error("角色不能为空"));
-      } else {
-        callback();
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {});
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: "操作成功！",
-            type: "success",
-          });
-          this.closeDialog(1);
-        } else {
-          return false;
-        }
-      });
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs["formInfo"].resetFields();
-      this.showDialog = false;
-      this.$emit("closeDialog", flag);
-    },
-  },
-};
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020170844.vue

@@ -1,268 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-           
-          ></el-date-picker>
-
-           <el-time-select
-      v-model="startTime"
-      placeholder="Start time"
-      start="08:30"
-      step="00:15"
-      end="18:30"
-    >
-    </el-time-select>
-
-    
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
-
-
-
-
-         
-    <el-time-select
-      v-model="endTime"
-      :min-time="startTime"
-      placeholder="End time"
-      start="08:30"
-      step="00:15"
-      end="18:30"
-    >
-    </el-time-select>
-
-    
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')"
-            >保存</el-button
-          >
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: "DialogComponent",
-  props: {
-    dialogTitle: {
-      type: String,
-      default: "新增",
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {};
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2);
-        let endTime = this.endTime;
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime();
-        }
-      },
-    };
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime;
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime();
-        }
-      },
-    };
-
-    return {
-      startTime: "",
-      endTime: "",
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: "选项1",
-          label: "站点一",
-        },
-        {
-          value: "选项2",
-          label: "站点二",
-        },
-        {
-          value: "选项3",
-          label: "站点三",
-        },
-        {
-          value: "选项4",
-          label: "站点四",
-        },
-        {
-          value: "选项5",
-          label: "站点五",
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: "请输入站点名称", trigger: "blur" },
-          {
-            min: 3,
-            max: 6,
-            message: "用户名长度在 3 到 6 个字符",
-            trigger: "blur",
-          },
-        ],
-        beginTime: [
-          { required: true, message: "请输入开始停电时间", trigger: "blur" },
-          {
-            min: 3,
-            max: 6,
-            message: "用户名长度在 3 到 6 个字符",
-            trigger: "blur",
-          },
-        ],
-        endTime: [
-          { required: true, message: "请选则结束停电时间", trigger: "change" },
-        ],
-        ratedVoltage: [
-          { required: true, message: "请选择站点列表", trigger: "change" },
-        ],
-        ratedCurrent: [
-          { required: true, message: "请输入已选站点个数", trigger: "blur" },
-          { trigger: "blur" },
-        ],
-        fzlMx: [
-          { required: true, message: "请输入挂载设备个数", trigger: "blur" },
-          { trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error("角色不能为空"));
-      } else {
-        callback();
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {});
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: "操作成功！",
-            type: "success",
-          });
-          this.closeDialog(1);
-        } else {
-          return false;
-        }
-      });
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs["formInfo"].resetFields();
-      this.showDialog = false;
-      this.$emit("closeDialog", flag);
-    },
-  },
-};
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020170904.vue

@@ -1,268 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-           
-          ></el-date-picker>
-
-           <!-- <el-time-select
-      v-model="startTime"
-      placeholder="Start time"
-      start="08:30"
-      step="00:15"
-      end="18:30"
-    >
-    </el-time-select> -->
-
-    
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
-
-
-
-
-         
-    <!-- <el-time-select
-      v-model="endTime"
-      :min-time="startTime"
-      placeholder="End time"
-      start="08:30"
-      step="00:15"
-      end="18:30"
-    >
-    </el-time-select> -->
-
-    
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')"
-            >保存</el-button
-          >
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: "DialogComponent",
-  props: {
-    dialogTitle: {
-      type: String,
-      default: "新增",
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {};
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2);
-        let endTime = this.endTime;
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime();
-        }
-      },
-    };
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime;
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime();
-        }
-      },
-    };
-
-    return {
-      startTime: "",
-      endTime: "",
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: "选项1",
-          label: "站点一",
-        },
-        {
-          value: "选项2",
-          label: "站点二",
-        },
-        {
-          value: "选项3",
-          label: "站点三",
-        },
-        {
-          value: "选项4",
-          label: "站点四",
-        },
-        {
-          value: "选项5",
-          label: "站点五",
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: "请输入站点名称", trigger: "blur" },
-          {
-            min: 3,
-            max: 6,
-            message: "用户名长度在 3 到 6 个字符",
-            trigger: "blur",
-          },
-        ],
-        beginTime: [
-          { required: true, message: "请输入开始停电时间", trigger: "blur" },
-          {
-            min: 3,
-            max: 6,
-            message: "用户名长度在 3 到 6 个字符",
-            trigger: "blur",
-          },
-        ],
-        endTime: [
-          { required: true, message: "请选则结束停电时间", trigger: "change" },
-        ],
-        ratedVoltage: [
-          { required: true, message: "请选择站点列表", trigger: "change" },
-        ],
-        ratedCurrent: [
-          { required: true, message: "请输入已选站点个数", trigger: "blur" },
-          { trigger: "blur" },
-        ],
-        fzlMx: [
-          { required: true, message: "请输入挂载设备个数", trigger: "blur" },
-          { trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error("角色不能为空"));
-      } else {
-        callback();
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {});
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: "操作成功！",
-            type: "success",
-          });
-          this.closeDialog(1);
-        } else {
-          return false;
-        }
-      });
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs["formInfo"].resetFields();
-      this.showDialog = false;
-      this.$emit("closeDialog", flag);
-    },
-  },
-};
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020170928.vue

@@ -1,270 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-           <el-time-select
-      v-model="startTime"
-      placeholder="Start time"
-      start="08:30"
-      step="00:15"
-      end="18:30"
-    >
-    </el-time-select>
-
-    
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-
-
-         
-    <el-time-select
-      v-model="endTime"
-      :min-time="startTime"
-      placeholder="End time"
-      start="08:30"
-      step="00:15"
-      end="18:30"
-    >
-    </el-time-select>
-
-    
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')"
-            >保存</el-button
-          >
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: "DialogComponent",
-  props: {
-    dialogTitle: {
-      type: String,
-      default: "新增",
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {};
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2);
-        let endTime = this.endTime;
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime();
-        }
-      },
-    };
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime;
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime();
-        }
-      },
-    };
-
-    return {
-      startTime: "",
-      endTime: "",
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: "选项1",
-          label: "站点一",
-        },
-        {
-          value: "选项2",
-          label: "站点二",
-        },
-        {
-          value: "选项3",
-          label: "站点三",
-        },
-        {
-          value: "选项4",
-          label: "站点四",
-        },
-        {
-          value: "选项5",
-          label: "站点五",
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: "请输入站点名称", trigger: "blur" },
-          {
-            min: 3,
-            max: 6,
-            message: "用户名长度在 3 到 6 个字符",
-            trigger: "blur",
-          },
-        ],
-        beginTime: [
-          { required: true, message: "请输入开始停电时间", trigger: "blur" },
-          {
-            min: 3,
-            max: 6,
-            message: "用户名长度在 3 到 6 个字符",
-            trigger: "blur",
-          },
-        ],
-        endTime: [
-          { required: true, message: "请选则结束停电时间", trigger: "change" },
-        ],
-        ratedVoltage: [
-          { required: true, message: "请选择站点列表", trigger: "change" },
-        ],
-        ratedCurrent: [
-          { required: true, message: "请输入已选站点个数", trigger: "blur" },
-          { trigger: "blur" },
-        ],
-        fzlMx: [
-          { required: true, message: "请输入挂载设备个数", trigger: "blur" },
-          { trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error("角色不能为空"));
-      } else {
-        callback();
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {});
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: "操作成功！",
-            type: "success",
-          });
-          this.closeDialog(1);
-        } else {
-          return false;
-        }
-      });
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs["formInfo"].resetFields();
-      this.showDialog = false;
-      this.$emit("closeDialog", flag);
-    },
-  },
-};
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020170939.vue

@@ -1,270 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-  
-           <el-time-select
-      v-model="startTime"
-      placeholder="Start time"
-      start="08:30"
-      step="00:15"
-      end="18:30"
-    >
-    </el-time-select>
-
-    
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-
-
-         
-    <el-time-select
-      v-model="endTime"
-      :min-time="startTime"
-      placeholder="End time"
-      start="08:30"
-      step="00:15"
-      end="18:30"
-    >
-    </el-time-select>
-
-    
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')"
-            >保存</el-button
-          >
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: "DialogComponent",
-  props: {
-    dialogTitle: {
-      type: String,
-      default: "新增",
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {};
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2);
-        let endTime = this.endTime;
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime();
-        }
-      },
-    };
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime;
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime();
-        }
-      },
-    };
-
-    return {
-      startTime: "",
-      endTime: "",
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: "选项1",
-          label: "站点一",
-        },
-        {
-          value: "选项2",
-          label: "站点二",
-        },
-        {
-          value: "选项3",
-          label: "站点三",
-        },
-        {
-          value: "选项4",
-          label: "站点四",
-        },
-        {
-          value: "选项5",
-          label: "站点五",
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: "请输入站点名称", trigger: "blur" },
-          {
-            min: 3,
-            max: 6,
-            message: "用户名长度在 3 到 6 个字符",
-            trigger: "blur",
-          },
-        ],
-        beginTime: [
-          { required: true, message: "请输入开始停电时间", trigger: "blur" },
-          {
-            min: 3,
-            max: 6,
-            message: "用户名长度在 3 到 6 个字符",
-            trigger: "blur",
-          },
-        ],
-        endTime: [
-          { required: true, message: "请选则结束停电时间", trigger: "change" },
-        ],
-        ratedVoltage: [
-          { required: true, message: "请选择站点列表", trigger: "change" },
-        ],
-        ratedCurrent: [
-          { required: true, message: "请输入已选站点个数", trigger: "blur" },
-          { trigger: "blur" },
-        ],
-        fzlMx: [
-          { required: true, message: "请输入挂载设备个数", trigger: "blur" },
-          { trigger: "blur" },
-        ],
-      },
-    };
-  },
-  methods: {
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error("角色不能为空"));
-      } else {
-        callback();
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {});
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: "操作成功！",
-            type: "success",
-          });
-          this.closeDialog(1);
-        } else {
-          return false;
-        }
-      });
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs["formInfo"].resetFields();
-      this.showDialog = false;
-      this.$emit("closeDialog", flag);
-    },
-  },
-};
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020171000.vue

@@ -1,261 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-time-select
-            v-model="startTime"
-            placeholder="Start time"
-            start="08:30"
-            step="00:15"
-            end="18:30"
-          ></el-time-select>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-time-select
-            v-model="endTime"
-            :min-time="startTime"
-            placeholder="End time"
-            start="08:30"
-            step="00:15"
-            end="18:30"
-          ></el-time-select>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020175648.vue

@@ -1,258 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-time-select
-            v-model="startTime"
-            placeholder="Start time"
-            start="08:30"
-            step="00:15"
-            end="18:30"
-          ></el-time-select>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-date-picker
-            v-model="value1"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020175650.vue

@@ -1,258 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-time-select
-            v-model="startTime"
-            placeholder="Start time"
-            start="08:30"
-            step="00:15"
-            end="18:30"
-          ></el-time-select>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-date-picker
-            v-model="value1"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020175729.vue

@@ -1,266 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-time-select
-            v-model="startTime"
-            placeholder="Start time"
-            start="08:30"
-            step="00:15"
-            end="18:30"
-          ></el-time-select>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-time-select
-            v-model="endTime"
-            :min-time="startTime"
-            placeholder="End time"
-            start="08:30"
-            step="00:15"
-            end="18:30"
-          ></el-time-select>
-          <el-date-picker
-            v-model="endTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020175851.vue

@@ -1,257 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-date-picker
-            v-model="endTime"
-            :min-time="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020175926.vue

@@ -1,257 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-date-picker
-            v-model="endTime"
-            :end-placeholder="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020175927.vue

@@ -1,257 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-date-picker
-            v-model="endTime"
-            :end-placeholder="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020180040.vue

@@ -1,258 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-date-picker
-            v-model="endTime"
-            :picker-options="pickerOptions"
-            :end-placeholder="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020180130.vue

@@ -1,263 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-date-picker
-            v-model="endTime"
-            :picker-options="pickerOptions"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      pickerOptions: {
-				disabledDate(time) {
-					return time.getTime() < Date.now();//禁止选择以前的时间
-					return time.getTime() > Date.now();//禁止选择以后的时间
-				},
-			},
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020180142.vue

@@ -1,263 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-date-picker
-            v-model="endTime"
-            :picker-options="pickerOptions"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      pickerOptions: {
-				disabledDate(time) {
-					return time.getTime() < Date.now();//禁止选择以前的时间
-					return time.getTime() > Date.now();//禁止选择以后的时间
-				},
-			},
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020180315.vue

@@ -1,263 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-date-picker
-            v-model="endTime"
-            :disabledDate="pickerOptions" 
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      pickerOptions: {
-				disabledDate(time) {
-					return time.getTime() < Date.now();//禁止选择以前的时间
-					return time.getTime() > Date.now();//禁止选择以后的时间
-				},
-			},
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020180316.vue

@@ -1,263 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-date-picker
-            v-model="endTime"
-            :disabledDate="pickerOptions" 
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      pickerOptions: {
-				disabledDate(time) {
-					return time.getTime() < Date.now();//禁止选择以前的时间
-					return time.getTime() > Date.now();//禁止选择以后的时间
-				},
-			},
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020180332.vue

@@ -1,263 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-date-picker
-            v-model="endTime"
-            :disabledDate="pickerOptions" 
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      pickerOptions: {
-				disabledDate(time) {
-					return time.getTime() < Date.now();//禁止选择以前的时间
-					// return time.getTime() > Date.now();//禁止选择以后的时间
-				},
-			},
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020180358.vue

@@ -1,263 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-date-picker
-            v-model="endTime"
-            :disabledDate="pickerOptions" 
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      pickerOptions= {
-				disabledDate(time) {
-					return time.getTime() < Date.now();//禁止选择以前的时间
-					// return time.getTime() > Date.now();//禁止选择以后的时间
-				},
-			},
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020180409.vue

@@ -1,263 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-date-picker
-            v-model="endTime"
-            :disabledDate="pickerOptions"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    this.pickerOptions = {
-      disabledDate(time) {
-        return time.getTime() < Date.now() //禁止选择以前的时间
-        // return time.getTime() > Date.now();//禁止选择以后的时间
-      },
-    }
-    return {
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020180436.vue

@@ -1,263 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-date-picker
-            v-model="endTime"
-            :disabledDate="pickerOptions"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    pickerOptions: {
-      disabledDate(time) {
-        return time.getTime() < Date.now() //禁止选择以前的时间
-        // return time.getTime() > Date.now();//禁止选择以后的时间
-      },
-    },
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020180612.vue

@@ -1,263 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-date-picker
-            v-model="endTime"
-            :disabledDate="pickerOptions"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    pickerOptions: {
-      disabledDate(time) {
-        return false //禁止选择以前的时间
-        // return time.getTime() > Date.now();//禁止选择以后的时间
-      },
-    },
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020180616.vue

@@ -1,264 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-date-picker
-            v-model="endTime"
-            :disabledDate="pickerOptions"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    pickerOptions: {
-      disabledDate(time) {
-        time
-        return false //禁止选择以前的时间
-        // return time.getTime() > Date.now();//禁止选择以后的时间
-      },
-    },
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020180638.vue

@@ -1,264 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-date-picker
-            v-model="endTime"
-            :disabledDate="pickerOptions"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    pickerOptions(){
-      disabledDate(time) {
-        time
-        return false //禁止选择以前的时间
-        // return time.getTime() > Date.now();//禁止选择以后的时间
-      },
-    },
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020180639.vue

@@ -1,264 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-date-picker
-            v-model="endTime"
-            :disabledDate="pickerOptions"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    pickerOptions(){
-      disabledDate(time) {
-        time
-        return false //禁止选择以前的时间
-        // return time.getTime() > Date.now();//禁止选择以后的时间
-      },
-    },
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020180656.vue

@@ -1,262 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-date-picker
-            v-model="endTime"
-            :disabledDate="disabledDate"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    disabledDate(time) {
-      time
-      return false //禁止选择以前的时间
-      // return time.getTime() > Date.now();//禁止选择以后的时间
-    },
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020180853.vue

@@ -1,262 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-date-picker
-            v-model="endTime"
-            :disabledDate="pickerEndDate"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    disabledDate(time) {
-      time
-      return false //禁止选择以前的时间
-      // return time.getTime() > Date.now();//禁止选择以后的时间
-    },
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020181017.vue

@@ -1,262 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-date-picker
-            v-model="endTime"
-            :disabledDate="pickerEndDate"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    disabledDate(time) {
-      time
-      return false //禁止选择以前的时间
-      // return time.getTime() > Date.now();//禁止选择以后的时间
-    },
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020181041.vue

@@ -1,263 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-date-picker
-            v-model="endTime"
-            :            :disabledDstart-placeholderate="pickerEndDate"
-="pickerEndDate"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    disabledDate(time) {
-      time
-      return false //禁止选择以前的时间
-      // return time.getTime() > Date.now();//禁止选择以后的时间
-    },
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020181042.vue

@@ -1,262 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-date-picker
-            v-model="endTime"
-            :disabledDate="pickerEndDate"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    disabledDate(time) {
-      time
-      return false //禁止选择以前的时间
-      // return time.getTime() > Date.now();//禁止选择以后的时间
-    },
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020181044.vue

@@ -1,262 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-date-picker
-            v-model="endTime"
-            :start-placeholder="pickerEndDate"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    disabledDate(time) {
-      time
-      return false //禁止选择以前的时间
-      // return time.getTime() > Date.now();//禁止选择以后的时间
-    },
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020181045.vue

@@ -1,262 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-date-picker
-            v-model="endTime"
-            :start-placeholder="pickerEndDate"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    disabledDate(time) {
-      time
-      return false //禁止选择以前的时间
-      // return time.getTime() > Date.now();//禁止选择以后的时间
-    },
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020181101.vue

@@ -1,262 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-date-picker
-            v-model="endTime"
-            :start-placeholder="pickerEndDate"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    disabledDate(time) {
-      time
-      return false //禁止选择以前的时间
-      // return time.getTime() > Date.now();//禁止选择以后的时间
-    },
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020181118.vue

@@ -1,262 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-date-picker
-            v-model="endTime"
-            :start-placeholder="pickerEndDate"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    disabledDate(time) {
-      time
-      return time.getTime() < Date.now(); //禁止选择以前的时间
-      // return time.getTime() > Date.now();//禁止选择以后的时间
-    },
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020181119.vue

@@ -1,262 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-date-picker
-            v-model="endTime"
-            :start-placeholder="pickerEndDate"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    disabledDate(time) {
-      time
-      return time.getTime() < Date.now() //禁止选择以前的时间
-      // return time.getTime() > Date.now();//禁止选择以后的时间
-    },
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020181228.vue

@@ -1,262 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-date-picker
-            v-model="endTime"
-            :placeholder="pickerEndDate"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    disabledDate(time) {
-      time
-      return time.getTime() < Date.now() //禁止选择以前的时间
-      // return time.getTime() > Date.now();//禁止选择以后的时间
-    },
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

.history/src/views/planOutage/dialogComponent_20211020181230.vue

@@ -1,262 +0,0 @@
-<template>
-  <transition name="dialog-fade">
-    <el-dialog
-      v-if="showDialog"
-      :title="dialogTitle"
-      class="dialog-component"
-      v-model="showDialog"
-      width="640px"
-      @close="closeDialog(0)"
-    >
-      <el-form
-        ref="formInfo"
-        :model="formInfo"
-        class="demo-form-inline"
-        label-width="100px"
-        :rules="rules"
-      >
-        <el-form-item label="站点名称：" prop="watchName" label-width="150px">
-          <el-input v-model="formInfo.watchName"></el-input>
-        </el-form-item>
-
-        <el-form-item
-          label="开始停电时间："
-          prop="watchCode"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerBeginDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker> -->
-
-          <el-date-picker
-            v-model="startTime"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="结束停电时间:"
-          prop="routeAddress"
-          label-width="150px"
-        >
-          <!-- <el-date-picker
-            v-model="endTime"
-          
-            type="datetime"
-            placeholder="选择日期时间"
-            :picker-options="pickerEndDate"
-            clearable
-            style="width:240px"
-          ></el-date-picker>
- -->
-
-          <el-date-picker
-            v-model="endTime"
-            :start-placeholder="pickerEndDate"
-            type="datetime"
-            placeholder="Select date and time"
-          ></el-date-picker>
-        </el-form-item>
-
-        <el-form-item
-          label="提交时间："
-          prop="ratedVoltage"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedVoltage"></el-input>
-        </el-form-item>
-        <el-form-item
-          label="提交人："
-          prop="stationAddress"
-          label-width="150px"
-        >
-          <el-input v-model="formInfo.ratedCurrent"></el-input>
-        </el-form-item>
-        <el-form-item label="状态：" prop="fzlMx" label-width="150px">
-          <el-input v-model="formInfo.fzlMx"></el-input>
-        </el-form-item>
-
-        <br />
-        <br />
-        <br />
-        <div style="text-align: right">
-          <el-button @click="closeDialog(0)">取消</el-button>
-          <el-button type="primary" @click="submitForm('formInfo')">
-            保存
-          </el-button>
-        </div>
-      </el-form>
-    </el-dialog>
-  </transition>
-</template>
-
-<script>
-export default {
-  name: 'DialogComponent',
-  props: {
-    dialogTitle: {
-      type: String,
-      default: '新增',
-    },
-    itemInfo: {
-      type: Object,
-      default: function () {
-        return {}
-      },
-    },
-  },
-  data() {
-    //限制不能选之后的日期
-    this.pickerBeginDate = {
-      disabledDate: (time) => {
-        alert(2)
-        let endTime = this.endTime
-        if (endTime) {
-          return time.getTime() > new Date(endTime).getTime()
-        }
-      },
-    }
-    // /限制不能选之前的时间
-    this.pickerEndDate = {
-      disabledDate: (time) => {
-        let beginTime = this.beginTime
-        if (beginTime) {
-          return time.getTime() < new Date(beginTime).getTime()
-        }
-      },
-    }
-
-    return {
-      startTime: '',
-      endTime: '',
-
-      checked: true,
-      showDialog: false,
-      formInfo: JSON.parse(JSON.stringify(this.itemInfo)),
-      options: [
-        {
-          value: '选项1',
-          label: '站点一',
-        },
-        {
-          value: '选项2',
-          label: '站点二',
-        },
-        {
-          value: '选项3',
-          label: '站点三',
-        },
-        {
-          value: '选项4',
-          label: '站点四',
-        },
-        {
-          value: '选项5',
-          label: '站点五',
-        },
-      ],
-
-      rules: {
-        watchName: [
-          // required  是否为必填项， trigger:表单验证的触发时机，失去焦点进行验证
-          { required: true, message: '请输入站点名称', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        beginTime: [
-          { required: true, message: '请输入开始停电时间', trigger: 'blur' },
-          {
-            min: 3,
-            max: 6,
-            message: '用户名长度在 3 到 6 个字符',
-            trigger: 'blur',
-          },
-        ],
-        endTime: [
-          { required: true, message: '请选则结束停电时间', trigger: 'change' },
-        ],
-        ratedVoltage: [
-          { required: true, message: '请选择站点列表', trigger: 'change' },
-        ],
-        ratedCurrent: [
-          { required: true, message: '请输入已选站点个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-        fzlMx: [
-          { required: true, message: '请输入挂载设备个数', trigger: 'blur' },
-          { trigger: 'blur' },
-        ],
-      },
-    }
-  },
-  methods: {
-    disabledDate(time) {
-      time
-      return time.getTime() < Date.now() //禁止选择以前的时间
-      // return time.getTime() > Date.now();//禁止选择以后的时间
-    },
-    roleValid(rule, value, callback) {
-      if (value.length === 0) {
-        callback(new Error('角色不能为空'))
-      } else {
-        callback()
-      }
-    },
-
-    // onSelectedDrug(event) {
-    //   this.routeAddress = event;
-    //   console.log(this.routeAddress);
-    // },
-    // 保存操作
-    submitForm(formName) {
-      const params = Object.assign(this.formInfo, {})
-      params
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 走保存请求
-          this.$message({
-            message: '操作成功！',
-            type: 'success',
-          })
-          this.closeDialog(1)
-        } else {
-          return false
-        }
-      })
-    },
-    // 关闭弹框
-    closeDialog(flag) {
-      this.$refs['formInfo'].resetFields()
-      this.showDialog = false
-      this.$emit('closeDialog', flag)
-    },
-  },
-}
-</script>
- 
-<style scoped lang="scss">
-.el-input,
-.el-select,
-.el-date-editor.el-input,
-.el-date-editor.el-input__inner {
-  width: 240px;
-}
-
-// label样式
-.el-form-item__label {
-  width: 150px;
-}
-.el-form-item__content {
-  margin-left: 150px;
-}
-</style>

src/config/default/setting.config.js

@@ -3,78 +3,77 @@
  */
 
 const setting = {
-  //开发以及部署时的URL，hash模式时在不确定二级目录名称的情况下建议使用""代表相对路径或者"/二级目录/"，history模式默认使用"/"或者"/二级目录/"
-  publicPath: './',
-  //生产环境构建文件的目录名
-  outputDir: 'dist',
-  //放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。
-  assetsDir: 'static',
-  //开发环境每次保存时是否输出为eslint编译警告
-  lintOnSave: true,
-  //进行编译的依赖
-  transpileDependencies: ['vue-echarts', 'resize-detector'],
-  //默认的接口地址 如果是开发环境和生产环境走vab-mock-server，当然你也可以选择自己配置成需要的接口地址
-  baseURL:
-    process.env.NODE_ENV === 'development' ? 'mock-server' : 'mock-server',
-  //标题 （包括初次加载雪花屏的标题 页面的标题 浏览器的标题）
-  // title: 'vue-admin-beautiful-antdv',
-  //标题分隔符
-  titleSeparator: ' - ',
-  //标题是否反转 如果为false:"page - title"，如果为ture:"title - page"
-  titleReverse: false,
-  //简写
-  abbreviation: 'vab-pro',
-  //开发环境端口号
-  devPort: '9999',
-  //版本号
-  version: process.env.VUE_APP_VERSION,
-  //pro版本copyright可随意修改
-  copyright: '1813914505@qq.com',
-  //缓存路由的最大数量
-  keepAliveMaxNum: 99,
-  //路由模式，可选值为 history 或 hash
-  routerMode: 'hash',
-  //不经过token校验的路由
-  routesWhiteList: ['/login', '/register', '/callback', '/404', '/403', '/401'],
-  //加载时显示文字
-  loadingText: '正在加载中...',
-  //token名称
-  tokenName: 'accessToken',
-  //token在localStorage、sessionStorage、cookie存储的key的名称
-  tokenTableName: 'accessToken',
-  //token存储位置localStorage sessionStorage cookie
-  storage: 'localStorage',
-  //token失效回退到登录页时是否记录本次的路由
-  recordRoute: true,
-  //是否显示logo，不显示时设置false，显示时请填写remixIcon图标名称，暂时只支持设置remixIcon
-  // logo: 'vuejs-fill',
-  //语言类型zh、en
-  i18n: 'zh',
-  //在哪些环境下显示高亮错误
-  errorLog: ['development', 'production'],
-  //是否开启登录拦截
-  loginInterception: true,
-  //是否开启登录RSA加密
-  loginRSA: false,
-  //intelligence（前端导出路由）和all（后端导出路由）两种方式
-  authentication: 'intelligence',
-  //是否开启roles字段进行角色权限控制（如果是all模式后端完全处理角色并进行json组装，可设置false不处理路由中的roles字段）
-  rolesControl: true,
-  //vertical gallery comprehensive common布局时是否只保持一个子菜单的展开
-  uniqueOpened: false,
-  //vertical布局时默认展开的菜单path，使用逗号隔开建议只展开一个
-  defaultOpeneds: ['/vab'],
-  //需要加loading层的请求，防止重复提交
-  debounce: ['doEdit'],
-  //需要自动注入并加载的模块
-  providePlugin: {},
-  //npm run build时是否自动生成7z压缩包
-  build7z: false,
-  //代码生成机生成在view下的文件夹名称
-  templateFolder: 'project',
-  //是否显示终端donation打印
-  donation: false,
-  //画廊布局和综合布局时，是否点击一级菜单默认开启第一个二级菜单
-  openFirstMenu: true,
+    //开发以及部署时的URL，hash模式时在不确定二级目录名称的情况下建议使用""代表相对路径或者"/二级目录/"，history模式默认使用"/"或者"/二级目录/"
+    publicPath: './',
+    //生产环境构建文件的目录名
+    outputDir: 'dist',
+    //放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。
+    assetsDir: 'static',
+    //开发环境每次保存时是否输出为eslint编译警告
+    lintOnSave: true,
+    //进行编译的依赖
+    transpileDependencies: ['vue-echarts', 'resize-detector'],
+    //默认的接口地址 如果是开发环境和生产环境走vab-mock-server，当然你也可以选择自己配置成需要的接口地址
+    baseURL: process.env.NODE_ENV === 'development' ? 'mock-server' : 'mock-server',
+    //标题 （包括初次加载雪花屏的标题 页面的标题 浏览器的标题）
+    // title: 'vue-admin-beautiful-antdv',
+    //标题分隔符
+    titleSeparator: ' - ',
+    //标题是否反转 如果为false:"page - title"，如果为ture:"title - page"
+    titleReverse: false,
+    //简写
+    abbreviation: 'vab-pro',
+    //开发环境端口号
+    devPort: '9999',
+    //版本号
+    version: process.env.VUE_APP_VERSION,
+    //pro版本copyright可随意修改
+    copyright: '1813914505@qq.com',
+    //缓存路由的最大数量
+    keepAliveMaxNum: 99,
+    //路由模式，可选值为 history 或 hash
+    routerMode: 'hash',
+    //不经过token校验的路由
+    routesWhiteList: ['/login', '/register', '/callback', '/404', '/403', '/401'],
+    //加载时显示文字
+    loadingText: '正在加载中...',
+    //token名称
+    tokenName: 'accessToken',
+    //token在localStorage、sessionStorage、cookie存储的key的名称
+    tokenTableName: 'accessToken',
+    //token存储位置localStorage sessionStorage cookie
+    storage: 'localStorage',
+    //token失效回退到登录页时是否记录本次的路由
+    recordRoute: true,
+    //是否显示logo，不显示时设置false，显示时请填写remixIcon图标名称，暂时只支持设置remixIcon
+    // logo: 'vuejs-fill',
+    //语言类型zh、en
+    i18n: 'zh',
+    //在哪些环境下显示高亮错误
+    errorLog: ['development', 'production'],
+    //是否开启登录拦截
+    loginInterception: true,
+    //是否开启登录RSA加密
+    loginRSA: false,
+    //intelligence（前端导出路由）和all（后端导出路由）两种方式
+    authentication: 'intelligence',
+    //是否开启roles字段进行角色权限控制（如果是all模式后端完全处理角色并进行json组装，可设置false不处理路由中的roles字段）
+    rolesControl: true,
+    //vertical gallery comprehensive common布局时是否只保持一个子菜单的展开
+    uniqueOpened: false,
+    //vertical布局时默认展开的菜单path，使用逗号隔开建议只展开一个
+    defaultOpeneds: ['/vab'],
+    //需要加loading层的请求，防止重复提交
+    debounce: ['doEdit'],
+    //需要自动注入并加载的模块
+    providePlugin: {},
+    //npm run build时是否自动生成7z压缩包
+    build7z: false,
+    //代码生成机生成在view下的文件夹名称
+    templateFolder: 'project',
+    //是否显示终端donation打印
+    donation: false,
+    //画廊布局和综合布局时，是否点击一级菜单默认开启第一个二级菜单
+    openFirstMenu: true,
 }
-module.exports = setting
+module.exports = setting

src/layout/vab-avatar/index.vue

@@ -12,7 +12,19 @@
     </span>
     <a-dropdown>
       <span class="ant-dropdown-link">
-        <a-avatar :src="avatar" />
+        <!-- <a-avatar :src="avatar" /> -->
+
+        <img
+          src="https://i.gtimg.cn/club/item/face/img/2/15922_100.gif"
+          alt=""
+          style="
+            background: #ccc;
+            width: 32px;
+            height: 32px;
+            line-height:32px;
+            border-radius:50%;
+          "
+        />
         {{ username }}
         <DownOutlined />
       </span>
@@ -36,7 +48,7 @@ export default {
   components: { DownOutlined },
   computed: {
     ...mapGetters({
-      avatar: 'user/avatar',
+      avatar: 'https://i.gtimg.cn/club/item/face/img/2/15922_100.gif',
       username: 'user/username',
     }),
   },

src/views/dataManage/chainAnalysis/ehcarts/index.vue

@@ -58,6 +58,15 @@ export default defineComponent({
           left: 'center',
           // bottom: '0',
         },
+        toolbox: {
+          show: true,
+          feature: {
+            saveAsImage: { show: true, color: 'black' },
+          },
+          iconStyle: {
+            borderColor: '#666',
+          },
+        },
         grid: {
           left: '3%',
           right: '4%',

src/views/dataManage/sameAnalysis/ehcarts/index.vue

@@ -127,6 +127,15 @@ export default defineComponent({
           left: 'center',
           bottom: '0',
         },
+        toolbox: {
+          show: true,
+          feature: {
+            saveAsImage: { show: true, color: 'black' },
+          },
+          iconStyle: {
+            borderColor: '#666',
+          },
+        },
         grid: {
           left: '3%',
           right: '4%',

src/views/deviceManage/powerEquip/communicateEquip/dialog/cloneDialog.vue

@@ -169,12 +169,17 @@ export default defineComponent({
 
     // close(): Dialog弹窗关闭之后做的事
     const close = () => {
+      resetForm()
       form.value.cloneInputName = ''
       form.value.cloneInputCode = ''
       form.value.oldDeviceCode = ''
       context.emit('closeNo', false)
       cloneDialog.value = false
     }
+    function resetForm() {
+      ruleForm.value.resetFields()
+    }
+    
 
     function select_deviceList() {
       api

src/views/deviceManage/powerEquip/communicateEquip/dialog/insert_update.vue

@@ -108,9 +108,13 @@ export default defineComponent({
 
     // close(): Dialog弹窗关闭之后做的事
     const close = () => {
+      resetForm()
       context.emit('show', false)
       dialogVisible.value = false
     }
+    function resetForm() {
+      formInfo.value.resetFields()
+    }
 
     // 保存-修改操作
     const submitForm = () => {

src/views/deviceManage/powerEquip/communicateEquip/index.vue

@@ -6,12 +6,20 @@
           placeholder="搜索设备或编号"
           v-model="filterText"
           class="comTopLeftInput"
-          @input="Select()"
+         
         >
-          <template #suffix>
+          <!-- <template #suffix>
             <i class="el-icon-search el-input__icon"></i>
-          </template>
+          </template> -->
         </el-input>
+
+        <el-button
+          type="primary"
+            icon="el-icon-search"
+            class="search-button"
+          @click="Select()"
+          >搜索</el-button
+        >
         <el-button
           class="search-button"
           icon="el-icon-plus"

src/views/deviceManage/powerEquip/powerDialog/insertDialog.vue

@@ -161,10 +161,15 @@ export default defineComponent({
 
     // close(): Dialog弹窗关闭之后做的事
     const close = () => {
+      resetForm()
       context.emit('show', false)
       dialogVisible.value = false
     }
 
+    function resetForm() {
+      formInfo.value.resetFields()
+    }
+
     // 保存-修改操作
     const submitForm = () => {
       formInfo.value.validate((valid) => {

src/views/deviceManage/powerEquip/powerDialog/listDialog.vue

@@ -199,6 +199,7 @@ export default defineComponent({
       context.emit('closeNo', false)
       listDialog.value = false
     }
+   
 
     function listSelect() {
       const array = props.DialogArray

src/views/deviceManage/powerEquip/videoEquip/index.vue

@@ -6,19 +6,26 @@
           placeholder="搜索设备或编号"
           v-model="filterText"
           class="videoTopLeftInput"
-           @input="videoMonitoringDeviceList()"
+        
         >
-          <template #suffix>
+          <!-- <template #suffix>
             <i class="el-icon-search el-input__icon"></i>
-          </template>
+          </template> -->
         </el-input>
-        <!-- <el-button
+        <el-button
+          type="primary"
+            icon="el-icon-search"
+            class="search-button"
+          @click="videoMonitoringDeviceList()"
+          >搜索</el-button
+        >
+        <el-button
           class="search-button"
           icon="el-icon-plus"
           type="success"
           @click="Insert()"
           >新增</el-button
-        > -->
+        >
       </div>
 
       <!-- <div class="videoRight">

src/views/login/index.vue

@@ -84,9 +84,10 @@ export default {
   mounted() {
     this.form.username = 'admin'
     this.form.password = 'admin123'
-    setTimeout(() => {
-      this.handleSubmit()
-    }, 3000)
+    
+    // setTimeout(() => {
+    //   this.handleSubmit()
+    // }, 3000)
   },
   methods: {
     ...mapActions({

src/views/planOutage/dialogComponent.vue

@@ -74,6 +74,7 @@ import { useStore } from 'vuex'
 import { defineComponent, ref, watchEffect } from 'vue'
 import * as api from '@/api/planOutage/index'
 import { ElMessage } from 'element-plus'
+import { validatorPhone } from '@/utils'
 export default defineComponent({
   name: 'DialogComponent',
   emits: ['closeDialog'],
@@ -155,10 +156,15 @@ export default defineComponent({
 
     // 关闭弹框
     const closeDialog = (flag) => {
+      resetForm()
       showDialog.value = false
       emit('closeDialog', flag)
     }
 
+    function resetForm() {
+      formInfo.value.resetFields()
+    }
+
     watchEffect((fn, options) => {
       fn, options
       showDialog.value = props.show_Dialog
@@ -173,15 +179,15 @@ export default defineComponent({
     /**
      * 手机号校验
      */
-    var validatorPhone = function (rule, value, callback) {
-      if (value === '') {
-        callback(new Error('手机号不能为空'))
-      } else if (!/^1\d{10}$/.test(value)) {
-        callback(new Error('手机号格式错误'))
-      } else {
-        callback()
-      }
-    }
+    // var validatorPhone = function (rule, value, callback) {
+    //   if (value === '') {
+    //     callback(new Error('手机号不能为空'))
+    //   } else if (!/^1\d{10}$/.test(value)) {
+    //     callback(new Error('手机号格式错误'))
+    //   } else {
+    //     callback()
+    //   }
+    // }
     return {
       pickerEndDate,
       roleValid,
@@ -233,15 +239,27 @@ export default defineComponent({
         // endTime: [
         //   { required: true, message: '请选择结束停电时间', trigger: 'change' },
         // ],
+        // phone: [
+        //   {
+        //     required: true,
+        //     message: '请输入电话号码',
+        //     trigger: 'blur',
+        //   },
+        //   {
+        //     validator: validatorPhone,
+        //     message: '输入的电话号码不正确',
+        //   },
+        // ],
         phone: [
           {
             required: true,
             message: '请输入电话号码',
-            trigger: 'change',
+            trigger: 'blur',
           },
           {
             validator: validatorPhone,
             message: '输入的电话号码不正确',
+            trigger: 'blur',
           },
         ],
         contacts: [

src/views/planOutage/index.vue

@@ -136,14 +136,15 @@
     <!-- 分页start -->
     <div class="paginationBlock">
       <el-pagination
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-        :current-page="currentPage"
-        :page-sizes="[15, 20, 25, 30]"
-        :page-size="pageSize"
-        layout="total, sizes, prev, pager, next, jumper"
-        :total="total"
-      ></el-pagination>
+          v-model:currentPage="currentPage"
+          :page-sizes="[15, 20, 25, 30]"
+          :page-size="pageSize"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="total"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          background
+        ></el-pagination>
     </div>
 
     <!-- 分页end -->
@@ -279,6 +280,7 @@ export default defineComponent({
             })
             tableData.value = requset.data.records
             total.value = requset.data.total
+     
           } else {
             ElMessage.error(requset.msg)
           }
@@ -325,8 +327,7 @@ export default defineComponent({
       cellStyle,
       headClass,
       goVariableList,
-      handleSizeChange,
-      handleCurrentChange,
+     
       handleDelete,
       cancelEvent,
       closeDialog,
@@ -339,6 +340,10 @@ export default defineComponent({
       total,
       pageSize,
       currentPage,
+       handleSizeChange,
+      handleCurrentChange,
+
+
       tableData,
 
       showDialog,

src/views/siteManage/camera/clone.vue

@@ -165,6 +165,9 @@ export default {
       this.showDialog = false;
       this.$emit("closeDialog", flag);
     },
+    // function resetForm() {
+    //   formInfo.value.resetFields()
+    // }
   },
 };
 </script>

src/views/siteManage/camera/dialogComponent.vue

@@ -132,6 +132,10 @@ export default defineComponent({
     const closeDialog = () => {
       context.emit('closeDialog', false)
       dialogVisible.value = false
+      resetForm()
+    }
+    function resetForm() {
+      formInfo.value.resetFields()
     }
 
     watchEffect((fn, options) => {

src/views/siteManage/variableList/dialogComponent.vue

@@ -26,7 +26,7 @@
       <el-form-item label="监控设备：" prop="monitoringEquipment">
         <el-select
           v-model="form.monitoringEquipment"
-          filterable
+       
           collapse-tags
           placeholder="请选择"
         >
@@ -42,7 +42,7 @@
       <el-form-item label="通信设备：" prop="communicationEquipment">
         <el-select
           v-model="form.communicationEquipment"
-          filterable
+     
           collapse-tags
           placeholder="请选择"
         >
@@ -123,9 +123,13 @@ export default defineComponent({
 
     // 关闭弹框
     const closeDialog = () => {
+      resetForm()
       context.emit('closeDialog', false)
       dialogVisible.value = false
     }
+    function resetForm() {
+      formInfo.value.resetFields()
+    }
 
     watchEffect((fn, options) => {
       fn, options

src/views/siteManage/variableList/index.vue

@@ -312,6 +312,8 @@ export default defineComponent({
     // 添加操作
     const addItem = () => {
       tableItem.value = {
+        monitoringEquipment:'',
+        communicationEquipment:''
         // dataArea:'1'
       }
       dialogTitle.value = '新增'

src/views/stationManage/dialogComponent.vue

@@ -129,9 +129,13 @@ export default defineComponent({
 
     // 关闭弹框
     const closeDialog = () => {
+      resetForm()
       context.emit('closeDialog', false)
       dialogVisible.value = false
     }
+    function resetForm() {
+      formInfo.value.resetFields()
+    }
 
     watchEffect((fn, options) => {
       fn, options

src/views/systemManage/userManage/dialogComponent.vue

@@ -14,23 +14,23 @@
       :rules="rules"
     >
       <el-form-item label="用户名：" prop="nickName">
-        <el-input v-model="form.nickName"></el-input>
+        <el-input v-model="form.nickName" :disabled="dialogTitle === '查看'"></el-input>
       </el-form-item>
       <el-form-item label="账号：" prop="userName">
-        <el-input v-model="form.userName"></el-input>
+        <el-input v-model="form.userName" :disabled="dialogTitle === '查看'"></el-input>
       </el-form-item>
       <el-form-item label="性别：" prop="sex">
-        <el-radio-group v-model="form.sex">
+        <el-radio-group v-model="form.sex" :disabled="dialogTitle === '查看'">
           <el-radio label="1" value="1">男</el-radio>
           <el-radio label="2" value="2">女</el-radio>
         </el-radio-group>
       </el-form-item>
 
       <el-form-item label="手机号码：" prop="phonenumber">
-        <el-input v-model="form.phonenumber"></el-input>
+        <el-input v-model="form.phonenumber" :disabled="dialogTitle === '查看'"></el-input>
       </el-form-item>
       <el-form-item label="密码" prop="password" v-if="dialogTitle == '新增'">
-        <el-input v-model="form.password"></el-input>
+        <el-input v-model="form.password" :disabled="dialogTitle === '查看'"></el-input>
       </el-form-item>
 
       <el-form-item
@@ -43,25 +43,19 @@
           width="100%"
           type="datetime"
           placeholder="选择日期时间"
+          :disabled="dialogTitle === '查看'"
         ></el-date-picker>
       </el-form-item>
 
       <el-form-item label="角色名称：" prop="roleName" >
         <!-- <el-input v-model="form.roleName"></el-input> -->
-
-        <el-select v-model="form.roleId" placeholder="请选择"  clearable >
-
-
+        <el-select v-model="form.roleId" placeholder="请选择"  clearable :disabled="dialogTitle === '查看'" >
           <el-option
-         
             v-for="(item, index) in roleSelectData"
             :key="index"
             :label="item.roleName"
             :value="item.roleId"
           ></el-option>
-
-
-
         </el-select>
       </el-form-item>
 
@@ -133,6 +127,7 @@ export default defineComponent({
 
     // 关闭弹框
     const closeDialog = () => {
+      resetForm()
       context.emit('closeDialog', false)
       dialogVisible.value = false
     }
@@ -205,6 +200,10 @@ export default defineComponent({
       })
     }
 
+    function resetForm() {
+      formInfo.value.resetFields()
+    }
+
     onMounted(() => {
       optionselect()
     })
@@ -219,6 +218,7 @@ export default defineComponent({
       roleSelectData,
       open,
       submitForm,
+      resetForm,
       rules: {
         nickName: [
           { required: true, message: '请输入用户名', trigger: 'blur' },

src/views/systemManage/userManage/index.vue

@@ -213,6 +213,15 @@ export default defineComponent({
     // 查看
     const checkItem = (row) => {
       console.log(row)
+      api.authRole({}, row.userId).then((requset) => {
+        if (requset.status === 'SUCCESS') {
+          console.log(requset.data.user.roles[0].roleId)
+          tableItem.value.roleId= requset.data.user.roles[0].roleId
+          // row.roleIds = []
+        } else {
+          ElMessage.error(requset.msg)
+        }
+      })
       tableItem.value = row
       dialogTitle.value = '查看'
       showDialog.value = true
@@ -221,7 +230,6 @@ export default defineComponent({
     // 编辑操作
     const editRow = (row) => {
       console.log(row)
-
       api.authRole({}, row.userId).then((requset) => {
         if (requset.status === 'SUCCESS') {
           console.log(requset.data.user.roles[0].roleId)
@@ -232,8 +240,17 @@ export default defineComponent({
         }
       })
 
-     
-      tableItem.value = row
+
+      // tableItem.value = row
+      tableItem.value={
+        nickName:row.nickName,
+        userName:row.userName,
+        sex:row.sex,
+        phonenumber:row.phonenumber,
+        password:row.password,
+        createTime:row.createTime,
+        roleId:row.roleId
+      }
 
       dialogTitle.value = '编辑'
       showDialog.value = true