hejianhao
2025-04-16 dab2d210ca06c1faa514c6388fbd5de1ab355360
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<template>
  <div class='aff_old_cer_send'>
    <div class="demo_form">
      <section>
        <p class="label">反馈:</p>
        <article>
          <textarea
            cols="30"
            rows="10"
            class="m_inp"
            placeholder="若高龄老人存活认证资料有问题,可直接备注问题"
            maxlength="200"
            v-model="text"
          ></textarea>
          <span class="nn">{{text.length}}/200</span>
        </article>
      </section>
    </div>
  </div>
</template>
 
<script>
export default {
  props: {
    item: {
      type: Object,
      default: () => {
        return {};
      },
    },
    door: {
      type: Object,
      default: () => {
        return {};
      },
    },
  },
  components: {},
  data() {
    return { detail: {}, text: "", tp: false };
  },
  watch: {
    item: {
      handler() {
        this.setItem();
      },
      deep: true,
    },
    door: {
      handler(n) {
        if (n.r) {
          this.sub(n.t);
        }
      },
      deep: true,
    },
  },
  methods: {
    sub(type) {
      if (!this.text) {
        demo.toast("请输入反馈原因");
        return 0;
      }
      if (this.tp) return 0;
      this.tp = true;
      this.$api.post(
        "eldersauth/addFeedback",
        { feedBack: this.text, authId: this.item.id },
        () => {
          demo.toast("反馈成功");
          this.$nextTick(() => {
            this.$store.dispatch("setFixed", {
              event: "del",
              type: type,
              time: Date.now(),
            });
            this.$store.dispatch("setPageReset", "/affairs_old_record");
          });
        }
      );
    },
    setItem() {},
  },
  mounted() {
    this.setItem();
  },
};
</script>
<style lang='less' scoped>
.aff_old_cer_send {
  .demo_form {
    section .m_inp {
      max-width: 100%;
      width: 100%;
      resize: none;
      &::placeholder {
        line-height: 30px;
        color: #ccc;
      }
    }
    section article {
      position: relative;
    }
  }
  .nn {
    position: absolute;
    right: 2px;
    bottom: 4px;
    font-size: 12px;
    background-color: #fff;
    padding: 5px;
    height: 25px;
    line-height: 15px;
    box-sizing: border-box;
  }
}
</style>