304 lines
14 KiB
Vue
304 lines
14 KiB
Vue
<template>
|
|
<div class="plantingPlan ">
|
|
<div class="page-content">
|
|
<div class="table-title">
|
|
<img src="../../assets/vrcodeImg/farmManage.png" alt="" />
|
|
农场信息管理
|
|
</div>
|
|
<div class="flex-view border-none padding-none">
|
|
<div class="vrcode-title">种植信息</div>
|
|
|
|
<div class="vrcode-input">
|
|
<div class="input-title">品种介绍</div>
|
|
<input type="text" placeholder="请输入品种介绍">
|
|
</div>
|
|
<div class="vrcode-input">
|
|
<div class="input-title">种植规模(亩)</div>
|
|
<input type="text" placeholder="请输入种植规模">
|
|
</div>
|
|
</div>
|
|
<div class="flex-view ">
|
|
<div class="vrcode-btn save-btn" @click="addModel = true">
|
|
保存
|
|
</div>
|
|
</div>
|
|
<div class="flex-view border-none padding-none">
|
|
<div class="vrcode-title">联系人信息</div>
|
|
<div class="vrcode-input">
|
|
<div class="input-title">品种介绍</div>
|
|
<input type="text" placeholder="请输入品种介绍">
|
|
</div>
|
|
<div class="vrcode-input">
|
|
<div class="input-title">品种介绍</div>
|
|
<input type="text" placeholder="请输入品种介绍">
|
|
</div>
|
|
<div class="vrcode-input">
|
|
<div class="input-title">品种介绍</div>
|
|
<input type="text" placeholder="请输入品种介绍">
|
|
</div>
|
|
</div>
|
|
<div class="flex-view border-none padding-none">
|
|
<div class="vrcode-input">
|
|
<div class="input-title">品种介绍</div>
|
|
<input type="text" placeholder="请输入品种介绍">
|
|
</div>
|
|
<div class="vrcode-input">
|
|
<div class="input-title">品种介绍</div>
|
|
<input type="text" placeholder="请输入品种介绍">
|
|
</div>
|
|
<div class="vrcode-input">
|
|
<div class="input-title">品种介绍</div>
|
|
<input type="text" placeholder="请输入品种介绍">
|
|
</div>
|
|
<div class="vrcode-input">
|
|
<div class="input-title">品种介绍</div>
|
|
<input type="text" placeholder="请输入品种介绍">
|
|
</div>
|
|
</div>
|
|
<div class="flex-view border-none">
|
|
<div class="vrcode-selimage">
|
|
<div class="title">二维码logo</div>
|
|
<div class="sel-image-view">
|
|
<div class="sel-img sel-div" v-for="item, index in imgList" :key="index">
|
|
<el-image :src="item"></el-image>
|
|
<div class="del-img" @click="delImage(index)">
|
|
<img src="../../assets/img/del-image.png" alt="">
|
|
</div>
|
|
</div>
|
|
<label for="sel-img">
|
|
<div class="sel-image-sel sel-div" v-if="imgList.length < 6">
|
|
<img src="../../assets/img/add-image.png" alt="">
|
|
</div>
|
|
</label>
|
|
<input ref="fileInput" type="file" multiple id="sel-img" accept="image/*"
|
|
@change="handleImageChange" />
|
|
</div>
|
|
</div>
|
|
<div class="vrcode-selimage">
|
|
<div class="title">系统logo</div>
|
|
<div class="sel-image-view">
|
|
<div class="sel-img sel-div" v-for="item, index in imgList" :key="index">
|
|
<el-image :src="item"></el-image>
|
|
<div class="del-img" @click="delImage(index)">
|
|
<img src="../../assets/img/del-image.png" alt="">
|
|
</div>
|
|
</div>
|
|
<label for="sel-img">
|
|
<div class="sel-image-sel sel-div" v-if="imgList.length < 6">
|
|
<img src="../../assets/img/add-image.png" alt="">
|
|
</div>
|
|
</label>
|
|
<input ref="fileInput" type="file" multiple id="sel-img" accept="image/*"
|
|
@change="handleImageChange" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex-view padding-none border-none">
|
|
<div class="vrcode-btn save-btn" @click="addModel = true">
|
|
保存
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<el-dialog title="提示" top="5vh" :visible.sync="addModel" width="740px" class="vrcode-model"
|
|
:append-to-body="true">
|
|
<div class="vrcode-model-title">
|
|
新增农事信息
|
|
</div>
|
|
<div class="vrcode-content">
|
|
<div class="vrcode-view">
|
|
<div class="vrcode-input-sel">
|
|
<div class="title">种植计划</div>
|
|
<el-dropdown @command="handleCommand">
|
|
<div class="el-dropdown-link">
|
|
<input v-model="TypeSel" type="text" class="input-input" placeholder="请选择种植计划">
|
|
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
|
</div>
|
|
<el-dropdown-menu slot="dropdown">
|
|
<el-dropdown-item v-for="item, index in typeSelList" :key="index" :command="index">{{
|
|
item.name
|
|
}}</el-dropdown-item>
|
|
|
|
</el-dropdown-menu>
|
|
</el-dropdown>
|
|
</div>
|
|
<div class="vrcode-input-sel">
|
|
<div class="title">操作类型</div>
|
|
<el-dropdown @command="handleCommand">
|
|
<div class="el-dropdown-link">
|
|
<input v-model="TypeSel" type="text" class="input-input" placeholder="请选择操作类型">
|
|
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
|
</div>
|
|
<el-dropdown-menu slot="dropdown">
|
|
<el-dropdown-item v-for="item, index in typeSelList" :key="index" :command="index">{{
|
|
item.name
|
|
}}</el-dropdown-item>
|
|
|
|
</el-dropdown-menu>
|
|
</el-dropdown>
|
|
</div>
|
|
<div class="vrcode-input">
|
|
<div class="input-title">放置位置</div>
|
|
<input type="text" placeholder="请输入放置位置">
|
|
</div>
|
|
<div class="vrcode-input-seltime">
|
|
<div class="title">开始时间</div>
|
|
<div class="seltime">
|
|
<el-date-picker v-model="value1" type="date" placeholder="请选择开始时间">
|
|
</el-date-picker>
|
|
<div class="seltime-icon">
|
|
<img src="../../assets/img/vrcode-time.png" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="vrcode-input-seltime">
|
|
<div class="title">结束时间</div>
|
|
<div class="seltime">
|
|
<el-date-picker v-model="value1" type="date" placeholder="请选择结束时间">
|
|
</el-date-picker>
|
|
<div class="seltime-icon">
|
|
<img src="../../assets/img/vrcode-time.png" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="vrcode-input-sel">
|
|
<div class="title">操作员</div>
|
|
<el-dropdown @command="handleCommand">
|
|
<div class="el-dropdown-link">
|
|
<input v-model="TypeSel" type="text" class="input-input" placeholder="请选择操作员">
|
|
<div class="arrow"><img src="../../assets/image/arrow.png" alt=""></div>
|
|
</div>
|
|
<el-dropdown-menu slot="dropdown">
|
|
<el-dropdown-item v-for="item, index in typeSelList" :key="index" :command="index">{{
|
|
item.name
|
|
}}</el-dropdown-item>
|
|
|
|
</el-dropdown-menu>
|
|
</el-dropdown>
|
|
</div>
|
|
<div class="vrcode-textarea">
|
|
<div class="title">备注</div>
|
|
<textarea placeholder="输入您的备注信息" name="" id="" cols="30" rows="10"></textarea>
|
|
</div>
|
|
<div class="vrcode-selimage">
|
|
<div class="title">工作图片</div>
|
|
<div class="sel-image-view">
|
|
<div class="sel-img sel-div" v-for="item, index in imgList" :key="index">
|
|
<el-image :src="item"></el-image>
|
|
<div class="del-img" @click="delImage(index)">
|
|
<img src="../../assets/img/del-image.png" alt="">
|
|
</div>
|
|
</div>
|
|
<label for="sel-img">
|
|
<div class="sel-image-sel sel-div" v-if="imgList.length < 6">
|
|
<img src="../../assets/img/add-image.png" alt="">
|
|
</div>
|
|
</label>
|
|
<input ref="fileInput" type="file" multiple id="sel-img" accept="image/*"
|
|
@change="handleImageChange" />
|
|
</div>
|
|
</div>
|
|
<div class="vrcode-radio">
|
|
<div class="radio-name">是否追溯</div>
|
|
<div class="radio-sel">
|
|
<img v-if="modelisTrue" class="sel" src="../../assets/image/radio.png" alt="">
|
|
<div v-else @click="modelisTrue = true" class="no-sel"></div>
|
|
<span>是</span>
|
|
</div>
|
|
<div class="radio-sel">
|
|
<img v-if="!modelisTrue" class="sel" src="../../assets/image/radio.png" alt="">
|
|
<div v-else @click="modelisTrue = false" class="no-sel"></div>
|
|
<span>否</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span slot="footer" class="dialog-footer">
|
|
<div class="vrcode-btn save-btn" @click="addModel = false">保存</div>
|
|
<div class="vrcode-btn cancle-btn" @click="addModel = false">取消</div>
|
|
</span>
|
|
</el-dialog>
|
|
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
edit: false,
|
|
addModel: false,
|
|
tableData: [{
|
|
id: '13', data0: '西红柿种植',
|
|
data1: '施肥',
|
|
data2: '刘永强',
|
|
data3: '2023-04-05 21:00',
|
|
data4: '2023-04-05 21:00',
|
|
data5: true,
|
|
}, {}, {}, {}, {}, {}, {}, {},],
|
|
typeSelList: [{ name: '1#平均空气温度', value: 1, },
|
|
{ name: '2#平均空气温度', value: 2, },
|
|
{ name: '1#空气温度', value: 3, },
|
|
{ name: '2#空气温度', value: 4, },
|
|
{ name: '3#空气温度', value: 5, },
|
|
{ name: '4#空气温度', value: 6, },
|
|
{ name: '5#空气温度', value: 7, },
|
|
{ name: '6#空气温度', value: 8, },
|
|
{ name: '7#空气温度', value: 9, },
|
|
{ name: '8#空气温度', value: 10, },],
|
|
TypeSel: '',
|
|
value1: '',
|
|
modelisTrue: false,
|
|
imgList: ['https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'],
|
|
userInfo: null
|
|
}
|
|
},
|
|
mounted() {
|
|
this.userInfo = JSON.parse(localStorage.getItem("userInfo"));
|
|
this.dataInit()
|
|
},
|
|
methods: {
|
|
dataInit() {
|
|
var data = { userId: this.userInfo.userid }
|
|
this.api.code_getplant(data).then(res => {
|
|
console.log(res, 111);
|
|
|
|
})
|
|
},
|
|
handleCommand() {
|
|
|
|
},
|
|
tableRowClassName({ row, rowIndex }) {
|
|
if (rowIndex % 2 == 1) {
|
|
return 'warning-row';
|
|
} else if (rowIndex % 2 == 0) {
|
|
return 'success-row';
|
|
}
|
|
return '';
|
|
},
|
|
delImage(index) {
|
|
console.log('删除图片', index);
|
|
this.imgList.splice(index, 1);
|
|
},
|
|
handleImageChange(event) {
|
|
const files = event.target.files;
|
|
if (files.length > 0) {
|
|
for (let i = 0; i < files.length; i++) {
|
|
const reader = new FileReader();
|
|
|
|
reader.onload = (e) => {
|
|
this.imgList.push(e.target.result);
|
|
};
|
|
|
|
reader.readAsDataURL(files[i]);
|
|
}
|
|
this.$refs.fileInput.value = '';
|
|
} else {
|
|
console.log(null);
|
|
}
|
|
|
|
}
|
|
},
|
|
|
|
}
|
|
</script>
|
|
<style lang="scss"></style> |