<template>
  <view>
    <view class="bg-main-v border-radius-9-up u-p-r-40 flex ">
      <image class="icon-car" src="@/static/images/car.png" mode="aspectFill" />
      <text class="font-bold text-white">{{ carNo }}</text>
    </view>
    <view class="bg-white border-radius-9-down u-p-l-40 u-p-r-40 u-p-t-20 u-p-b-20">
      <uni-easyinput class="search-circle" v-model="searchValue" type="text" prefixIcon="search" :inputBorder="false" placeholder="搜索患者"
                     @confirm="onSearch" />
    </view>
  </view>
</template>

<script lang="ts" setup>
import { ref } from 'vue';

const carNo = ref('PC0001')
const searchValue = ref('')

function onSearch() {

}
</script>

<style lang="scss" scoped>
.icon-car {
  width: 48rpx;
  height: 48rpx;
  margin: 20rpx 20rpx 20rpx 40rpx;
}

.search-circle :deep(.uni-easyinput__content) {
  background-color: #f5f5f8 !important;
  border-radius: 35rpx;

}
</style>
