Compare commits
2 Commits
73e2f94fe3
...
864bf33fef
Author | SHA1 | Date |
---|---|---|
tangyi | 864bf33fef | |
tangyi | 99d97fc3b1 |
|
@ -11,7 +11,9 @@
|
||||||
/* 5+App特有相关 */
|
/* 5+App特有相关 */
|
||||||
"modules" : {
|
"modules" : {
|
||||||
"Payment" : {},
|
"Payment" : {},
|
||||||
"Share" : {}
|
"Share" : {},
|
||||||
|
"Maps" : {},
|
||||||
|
"Geolocation" : {}
|
||||||
},
|
},
|
||||||
/* 模块配置 */
|
/* 模块配置 */
|
||||||
"distribute" : {
|
"distribute" : {
|
||||||
|
@ -40,7 +42,12 @@
|
||||||
"ios" : {},
|
"ios" : {},
|
||||||
/* ios打包配置 */
|
/* ios打包配置 */
|
||||||
"sdkConfigs" : {
|
"sdkConfigs" : {
|
||||||
"maps" : {},
|
"maps" : {
|
||||||
|
"amap" : {
|
||||||
|
"appkey_ios" : "",
|
||||||
|
"appkey_android" : "57d6437544bb36bd3b5f4efb5b06ddbf"
|
||||||
|
}
|
||||||
|
},
|
||||||
"payment" : {
|
"payment" : {
|
||||||
"weixin" : {
|
"weixin" : {
|
||||||
"__platform__" : [ "ios", "android" ],
|
"__platform__" : [ "ios", "android" ],
|
||||||
|
@ -49,7 +56,18 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"push" : {},
|
"push" : {},
|
||||||
"geolocation" : {},
|
"geolocation" : {
|
||||||
|
"baidu" : {
|
||||||
|
"__platform__" : [ "ios", "android" ],
|
||||||
|
"appkey_ios" : "",
|
||||||
|
"appkey_android" : "mDcZsWM7gGKb7MC1bC8Mo33FScjYEr0I"
|
||||||
|
},
|
||||||
|
"amap" : {
|
||||||
|
"__platform__" : [ "ios", "android" ],
|
||||||
|
"appkey_ios" : "",
|
||||||
|
"appkey_android" : "57d6437544bb36bd3b5f4efb5b06ddbf"
|
||||||
|
}
|
||||||
|
},
|
||||||
"share" : {
|
"share" : {
|
||||||
"weixin" : {
|
"weixin" : {
|
||||||
"appid" : "wx2654bc27c419ada6",
|
"appid" : "wx2654bc27c419ada6",
|
||||||
|
|
|
@ -1,285 +1,439 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="content" :style="{paddingTop: statusHeight + 'px'}">
|
|
||||||
<statusNav navBarTitle="项目列表" :ifReturn="false"></statusNav>
|
<view class="content" :style="{paddingTop: statusHeight + 'px'}">
|
||||||
<container-subgroup-two>
|
<statusNav navBarTitle="项目列表" :ifReturn="false"></statusNav>
|
||||||
<view slot="content" style="margin: -100rpx -30rpx;">
|
<container-subgroup-two>
|
||||||
<view class="project-list-input">
|
<view slot="content" style="margin: -100rpx -30rpx -0rpx;">
|
||||||
<input type="text" class="int" value="" placeholder="请输入关键字" />
|
<view class="project-list-input">
|
||||||
<view class="xian"></view>
|
<input type="text" class="int" value="" placeholder="请输入关键字" />
|
||||||
<image class="search" src="../../static/iocn/ss.png" mode="aspectFill" lazy-load></image>
|
<view class="xian"></view>
|
||||||
</view>
|
<image class="search" src="../../static/iocn/ss.png" mode="aspectFill" lazy-load>
|
||||||
<view class="screen bbot mar-sx20">
|
</image>
|
||||||
<picker @change="bindPickerChange" :value="index" :range="array">
|
|
||||||
<view class="li">
|
|
||||||
<view class="text">产品类型</view>
|
|
||||||
<image class="img" src="../../static/iocn/xla.png" mode="aspectFill" lazy-load></image>
|
|
||||||
</view>
|
|
||||||
</picker>
|
|
||||||
<picker mode="date" :value="date" @change="bindDateChange">
|
|
||||||
<view class="li">
|
|
||||||
<view class="text">竣工日期</view>
|
|
||||||
<image class="img" src="../../static/iocn/xla.png" mode="aspectFill" lazy-load></image>
|
|
||||||
</view>
|
|
||||||
</picker>
|
|
||||||
<view class="li">
|
|
||||||
<view class="text">筛选</view>
|
|
||||||
<image class="imgA" src="../../static/iocn/sx.png" mode="aspectFill" lazy-load></image>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="project-list">
|
|
||||||
<view class="li" @click="projectDetailsFun()" v-for="(item,index) in 10" :key="index">
|
|
||||||
<view class="message">
|
|
||||||
<image class="img" src="../../static/del/img001.png" mode="aspectFill" lazy-load></image>
|
|
||||||
<view class="text disjb fc" style="height: 180rpx;">
|
|
||||||
<view class="clips1 fon24 bold">湖南工业大学化工学院会议室P2.5全彩LED显示屏</view>
|
|
||||||
<view class="disjb fc" style="margin-left: -20rpx;height: 80%;">
|
|
||||||
<view class="serial-number scal09">项目编号:20220108-1001</view>
|
|
||||||
<view class="specification scal09">规格型号:DS-CK25FI/H</view>
|
|
||||||
<view class="specification scal09">产品尺寸:3.94m*2.02m</view>
|
|
||||||
<view class="installation-site scal09">安装位置:xxx综合楼2楼会议室</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="project-list-address col6 mar-s20 disjbac">
|
|
||||||
<view class="address">
|
|
||||||
<image class="img flexs" src="../../static/iocn/im.png" mode="scaleToFill" lazy-load></image>
|
|
||||||
<view class="text scal09" style="margin-left: -26rpx;">湖南省长沙市高新开发区谷园路109号像素大厦1205</view>
|
|
||||||
</view>
|
|
||||||
<view class="date scal09">2022/01/08</view>
|
|
||||||
</view>
|
|
||||||
<!-- <view class="icon iconBera">质保中</view> -->
|
|
||||||
<view class="icon iconBer">质保到期</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
</view>
|
|
||||||
|
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</container-subgroup-two>
|
<view class="screen bbot mar-sx20">
|
||||||
|
<picker @change="bindPickerChange" :value="index" :range="array" :range-key="array">
|
||||||
<footTabOne :current="1"></footTabOne>
|
<view class="li">
|
||||||
</view>
|
<view class="text">产品类型</view>
|
||||||
|
<image class="img" src="../../static/iocn/xla.png" mode="aspectFill" lazy-load>
|
||||||
|
</image>
|
||||||
|
</view>
|
||||||
|
</picker>
|
||||||
|
<picker mode="date" :value="date" @change="bindDateChange">
|
||||||
|
<view class="li">
|
||||||
|
<view class="text">竣工日期</view>
|
||||||
|
<image class="img" src="../../static/iocn/xla.png" mode="aspectFill" lazy-load>
|
||||||
|
</image>
|
||||||
|
</view>
|
||||||
|
</picker>
|
||||||
|
<view class="li">
|
||||||
|
<view class="text">筛选</view>
|
||||||
|
<image class="imgA" src="../../static/iocn/sx.png" mode="aspectFill" lazy-load>
|
||||||
|
</image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="project-list">
|
||||||
|
<view class="li" @click="projectDetailsFun()" v-for="(item,index) in dataList.data" :key="index">
|
||||||
|
<view class="message">
|
||||||
|
<image class="img" src="../../static/del/img001.png" mode="aspectFill" lazy-load></image>
|
||||||
|
<view class="text disjb fc" style="height: 180rpx;">
|
||||||
|
<view class="clips1 fon24 bold">{{item.title}}</view>
|
||||||
|
<view class="disjb fc" style="margin-left: -20rpx;height: 80%;">
|
||||||
|
<view class="serial-number scal09">项目编号:{{item.projectCode}}</view>
|
||||||
|
<view class="specification scal09">规格型号:{{item.model}}</view>
|
||||||
|
<view class="specification scal09">产品尺寸:{{item.size}}</view>
|
||||||
|
<view class="installation-site scal09">安装位置:{{item.installationSite}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="project-list-address col6 mar-s20 disjbac">
|
||||||
|
<view class="address">
|
||||||
|
<image class="img flexs" src="../../static/iocn/im.png" mode="scaleToFill" lazy-load>
|
||||||
|
</image>
|
||||||
|
<view class="text scal09" style="margin-left: -26rpx;">{{item.address}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="date scal09">{{item.date}}</view>
|
||||||
|
</view>
|
||||||
|
<view v-if="item.state==1" class="icon iconBera">质保中</view>
|
||||||
|
<view v-else class="icon iconBer">质保到期</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</container-subgroup-two>
|
||||||
|
</container-subgroup-two>
|
||||||
|
<footTabOne :current="1"></footTabOne>
|
||||||
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import statusNav from '../../components/status-nav.vue';
|
import statusNav from '../../components/status-nav.vue';
|
||||||
import footTabOne from "../../components/foot-tabs/foot-tab-one.vue"
|
import footTabOne from "../../components/foot-tabs/foot-tab-one.vue"
|
||||||
import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
|
import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
footTabOne,
|
footTabOne,
|
||||||
statusNav,
|
statusNav,
|
||||||
containerSubgroupTwo
|
containerSubgroupTwo
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
const currentDate = this.getDate({
|
const currentDate = this.getDate({
|
||||||
format: true
|
format: true
|
||||||
})
|
})
|
||||||
return {
|
return {
|
||||||
date: currentDate,
|
statusBarHeight: uni.getSystemInfoSync().statusBarHeight + 40,
|
||||||
array: ['类型', '类型', '类型', '类型'],
|
inputData: "",
|
||||||
index: 0,
|
date: currentDate,
|
||||||
statusHeight: uni.getSystemInfoSync().statusBarHeight + 40
|
array: [{
|
||||||
}
|
title: "质保中",
|
||||||
},
|
key: 1,
|
||||||
methods: {
|
|
||||||
projectDetailsFun() {
|
|
||||||
uni.navigateTo({
|
|
||||||
url: "/pages/project/details"
|
|
||||||
})
|
|
||||||
},
|
|
||||||
bindPickerChange(data) {
|
|
||||||
console.log(data)
|
|
||||||
},
|
|
||||||
bindDateChange(date) {
|
|
||||||
console.log(date)
|
|
||||||
},
|
|
||||||
getDate(type) {
|
|
||||||
const date = new Date();
|
|
||||||
let year = date.getFullYear();
|
|
||||||
let month = date.getMonth() + 1;
|
|
||||||
let day = date.getDate();
|
|
||||||
|
|
||||||
if (type === 'start') {
|
}, {
|
||||||
year = year - 60;
|
title: "质保到期",
|
||||||
} else if (type === 'end') {
|
key: 0,
|
||||||
year = year + 2;
|
|
||||||
}
|
}, ],
|
||||||
month = month > 9 ? month : '0' + month;
|
index: 0,
|
||||||
day = day > 9 ? day : '0' + day;
|
statusHeight: uni.getSystemInfoSync().statusBarHeight + 40,
|
||||||
console.log(year, month, day)
|
dataList: {
|
||||||
return `${year}-${month}-${day}`;
|
list_rows: 10,
|
||||||
}
|
page: 1,
|
||||||
}
|
data: [{
|
||||||
}
|
title: "湖南工业大学化工学院会议室P2.5全彩LED显示屏",
|
||||||
|
projectCode: "20220108-1001",
|
||||||
|
model: "DS-CK25FI/H",
|
||||||
|
installationSite: "xxx综合楼2楼会议室",
|
||||||
|
address: "湖南省长沙市高新开发区谷园路109号像素大厦1205",
|
||||||
|
date: "2022/01/08",
|
||||||
|
size: "3.94m*2.02m",
|
||||||
|
state: 0
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "湖南工业大学化工学院会议室P2.5全彩LED显示屏",
|
||||||
|
projectCode: "20220108-1001",
|
||||||
|
model: "DS-CK25FI/H",
|
||||||
|
installationSite: "xxx综合楼2楼会议室",
|
||||||
|
address: "湖南省长沙市高新开发区谷园路109号像素大厦1205",
|
||||||
|
date: "2022/01/08",
|
||||||
|
size: "3.94m*2.02m",
|
||||||
|
state: 1
|
||||||
|
}, {
|
||||||
|
title: "湖南工业大学化工学院会议室P2.5全彩LED显示屏",
|
||||||
|
projectCode: "20220108-1001",
|
||||||
|
model: "DS-CK25FI/H",
|
||||||
|
installationSite: "xxx综合楼2楼会议室",
|
||||||
|
address: "湖南省长沙市高新开发区谷园路109号像素大厦1205",
|
||||||
|
date: "2022/01/08",
|
||||||
|
size: "3.94m*2.02m",
|
||||||
|
state: 1
|
||||||
|
}, {
|
||||||
|
title: "湖南工业大学化工学院会议室P2.5全彩LED显示屏",
|
||||||
|
projectCode: "20220108-1001",
|
||||||
|
model: "DS-CK25FI/H",
|
||||||
|
installationSite: "xxx综合楼2楼会议室",
|
||||||
|
address: "湖南省长沙市高新开发区谷园路109号像素大厦1205",
|
||||||
|
date: "2022/01/08",
|
||||||
|
size: "3.94m*2.02m",
|
||||||
|
state: 1
|
||||||
|
}, {
|
||||||
|
title: "湖南工业大学化工学院会议室P2.5全彩LED显示屏",
|
||||||
|
projectCode: "20220108-1001",
|
||||||
|
model: "DS-CK25FI/H",
|
||||||
|
installationSite: "xxx综合楼2楼会议室",
|
||||||
|
address: "湖南省长沙市高新开发区谷园路109号像素大厦1205",
|
||||||
|
date: "2022/01/08",
|
||||||
|
size: "3.94m*2.02m",
|
||||||
|
state: 0
|
||||||
|
}, {
|
||||||
|
title: "湖南工业大学化工学院会议室P2.5全彩LED显示屏",
|
||||||
|
projectCode: "20220108-1001",
|
||||||
|
model: "DS-CK25FI/H",
|
||||||
|
installationSite: "xxx综合楼2楼会议室",
|
||||||
|
address: "湖南省长沙市高新开发区谷园路109号像素大厦1205",
|
||||||
|
date: "2022/01/08",
|
||||||
|
size: "3.94m*2.02m",
|
||||||
|
state: 0
|
||||||
|
}, {
|
||||||
|
title: "湖南工业大学化工学院会议室P2.5全彩LED显示屏",
|
||||||
|
projectCode: "20220108-1001",
|
||||||
|
model: "DS-CK25FI/H",
|
||||||
|
installationSite: "xxx综合楼2楼会议室",
|
||||||
|
address: "湖南省长沙市高新开发区谷园路109号像素大厦1205",
|
||||||
|
date: "2022/01/08",
|
||||||
|
size: "3.94m*2.02m",
|
||||||
|
state: 1
|
||||||
|
}, {
|
||||||
|
title: "湖南工业大学化工学院会议室P2.5全彩LED显示屏",
|
||||||
|
projectCode: "20220108-1001",
|
||||||
|
model: "DS-CK25FI/H",
|
||||||
|
installationSite: "xxx综合楼2楼会议室",
|
||||||
|
address: "湖南省长沙市高新开发区谷园路109号像素大厦1205",
|
||||||
|
date: "2022/01/08",
|
||||||
|
size: "3.94m*2.02m",
|
||||||
|
state: 0
|
||||||
|
}, {
|
||||||
|
title: "湖南工业大学化工学院会议室P2.5全彩LED显示屏",
|
||||||
|
projectCode: "20220108-1001",
|
||||||
|
model: "DS-CK25FI/H",
|
||||||
|
installationSite: "xxx综合楼2楼会议室",
|
||||||
|
address: "湖南省长沙市高新开发区谷园路109号像素大厦1205",
|
||||||
|
date: "2022/01/08",
|
||||||
|
size: "3.94m*2.02m",
|
||||||
|
state: 0
|
||||||
|
}, {
|
||||||
|
title: "湖南工业大学化工学院会议室P2.5全彩LED显示屏",
|
||||||
|
projectCode: "20220108-1001",
|
||||||
|
model: "DS-CK25FI/H",
|
||||||
|
installationSite: "xxx综合楼2楼会议室",
|
||||||
|
address: "湖南省长沙市高新开发区谷园路109号像素大厦1205",
|
||||||
|
date: "2022/01/08",
|
||||||
|
size: "3.94m*2.02m",
|
||||||
|
state: 1
|
||||||
|
},
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
// this.getData()
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
|
||||||
|
getData() {
|
||||||
|
this.$requst.post('/universal/api.project/project_list', {
|
||||||
|
list_rows: this.dataList.list_rows,
|
||||||
|
page: this.dataList.page,
|
||||||
|
}).then(res => {
|
||||||
|
// this.$toolAll.tools.showToast(res.msg);
|
||||||
|
if (res.code == 0) {
|
||||||
|
this.dataList = res.data.data
|
||||||
|
} else {
|
||||||
|
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
projectDetailsFun() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: "/pages/project/details"
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 查询
|
||||||
|
inquireProject() {
|
||||||
|
|
||||||
|
this.$requst.post('/universal/api.project/project_list', {
|
||||||
|
list_rows: this.dataList.list_rows,
|
||||||
|
page: this.dataList.page,
|
||||||
|
value: this.inputData,
|
||||||
|
}).then(res => {
|
||||||
|
// this.$toolAll.tools.showToast(res.msg);
|
||||||
|
if (res.code == 0) {
|
||||||
|
console.log(res.data.data)
|
||||||
|
// this.dataList = res.data.data
|
||||||
|
} else {
|
||||||
|
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
bindPickerChange(data) {
|
||||||
|
console.log(data)
|
||||||
|
},
|
||||||
|
bindDateChange(date) {
|
||||||
|
console.log(date)
|
||||||
|
},
|
||||||
|
getDate(type) {
|
||||||
|
const date = new Date();
|
||||||
|
let year = date.getFullYear();
|
||||||
|
let month = date.getMonth() + 1;
|
||||||
|
let day = date.getDate();
|
||||||
|
|
||||||
|
if (type === 'start') {
|
||||||
|
year = year - 60;
|
||||||
|
} else if (type === 'end') {
|
||||||
|
year = year + 2;
|
||||||
|
}
|
||||||
|
month = month > 9 ? month : '0' + month;
|
||||||
|
day = day > 9 ? day : '0' + day;
|
||||||
|
console.log(year, month, day)
|
||||||
|
return `${year}-${month}-${day}`;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
page {
|
page {
|
||||||
background-color: #F7F7F7;
|
background-color: #F7F7F7;
|
||||||
}
|
}
|
||||||
|
|
||||||
.project-list-input {
|
.project-list-input {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 114rpx;
|
height: 114rpx;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 20rpx 16rpx;
|
padding: 20rpx 16rpx;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background-color: #FFFFFF
|
background-color: #FFFFFF
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.project-list-input .int {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: #F7F7F7;
|
||||||
|
padding: 0 25rpx;
|
||||||
|
|
||||||
.project-list-input .int {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background-color: #F7F7F7;
|
|
||||||
padding: 0 25rpx;
|
|
||||||
padding-right: 100rpx;
|
padding-right: 100rpx;
|
||||||
|
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
border-radius: 36rpx;
|
border-radius: 36rpx;
|
||||||
}
|
}
|
||||||
.project-list-input .xian {
|
|
||||||
width: 3rpx;
|
.project-list-input .xian {
|
||||||
height: 35rpx;
|
width: 3rpx;
|
||||||
position: absolute;
|
height: 35rpx;
|
||||||
|
position: absolute;
|
||||||
background-color: #EAEAEA;
|
background-color: #EAEAEA;
|
||||||
right: 100rpx;
|
right: 100rpx;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
margin-top: -14rpx;
|
margin-top: -14rpx;
|
||||||
}
|
}
|
||||||
.project-list-input .search {
|
|
||||||
width: 28rpx;
|
|
||||||
height: 28rpx;
|
|
||||||
position: absolute;
|
|
||||||
right: 43rpx;
|
|
||||||
top: 50%;
|
|
||||||
margin-top: -14rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.screen {
|
.project-list-input .search {
|
||||||
display: flex;
|
width: 28rpx;
|
||||||
justify-content: space-around;
|
height: 28rpx;
|
||||||
padding: 26rpx 20rpx;
|
position: absolute;
|
||||||
border-top: 1rpx solid #EEEEEE;
|
right: 43rpx;
|
||||||
}
|
top: 50%;
|
||||||
|
margin-top: -14rpx;
|
||||||
|
}
|
||||||
|
|
||||||
.screen .li {
|
.screen {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
justify-content: space-around;
|
||||||
|
padding: 26rpx 20rpx;
|
||||||
|
border-top: 1rpx solid #EEEEEE;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
.screen .li {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
.screen .li .text {
|
}
|
||||||
font-size: 26rpx;
|
|
||||||
color: #333333;
|
|
||||||
margin-right: 10rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.screen .li .img {
|
.screen .li .text {
|
||||||
width: 14rpx;
|
font-size: 26rpx;
|
||||||
height: 8rpx;
|
color: #333333;
|
||||||
}
|
margin-right: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
.screen .li .imgA {
|
.screen .li .img {
|
||||||
width: 24rpx;
|
width: 14rpx;
|
||||||
height: 23rpx;
|
height: 8rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.project-list .li {
|
.screen .li .imgA {
|
||||||
box-sizing: border-box;
|
width: 24rpx;
|
||||||
background-color: #FFFFFF;
|
height: 23rpx;
|
||||||
position: relative;
|
}
|
||||||
margin: 0 20rpx;
|
|
||||||
border-radius: 10rpx;
|
|
||||||
margin-bottom: 20rpx;
|
|
||||||
padding: 40rpx 20rpx 20rpx 20rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-list .li .icon {
|
.project-list .li {
|
||||||
display: flex;
|
box-sizing: border-box;
|
||||||
justify-content: center;
|
background-color: #FFFFFF;
|
||||||
align-items: center;
|
position: relative;
|
||||||
width: 135rpx;
|
margin: 0 20rpx;
|
||||||
height: 40rpx;
|
border-radius: 10rpx;
|
||||||
position: absolute;
|
margin-bottom: 20rpx;
|
||||||
font-size: 22rpx;
|
padding: 40rpx 20rpx 20rpx 20rpx;
|
||||||
color: #FFFFFF;
|
}
|
||||||
right: 23rpx;
|
|
||||||
text-align: center;
|
|
||||||
background-size: 100% 100%;
|
|
||||||
top: -10rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-list .li .iconBer {
|
.project-list .li .icon {
|
||||||
background-image: url(../../static/iocn/za.png);
|
display: flex;
|
||||||
}
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
width: 135rpx;
|
||||||
|
height: 40rpx;
|
||||||
|
position: absolute;
|
||||||
|
font-size: 22rpx;
|
||||||
|
color: #FFFFFF;
|
||||||
|
right: 23rpx;
|
||||||
|
text-align: center;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
top: -10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
.project-list .li .iconBera {
|
.project-list .li .iconBer {
|
||||||
background-image: url(../../static/iocn/zaa.png);
|
background-image: url(../../static/iocn/za.png);
|
||||||
}
|
}
|
||||||
|
|
||||||
.project-list .li .message {
|
.project-list .li .iconBera {
|
||||||
display: flex;
|
background-image: url(../../static/iocn/zaa.png);
|
||||||
|
}
|
||||||
|
|
||||||
}
|
.project-list .li .message {
|
||||||
|
display: flex;
|
||||||
|
|
||||||
.project-list .li .message .img {
|
}
|
||||||
width: 230rpx;
|
|
||||||
margin-right: 11rpx;
|
|
||||||
height: 180rpx;
|
|
||||||
|
|
||||||
}
|
.project-list .li .message .img {
|
||||||
|
width: 230rpx;
|
||||||
|
margin-right: 11rpx;
|
||||||
|
height: 180rpx;
|
||||||
|
|
||||||
.project-list .li .message .text {
|
}
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
.project-list .li .message .serial-number {
|
|
||||||
color: #ff8800;
|
|
||||||
font-size: 22rpx;
|
|
||||||
/* margin-bottom: 15rpx; */
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-list .li .message .specification {
|
.project-list .li .message .text {
|
||||||
color: #00b1ff;
|
flex: 1;
|
||||||
font-size: 22rpx;
|
}
|
||||||
/* margin-bottom: 15rpx; */
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-list .li .message .installation-site {
|
.project-list .li .message .serial-number {
|
||||||
color: #6b6a6a;
|
color: #ff8800;
|
||||||
font-size: 22rpx;
|
font-size: 22rpx;
|
||||||
/* margin-bottom: 15rpx; */
|
/* margin-bottom: 15rpx; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.project-list-address {
|
.project-list .li .message .specification {
|
||||||
display: flex;
|
color: #00b1ff;
|
||||||
/* justify-content: space-between; */
|
font-size: 22rpx;
|
||||||
}
|
/* margin-bottom: 15rpx; */
|
||||||
|
}
|
||||||
|
|
||||||
.project-list-address .text {
|
.project-list .li .message .installation-site {
|
||||||
font-size: 22rpx;
|
color: #6b6a6a;
|
||||||
}
|
font-size: 22rpx;
|
||||||
|
/* margin-bottom: 15rpx; */
|
||||||
|
}
|
||||||
|
|
||||||
.project-list-address .date {
|
.project-list-address {
|
||||||
font-size: 22rpx;
|
display: flex;
|
||||||
text-align: right;
|
/* justify-content: space-between; */
|
||||||
/* margin-left: 20rpx; */
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.project-list-address .img {
|
.project-list-address .text {
|
||||||
width: 20rpx;
|
font-size: 22rpx;
|
||||||
height: 28rpx;
|
}
|
||||||
margin-right: 10rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.project-list-address .address {
|
.project-list-address .date {
|
||||||
display: flex;
|
font-size: 22rpx;
|
||||||
align-items: center;
|
text-align: right;
|
||||||
|
/* margin-left: 20rpx; */
|
||||||
|
}
|
||||||
|
|
||||||
}
|
.project-list-address .img {
|
||||||
|
width: 20rpx;
|
||||||
|
height: 28rpx;
|
||||||
|
margin-right: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
.pickerDate {
|
.project-list-address .address {
|
||||||
width: 300rpx;
|
display: flex;
|
||||||
height: 300rpx;
|
align-items: center;
|
||||||
}
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.pickerDate {
|
||||||
|
width: 300rpx;
|
||||||
|
height: 300rpx;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -1,67 +1,71 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<status-nav navBarTitle="添加报修" returnColor="#c2c2c2"></status-nav>
|
<status-nav navBarTitle="添加报修" returnColor="#c2c2c2"></status-nav>
|
||||||
<container-subgroup>
|
<container-subgroup>
|
||||||
<view slot="content" style="margin: 0 -30rpx;">
|
<view slot="content" style="margin: 0 -30rpx;">
|
||||||
<view class="repairs-nav" style="margin-top: -30rpx;">
|
<view class="repairs-nav" style="margin-top: -30rpx;">
|
||||||
<view class="li" @click="repairsNavFun(index)" :class="item.state?'on':''" v-for="(item,index) in navDataState">
|
<view class="li" @click="repairsNavFun(index)" :class="item.state?'on':''"
|
||||||
{{item.title}}
|
v-for="(item,index) in navDataState">
|
||||||
</view>
|
{{item.title}}
|
||||||
</view>
|
</view>
|
||||||
<view class="repairs-hint padding">
|
</view>
|
||||||
<image class="icon" src="../../static/iocn/lp.png" mode="aspectFill"></image>
|
<view class="repairs-hint padding">
|
||||||
<view class="text">
|
<image class="icon" src="../../static/iocn/lp.png" mode="aspectFill"></image>
|
||||||
请务必拍好故障照片或视频上传,便于技术工程师作为判断依据,带齐 相关维保设备。高效为您提供服务。
|
<view class="text">
|
||||||
</view>
|
请务必拍好故障照片或视频上传,便于技术工程师作为判断依据,带齐 相关维保设备。高效为您提供服务。
|
||||||
</view>
|
</view>
|
||||||
<view class="fault-type-title padding">故障类型:</view>
|
</view>
|
||||||
<view class="padding fault-type-content">
|
<view class="fault-type-title padding">故障类型:</view>
|
||||||
<view class="li" :class="item.state?'on':''" v-for="(item,index) in faultTypeData">
|
<view class="padding fault-type-content">
|
||||||
{{item.title}}
|
<view class="li" @click="repairsTypeFun(index)" :class="item.state?'on':''"
|
||||||
</view>
|
v-for="(item,index) in faultTypeData">
|
||||||
</view>
|
{{item.title}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
<view class="padding">
|
<view class="padding">
|
||||||
<view class="devicename" v-if="navDataState[0].state">
|
<view class="devicename" @click="scanCodeFun()" v-if="navDataState[0].state">
|
||||||
|
<view class="">
|
||||||
<view class="">
|
请填写设备名称和型号或扫描二维码
|
||||||
请填写设备名称和型号或扫描二维码
|
</view>
|
||||||
</view>
|
<image class="sm" src="../../static/iocn/sm.png" mode=""></image>
|
||||||
<image class="sm" src="../../static/iocn/sm.png" mode=""></image>
|
</view>
|
||||||
</view>
|
<input v-model="data.model" class="devicename" placeholder="请填写设备名称和型号" v-else />
|
||||||
<view class="devicename" v-else>
|
|
||||||
请填写设备名称和型号
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view class="fault-pictures">
|
|
||||||
<image class="img" src="../../static/iocn/gz.png" mode="aspectFill"></image>
|
|
||||||
<view class="text">
|
|
||||||
添加故障图片
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<textarea value="" class="fault-description" placeholder="故障情况描述"
|
<view class="fault-pictures">
|
||||||
placeholder-class="fault-description-text" />
|
<image class="img" src="../../static/iocn/gz.png" mode="aspectFill"></image>
|
||||||
|
<view class="text">
|
||||||
|
添加故障图片
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
<view class="detailed-address inputCss">
|
<textarea value="" v-model="data.condition" class="fault-description" placeholder="故障情况描述"
|
||||||
|
placeholder-class="fault-description-text" />
|
||||||
|
|
||||||
<input type="text" value="" placeholder="请输入详细的上门服务地址" placeholder-class="inputCss-input" />
|
<view class="detailed-address inputCss">
|
||||||
|
|
||||||
<image @click="mapFun()" src="../../static/iocn/map.png" class="map" mode="aspectFill"></image>
|
<input type="text" v-model="data.address" value="" placeholder="请输入详细的上门服务地址" placeholder-class="inputCss-input" />
|
||||||
</view>
|
|
||||||
|
|
||||||
<input type="text" class="inputCss" placeholder="请填写您的姓名" placeholder-class="inputCss-input" value="" />
|
<image @click="mapFun()" src="../../static/iocn/map.png" class="map" mode="aspectFill"></image>
|
||||||
<input type="text" class="inputCss" placeholder="请填写联系电话" placeholder-class="inputCss-input" value="" />
|
</view>
|
||||||
<picker mode="date" >
|
|
||||||
<input type="text" class="inputCss" placeholder="请选择上门时间" placeholder-class="inputCss-input" value="" />
|
<input type="text" class="inputCss" v-model="data.name" placeholder="请填写您的姓名" placeholder-class="inputCss-input"
|
||||||
|
value="" />
|
||||||
|
<input type="text" class="inputCss" v-model="data.tel" placeholder="请填写联系电话" placeholder-class="inputCss-input"
|
||||||
|
value="" />
|
||||||
|
<picker mode="date">
|
||||||
|
<input type="text" class="inputCss" v-model="data.date" placeholder="请选择上门时间" placeholder-class="inputCss-input"
|
||||||
|
value="" />
|
||||||
</picker>
|
</picker>
|
||||||
|
|
||||||
|
|
||||||
<button class="submit-button" type="default">提交故障申报</button>
|
|
||||||
</view>
|
<button class="submit-button" @click="submitButton()" type="default">提交故障申报</button>
|
||||||
</view>
|
</view>
|
||||||
</container-subgroup>
|
</view>
|
||||||
|
</container-subgroup>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -70,6 +74,15 @@
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
single: "2021-04-3",
|
single: "2021-04-3",
|
||||||
|
|
||||||
|
data:{
|
||||||
|
model:"",
|
||||||
|
condition:"",
|
||||||
|
address:"",
|
||||||
|
name:"",
|
||||||
|
tel:"",
|
||||||
|
date:""
|
||||||
|
},
|
||||||
|
|
||||||
navDataState: [{
|
navDataState: [{
|
||||||
title: "有设备",
|
title: "有设备",
|
||||||
|
@ -115,27 +128,76 @@
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
onLoad(){
|
||||||
|
this.getType()
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
getType(){
|
||||||
|
// /universal/api.order/fault_type
|
||||||
|
this.$requst.post('/universal/api.work_order/fault_type').then(res => {
|
||||||
|
// this.$toolAll.tools.showToast(res.msg);
|
||||||
|
if (res.code == 0) {
|
||||||
|
console.log(res)
|
||||||
|
} else {
|
||||||
|
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
change(e) {
|
change(e) {
|
||||||
this.single = e;
|
this.single = e;
|
||||||
console.log("-change事件:", e);
|
console.log("-change事件:", e);
|
||||||
},
|
},
|
||||||
mapFun() {
|
scanCodeFun() {
|
||||||
uni.getLocation({
|
uni.scanCode({
|
||||||
type: 'wgs84',
|
|
||||||
success: function(res) {
|
success: function(res) {
|
||||||
console.log('当前位置的经度:' + res.longitude);
|
console.log('条码类型:' + res.scanType);
|
||||||
console.log('当前位置的纬度:' + res.latitude);
|
console.log('条码内容:' + res.result);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
repairsNavFun(index){
|
submitButton(){
|
||||||
for (var i = 0; i < this.navDataState.length; i++) {
|
// if()
|
||||||
this.navDataState[i].state=false
|
},
|
||||||
}
|
|
||||||
this.navDataState[index].state=true
|
mapFun() {
|
||||||
}
|
uni.getLocation({
|
||||||
|
type: 'gcj02', //返回可以用于uni.openLocation的经纬度
|
||||||
|
success: function (res) {
|
||||||
|
const latitude = res.latitude;
|
||||||
|
const longitude = res.longitude;
|
||||||
|
console.log(latitude,longitude,78);
|
||||||
|
uni.chooseLocation({
|
||||||
|
success: function (res) {
|
||||||
|
console.log(res,81);
|
||||||
|
console.log('位置名称:' + res.name);
|
||||||
|
console.log('详细地址:' + res.address);
|
||||||
|
console.log('纬度:' + res.latitude);
|
||||||
|
console.log('经度:' + res.longitude);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
// uni.openLocation({
|
||||||
|
// latitude: latitude,
|
||||||
|
// longitude: longitude,
|
||||||
|
// success: function () {
|
||||||
|
// console.log('success');
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
repairsNavFun(index) {
|
||||||
|
for (var i = 0; i < this.navDataState.length; i++) {
|
||||||
|
this.navDataState[i].state = false
|
||||||
|
}
|
||||||
|
this.navDataState[index].state = true
|
||||||
|
},
|
||||||
|
repairsTypeFun(index) {
|
||||||
|
for (var i = 0; i < this.faultTypeData.length; i++) {
|
||||||
|
this.faultTypeData[i].state = false
|
||||||
|
}
|
||||||
|
this.faultTypeData[index].state = true
|
||||||
|
},
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
@ -156,7 +218,7 @@
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #343536;
|
color: #343536;
|
||||||
border-bottom: 2rpx solid rgba(0,0,0,0);
|
border-bottom: 2rpx solid rgba(0, 0, 0, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
.repairs-nav .on {
|
.repairs-nav .on {
|
||||||
|
@ -220,6 +282,7 @@
|
||||||
background-color: #FFFFFF;
|
background-color: #FFFFFF;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
color: #5e5e5e;
|
color: #5e5e5e;
|
||||||
|
box-sizing: border-box;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 59rpx;
|
line-height: 59rpx;
|
||||||
border-radius: 22rpx;
|
border-radius: 22rpx;
|
||||||
|
@ -336,7 +399,8 @@
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
}
|
}
|
||||||
.devicename .sm{
|
|
||||||
|
.devicename .sm {
|
||||||
width: 42rpx;
|
width: 42rpx;
|
||||||
height: 36rpx;
|
height: 36rpx;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue