U 按钮二次确认弹窗

whychw

2020-09-25 66145e79c85aa6eef15fb7e4c52ca992113dfbec

 src/views/loadManager/manualload.vue

@@ -7,7 +7,7 @@
        <div class="btn_main">
          <div class="lay_label vertical_middle">{{item.dev_name}}</div>
          <div class="lay_content vertical_middle">
            <div class="btn_3d" @click="switchOff(item)">全部分闸</div>
            <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="switchOff" data-confirmTxt="全部分闸确认" :param="JSON.stringify(item)">全部分闸</div>
          </div>
        </div>
       <!-- 是否允许合闸 -->
@@ -96,6 +96,17 @@
            </div>
        </flex-layout>
    </el-dialog>
    <!-- 按钮二次确认 -->
    <el-dialog
      :title="confirmTxt"
      :visible.sync="confirmVisible"
      width="30%">
      <!-- <span>{{}}</span> -->
      <span slot="footer" class="dialog-footer">
        <el-button @click="confirmVisible = false">取 消</el-button>
        <el-button type="primary" @click="callBack">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>

@@ -105,6 +116,10 @@
  name: 'ManualLoad',
  data () {
    return {
      confirmTxt: '',
      confirmVisible: false,
      cbFn: null,
      cbParam: null,
      max_button_num: 0,
      timer: new this.$common.Timeout(),
      info: [],
@@ -127,6 +142,17 @@
    goTo (path) {
      this.$router.push({path});
    }
    ,callBack () {
      this.confirmVisible = false;
      this[this.cbFn](this.cbParam);
    }
    ,handleConfirm (obj) {
      // console.log(obj, 9090);
      this.confirmTxt = obj.confirmTxt;
      this.cbFn = obj.cbFn;
      this.cbParam = obj.cbParam;
      this.confirmVisible = true;
    }
    ,getInfo () {
      return this.$api.load.getInfo().then((res) => {
        res = JSON.parse(res.data.result);