新增档案详情页

This commit is contained in:
weipengfei 2023-08-07 17:08:23 +08:00
parent a38fb97fa5
commit 0c6c355a43

View File

@ -0,0 +1,282 @@
<template>
<el-card style="margin-top: 16px">
<el-form
ref="elForm"
:disabled="true"
:model="formData"
size="mini"
label-width="100px"
>
<div class="tit">
种植信息
<span class="time">更新于:{{ update_time }}</span>
</div>
<el-row>
<el-col :span="6">
<el-form-item label="有无种植培训" prop="breeding_training">
<el-radio-group v-model="datas.breeding_training" size="medium">
<el-radio label="1"></el-radio>
<el-radio label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item
label="有无注册成立种植公司"
label-width="200px"
prop="breeding_company"
>
<el-radio-group v-model="datas.breeding_company" size="medium">
<el-radio label="1"></el-radio>
<el-radio label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="备注" prop="notes">
<el-input
v-model="datas.notes"
clearable
:disabled="true"
:style="{ width: '100%' }"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="种植类型" prop="breeding_type">
<el-input
v-model="datas.breeding_type"
clearable
:disabled="true"
:style="{ width: '100%' }"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="开始时间" prop="breeding_time">
<el-input
v-model="datas.breeding_time"
clearable
:disabled="true"
:style="{ width: '100%' }"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="上市时间" prop="mature_time">
<el-input
v-model="datas.mature_time"
clearable
:disabled="true"
:style="{ width: '100%' }"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="产量" prop="yeild">
<el-input
v-model="datas.yeild"
clearable
:disabled="true"
:style="{ width: '100%' }"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="预计收益" prop="estimated_income">
<el-input
v-model="datas.estimated_income"
clearable
:disabled="true"
:style="{ width: '100%' }"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="农资农具使用情况" prop="farm_tools">
<el-input
v-model="datas.farm_tools"
clearable
:disabled="true"
:style="{ width: '100%' }"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item
label="是否生态种植"
label-width="120px"
prop="ecological_farming"
>
<el-radio-group v-model="datas.ecological_farming" size="medium">
<el-radio label="1"></el-radio>
<el-radio label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="现代化程度" prop="modernization">
<el-input
v-model="datas.modernization"
clearable
:disabled="true"
:style="{ width: '100%' }"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="预售卖价格" prop="pre_price">
<el-input
v-model="datas.pre_price"
clearable
:disabled="true"
:style="{ width: '100%' }"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item
label="销售方式"
label-width="120px"
prop="method_sales"
>
<el-radio-group v-model="datas.method_sales" size="medium">
<el-radio label="1"></el-radio>
<el-radio label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item
label="有无加工仓储"
label-width="120px"
prop="processing_storage"
>
<el-radio-group v-model="datas.processing_storage" size="medium">
<el-radio label="1"></el-radio>
<el-radio label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="有无宣传推广" label-width="120px" prop="promote">
<el-radio-group v-model="datas.promote" size="medium">
<el-radio label="1"></el-radio>
<el-radio label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item
label="有无运输"
label-width="120px"
prop="transportation"
>
<el-radio-group v-model="datas.transportation" size="medium">
<el-radio label="1"></el-radio>
<el-radio label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item
label="是否有扩大经营需求"
label-width="120px"
prop="expand_business_needs"
>
<el-radio-group v-model="datas.expand_business_needs" size="medium">
<el-radio label="1"></el-radio>
<el-radio label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="需求描述" prop="demand">
<el-input
v-model="datas.demand"
clearable
:disabled="true"
:style="{ width: '100%' }"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="政策补助" prop="policy_subsidies">
<el-input
v-model="datas.policy_subsidies"
clearable
:disabled="true"
:style="{ width: '100%' }"
>
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-card>
</template>
<script setup lang='ts'>
import { ref, defineProps } from "vue";
const props = defineProps({
datas: {
type: Object,
defualt: function () {
return {
breeding_training: "", //
breeding_company: "", //
notes: "", //
breeding_type: "", //
breeding_time: "", //
mature_time: "", //
yield: "", //
estimated_income: "", //
farm_tools: "", //使
ecological_farming: "", //
modernization: "", //
pre_price: "", //
method_sales: "", //
processing_storage: "", //
promote: "", //广
transportation: "", //
expand_business_needs: "", //
demand: "", //
policy_subsidies: "", //
};
},
},
update_time: {
type: String,
defualt: "",
},
});
</script>
<style scoped lang='scss'>
.tit {
font-size: 1.2rem;
translate: 1vw -1vw;
background-color: white;
margin: 2vh 0 0 0;
.time {
display: inline-block;
font-size: 0.8rem;
margin-left: 1vw;
color: #999;
}
}
</style>