8312273696
Standardize Tailwind CSS usage across the codebase: replace legacy shorthand utilities with modern syntax, update color classes to use bracket notation, fix margin/padding units, delete unused CreateServiceOrder SCSS stylesheet and image asset, and resolve minor style inconsistencies.
61 lines
1.7 KiB
Vue
61 lines
1.7 KiB
Vue
<template>
|
|
<div class="bg-white rounded-[12px] overflow-hidden mb-[12px]">
|
|
<div class="flex items-center p-[12px] border-bottom">
|
|
<div class="text-[16px] font-medium text-black leading-[24px] flex-1">
|
|
入住信息
|
|
</div>
|
|
<div class="right">
|
|
<Stepper v-model="count" unit="间" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class=" pl-12 pr-12">
|
|
<div class=" border-bottom pt-[12px] pb-[12px] flex items-center" v-for="(item, index) in userFormList"
|
|
:key="index">
|
|
<div class="text-[14px] font-medium text-ink-600 mr-[12px]">住客姓名</div>
|
|
<div class="right">
|
|
<input class=" px-4 py-2 text-[15px] text-black leading-[20px]" v-model.trim="item.visitorName"
|
|
placeholder="请输入姓名" maxlength="11" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-center pt-[12px] pb-[12px]">
|
|
<div class="text-[14px] font-medium text-ink-600 mr-[12px]">联系手机</div>
|
|
<div class="right">
|
|
<input class=" px-4 py-2 text-[15px] text-black leading-[20px]" v-model.trim="userFormList[0].contactPhone"
|
|
placeholder="请输入联系手机" maxlength="11" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { computed, defineProps, defineEmits } from "vue";
|
|
import Stepper from "@/components/Stepper/index.vue";
|
|
|
|
const props = defineProps({
|
|
modelValue: {
|
|
type: Number,
|
|
default: 1,
|
|
},
|
|
userFormList: {
|
|
type: Object,
|
|
default: () => ({
|
|
visitorName: "",
|
|
contactPhone: "",
|
|
}),
|
|
},
|
|
});
|
|
|
|
const emit = defineEmits(["update:modelValue"]);
|
|
const count = computed({
|
|
get: () => props.modelValue,
|
|
set: (val) => {
|
|
emit("update:modelValue", val);
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<style></style>
|