<template>
  <view class="container-main">
    <view class="search-input">
      <view class="input-icon">
        <image :src="baseImgUrl + 'liao-ning/icon_search.png'" mode=""></image>
      </view>
      <view class="input-middle">
        <u-input
          v-model="value"
          type="text"
          placeholder-style="color:#C4CCD8;font-size:30rpx"
          :border="false"
          placeholder="请输入关键字搜索"
        />
      </view>
      <view class="input-btn">搜索</view>
    </view>
    <view class="result-list">
      <view class="list-item" v-for="item in 2" :key="item">
        <view class="enterprise-type">投保公司</view>
        <view class="enterprise-name">调兵山市食厨烤骨头饭店</view>
      </view>
    </view>
    <fixedButton title="开始理赔" />
  </view>
</template>

<script>
import fixedButton from "@/components/fixedButton/fixedButton.vue";
export default {
  components: {
    fixedButton,
  },
  data() {
    return {
      baseImgUrl: getApp().globalData.config.iamgeBaseUrl,
      value: "",
    };
  },
};
</script>

<style lang="scss" scoped>
.container-main {
  box-sizing: border-box;
  padding: 20rpx;
}

.search-input {
  display: flex;
  align-items: center;
  background: #fff;
  box-shadow: 0px 0px 10rpx 0px rgba(57, 118, 241, 0.0588);
  border-radius: 16rpx;
  box-sizing: border-box;
  padding: 10rpx 25rpx;

  .input-icon {
    height: 30rpx;
    width: 30rpx;
    margin-right: 20rpx;

    image {
      height: 100%;
      width: 100%;
    }
  }

  .input-middle {
    flex: 1;
  }

  .input-btn {
    font-size: 32rpx;
    font-weight: 500;
    color: #3976f1;
  }
}

.result-list {
  margin-top: 20rpx;
}

.list-item {
  border-radius: 16rpx;
  background-color: #fff;
  box-sizing: border-box;
  padding: 40rpx 30rpx;
  margin-bottom: 20rpx;

  .enterprise-type {
    font-size: 30rpx;
    font-family: PingFang SC-中黑体, PingFang SC;
    font-weight: 520;
    color: #34373b;
    margin-bottom: 20rpx;
  }

  .enterprise-name {
    font-size: 30rpx;
    font-weight: 400;
    color: #616367;
  }
}
</style>
