|
@@ -20,9 +20,9 @@
|
|
|
<el-form-item label="生产地名称" prop="originName">
|
|
|
<el-input v-model="origin.originName"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="生产地面积(亩)">
|
|
|
+ <!-- <el-form-item label="生产地面积(亩)">
|
|
|
<el-input v-model="origin.originArea"></el-input>
|
|
|
- </el-form-item>
|
|
|
+ </el-form-item> -->
|
|
|
<el-form-item label="生产地图片">
|
|
|
<multi-upload v-model="selectOriginPics"></multi-upload>
|
|
|
</el-form-item>
|
|
@@ -55,11 +55,11 @@
|
|
|
v-model="origin.summary"
|
|
|
:autosize="true"></el-input>
|
|
|
</el-form-item>
|
|
|
- <!-- <el-form-item label="产出物">
|
|
|
- <div style="text-align: right;"><el-button size="mini" class="btn-add" @click="handleAddOriginProduct()">添加</el-button></div>
|
|
|
+ <el-form-item label="产出物">
|
|
|
+ <div style="text-align: right;"><el-button size="mini" class="btn-add" @click="handleAddOriginProduct()">添加产出物</el-button></div>
|
|
|
<div class="table-container">
|
|
|
<el-table ref="roleTable"
|
|
|
- :data="originProductList"
|
|
|
+ :data="origin.productlist"
|
|
|
style="width: 100%;"
|
|
|
v-loading="originProductListLoading" border>
|
|
|
<el-table-column label="产出物名称" width="100px" show-overflow-tooltip align="center">
|
|
@@ -68,6 +68,12 @@
|
|
|
<el-table-column label="面积(亩)" show-overflow-tooltip align="center">
|
|
|
<template slot-scope="scope">{{scope.row.plantArea}}</template>
|
|
|
</el-table-column>
|
|
|
+ <el-table-column label="产出物总产量(吨)" show-overflow-tooltip align="center">
|
|
|
+ <template slot-scope="scope">{{scope.row.outputNum}}</template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="产出物亩产值(万元)" show-overflow-tooltip align="center">
|
|
|
+ <template slot-scope="scope">{{scope.row.outputValue}}</template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column label="可用状态" show-overflow-tooltip align="center">
|
|
|
<template slot-scope="scope">
|
|
|
<span v-if="scope.row.state ==0">可用</span>
|
|
@@ -92,24 +98,24 @@
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
- </el-form-item> -->
|
|
|
- <el-form-item label="产出物种植面积(亩)">
|
|
|
- <el-input v-model="origin.originArea"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="产出物总产量(吨)">
|
|
|
+ <!-- <el-form-item label="产出物种植面积(亩)">
|
|
|
+ <el-input v-model="origin.originArea"></el-input>
|
|
|
+ </el-form-item> -->
|
|
|
+ <!-- <el-form-item label="产出物总产量(吨)">
|
|
|
<el-input v-model="origin.compManageLicenseNum"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="产出物亩产值(万元)">
|
|
|
+ </el-form-item> -->
|
|
|
+ <!-- <el-form-item label="产出物亩产值(万元)">
|
|
|
<el-input v-model="origin.compSocialCode"></el-input>
|
|
|
- </el-form-item>
|
|
|
+ </el-form-item> -->
|
|
|
<el-form-item label="所在省">
|
|
|
- <el-input v-model="origin.provinceId"></el-input>
|
|
|
+ <el-input v-model="origin.provinceName"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="所在市">
|
|
|
- <el-input v-model="origin.cityId"></el-input>
|
|
|
+ <el-input v-model="origin.cityName"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="所在县">
|
|
|
- <el-input v-model="origin.countyId"></el-input>
|
|
|
+ <el-input v-model="origin.countyName"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="详细地址">
|
|
|
<el-input v-model="origin.detailAddress"></el-input>
|
|
@@ -140,6 +146,42 @@
|
|
|
<el-button v-if="!isEdit" @click="resetForm('originFrom')">重置</el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
+ <el-dialog
|
|
|
+ :title="productDialogTitle"
|
|
|
+ :visible.sync="productDialogVisible"
|
|
|
+ width="40%">
|
|
|
+ <el-form ref="originProductForm" :model="originProductlist" :rules="rules" label-width="120px">
|
|
|
+ <el-form-item label="产出物名称" prop="productName">
|
|
|
+ <el-input v-model="originProductlist.productName" auto-complete="off"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="产出物总产量(吨)" prop="outputNum">
|
|
|
+ <el-input v-model="originProductlist.outputNum" auto-complete="off"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="产出物亩产值(万元)" prop="outputValue">
|
|
|
+ <el-input v-model="originProductlist.outputValue" auto-complete="off"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="产出物种植面积(亩)" prop="plantArea">
|
|
|
+ <el-input v-model="originProductlist.plantArea" auto-complete="off"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="是否可用">
|
|
|
+ <el-select v-model="originProductlist.state" placeholder="0:可用,1:禁用,2:删除">
|
|
|
+ <el-option
|
|
|
+ v-for="item in originProductlistState"
|
|
|
+ :key="item.label"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="备注">
|
|
|
+ <el-input v-model="originProductlist.remark" auto-complete="off"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="productDialogVisible = false;originProductlist = {};">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="handleConfirm('originProductForm')">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
</el-card>
|
|
|
</template>
|
|
|
<script>
|
|
@@ -202,13 +244,21 @@
|
|
|
data() {
|
|
|
return {
|
|
|
origin:Object.assign({}, defaultorigin),
|
|
|
+ productDialogTitle:'',
|
|
|
+ productDialogVisible:false,
|
|
|
+ originProductlist:{},
|
|
|
+ originProductlistState:[
|
|
|
+ {value: 0,label: '可用'},
|
|
|
+ {value: 1,label: '禁用'},
|
|
|
+ {value: 2,label: '删除'},
|
|
|
+ ],
|
|
|
supplierOptList: [],
|
|
|
rules: {
|
|
|
selectOriginPics:[
|
|
|
{required: true, message: '请上传生产地图片', trigger: 'blur'}
|
|
|
],
|
|
|
originName: [
|
|
|
- {required: true, message: '请输入品牌名称', trigger: 'blur'},
|
|
|
+ {required: true, message: '请输入生产地名称', trigger: 'blur'},
|
|
|
{min: 2, max: 140, message: '长度在 2 到 140 个字符', trigger: 'blur'}
|
|
|
],
|
|
|
logo: [
|
|
@@ -223,7 +273,11 @@
|
|
|
latitude : [
|
|
|
{required: true, message: '请选择经纬度', trigger: 'blur'}
|
|
|
],
|
|
|
- compId: [{required: true, message: '请选择供应商', trigger: 'blur'}]
|
|
|
+ compId: [{required: true, message: '请选择供应商', trigger: 'blur'}],
|
|
|
+ productName: [{required: true, message: '请输入名称', trigger: 'blur'}],
|
|
|
+ outputNum: [{required: true, message: '请输入产出物总产量', trigger: 'blur'}],
|
|
|
+ outputValue: [{required: true, message: '请输入产出物亩产值', trigger: 'blur'}],
|
|
|
+ plantArea: [{required: true, message: '请输入产出物种植面积', trigger: 'blur'}],
|
|
|
},
|
|
|
originProductList:[],
|
|
|
originProductListLoading:false,
|
|
@@ -278,41 +332,63 @@
|
|
|
created() {
|
|
|
this.getSupplierOptList();
|
|
|
if (this.isEdit) {
|
|
|
- getOrigin(this.$route.query.id).then(response => {
|
|
|
- this.origin = response.data;
|
|
|
- console.log('this.origin',JSON.parse(JSON.stringify(this.origin)));
|
|
|
- });
|
|
|
+ this.getData();
|
|
|
}else{
|
|
|
this.origin = Object.assign({},defaultorigin);
|
|
|
};
|
|
|
- this.getoriginProductList();
|
|
|
-
|
|
|
},
|
|
|
methods: {
|
|
|
- //产出物列表
|
|
|
- getoriginProductList(){
|
|
|
- this.originProductListLoading = true;
|
|
|
- fetchOriginProductList({"pageNum": 1,"pageSize": 100,"fkOriginId":300}).then(response => {
|
|
|
- this.originProductListLoading = false;
|
|
|
- console.log('originProductList',JSON.parse(JSON.stringify(response)));
|
|
|
- this.originProductList = response.data.list;
|
|
|
-
|
|
|
- }).catch(err => {
|
|
|
- this.originProductListLoading = false;
|
|
|
- });
|
|
|
- },
|
|
|
/** 获取供应商下拉列表 */
|
|
|
getSupplierOptList() {
|
|
|
selectCompList().then(response => {
|
|
|
this.supplierOptList = response.data;
|
|
|
});
|
|
|
},
|
|
|
+ handleConfirm(formName){
|
|
|
+ this.$refs[formName].validate((valid) => {
|
|
|
+ console.log('valid',valid);
|
|
|
+ if (valid) {
|
|
|
+ this.originProductlist.fkOriginId = parseInt( this.$route.query.id);
|
|
|
+ if(this.productDialogTitle==="添加产出物"){
|
|
|
+ createOriginProduct(this.originProductlist).then(response=>{
|
|
|
+ this.$message({
|
|
|
+ message: '添加成功',
|
|
|
+ type: 'success',
|
|
|
+ duration:1000
|
|
|
+ });
|
|
|
+ this.productDialogVisible = false;
|
|
|
+ this.originProductlist = {};
|
|
|
+ this.getData();
|
|
|
+ });
|
|
|
+ }else{
|
|
|
+ updateOriginProduct(this.originProductlist.id,this.originProductlist).then(response=>{
|
|
|
+ this.$message({
|
|
|
+ message: '修改成功',
|
|
|
+ type: 'success',
|
|
|
+ duration:1000
|
|
|
+ });
|
|
|
+ this.productDialogVisible = false;
|
|
|
+ this.originProductlist = {};
|
|
|
+ this.getData();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ console.log('error submit!!');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
// 新增产出物
|
|
|
handleAddOriginProduct(){
|
|
|
+ this.productDialogTitle = "添加产出物";
|
|
|
+ this.productDialogVisible = true;
|
|
|
console.log('新增产出物');
|
|
|
},
|
|
|
// 修改产出物
|
|
|
handleUpdateOriginProduct(index,data){
|
|
|
+ this.productDialogTitle = "编辑产出物";
|
|
|
+ this.productDialogVisible = true;
|
|
|
+ this.originProductlist = data;
|
|
|
console.log('修改产出物inex',index);
|
|
|
console.log('修改产出物data',data);
|
|
|
},
|
|
@@ -320,6 +396,28 @@
|
|
|
handleDeleteOriginProduct(index,data){
|
|
|
console.log('删除产出物inex',index);
|
|
|
console.log('删除产出物data',data);
|
|
|
+
|
|
|
+ this.$confirm('是否要删除该产出物', '提示', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning'
|
|
|
+ }).then(() => {
|
|
|
+ deleteOriginProduct(data.id).then(response=>{
|
|
|
+ this.$message({
|
|
|
+ message: '删除成功',
|
|
|
+ type: 'success',
|
|
|
+ duration:1000
|
|
|
+ });
|
|
|
+ this.getData();
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ },
|
|
|
+ getData(){
|
|
|
+ getOrigin(this.$route.query.id).then(response => {
|
|
|
+ this.origin = response.data;
|
|
|
+ console.log('this.origin',JSON.parse(JSON.stringify(this.origin)));
|
|
|
+ });
|
|
|
},
|
|
|
onSubmit(formName) {
|
|
|
// console.log('this.origin',JSON.parse(JSON.stringify(this.origin)))
|
|
@@ -414,10 +512,10 @@
|
|
|
let _this = this;
|
|
|
gc.getLocation(point, function (rs) {
|
|
|
var addComp = rs.addressComponents;
|
|
|
- // console.log(rs);//地址信息
|
|
|
- _this.origin.provinceId = rs.addressComponents.province;
|
|
|
- _this.origin.cityId = rs.addressComponents.city;
|
|
|
- _this.origin.countyId = rs.addressComponents.district;
|
|
|
+ console.log(rs);//地址信息
|
|
|
+ _this.origin.provinceName = rs.addressComponents.province;
|
|
|
+ _this.origin.cityName = rs.addressComponents.city;
|
|
|
+ _this.origin.countyName = rs.addressComponents.district;
|
|
|
_this.origin.detailAddress = rs.address;
|
|
|
});
|
|
|
//转为高德坐标
|
|
@@ -454,6 +552,7 @@
|
|
|
}
|
|
|
</script>
|
|
|
<style>
|
|
|
+.form-container{width: 900px;}
|
|
|
</style>
|
|
|
|
|
|
|