elink-star
/
yifeng_integration
16
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

浮动框移出的问题， 上报图片加载不上的问题

master
是小王呀\24601 1 year ago
parent
9f627fb0c0
commit
e2880b1aa1
3 changed files with 85 additions and 29 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      yifengdian-company-report/src/assets/css/index.less
  2. 27
      yifengdian-company-report/src/views/home.vue
  3. 85
      yifengdian-company-report/src/views/vegetableDetails.vue

2
yifengdian-company-report/src/assets/css/index.less
View File

@ -58,7 +58,7 @@ body #app {
color: #ff9805;
}
.border-btn{
border-top: 1px solid #E0E9F5;
border-top: 1px solid #E0E9F5;
}
.border-btn-yellow{
border-bottom: 1px solid #E0E9F5;

27
yifengdian-company-report/src/views/home.vue
View File

@ -143,8 +143,8 @@ export default {
dragging: false,
startX: 0,
startY: 0,
x: 279,
y: 625
x: 275,
y: 540
};
},
created() {
@ -155,7 +155,8 @@ export default {
console.log("123");
this.dragging = true;
this.startX = event.touches[0].clientX - this.x;
this.startY = event.touches[0].clientY - this.y;
this.startY = event.touches[0].clientY - this.y
},
onMovableMove(event) {
console.log("123");
@ -163,6 +164,20 @@ export default {
if (this.dragging) {
this.x = event.touches[0].clientX - this.startX;
this.y = event.touches[0].clientY - this.startY;
if(this.x>300){
console.log("12w3");
this.x=300
}
if(this.x<0){
console.log("12w3");
this.x=10
}
if(this.y>600){
this.y=600
}
if(this.y<0){
this.y=10
}
}
console.log(this.x, this.y);
},
@ -372,7 +387,7 @@ export default {
}
.movable-area {
width: 100%;
width: 375px;
height: 100%;
position: relative;
}
@ -385,7 +400,7 @@ export default {
}
.draggable {
width: 100%;
height: 100%;
width: 80px;
height: 80px;
}
</style>

85
yifengdian-company-report/src/views/vegetableDetails.vue
View File

@ -1,25 +1,6 @@
<template>
<div>
<van-tabs @click="onClick">
<van-tab title="历史信息">
<div class="header font-size17 font-pingfangB text-center flex flex-center2 ">
<van-search v-model="searchKey" shape="round" background="#ffffff" placeholder="请输入搜索关键词" class="flex1" />
</div>
<div class="container">
<div class="card flex flex-y">
<div class="flex flex-x m-bot12 flex-center2" >
<img src="../assets/images//icons//date-blue.png" class="img-15">
<div class="font-size14 blue m-left5 ">2024-01</div>
</div>
<div class="border-btn" v-for="item in hisList">
<div class="font-pingfangB m-top12">{{ item.vegetable }}</div>
<div class="gray">种植时间:{{ item.PlantingTime }}</div>
<div class="gray">上市时间:{{ item.launchTime }}</div>
<div class="gray m-bot12">产量(吨):{{ item.yield }}</div></div>
</div>
</div>
</van-tab>
<van-tabs color="#3974F6" title-active-color="#3974F6">
<van-tab title="信息填报">
<div class="flex flex-y">
<div class="header font-size17 font-pingfangB text-center flex flex-center2 ">
@ -99,6 +80,15 @@
show-toolbar
/>
</div>
<div v-show="timeShow3" class="picker-box">
<van-datetime-picker
type="date"
v-show="timeShow3"
@cancel="onCancelTime"
@confirm="onConfirmTime"
:value="new Date(vegetableList[index].growTime)"
/>
</div>
<div v-show="timeShow" class="picker-box">
<van-datetime-picker
type="date"
@ -108,6 +98,7 @@
:value="new Date(vegetableList[index].growTime)"
/>
</div>
<div v-show="timeShow1" class="picker-box">
<van-datetime-picker
type="date"
@ -124,6 +115,43 @@
</div>
</van-tab>
<van-tab title="历史信息">
<div class="header font-size17 font-pingfangB text-center flex-center1 flex flex-center2 ">
<van-button type="primary" icon-position="right" @click="onTime()" size="small" round color="#f7f8fa" style="width: 173px;">
<div class="gray flex flex-x flex- center2 flex-end" style="width: 150px;">
<div>{{Selectdate?Selectdate:"全部" }}</div>
<img src="../assets/images//icons//date.png" class="img-15 m-left25" style="right: 1px;"></div>
</van-button>
<van-search v-model="searchKey" style="width: 190px;" shape="round" background="#ffffff"search-background-color="#C1C1C1" placeholder="请输入品种" />
</div>
<div class="container">
<div class="card flex flex-y">
<div class="flex flex-x m-bot12 flex-center2" >
<img src="../assets/images//icons//date-blue.png" class="img-15">
<div class="font-size14 blue m-left5 ">2024-01</div>
</div>
<div class="border-btn" v-for="item in hisList">
<div class="font-pingfangB m-top12">{{ item.vegetable }}</div>
<div class="gray">种植时间:{{ item.PlantingTime }}</div>
<div class="gray">上市时间:{{ item.launchTime }}</div>
<div class="gray m-bot12">产量(吨):{{ item.yield }}</div></div>
</div>
</div>
<div v-show="timeShow3" class="picker-box">
<van-datetime-picker
type="date"
v-show="timeShow3"
@cancel="onCancelTime3"
@confirm="onConfirmTime3"
:value="new Date(vegetableList[index].growTime)"
/>
</div>
</van-tab>
</van-tabs>
@ -155,9 +183,12 @@ export default {
time: null,
time1: null,
index: 0,
Selectdate:"",
typeShow: false,
timeShow: false,
timeShow1: false,
timeShow3: false,
placeOrgName: null,
columns: ["白菜", "土豆", "温州", "嘉兴", "湖州"],
list: [],
@ -179,7 +210,6 @@ export default {
params.forEach((value, key) => {
queryParams[key] = value;
});
return queryParams;
}
const query = getIframeQueryParams();
@ -310,6 +340,15 @@ export default {
this.timeShow = false;
this.index = 0;
},
onCancelTime3(val){
this.timeShow3 = false;
},
onConfirmTime3(val) {
this.Selectdate= this.formatDateTime(val);
// this.vegetableList[this.index].marketTime = this.formatDateTime(val);
this.timeShow3 = false;
// this.index = 0;
},
onConfirmTime1(val) {
this.vegetableList[this.index].marketTime = this.formatDateTime(val);
this.timeShow1 = false;
@ -327,6 +366,9 @@ export default {
this.index = index;
this.timeShow1 = true;
},
onTime(){
this.timeShow3 = true;
},
addRow() {
this.vegetableList = [
...this.vegetableList,
@ -382,7 +424,6 @@ export default {
})
.then((response) => {
// 处理登录成功逻辑
console.log("response::", response);
if (response.data.code == 0) {
Toast("提交成功");
this.goback();

Write Preview
Loading…
Cancel
Save