|
|
@ -18,13 +18,13 @@ |
|
|
|
<div class="content-left-list"> |
|
|
|
<div |
|
|
|
v-for="item in titleList" |
|
|
|
:key="item.id" |
|
|
|
:key="item.vegetableCategory" |
|
|
|
@click="onDatils(item)" |
|
|
|
:class="`content-left-list-item ${ |
|
|
|
currentId === item.id ? 'action' : '' |
|
|
|
currentId === item.vegetableCategory ? 'action' : '' |
|
|
|
}`" |
|
|
|
> |
|
|
|
{{ item.name }} |
|
|
|
{{ item.vegetableCategory }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -35,16 +35,16 @@ |
|
|
|
v-for="(item, index) in numList" |
|
|
|
:key="'item' + index" |
|
|
|
> |
|
|
|
<div class="title">{{ item.company }}</div> |
|
|
|
<div class="title">{{ item.placeOrgName }}</div> |
|
|
|
<div class="content"> |
|
|
|
<div> |
|
|
|
种植时间:<span class="txt">{{ item.zzDate }}</span> |
|
|
|
种植时间:<span class="txt">{{ item.growTime }}</span> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
上市时间:<span class="txt">{{ item.ssDate }}</span> |
|
|
|
上市时间:<span class="txt">{{ item.marketTime }}</span> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
产量:<span class="txt">{{ item.num }}</span> |
|
|
|
产量:<span class="txt">{{ item.output }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -59,102 +59,75 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { mapGetters, mapActions } from "vuex"; |
|
|
|
import { partyPlacePage, partyPlace } from "@/api/hsyf"; |
|
|
|
import { mapGetters, mapActions } from 'vuex' |
|
|
|
import { getVegetableOutputListDetail } from '@/api/zdyf' |
|
|
|
export default { |
|
|
|
name: "", |
|
|
|
data() { |
|
|
|
name: '', |
|
|
|
data () { |
|
|
|
return { |
|
|
|
dialogTitle: "移风菜篮子", |
|
|
|
dialogTitle: '移风菜篮子', |
|
|
|
currentId: 0, |
|
|
|
titleList: [ |
|
|
|
{ |
|
|
|
name: "土豆", |
|
|
|
id: 0, |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: "白菜", |
|
|
|
id: 1, |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: "生菜", |
|
|
|
id: 2, |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: "西红柿", |
|
|
|
id: 3, |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: "西蓝花", |
|
|
|
id: 4, |
|
|
|
}, |
|
|
|
], |
|
|
|
numList: [ |
|
|
|
{ |
|
|
|
company: "XXXX种植基地有限公司", |
|
|
|
zzDate: "2024-01-10", |
|
|
|
ssDate: "2024-03-20", |
|
|
|
num: "120万吨", |
|
|
|
}, |
|
|
|
{ |
|
|
|
company: "XXXX种植基地有限公司", |
|
|
|
zzDate: "2024-01-10", |
|
|
|
ssDate: "2024-03-20", |
|
|
|
num: "120万吨", |
|
|
|
}, |
|
|
|
{ |
|
|
|
company: "XXXX种植基地有限公司", |
|
|
|
zzDate: "2024-01-10", |
|
|
|
ssDate: "2024-03-20", |
|
|
|
num: "120万吨", |
|
|
|
}, |
|
|
|
{ |
|
|
|
company: "XXXX种植基地有限公司", |
|
|
|
zzDate: "2024-01-10", |
|
|
|
ssDate: "2024-03-20", |
|
|
|
num: "120万吨", |
|
|
|
}, |
|
|
|
{ |
|
|
|
company: "XXXX种植基地有限公司", |
|
|
|
zzDate: "2024-01-10", |
|
|
|
ssDate: "2024-03-20", |
|
|
|
num: "120万吨", |
|
|
|
}, |
|
|
|
], |
|
|
|
titleList: [], |
|
|
|
numList: [], |
|
|
|
loading: false, |
|
|
|
info: { description: "" }, |
|
|
|
}; |
|
|
|
info: { description: '' } |
|
|
|
} |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
...mapGetters(["yfclz"]), |
|
|
|
...mapGetters(['yfclz']) |
|
|
|
}, |
|
|
|
components: {}, |
|
|
|
mounted() {}, |
|
|
|
created() { |
|
|
|
// partyPlacePage({ page: 1, limit: 100, type: 1 }).then((res) => { |
|
|
|
// this.currentId = res.data.list.id |
|
|
|
// this.titleList = res.data.list |
|
|
|
// if (this.titleList.length > 0) { |
|
|
|
// this.onDatils(this.titleList[0]) |
|
|
|
// } |
|
|
|
// }) |
|
|
|
mounted () {}, |
|
|
|
created () { |
|
|
|
getVegetableOutputListDetail().then((res) => { |
|
|
|
this.titleList = res.data |
|
|
|
this.numList = res.data[0].detailList.map((item1) => { |
|
|
|
return { |
|
|
|
...item1, |
|
|
|
growTime: this.formatDateTime(new Date(item1.growTime)), |
|
|
|
marketTime: this.formatDateTime(new Date(item1.marketTime)) |
|
|
|
} |
|
|
|
}) |
|
|
|
this.currentId = res.data[0].vegetableCategory |
|
|
|
// this.titleList = res.data.list |
|
|
|
// if (this.titleList.length > 0) { |
|
|
|
// this.onDatils(this.titleList[0]) |
|
|
|
// } |
|
|
|
}) |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
...mapActions({ |
|
|
|
showGlobalDialog: "showGlobalDialog", |
|
|
|
showGlobalDialog: 'showGlobalDialog' |
|
|
|
}), |
|
|
|
closeDialog() { |
|
|
|
this.showGlobalDialog(""); |
|
|
|
closeDialog () { |
|
|
|
this.showGlobalDialog('') |
|
|
|
}, |
|
|
|
formatDateTime (date) { |
|
|
|
function padZero (num) { |
|
|
|
return num < 10 ? '0' + num : num |
|
|
|
} |
|
|
|
var year = date.getFullYear() |
|
|
|
var month = padZero(date.getMonth() + 1) |
|
|
|
var day = padZero(date.getDate()) |
|
|
|
|
|
|
|
return year + '-' + month + '-' + day |
|
|
|
}, |
|
|
|
onDatils(item) { |
|
|
|
this.currentId = item.id; |
|
|
|
onDatils (item) { |
|
|
|
this.currentId = item.vegetableCategory |
|
|
|
this.numList = item.detailList.map((item1) => { |
|
|
|
return { |
|
|
|
...item1, |
|
|
|
growTime: this.formatDateTime(new Date(item1.growTime)), |
|
|
|
marketTime: this.formatDateTime(new Date(item1.marketTime)) |
|
|
|
} |
|
|
|
}) |
|
|
|
// partyPlace(item.id).then((res) => { |
|
|
|
// // console.log('res::', res); |
|
|
|
// this.info = res.data |
|
|
|
// }) |
|
|
|
}, |
|
|
|
}, |
|
|
|
}; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
@ -194,7 +167,8 @@ export default { |
|
|
|
|
|
|
|
.title-container { |
|
|
|
align-items: center; |
|
|
|
background: url("~@/assets/images/common/dialog-header-yfclz.png") no-repeat; |
|
|
|
background: url("~@/assets/images/common/dialog-header-yfclz.png") |
|
|
|
no-repeat; |
|
|
|
// background: url("~@/assets/images/common/dialog-header-big-red.png") |
|
|
|
// no-repeat; |
|
|
|
// background-size: 100% 100%; |
|
|
@ -273,7 +247,7 @@ export default { |
|
|
|
} |
|
|
|
&-right { |
|
|
|
width: calc(100% - 165px); |
|
|
|
padding-left:39px; |
|
|
|
padding-left: 39px; |
|
|
|
margin-top: 68px; |
|
|
|
height: 636px; |
|
|
|
box-sizing: border-box; |
|
|
|