124

src/components/MyComponents/IdentityCard/index.vue

@@ -0,0 +1,38 @@
+<template>
+  <div
+    class="form-item-box"
+    :style="{ width: width}"
+  >
+    <el-input
+      :placeholder="placeholder"
+      v-bind="$attrs"
+      v-model="modelValue"
+      @input="onInput"
+    ></el-input>
+    <!-- <el-icon class="errorIcon"><circle-close-filled /></el-icon>
+    <el-icon class="checkIcon"><circle-check-filled /></el-icon> -->
+  </div>
+</template>
+<script setup>
+import { COMPONENT_WIDTH } from '@/constant';
+import { defineProps, defineEmits } from "vue";
+const props = defineProps({
+  placeholder: {
+    default: "请输入身份证号",
+    type: String
+  },
+  modelValue: {
+    default: "",
+    type: String
+  },
+  width: {
+    default: COMPONENT_WIDTH,
+    type: String
+  }
+});
+
+const emits = defineEmits(["update:modelValue"]);
+const onInput = (e) => {
+  emits("update:modelValue", e);
+};
+</script>