<template>
  <div class="container">
    <div style="display: flex">
      <div class="title" style="margin-right: 50px">计算结果</div>
      <el-button type="danger">复制结果</el-button>
    </div>
    <div style="display: flex">
      <el-input type="textarea" textarea resize="none" style="margin-right: 20px" />
      <el-form :modal="form" style="border: solid 1px #f7f7f7;padding: 10px;">
        <el-form-item label="快递公司:">
          <el-select v-model="form.express">
            <el-option label="顺丰" value="顺丰"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="收货地:">
          <el-select v-model="form.address">
            <el-option label="顺丰" value="顺丰"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="重量(kg):">
          <el-input v-model="form.weight" placeholder="请输入重量"></el-input>
        </el-form-item>
        <el-form-item label="价格(元):">
          <el-input v-model="form.price" placeholder="请输入价格"></el-input>
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>
<script setup>
const form = ref({});
</script>
<style>
.container {
  margin-top: 20px;
}
</style>
