U 按钮二次确认弹窗

whychw

2020-09-25 66145e79c85aa6eef15fb7e4c52ca992113dfbec

 src/views/loadManager/autoload.vue

@@ -7,13 +7,13 @@
        <!-- 按钮组 -->
        <div class="item_btn_grp">
          <div class="vertical_middle">
            <div class="btn_3d" @click="startLoad(item)">启动加减载</div>
            <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="startLoad" data-confirmTxt="启动加减载确认" :param="JSON.stringify(item)">启动加减载</div>
          </div>
          <div class="vertical_middle">
            <div class="btn_3d" @click="stopLoad(item)">停止加减载</div>
            <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="stopLoad" data-confirmTxt="停止加减载确认" :param="JSON.stringify(item)">停止加减载</div>
          </div>
          <div class="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>
        <!-- 自动流程 -->
@@ -122,6 +122,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>

@@ -135,6 +146,10 @@
  },
  data () {
    return {
      confirmTxt: '',
      confirmVisible: false,
      cbFn: null,
      cbParam: null,
      timer: new this.$common.Timeout(),
      info: [],
      list: [],
@@ -198,6 +213,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);