<template>
  <div class="Inquiry-wrap">
    <div class="el-form-wrap">
      <p class="tips">如遇库存不足，或没有找到您所需要的型号，您可以提交询价，我们将在1-3个工作日内处理您的询价需求</p>
      <el-form ref="form" label-width="0px" :model="query" :rules="rules">
        <el-form-item label="" prop="type" class="inp-wrap">
          <el-input v-model="query.type" placeholder="询价的型号（必填）" />
        </el-form-item>
        <el-form-item label="" prop="number" class="inp-wrap">
          <el-input v-model="query.number" placeholder="询价的数量（必填）" />
        </el-form-item>
        <el-form-item label="" prop="username" class="inp-wrap">
          <el-input v-model="query.username" placeholder="单价（元）" />
        </el-form-item>
        <el-form-item label="" prop="username" class="inp-wrap">
          <el-input v-model="query.username" placeholder="期望交期（天）" />
        </el-form-item>
        <el-form-item label="" prop="username" class="inp-wrap">
          <el-input v-model="query.username" placeholder="期望的封装" />
        </el-form-item>
        <el-form-item label="" prop="username" class="inp-wrap">
          <el-input v-model="query.username" placeholder="期望的封装" />
        </el-form-item>
        <el-form-item class="btn-wrap">
          <el-button class="btn_main mt10">
            <span>提交询价</span>
          </el-button>
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>

<script setup lang="ts">
import { Search } from "@element-plus/icons-vue";
let pageTitle: any = ref("HOTKING-规格书");
useHead(() => ({
  title: pageTitle.value,
}));
const rules = {
  type: [{ required: true, message: "询价的型号 必填", trigger: "blur" }],
  number: [{ required: true, message: "询价的数量 必填", trigger: "blur" }],
};
const nuxtApp = useNuxtApp();
const isClient = !nuxtApp.ssrContext;
let specifications = ref("");
let query: any = ref({
  type: "",
  number: "",
});
function SearchFun() {}
</script>
<style scoped lang="scss">
.Inquiry-wrap {
  min-height: 100vh;
  background: #f7f7f7;
  padding: 12px;
  .tips {
    font-size: 12px;
    background: #d7e8ff;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
  }
  .btn_main {
    margin: 0 auto;
  }
}
.el-form-wrap {
  background: #fff;
  border-radius: 10px;
  padding: 12px;
  display: flex;
  flex-direction: column;
}
</style>