Skip to content

S
site-uniapp
提交 10e4f3d9 作者: wk
操作

最近7天天气 项目详情 我的人员信息 新闻列表

父级 20b38073
正在显示 包含 796 行增加 和 58 行删除
api/api.js
...@@ -161,8 +161,12 @@ const params = { ...@@ -161,8 +161,12 @@ const params = {
url: "/ydt/api/v1/navigation/list/recently_used", url: "/ydt/api/v1/navigation/list/recently_used",
method: "get" method: "get"
}, },
saveAppConfig: {
url: "/ydt/api/v1/navigation/save",
method: "post"
},
getMessages: { getMessages: {
url: "/api/v1/common_check/msg_notify/list", url: "/plat/api/v1/common_check/msg_notify/list",
method: "get" method: "get"
}, },
/* 数据智管 */ /* 数据智管 */
...@@ -212,7 +216,12 @@ const params = { ...@@ -212,7 +216,12 @@ const params = {
getFormDetailList: { getFormDetailList: {
url: "/plat/api/v1/common_check/check_record/form_detail_list", url: "/plat/api/v1/common_check/check_record/form_detail_list",
method: "get" method: "get"
} },
//获取应用列表
getAppList: {
url: "/proxy/adminc/v1/system_manage/p_app/application",
method: "get"
},
} }
export default buildParam(params) export default buildParam(params)
components/v-tabs/v-tabs.vue
...@@ -83,7 +83,7 @@ ...@@ -83,7 +83,7 @@
}, },
bgColor: { bgColor: {
type: String, type: String,
default: '#f8f8f8' default: '#F5F5F5'
}, },
padding: { padding: {
type: String, type: String,
......
pages.json
...@@ -42,7 +42,8 @@ ...@@ -42,7 +42,8 @@
"path": "pages/monitor/monitor", "path": "pages/monitor/monitor",
"style": { "style": {
"navigationBarTitleText": "", "navigationBarTitleText": "",
"enablePullDownRefresh": false "enablePullDownRefresh": false,
"navigationStyle": "custom"
} }
}, { }, {
...@@ -305,6 +306,30 @@ ...@@ -305,6 +306,30 @@
"navigationStyle": "custom" "navigationStyle": "custom"
} }
}, {
"path": "pages/mine/projectInfo/projectInfo",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": false,
"navigationStyle": "custom"
}
}, {
"path": "pages/mine/projectHistory/projectHistory",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": false,
"navigationStyle": "custom"
}
}, {
"path": "pages/index/bussConfig/bussConfig",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": false,
"navigationStyle": "custom"
}
} }
], ],
"globalStyle": { "globalStyle": {
......
pages/gallery/gallery.vue
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
<view class="title">消息中心</view> <view class="title">消息中心</view>
<image src="../../static/message.png" class="image"></image> <image src="../../static/message.png" class="image"></image>
</view> </view>
<view class="count">2</view> <view class="count">{{messageCount}}</view>
</view> </view>
<view class="line"></view> <view class="line"></view>
<view class="item"> <view class="item">
...@@ -31,23 +31,64 @@ ...@@ -31,23 +31,64 @@
<image src="../../static/ic-rqyy.png" class="rq-image"></image> <image src="../../static/ic-rqyy.png" class="rq-image"></image>
<text class="text">本周人气最佳：物料收发存（地磅）</text> <text class="text">本周人气最佳：物料收发存（地磅）</text>
</view> </view>
<view class="app-content">
<v-tabs :tabs="tabs" :scroll="true" :value="current" @change="tabChange"></v-tabs>
<view class="app-group-content">
<view class="app-group-item" v-for="(item,index) in apps" :key="index">
<view class="title">{{item.group_name||"其他"}}</view>
<uni-grid column="4" class="grid-container">
<uni-grid-item class="grid-item" v-for="(model,modelIndex) in item.data" :key="modelIndex"
@click="toIndex(model)">
<image
:src="'https://release-console.oss-cn-hangzhou.aliyuncs.com/intecons/uniimage/'+model.logo+'.png'"
class="image" />
<view class="single-text" style="color: #666666;font-size: 28rpx;margin-top: 10rpx;">
{{model.app_name}}
</view>
</uni-grid-item>
</uni-grid>
</view>
</view>
</view>
<uni-tabbar currentPage="1"></uni-tabbar> <uni-tabbar currentPage="1"></uni-tabbar>
</view> </view>
</template> </template>
<script> <script>
import Api from "../../api/api.js"
export default { export default {
data() { data() {
return { return {
title: '欢迎您访问一点通', title: '欢迎您访问一点通',
statusBarHeight: 20 statusBarHeight: 20,
messageCount: 0,
groups: [],
apps: [],
current: 0,
tabs: ["生活服务", "综合办公", "岗位工作"],
requestParam: {
page: 1,
per_page: 500,
authed: 1,
showed: 1,
app_endpoint: 2,
is_publish: 1,
app_sort: 1
},
} }
}, },
onLoad() { onLoad() {
const info = uni.getSystemInfoSync() const info = uni.getSystemInfoSync()
this.statusBarHeight = info.statusBarHeight this.statusBarHeight = info.statusBarHeight
this.getAppGroup()
},
onShow() {
this.getMessages()
}, },
methods: { methods: {
tabChange(e) {
this.current = e
},
toMessage() { toMessage() {
uni.navigateTo({ uni.navigateTo({
url: "/pages/gallery/message/message" url: "/pages/gallery/message/message"
...@@ -62,7 +103,105 @@ ...@@ -62,7 +103,105 @@
uni.navigateTo({ uni.navigateTo({
url: "/pages/gallery/dataManager/dataManager" url: "/pages/gallery/dataManager/dataManager"
}) })
} },
getMessages() {
Api.getMessages({
data: {
"page": 1,
"page_size": 5,
"is_page": 1
}
}).then((result) => {
console.log("消息列表", result);
if (result.code == 0) {
this.messageCount = result.data.total_count
} else {
this.$toast.showToast(result.msg)
}
})
},
getAppGroup() {
Api.getCodeList({
data: {
"code_type": "applicationGroup"
}
}).then((result) => {
if (result.code == 0) {
let list = result.data[0].sub_data
this.groups = []
for (var i = 0; i < list.length; i++) {
this.groups.push({
"key": list[i].value,
"val": list[i].name
})
}
this.groups.push({
"key": "0",
"val": "其他"
})
this.getAppList()
} else {
this.origin_data = []
if (result.code == 10201) {
this.refreshToken()
} else {
this.$toast.showToast(result.msg)
}
}
})
},
getAppList: function() {
let that = this
Api.getAppList({
data: this.requestParam
}).then((result) => {
if (result.code === 0) {
let list = result.data.list
that.apps = that.sortGroup(list)
console.log(that.apps);
if (that.groups.length > 0) {
for (var i = 0; i < that.apps.length; i++) {
for (var j = 0; j < that.groups.length; j++) {
if (that.groups[j].key == that.apps[i].app_group) {
that.apps[i].group_name = that.groups[j].val
}
}
}
}
} else {
if (result.code === -1) {
this.$toast.showToast(result.msg)
if (result.action === 'Laravel_public_permission_fail') {
that.refreshToken()
}
}
}
})
},
sortGroup: function(arr) {
var map = {},
dest = [];
for (var i = 0; i < arr.length; i++) {
var app = arr[i];
if (!map[app.app_group]) {
dest.push({
app_group: app.app_group,
data: [app]
});
map[app.app_group] = app;
} else {
for (var j = 0; j < dest.length; j++) {
var dj = dest[j];
if (dj.app_group == app.app_group) {
dj.data.push(app);
break;
}
}
}
}
return dest
},
} }
} }
</script> </script>
...@@ -197,5 +336,55 @@ ...@@ -197,5 +336,55 @@
margin: 0 10rpx 0 30rpx; margin: 0 10rpx 0 30rpx;
} }
} }
.app-content {
display: flex;
flex-direction: column;
.app-group-content {
display: flex;
flex-direction: column;
.app-group-item {
display: flex;
padding: 30rpx;
margin: 20rpx 30rpx 0 30rpx;
flex-direction: column;
border-radius: 30rpx;
background: #fff;
.title {
font-weight: 500;
font-size: 28rpx;
color: #333;
}
.grid-container {
display: flex;
margin-top: 30rpx;
.grid-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
image {
width: 50rpx;
height: 50rpx;
}
text {
margin-top: 10rpx;
font-weight: 400;
font-size: 24rpx;
color: #333;
}
}
}
}
}
}
} }
</style> </style>
pages/gallery/message/message.vue
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
} }
}, },
onLoad() { onLoad() {
this.getMessages()
}, },
onPullDownRefresh() { onPullDownRefresh() {
this.page = 1 this.page = 1
......
pages/index/bussConfig/bussConfig.vue 0 → 100644
<template>
<view class="content">
<titleBar title="常用业务设置"></titleBar>
<view class="sel-content">
<view class="title-content">
<view style="font-weight: 400;font-size: 28rpx;color: #333;flex: 1;">设置常用业务</view>
<view style="font-weight: 600;font-size: 28rpx;color: #333;">恢复默认</view>
<view style="font-weight: 600;font-size: 28rpx;color: #333;margin-left: 30rpx;" @click="sureConfig">完成
</view>
</view>
<view class="sel-app-content">
<view class="title">常用业务</view>
<view class="app-list">
<view class="menu-item" v-for="(item,index) in selList" :key="index">
<view class="logo-content">
<image src="../../../static/ic-sjzg.png" class="logo"></image>
<image src="../../../static/delete-ic.png" class="del"></image>
</view>
<view class="text">积分商城</view>
</view>
</view>
</view>
</view>
<v-tabs :tabs="tabs" :scroll="true" :value="current" @change="tabChange"></v-tabs>
<view class="app-list-content">
<view class="app-content" v-for="(item,index) in appList">
<view class="title">便捷服务</view>
<view class="app-list">
<view class="menu-item" v-for="(app,appIndex) in selList" :key="appIndex">
<view class="logo-content">
<image src="../../../static/ic-sjzg.png" class="logo"></image>
<image src="../../../static/add-ic.png" class="del"></image>
</view>
<view class="text">积分商城</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
import Api from "../../../api/api.js"
export default {
data() {
return {
selList: [{}],
appList: [{}],
current: 0,
tabs: ["生活服务", "综合办公", "岗位工作"],
}
},
onLoad() {
//获取当前设置常用应用
//获取所有的应用
},
methods: {
tabChange(e) {
this.current = e
},
getDefaultApp() {
Api.getNormalApp({
}).then((result) => {
})
},
sureConfig() {
uni.$emit("refreshApp")
}
}
}
</script>
<style lang="scss">
.content {
display: flex;
flex-direction: column;
.sel-content {
display: flex;
flex-direction: column;
margin: 30rpx 30rpx 0 30rpx;
.title-content {
display: flex;
flex-direction: row;
align-items: center;
}
.sel-app-content {
display: flex;
flex-direction: column;
border-radius: 30rpx;
margin-top: 30rpx;
padding: 30rpx;
background-color: #fff;
.title {
font-weight: 600;
font-size: 28rpx;
color: #333;
}
.app-list {
display: flex;
margin-top: 30rpx;
flex-direction: row;
.menu-item {
display: flex;
flex: 0 0 25%;
flex-direction: column;
margin-bottom: 10px;
justify-content: center;
align-items: center;
.logo-content {
position: relative;
width: 62rpx;
height: 62rpx;
.logo {
width: 50rpx;
height: 50rpx;
position: absolute;
bottom: 0;
left: 0;
}
.del {
width: 24rpx;
height: 24rpx;
position: absolute;
top: 0;
right: 0;
}
}
.text {
font-size: 24rpx;
color: #333;
margin-top: 10rpx;
}
}
}
}
}
.app-list-content {
display: flex;
flex-direction: column;
margin: 0 30rpx;
.app-content {
display: flex;
flex-direction: column;
border-radius: 30rpx;
margin-top: 30rpx;
padding: 30rpx;
background-color: #fff;
.title {
font-weight: 600;
font-size: 28rpx;
color: #333;
}
.app-list {
display: flex;
margin-top: 30rpx;
flex-direction: row;
.menu-item {
display: flex;
flex: 0 0 25%;
flex-direction: column;
margin-bottom: 10px;
justify-content: center;
align-items: center;
.logo-content {
position: relative;
width: 62rpx;
height: 62rpx;
.logo {
width: 50rpx;
height: 50rpx;
position: absolute;
bottom: 0;
left: 0;
}
.del {
width: 24rpx;
height: 24rpx;
position: absolute;
top: 0;
right: 0;
}
}
.text {
font-size: 24rpx;
color: #333;
margin-top: 10rpx;
}
}
}
}
}
}
</style>
pages/index/newDetail/newDetail.vue
...@@ -61,7 +61,15 @@ ...@@ -61,7 +61,15 @@
} }
}).then((result) => { }).then((result) => {
if (result.code == 0) { if (result.code == 0) {
this.list = []
let data = result.data
data.forEach(item => {
if (item.articleLibraryId == id) {
this.newDetail = item
} else {
this.list.push(item)
}
})
} else { } else {
this.$toast.showToast(result.msg) this.$toast.showToast(result.msg)
} }
......
pages/index/siteNewList/siteNewList.vue
...@@ -29,11 +29,14 @@ ...@@ -29,11 +29,14 @@
}], }],
page: 1, page: 1,
pageSize: 20, pageSize: 20,
isHasMore: true isHasMore: true,
clientId: 2,
key: ""
} }
}, },
onLoad() { onLoad(option) {
// this.getNews() this.clientId = option.clientId
this.getNews()
}, },
onPullDownRefresh() { onPullDownRefresh() {
this.page = 1 this.page = 1
...@@ -52,13 +55,17 @@ ...@@ -52,13 +55,17 @@
}) })
}, },
search(e) { search(e) {
this.key = e.detail.value
this.page = 1
this.getNews()
}, },
getNews() { getNews() {
Api.getNews({ Api.getNews({
data: { data: {
pageNum: this.page, pageNum: this.page,
pageSize: this.pageSize pageSize: this.pageSize,
clientId: this.clientId,
title: this.key
} }
}).then((result) => { }).then((result) => {
uni.stopPullDownRefresh() uni.stopPullDownRefresh()
......
pages/index/weather/weather.vue
...@@ -5,15 +5,15 @@ ...@@ -5,15 +5,15 @@
<view class="weather-item" v-for="(item,index) in weather" :key="index"> <view class="weather-item" v-for="(item,index) in weather" :key="index">
<view class="date-content"> <view class="date-content">
<view class="left">{{item.date}}</view> <view class="left">{{item.date}}</view>
<view class="right">{{item.week}}</view> <view class="right">{{item.day.temphigh}}℃~{{item.night.templow}}℃</view>
</view> </view>
<view class="day-content"> <view class="day-content">
<view class="left">白天：{{item.day.weather}}</view> <view class="left">{{item.week}}</view>
<view class="right">{{item.day.temphigh}}℃</view> <view class="weather">
</view> <view class="right">{{item.day.weather}}</view>
<view class="night-content"> <image class="image" :src="weatherIcon(item.day.img)"></image>
<view class="left">夜间：{{item.night.weather}}</view> </view>
<view class="right">{{item.night.templow}}℃</view>
</view> </view>
</view> </view>
</view> </view>
...@@ -31,7 +31,15 @@ ...@@ -31,7 +31,15 @@
this.weather = JSON.parse(options.daily) this.weather = JSON.parse(options.daily)
}, },
methods: { methods: {
weatherIcon(img) {
if (img == 0) {
return '../../../static/sun-ic.png'
} else if (img == 1 || img == 2) {
return '../../../static/sun-cloudy-ic.png'
} else if (img == 7) {
return '../../../static/light-rain-ic.png'
}
}
} }
} }
</script> </script>
...@@ -83,28 +91,24 @@ ...@@ -83,28 +91,24 @@
flex: 1; flex: 1;
} }
.right { .weather {
color: #333; display: flex;
font-size: 28rpx; flex-direction: row;
} align-items: center;
}
.night-content { .right {
display: flex; color: #333;
flex-direction: row; font-size: 28rpx;
align-items: center; }
margin-top: 20rpx;
.left { image {
color: #333; margin-left: 20rpx;
font-size: 28rpx; width: 40rpx;
flex: 1; height: 40rpx;
} }
.right {
color: #333;
font-size: 28rpx;
} }
} }
} }
} }
......
pages/login/wxLogin/wxLogin.vue
...@@ -8,9 +8,10 @@ ...@@ -8,9 +8,10 @@
</view> </view>
<view class='content'> <view class='content'>
<view>申请获取微信授权登录</view> <view>申请获取微信授权登录</view>
<!-- <text>获得你的公开信息(昵称，头像、地区等)</text> --> <text>获得你的手机号信息</text>
</view> </view>
<button class='bottom' type='primary' withCredentials="true" lang="zh_CN" @tap="authLogin">授权登录</button> <button class="bottom" open-type="getPhoneNumber" type="primary"
bindgetphonenumber="onGetPhoneNumber">获取手机号码授权登录</button>
</view> </view>
</view> </view>
</view> </view>
...@@ -29,6 +30,53 @@ ...@@ -29,6 +30,53 @@
}; };
}, },
methods: { methods: {
onGetPhoneNumber(e) {
var that = this;
wx.login({
success(res) {
if (res.code) {
console.log('步骤2获检查用户登录状态，获取用户电话号码！', res)
wx.request({
url: '这里写自己的获取授权的服务器地址',
data: {
code: res.code
},
header: {
'content-type': 'application/json'
},
success: function(res) {
console.log("步骤三获取授权码，获取授权openid，session_key", res);
var userphone = res.data.data;
wx.setStorageSync('userphoneKey', userphone);
//解密手机号
var msg = e.detail.errMsg;
var sessionID = wx.getStorageSync("userphoneKey").session_key;
var encryptedData = e.detail.encryptedData;
var iv = e.detail.iv;
if (msg == 'getPhoneNumber:ok') { //这里表示获取授权成功
wx.checkSession({
success: function() {
//这里进行请求服务端解密手机号
that.deciyption(sessionID, encryptedData,
iv);
},
fail: function() {
// that.userlogin()
}
})
}
},
fail: function(res) {
console.log("fail", res);
}
})
} else {
console.log('登录失败！' + res.errMsg)
}
}
})
},
authLogin() { authLogin() {
if (this.unique_token !== '') { if (this.unique_token !== '') {
this.checkBind() this.checkBind()
......
pages/mine/mine.vue
...@@ -5,34 +5,34 @@ ...@@ -5,34 +5,34 @@
<navbar :title="title" :showBack="false"></navbar> <navbar :title="title" :showBack="false"></navbar>
<view class="info-content" :style="{top:statusBarHeight+45+'px'}"> <view class="info-content" :style="{top:statusBarHeight+45+'px'}">
<image src="../../static/mine-bg.png" class="image"></image> <image src="../../static/mine-bg.png" class="image"></image>
<view class="company">浙江建工XXXXX公司</view> <view class="company">{{currentJob.org_name||""}}</view>
<view class="name">张三 项目经理</view> <view class="name">{{userInfo.user.user_name}} {{currentJob.job_name}}</view>
<view class="project">XXXXXXXXXXX项目</view> <view class="project">{{currentJob.dept_name}}</view>
<image src="../../static/avatar-def.png" class="avatar"></image> <image src="../../static/avatar-def.png" class="avatar"></image>
</view> </view>
</view> </view>
<view class="func-content"> <view class="func-content">
<view class="item"> <view class="item" v-if="isShow('项目信息')" @click="linkTo('/pages/mine/projectInfo/projectInfo')">
<view class="name">项目信息</view> <view class="name">项目信息</view>
<image src="../../static/right-arrow.png" class="image"></image> <image src="../../static/right-arrow.png" class="image"></image>
</view> </view>
<view class="line"></view> <view class="line" v-if="isShow('项目信息')"></view>
<view class="item"> <view class="item" v-if="isShow('项目过往')" @click="linkTo('/pages/mine/projectHistory/projectHistory')">
<view class="name">项目过往</view> <view class="name">项目过往</view>
<image src="../../static/right-arrow.png" class="image"></image> <image src="../../static/right-arrow.png" class="image"></image>
</view> </view>
<view class="line"></view> <view class="line" v-if="isShow('项目过往')"></view>
<view class="item" @click="linkTo('/pages/mine/myApproval/myApproval')"> <view class="item" @click="linkTo('/pages/mine/myApproval/myApproval')" v-if="isShow('我的审批')">
<view class="name">我的审批</view> <view class="name">我的审批</view>
<image src="../../static/right-arrow.png" class="image"></image> <image src="../../static/right-arrow.png" class="image"></image>
</view> </view>
<view class="line"></view> <view class="line" v-if="isShow('我的审批')"></view>
<view class="item" @click="linkTo('/pages/mine/myScore/myScore')"> <view class="item" @click="linkTo('/pages/mine/myScore/myScore')" v-if="isShow('我的积分')">
<view class="name">我的积分</view> <view class="name">我的积分</view>
<image src="../../static/right-arrow.png" class="image"></image> <image src="../../static/right-arrow.png" class="image"></image>
</view> </view>
<view class="line"></view> <view class="line" v-if="isShow('我的积分')"></view>
<view class="item" @click="linkTo('/pages/login/joinOrg/joinOrg')"> <view class="item" @click="linkTo('/pages/login/joinOrg/joinOrg')" v-if="isShow('加入组织')">
<view class="name">加入组织</view> <view class="name">加入组织</view>
<image src="../../static/right-arrow.png" class="image"></image> <image src="../../static/right-arrow.png" class="image"></image>
</view> </view>
...@@ -55,14 +55,47 @@ ...@@ -55,14 +55,47 @@
data() { data() {
return { return {
title: '欢迎您访问一点通', title: '欢迎您访问一点通',
statusBarHeight: 20 statusBarHeight: 20,
currentJob: {},
userInfo: {
identity: {
code: "WORKER"
}
}
} }
}, },
onLoad() { onLoad() {
const info = uni.getSystemInfoSync() const info = uni.getSystemInfoSync()
this.statusBarHeight = info.statusBarHeight this.statusBarHeight = info.statusBarHeight
}, },
onShow() {
//用户信息
this.userInfo = getApp().globalData.userInfo
console.log("用户信息", this.userInfo);
let jobs = this.userInfo.user.job_list
console.log("岗位列表", jobs);
let currentComId = this.userInfo.user.comp_id
let job = jobs.find(item =>
item.company_id == currentComId
)
console.log("当前岗位", job);
this.currentJob = job
},
methods: { methods: {
isShow(name) {
if (name == '项目信息' || name == '项目过往') {
return this.userInfo.identity.code == 'PM' || this.userInfo.identity.code == 'WORKER'
}
if (name == '我的审批') {
return this.userInfo.identity.code == 'PM'
}
if (name == '我的积分') {
return this.userInfo.identity.code == 'WORKER'
}
if (name == '加入组织') {
return this.userInfo.identity.code == 'VISITOR'
}
},
toLinkLogin() { toLinkLogin() {
uni.reLaunch({ uni.reLaunch({
url: "/pages/login/login/login" url: "/pages/login/login/login"
...@@ -155,6 +188,7 @@ ...@@ -155,6 +188,7 @@
margin: 190px 30rpx 0 30rpx; margin: 190px 30rpx 0 30rpx;
background-color: #fff; background-color: #fff;
border-radius: 30rpx; border-radius: 30rpx;
padding-bottom: 30rpx;
.item { .item {
display: flex; display: flex;
......
pages/mine/projectHistory/projectHistory.vue 0 → 100644
<template>
<view class="content">
<titleBar title="项目过往"></titleBar>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style lang="scss">
.content {
display: flex;
flex-direction: column;
}
</style>
pages/mine/projectInfo/projectInfo.vue 0 → 100644
<template>
<view class="content">
<titleBar title="项目信息"></titleBar>
<view class="info-content">
<view class="name">XXXXX总承包工程项目</view>
<view class="item">
<view class="item-name">上级组织：</view>
<view class="item-value">中建XXX建工公司</view>
</view>
<view class="line"></view>
<view class="item">
<view class="item-name">项目二维码：</view>
<view class="item-value-blue">二维码下载</view>
</view>
<view class="line"></view>
<view class="item">
<view class="item-name">计划开工日期：</view>
<view class="item-value">2022/12/14</view>
</view>
<view class="line"></view>
<view class="item">
<view class="item-name">计划竣工日期：</view>
<view class="item-value">2023/01/14</view>
</view>
<view class="line"></view>
<view class="item">
<view class="item-name">项目地址：</view>
<view class="item-value">浙江省杭州市拱墅区</view>
</view>
<view class="line"></view>
<view class="item">
<view class="item-name">详细地址：</view>
<view class="item-value">祥符街道122号</view>
</view>
<view class="line"></view>
<view class="item">
<view class="item-name">项目地图：</view>
</view>
</view>
<map class="map-content" :longitude="longitude" :latitude="latitude"></map>
<view class="jj-content">
<view class="item">
<view class="item-name">项目简介：</view>
<view class="item-value">XXXXXXX工程是指油XXX水库引水，XX河南北两岸各建一条干渠及支斗渠等田间配套工程组成，主要解决该地区河谷两岸灌溉。</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
longitude: "122",
latitude: "36"
}
},
methods: {
}
}
</script>
<style lang="scss">
.content {
display: flex;
flex-direction: column;
.info-content {
display: flex;
flex-direction: column;
background-color: #FFFFFF;
border-radius: 30rpx;
padding: 30rpx;
margin: 30rpx;
.name {
font-weight: 600;
margin-bottom: 30rpx;
font-size: 28rpx;
color: #333;
}
.item {
display: flex;
flex-direction: row;
align-items: center;
.item-name {
font-weight: 400;
font-size: 28rpx;
color: #999;
flex: 1;
}
.item-value {
font-weight: 400;
font-size: 28rpx;
color: #333;
}
.item-value-blue {
font-weight: 400;
font-size: 28rpx;
color: #3B73FE;
}
}
.line {
width: 630rpx;
height: 2rpx;
margin: 30rpx 0;
background: rgba(0, 0, 0, 0.1);
}
}
.map-content {
width: 690rpx;
height: 170px;
margin: 0 30rpx;
}
.jj-content {
display: flex;
flex-direction: column;
background-color: #FFFFFF;
border-radius: 30rpx;
padding: 30rpx;
margin: 30rpx;
.item {
display: flex;
flex-direction: row;
.item-name {
font-weight: 400;
font-size: 28rpx;
color: #999;
flex: 1;
}
.item-value {
font-weight: 400;
width: 488rpx;
flex-wrap: wrap;
font-size: 28rpx;
color: #333;
}
}
}
}
</style>
pages/monitor/monitor.vue
<template> <template>
<view> <view class="content">
<web-view src="https://www.baidu.com/"></web-view>
<drag-ball x="300" y="450" v-if="false" image="../../static/ic-more-kb.png"></drag-ball>
<uni-tabbar currentPage="2"></uni-tabbar> <uni-tabbar currentPage="2"></uni-tabbar>
</view> </view>
</template> </template>
...@@ -8,7 +10,7 @@ ...@@ -8,7 +10,7 @@
export default { export default {
data() { data() {
return { return {
title: '欢迎您访问一点通',
} }
}, },
methods: { methods: {
...@@ -17,6 +19,24 @@ ...@@ -17,6 +19,24 @@
} }
</script> </script>
<style> <style lang="scss">
.content {
display: flex;
flex-direction: column;
padding-bottom: 130rpx;
.header-content {
position: relative;
top: 0;
left: 0;
.header-image {
width: 750rpx;
height: 504rpx;
position: absolute;
top: 0;
left: 0;
}
}
}
</style> </style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
Please register or to comment