<el-dialog :title="title" v-model="open" width="600px" append-to-body>
      <el-form ref="fishUploadRef" :model="form" :rules="rules" label-width="110px">
        <el-form-item label="訂單編號" prop="orderNo">
          <span>{{ form.orderNo }}</span>
        </el-form-item>
        <el-form-item label="登記人及手機號" prop="userName">
          <span>{{ form.userName }}</span>
        </el-form-item>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="出港船艇" prop="shipNo">
              <span>{{ form.shipNo }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="船長及手機號" prop="captionName">
              <span>{{ form.captionName }}</span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="登記時間" prop="seasonName">
          <span>{{ form.seasonName }}</span>
        </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="地區" prop="areaName">
              <span>{{ form.areaName }}</span>
            </el-form-item>
          </el-col>
        </el-row>
        <el-form-item label="魚種信息">
          <el-space direction="vertical" :fill="true">
            <span>{{ form.orderNo }}</span>
            <el-form-item label="尾標號" prop="userName">
              <span>{{ form.userName }}</span>
            </el-form-item>
            <el-form-item label="人魚合照" prop="userName">
              <span>{{ form.userName }}</span>
            </el-form-item>
          </el-space>
        </el-form-item>
      </el-form>
      <template #footer>
        <div class="dialog-footer">
          <el-button @click="cancel">取 消</el-button>
        </div>
      </template>
    </el-dialog>