75 lines
2.1 KiB
Vue
Raw Normal View History

2025-11-18 15:11:37 +08:00
<template>
<div class="detail-container">
<el-form
ref="formRef"
label-position="right"
label-width="150px"
style="max-height: 60vh; overflow-y: auto; padding-right: 50px"
>
<el-form-item label="所属服务站:">
<span>{{ basicData.mc }}</span>
</el-form-item>
<el-form-item label="物资名称:">
<el-input
maxlength="20"
show-word-limit
v-model="form.material.wzmc"
></el-input>
</el-form-item>
<el-form-item label="数量与单位:">
<el-row :gutter="20">
<el-col :span="16">
<el-input
v-model="form.material.sl"
type="number"
placeholder="请输入数量"
></el-input>
</el-col>
<el-col :span="8">
<el-select
v-model="form.material.dw"
filterable
allow-create
clearable
placeholder="选择单位"
>
<el-option label="个" value="个"></el-option>
<el-option label="包" value="包"></el-option>
<el-option label="盒" value="盒"></el-option>
<el-option label="桶" value="桶"></el-option>
<el-option label="箱" value="箱"></el-option>
<el-option label="袋" value="袋"></el-option>
</el-select>
</el-col>
</el-row>
</el-form-item>
<el-form-item label="设备经度:">
<span>{{ form.material.jd }}</span>
</el-form-item>
<el-form-item label="设备纬度:">
<span>{{ form.material.wd }}</span>
</el-form-item>
</el-form>
</div>
</template>
<script setup>
import { ref } from "vue";
const formRef = ref(null);
defineExpose({ formRef });
const props = defineProps({
form: {
type: Object,
default: () => ({}),
},
basicData:{
type: Object,
default: () => ({})
}
});
</script>
<style>
</style>