van-dialog 弹框输入

StepSignSeal.vue

<template>
  <!-- 搜索筛选 -->
  <van-dialog
    v-model="visibleEnd"
    title="XXX"
    show-cancel-button
    @confirm="confirmFn"
    @cancel="closeFn"
  >
    <div class="pl10 pr10">
      <van-form ref="form" class="page-van-field-type">
        <div class="page-van-field-body">
          <van-field
            v-model="signSealNum"
            name=""
            label=""
            placeholder="请输入"
          />
        </div>
      </van-form>
    </div>
  </van-dialog>
</template>

<script>
import { flowNodeSwitchTank } from "@/api/oneTwo/workStepType2.js";
export default {
  name: "StepSignSeal",
  props: ["visible"],
  components: {},
  data() {
    return {
      visibleEnd: false,
      signSealNum: "",
    };
  },
  watch: {},
  created() {
    this.visibleEnd = true;
  },
  methods: {
    closeFn() {
      this.$emit("update:visible", false);
    },
    // 完成
    async confirmFn() {
      this.$emit("update:visible", false);
      return;
      const result = await flowNodeSwitchTank(dataVal);
      if (result.code == 200) {
        //   this.$emit("refresh");
        //  this.$emit("update:visible", false);
      }
    },
    // 重置
    resetFn() {
      this.formData = this.$options.data().formData;
    },
  },
};
</script>
<style lang="scss" scoped>
</style>

import StepSignSeal from "./components/StepSignSeal.vue";

  components: {
    StepSignSeal,
  },