chen
/
flying-monkey
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

添加页面链接、调用解决方案相关接口、调用常见问题相关接口

master
chen 2022-03-24 16:34:50 +08:00
parent d12090cc5d
commit 1fa75fba6c
15 changed files with 821 additions and 573 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
commons/base.css
View File

@ -169,6 +169,17 @@ button:after{content: none!important;}
/* 文字空两格 */ /* 文字空两格 */
.tindent{text-indent: 2em;} .tindent{text-indent: 2em;}
/* 元素缩小 */
.scal13{transform: scale(1.3);}
.scal12{transform: scale(1.2);}
.scal11{transform: scale(1.1);}
.scal10{transform: scale(1);}
.scal09{transform: scale(.9);}
.scal08{transform: scale(.8);}
.scal07{transform: scale(.7);}
.scal06{transform: scale(.6);}
.scal05{transform: scale(.5);}
/* 行间距 */ /* 行间距 */
.linh40{line-height: 40rpx;} .linh40{line-height: 40rpx;}
.linh50{line-height: 50rpx;} .linh50{line-height: 50rpx;}

19
commons/flying-monkey.css
View File

@ -357,4 +357,23 @@ uni-radio .uni-radio-input {border: 1rpx solid #444444;}
border-radius: 6rpx; border-radius: 6rpx;
padding: 6rpx 20rpx; padding: 6rpx 20rpx;
margin-top: 10rpx; margin-top: 10rpx;
}
/* 消息中心 */
.message-circle::before {
content: '';
display: flex;
width: 24rpx;
height: 24rpx;
background-color: #6f91ff;
border-radius: 100%;
margin-right: 20rpx;
}
.activity-message::before {
background-color: #6f91ff;
}
.audit-failed::before {
background-color: #f15d5d;
}
.system-notification::before {
background-color: #2cfc3b;
} }

5
jsFile/public-api.js Normal file
View File

@ -0,0 +1,5 @@
import request from './requst.js';
export function uploadImg(data) {
console.log(data,3);
return request.upload("/universal/api.upload/upload", data);
}

2
jsFile/requst.js
View File

@ -105,7 +105,7 @@ const request = (method, url, options) => {
// 上传文件 封装请求 // 上传文件 封装请求
const uploadFile = (url, options) => { const uploadFile = (url, options) => {
let tempData = options || {} let tempData = options || {}
console.log(tempData,108);
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
uni.uploadFile({ uni.uploadFile({
url: `${uni.getStorageSync('hostapi')}${url}`, url: `${uni.getStorageSync('hostapi')}${url}`,

13
pages.json
View File

@ -230,7 +230,9 @@
"style" : "style" :
{ {
"navigationBarTitleText": "", "navigationBarTitleText": "",
"enablePullDownRefresh": false "enablePullDownRefresh": false,
"navigationStyle": "custom", //禁用原生导航栏，微信小程序可用
"navigationBarTextStyle": "white"
} }
} }
@ -313,6 +315,15 @@
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
}
,{
"path" : "message-center/message-center",
"style" :
{
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
} }
] ]
} }

386
pages/dataQuery/queryFunction.vue
View File

@ -1,193 +1,211 @@
<template> <template>
<view> <view>
<view class="head"> <view class="head">
<view class="text"> <view class="text">查询功能</view>
查询功能 </view>
</view> <view class="queryFunction-head-content">
</view> <view class="queryFunction-head-nav">
<view class="li" @click="navIndex(index)"
<view class="queryFunction-head-content"> :class="[dataIndex==0?'li1':'',dataIndex==1?'li2':'',dataIndex==2?'li3':'' ]"
<view class="queryFunction-head-nav"> v-for="(item,index) in dataList" :key="index">
<view class="li" @click="navIndex(index)" :class="[dataIndex==0?'li1':'',dataIndex==1?'li2':'',dataIndex==2?'li3':'' ]" {{item.title}}
<view v-show="dataIndex==index" class="typeActive"></view>
v-for="(item,index) in dataList"> </view>
{{item.title}} </view>
</view> <view class="queryFunction-head-Fun">
<input type="text" v-model="key_word" placeholder="请输入关键词进行查询" class="queryFunction-head-input" placeholder-style="font-size:28rpx;color:#959595;" />
</view> <view class="button" @tap="checkEv">查询</view>
<view class="queryFunction-head-Fun"> </view>
<input type="text" placeholder="请输入关键字查询" class="queryFunction-head-input" value="" /> </view>
<view class="button"> <view class="recently-query-title">最近查询</view>
查询 <view class="recently-query-content">
</view> <view class="li">
</view> <image class="icon" src="../../static/iocn/jfd.png" mode=""></image>
<view class="text-content">
<view class="title">湖南争鸣光电科技有限公司</view>
<view class="text">编号：FRID23123141123321124</view>
<view class="text">2121-1-8 12:23</view>
</view>
</view> </view>
</view>
<view class="recently-query-title"> </view>
最后查询
</view>
<view class="recently-query-content">
<view class="li">
<image class="icon" src="../../static/iocn/jfd.png" mode=""></image>
<view class="text-content">
<view class="title">
湖南争鸣光电科技有限公司
</view>
<view class="text">
编号：FRID23123141123321124
</view>
<view class="text">
2121-1-8 12:23
</view>
</view>
</view>
</view>
</view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
dataIndex:0, dataIndex: 0,
dataList:[ dataList: [{
{ title: "客户查询",
title:"客户查询", },
}, {
{ title: "项目查询",
title:"项目查询", },
}, {
{ title: "备品查询",
title:"备品查询", },
}, ],
] key_word:'', // 关键词
} }
}, },
methods: { onLoad(op) {
navIndex(index){ if(op.index!=undefined) this.dataIndex = op.index;
this.dataIndex=index },
} methods: {
} // 查询类型切换
} navIndex(index) {
this.dataIndex = index
},
// 查询事件
checkEv(){
console.log(this.key_word);
}
}
}
</script> </script>
<style> <style>
.head{ .head {
width: 100%; width: 100%;
height: 344rpx; height: 344rpx;
padding: 0 35rpx; padding: 0 35rpx;
padding-top: 107rpx; padding-top: 107rpx;
background-color: #00A2E9; background-color: #00A2E9;
box-sizing: border-box; box-sizing: border-box;
}
.head .text{ }
font-size: 41rpx;color: #FFFFFF;
} .head .text {
.queryFunction-head-content{ font-size: 41rpx;
width: 676rpx; color: #FFFFFF;
height: 400rpx; }
background-color: #FFFFFF;
margin: auto; .queryFunction-head-content {
border-radius: 15rpx; width: 676rpx;
margin-top: -130rpx; height: 400rpx;
} background-color: #FFFFFF;
.queryFunction-head-nav{ margin: auto;
display: flex; border-radius: 15rpx;
border-radius: 15rpx 15rpx 0 0; margin-top: -130rpx;
overflow: hidden; }
}
.queryFunction-head-nav .li{ .queryFunction-head-nav {
width: 233rpx; display: flex;
color: #505050; border-radius: 15rpx 15rpx 0 0;
height: 102rpx; overflow: hidden;
}
background-color: #F5F5F5;
display: flex; .queryFunction-head-nav .li {
align-items: center; position: relative;
font-size: 35rpx; width: 233rpx;
justify-content: center; color: #505050;
} height: 102rpx;
.queryFunction-head-nav .li1:nth-child(2){ background-color: #F5F5F5;
border-radius: 15rpx 0rpx 0rpx 15rpx; display: flex;
} align-items: center;
.queryFunction-head-nav .li1:nth-child(1){ font-size: 35rpx;
background-color: #FFFFFF; justify-content: center;
} }
.queryFunction-head-nav .li2:nth-child(2){ .typeActive {
background-color: #FFFFFF; position: absolute;
} width: 30%;
.queryFunction-head-nav .li2:nth-child(1){ bottom: 0;
border-radius: 0rpx 15rpx 15rpx 0rpx; left: 50%;
} transform: translateX(-50%);
.queryFunction-head-nav .li2:nth-child(3){ height: 6rpx;
border-radius: 15rpx 0rpx 0rpx 15rpx; border-radius: 21%;
} background-color: #00A2E9;
.queryFunction-head-nav .li3:nth-child(2){ }
border-radius: 0rpx 15rpx 15rpx 0rpx; .queryFunction-head-nav .li1:nth-child(2) {
} border-radius: 15rpx 0rpx 0rpx 15rpx;
.queryFunction-head-nav .li3:nth-child(3){ }
background-color: #FFFFFF;
} .queryFunction-head-nav .li1:nth-child(1) {
.queryFunction-head-input{ background-color: #FFFFFF;
height: 116rpx; }
width: 100%;
border-bottom: 2rpx solid #eeeeee; .queryFunction-head-nav .li2:nth-child(2) {
background-color: #FFFFFF;
} }
.queryFunction-head-Fun{
padding: 0 32rpx; .queryFunction-head-nav .li2:nth-child(1) {
border-radius: 0rpx 15rpx 15rpx 0rpx;
} }
.queryFunction-head-Fun .button{ .queryFunction-head-nav .li2:nth-child(3) {
background-color: #00A2E9;border-radius: 15rpx; border-radius: 15rpx 0rpx 0rpx 15rpx;
height: 80rpx; }
color: #FFFFFF;
text-align: center; .queryFunction-head-nav .li3:nth-child(2) {
margin-top: 34rpx; border-radius: 0rpx 15rpx 15rpx 0rpx;
line-height: 80rpx; }
}
.queryFunction-head-nav .li3:nth-child(3) {
.recently-query-title { background-color: #FFFFFF;
color: #040b26; }
font-weight: bold;
padding: 50rpx 34rpx 44rpx; .queryFunction-head-input {
} margin-top: 20rpx;
.recently-query-content{ height: 100rpx;
padding: 0 34rpx; width: 100%;
box-sizing: border-box; border-bottom: 2rpx solid #eeeeee;
}
.recently-query-content .li{ }
width: 100%;
height: 232rpx; .queryFunction-head-Fun {
box-sizing: border-box; padding: 0 32rpx;
background-color: #FFFFFF;border-radius: 15rpx;
padding-top: 30rpx; }
padding-left: 40rpx;
margin-bottom: 37rpx; .queryFunction-head-Fun .button {
display: flex; background-color: #00A2E9;
} border-radius: 15rpx;
.recently-query-content .li .icon{ height: 80rpx;
width: 37rpx; color: #FFFFFF;
height: 37rpx; text-align: center;
margin-right: 40rpx; margin-top: 34rpx;
} line-height: 80rpx;
.recently-query-content .li .text-content .title{ }
color: #30364c;
font-size: 33rpx; .recently-query-title {
margin-bottom: 25rpx; color: #040b26;
} font-weight: bold;
.recently-query-content .li .text-content .text{ padding: 50rpx 34rpx 44rpx;
color: #b5b5b5; }
font-size: 27rpx;
margin-bottom: 25rpx; .recently-query-content {
} padding: 0 34rpx;
box-sizing: border-box;
}
.recently-query-content .li {
width: 100%;
height: 232rpx;
box-sizing: border-box;
background-color: #FFFFFF;
border-radius: 15rpx;
padding-top: 30rpx;
padding-left: 40rpx;
margin-bottom: 37rpx;
display: flex;
}
.recently-query-content .li .icon {
width: 37rpx;
height: 37rpx;
margin-right: 40rpx;
}
.recently-query-content .li .text-content .title {
color: #30364c;
font-size: 33rpx;
margin-bottom: 25rpx;
}
.recently-query-content .li .text-content .text {
color: #b5b5b5;
font-size: 27rpx;
margin-bottom: 25rpx;
}
</style> </style>

9
pages/login/login.vue
View File

@ -8,7 +8,7 @@
<view style="width: 30rpx;"> <view style="width: 30rpx;">
<image style="width: 30rpx;height: 28rpx;" src="/static/public/icon-people.png" mode=""></image> <image style="width: 30rpx;height: 28rpx;" src="/static/public/icon-people.png" mode=""></image>
</view> </view>
<input type="number" @blur="inputBlurEv(0)" @focus="inputFocusEv(0)" @input="inputFocusEv(0)" v-model="login_phone" maxlength="11" placeholder="请输入手机号" placeholder-class="col9" /> <input class="width100" type="number" @blur="inputBlurEv(0)" @focus="inputFocusEv(0)" @input="inputFocusEv(0)" v-model="login_phone" maxlength="11" placeholder="请输入手机号" placeholder-class="col9" />
<!-- 清除按钮 --> <!-- 清除按钮 -->
<view class="clear-box" v-show="ifPhone" @tap="clearInput(0)" style="right: 20rpx;"><view class="clear-close"><span></span><span></span></view></view> <view class="clear-box" v-show="ifPhone" @tap="clearInput(0)" style="right: 20rpx;"><view class="clear-close"><span></span><span></span></view></view>
</view> </view>
@ -17,7 +17,7 @@
<view style="width: 30rpx;"> <view style="width: 30rpx;">
<image style="width: 22rpx;height: 26rpx;" src="/static/public/icon-password.png" mode=""></image> <image style="width: 22rpx;height: 26rpx;" src="/static/public/icon-password.png" mode=""></image>
</view> </view>
<input type="number" v-model="login_code" maxlength="6" @blur="inputBlurEv(1)" @focus="inputFocusEv(1)" @input="inputFocusEv(1)" placeholder="请输入验证码" placeholder-class="col9" /> <input class="width100" type="number" v-model="login_code" maxlength="6" @blur="inputBlurEv(1)" @focus="inputFocusEv(1)" @input="inputFocusEv(1)" placeholder="请输入验证码" placeholder-class="col9" />
<view class="login-code-btn" @tap="getCode">{{codeText}}</view> <view class="login-code-btn" @tap="getCode">{{codeText}}</view>
<!-- 清除按钮 --> <!-- 清除按钮 -->
<view class="clear-box" v-show="ifCode" @tap="clearInput(1)" style="right: 260rpx;"><view class="clear-close"><span></span><span></span></view></view> <view class="clear-box" v-show="ifCode" @tap="clearInput(1)" style="right: 260rpx;"><view class="clear-close"><span></span><span></span></view></view>
@ -27,7 +27,7 @@
<view style="width: 30rpx;"> <view style="width: 30rpx;">
<image style="width: 22rpx;height: 26rpx;" src="/static/public/icon-password.png" mode=""></image> <image style="width: 22rpx;height: 26rpx;" src="/static/public/icon-password.png" mode=""></image>
</view> </view>
<input type="text" password v-model="login_password" @blur="inputBlurEv(3)" @focus="inputFocusEv(3)" @input="inputFocusEv(3)" placeholder="请输入密码" placeholder-class="col9" /> <input class="width100" type="text" password v-model="login_password" @blur="inputBlurEv(3)" @focus="inputFocusEv(3)" @input="inputFocusEv(3)" placeholder="请输入密码" placeholder-class="col9" />
<view class="clear-box" v-show="ifPassword" @tap="clearInput(3)" style="right: 20rpx;"><view class="clear-close"><span></span><span></span></view></view> <view class="clear-box" v-show="ifPassword" @tap="clearInput(3)" style="right: 20rpx;"><view class="clear-close"><span></span><span></span></view></view>
</view> </view>
<!-- 单位名称 --> <!-- 单位名称 -->
@ -35,7 +35,7 @@
<view style="width: 30rpx;"> <view style="width: 30rpx;">
<image style="width: 26rpx;height: 26rpx;" src="/static/public/icon-unit.png" mode=""></image> <image style="width: 26rpx;height: 26rpx;" src="/static/public/icon-unit.png" mode=""></image>
</view> </view>
<input type="text" v-model="login_unitName" @blur="inputBlurEv(2)" @focus="inputFocusEv(2)" @input="inputFocusEv(2)" placeholder="请输入单位名称" placeholder-class="col9" /> <input class="width100" type="text" v-model="login_unitName" @blur="inputBlurEv(2)" @focus="inputFocusEv(2)" @input="inputFocusEv(2)" placeholder="请输入单位名称" placeholder-class="col9" />
<!-- 清除按钮 --> <!-- 清除按钮 -->
<view class="clear-box" v-show="ifunitName" @tap="clearInput(2)" style="right: 20rpx;"><view class="clear-close"><span></span><span></span></view></view> <view class="clear-box" v-show="ifunitName" @tap="clearInput(2)" style="right: 20rpx;"><view class="clear-close"><span></span><span></span></view></view>
</view> </view>
@ -96,6 +96,7 @@
this.$toolAll.tools.showToast('登录成功'); this.$toolAll.tools.showToast('登录成功');
// 缓存token和角色类型 // 缓存token和角色类型
uni.setStorageSync('token',res.data.token); uni.setStorageSync('token',res.data.token);
// 角色(1：业务员、2：客户、3：客服、4：工程师)
uni.setStorageSync('type_id',res.data.type_id); uni.setStorageSync('type_id',res.data.type_id);
setTimeout(()=>{ setTimeout(()=>{
uni.reLaunch({ uni.reLaunch({

566
pages/project/projectList.vue
View File

@ -1,353 +1,289 @@
<template> <template>
<view class="content"> <view class="content" :style="{paddingTop: statusHeight + 'px'}">
<statusNav navBarTitle="项目列表"></statusNav> <statusNav navBarTitle="项目列表" :ifReturn="false"></statusNav>
<view class="project-list-input"> <view class="project-list-input">
<input type="text" class="int" value="" placeholder="请输入关键字" /> <input type="text" class="int" value="" placeholder="请输入关键字" />
<image class="search" src="../../static/iocn/ss.png" mode=""></image> <image class="search" src="../../static/iocn/ss.png" mode="aspectFill" lazy-load></image>
</view> </view>
<view class="screen bbot mar-sx20">
<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/项目图片.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.94ｍ*2.02ｍ</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 iconBer">质保到期</view>
</view>
<!-- <view class="li">
<view class="message">
<image class="img" src="../../static/del/项目图片.png" mode="aspectFill" lazy-load></image>
<view class="text">
<view class="title">湖南工业大学化工学院会议室P2.5全彩LED显示屏</view>
<view class="serial-number">项目编号：20220108-1001</view>
<view class="specification">规格型号：DS-CK25FI/H</view>
<view class="specification">产品尺寸：3.94ｍ*2.02ｍ</view>
<view class="installation-site">安装位置：xxx综合楼2楼会议室</view>
</view>
</view>
<view class="project-list-address">
<view class="address">
<image class="img" src="../../static/iocn/im.png" mode="aspectFill" lazy-load></image>
<view class="text">湖南省长沙市高新开发区谷园路109号像素大厦1205</view>
</view>
<view class="date">2022/01/08</view>
</view>
<view class="icon iconBera">质保中</view>
</view> -->
</view>
<footTabOne :current="1"></footTabOne>
<view class="screen"> </view>
<picker @change="bindPickerChange" :value="index" :range="array">
<view class="li">
<view class="text">
产品类型
</view>
<image class="img" src="../../static/iocn/xla.png" mode="aspectFill"></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"></image>
</view>
</picker>
<view class="li">
<view class="text">
筛选
</view>
<image class="imgA" src="../../static/iocn/sx.png" mode="aspectFill"></image>
</view>
</view>
<view class="project-list">
<view class="li" @click="projectDetailsFun()">
<view class="message">
<image class="img" src="../../static/del/项目图片.png" mode="aspectFill"></image>
<view class="text">
<view class="title">
湖南工业大学化工学院会议室P2.5全彩LED显示屏
</view>
<view class="serial-number">
项目编号：20220108-1001
</view>
<view class="specification">
规格型号：DS-CK25FI/H
</view>
<view class="specification">
产品尺寸：3.94ｍ*2.02ｍ
</view>
<view class="installation-site">
安装位置：xxx综合楼2楼会议室
</view>
</view>
</view>
<view class="project-list-address">
<view class="address">
<image class="img" src="../../static/iocn/im.png" mode="aspectFill"></image>
<view class="text">
湖南省长沙市高新开发区谷园路109号像素大厦1205
</view>
</view>
<view class="date">
2022/01/08
</view>
</view>
<view class="icon iconBer">
质保到期
</view>
</view>
<view class="li">
<view class="message">
<image class="img" src="../../static/del/项目图片.png" mode="aspectFill"></image>
<view class="text">
<view class="title">
湖南工业大学化工学院会议室P2.5全彩LED显示屏
</view>
<view class="serial-number">
项目编号：20220108-1001
</view>
<view class="specification">
规格型号：DS-CK25FI/H
</view>
<view class="specification">
产品尺寸：3.94ｍ*2.02ｍ
</view>
<view class="installation-site">
安装位置：xxx综合楼2楼会议室
</view>
</view>
</view>
<view class="project-list-address">
<view class="address">
<image class="img" src="../../static/iocn/im.png" mode="aspectFill"></image>
<view class="text">
湖南省长沙市高新开发区谷园路109号像素大厦1205
</view>
</view>
<view class="date">
2022/01/08
</view>
</view>
<view class="icon iconBera">
质保中
</view>
</view>
</view>
<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"
export default { export default {
components:{ components: {
footTabOne, footTabOne,
statusNav statusNav
}, },
data() { data() {
const currentDate = this.getDate({ const currentDate = this.getDate({
format: true format: true
}) })
return { return {
date: currentDate, date: currentDate,
array: ['类型', '类型', '类型', '类型'], array: ['类型', '类型', '类型', '类型'],
index: 0, index: 0,
} statusHeight: uni.getSystemInfoSync().statusBarHeight + 40
}, }
methods: { },
projectDetailsFun(){ methods: {
uni.navigateTo({ projectDetailsFun() {
url:"/pages/project/details" uni.navigateTo({
}) url: "/pages/project/details"
}, })
bindPickerChange(data){ },
console.log(data) bindPickerChange(data) {
}, console.log(data)
bindDateChange(date){ },
console.log(date) bindDateChange(date) {
}, console.log(date)
getDate(type) { },
const date = new Date(); getDate(type) {
let year = date.getFullYear(); const date = new Date();
let month = date.getMonth() + 1; let year = date.getFullYear();
let day = date.getDate(); let month = date.getMonth() + 1;
let day = date.getDate();
if (type === 'start') { if (type === 'start') {
year = year - 60; year = year - 60;
} else if (type === 'end') { } else if (type === 'end') {
year = year + 2; year = year + 2;
} }
month = month > 9 ? month : '0' + month; month = month > 9 ? month : '0' + month;
day = day > 9 ? day : '0' + day; day = day > 9 ? day : '0' + day;
console.log(year,month,day) console.log(year, month, day)
return `${year}-${month}-${day}`; return `${year}-${month}-${day}`;
} }
} }
} }
</script> </script>
<style scoped> <style scoped>
page { page {
background-color: #F7F7F7; background-color: #F7F7F7;
} }
.content{
padding-top: 76rpx;
}
.project-list-input {
width: 100%;
height: 114rpx;
position: relative;
padding: 20rpx 16rpx;
box-sizing: border-box;
background-color: #FFFFFF
}
.project-list-input .int { .content {
width: 100%; /* padding-top: 76rpx; */
height: 100%; padding-bottom: 160rpx;
background-color: #F7F7F7; }
padding: 0 25rpx;
box-sizing: border-box;
border-radius: 36rpx;
}
.project-list-input .search { .project-list-input {
width: 28rpx; width: 100%;
height: 28rpx; height: 114rpx;
position: absolute; position: relative;
right: 43rpx; padding: 20rpx 16rpx;
top: 50%; box-sizing: border-box;
margin-top: -14rpx; background-color: #FFFFFF
} }
.screen { .project-list-input .int {
display: flex; width: 100%;
justify-content: space-around; height: 100%;
padding: 46rpx 20rpx; background-color: #F7F7F7;
} padding: 0 25rpx;
box-sizing: border-box;
border-radius: 36rpx;
}
.screen .li { .project-list-input .search {
display: flex; width: 28rpx;
align-items: center; height: 28rpx;
position: absolute;
right: 43rpx;
top: 50%;
margin-top: -14rpx;
}
} .screen {
display: flex;
justify-content: space-around;
padding: 26rpx 20rpx;
border-top: 1rpx solid #EEEEEE;
}
.screen .li .text { .screen .li {
font-size: 32rpx; display: flex;
color: #333333; align-items: center;
margin-right: 10rpx;
}
.screen .li .img { }
width: 14rpx;
height: 8rpx;
}
.screen .li .imgA { .screen .li .text {
width: 24rpx; font-size: 26rpx;
height: 23rpx; color: #333333;
} margin-right: 10rpx;
}
.project-list .li { .screen .li .img {
width: 710rpx; width: 14rpx;
box-sizing: border-box; height: 8rpx;
background-color: #FFFFFF; }
position: relative;
margin: auto; .screen .li .imgA {
margin-bottom: 20rpx; width: 24rpx;
padding: 33rpx 23rpx; height: 23rpx;
} }
.project-list .li .icon { .project-list .li {
width: 135rpx; box-sizing: border-box;
height: 40rpx; background-color: #FFFFFF;
position: absolute; position: relative;
font-size: 24rpx; margin: 0 20rpx;
color: #FFFFFF; border-radius: 10rpx;
right: 23rpx; margin-bottom: 20rpx;
line-height: 40rpx; padding: 40rpx 20rpx 20rpx 20rpx;
text-align: center; }
background-size: 100% 100%;
top: -10rpx;
.project-list .li .icon {
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 .iconBer {
background-image: url(../../static/iocn/za.png);
}
.project-list .li .iconBer { .project-list .li .iconBera {
background-image: url(../../static/iocn/za.png); background-image: url(../../static/iocn/zaa.png);
} }
.project-list .li .iconBera { .project-list .li .message {
background-image: url(../../static/iocn/zaa.png); display: flex;
}
.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 .text { .project-list .li .message .specification {
flex: 1; color: #00b1ff;
} font-size: 22rpx;
/* margin-bottom: 15rpx; */
}
.project-list .li .message .text .title { .project-list .li .message .installation-site {
display: -webkit-box; color: #6b6a6a;
-webkit-box-orient: vertical; font-size: 22rpx;
-webkit-line-clamp: 1; /* margin-bottom: 15rpx; */
overflow: hidden; }
text-overflow: ellipsis;
word-wrap: break-word;
word-break: break-all;
margin-bottom: 15rpx;
font-size: 28rpx;
line-height: 29rpx;
color: #333333;
font-weight: bold;
}
.project-list .li .message .serial-number { .project-list-address {
color: #ff8800; display: flex;
font-size: 24rpx; /* justify-content: space-between; */
margin-bottom: 15rpx; }
line-height: 24rpx;
}
.project-list .li .message .specification { .project-list-address .text {
color: #00b1ff; font-size: 22rpx;
font-size: 24rpx; }
margin-bottom: 15rpx;
line-height: 24rpx;
}
.project-list .li .message .installation-site { .project-list-address .date {
color: #6b6a6a; font-size: 22rpx;
font-size: 24rpx; text-align: right;
margin-bottom: 15rpx; /* margin-left: 20rpx; */
line-height: 24rpx; }
}
.project-list-address { .project-list-address .img {
display: flex; width: 23rpx;
/* justify-content: space-between; */ height: 28rpx;
} margin-right: 10rpx;
}
.project-list-address .text { .project-list-address .address {
font-size: 24rpx; display: flex;
} align-items: center;
.project-list-address .date { }
font-size: 24rpx;
text-align: right;
margin-left: 20rpx;
margin-top: 12rpx;
}
.project-list-address .img { .pickerDate {
width: 23rpx; width: 300rpx;
height: 28rpx; height: 300rpx;
margin-right: 10rpx; }
}
.project-list-address .address {
display: flex;
align-items: center;
}
.pickerDate {
width: 300rpx;
height: 300rpx;
}
</style> </style>

76
pages/tabbar/pagehome/pagehome.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<view class="pad-x160"> <view class="pad-x160">
<status-nav-slot> <status-nav-slot>
<view slot="leftContent" style="width: 70px;"> <view slot="leftContent" @tap="goMessage" style="width: 70px;">
<view class="home-message-box posir disac"> <view class="home-message-box posir disac">
<image src="/static/public/icon-home-message.png" mode=""></image> <image src="/static/public/icon-home-message.png" mode=""></image>
<view v-if="messageNumber!=0">{{messageNumber}}</view> <view v-if="messageNumber!=0">{{messageNumber}}</view>
@ -10,7 +10,7 @@
<view slot="centerContent" class="disjcac"> <view slot="centerContent" class="disjcac">
<image style="width: 156rpx;height: 38rpx;" src="/static/public/icom-home-logo.png" mode="widthFix"></image> <image style="width: 156rpx;height: 38rpx;" src="/static/public/icom-home-logo.png" mode="widthFix"></image>
</view> </view>
<view slot="rightContent" class="disac"> <view slot="rightContent" class="disac" @tap="callEv">
<image class="mar-y10" style="width: 26rpx;height: 26rpx;" src="/static/public/icon-home-phone.png" mode=""></image> <image class="mar-y10" style="width: 26rpx;height: 26rpx;" src="/static/public/icon-home-phone.png" mode=""></image>
<view class="fon26 col3">拨打电话</view> <view class="fon26 col3">拨打电话</view>
</view> </view>
@ -41,7 +41,7 @@
</view> </view>
</view> </view>
<!-- 客户可见 --> <!-- 客户可见 -->
<view v-if="role==0 || role==3"> <view v-if="role==2 || role==1">
<!-- 故障报修 --> <!-- 故障报修 -->
<view class="home-fun-box"> <view class="home-fun-box">
<view class="fun-title col3 fon28 disac bold">故障报修</view> <view class="fun-title col3 fon28 disac bold">故障报修</view>
@ -53,10 +53,10 @@
</view> </view>
</view> </view>
<!-- 数据查询 --> <!-- 数据查询 -->
<view class="home-fun-box" v-if="role==3"> <view class="home-fun-box" v-if="role==1">
<view class="fun-title col3 fon28 disac bold">数据查询</view> <view class="fun-title col3 fon28 disac bold">数据查询</view>
<view class="disac mar-s30"> <view class="disac mar-s30">
<view class="disjcac fc width25" v-for="(item,index) in dataQueryList" :key="index"> <view @tap="dataQueryEv(index)" class="disjcac fc width25" v-for="(item,index) in dataQueryList" :key="index">
<view class="posir"> <view class="posir">
<image :style="{width: [58,58,58][index]+'rpx',height:[46,56,50][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image> <image :style="{width: [58,58,58][index]+'rpx',height:[46,56,50][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image>
<view class="engineer-num" v-if="item.num!=0">{{item.num}}</view> <view class="engineer-num" v-if="item.num!=0">{{item.num}}</view>
@ -77,9 +77,9 @@
</view> </view>
</view> </view>
<!-- 工程师可见 --> <!-- 工程师可见 -->
<view v-if="role==1 || role==2"> <view v-if="role==4 || role==3">
<!-- 项目维修 --> <!-- 项目维修 -->
<view class="home-fun-box" v-if="role==1"> <view class="home-fun-box" v-if="role==4">
<view class="fun-title col3 fon28 disac bold">项目维修</view> <view class="fun-title col3 fon28 disac bold">项目维修</view>
<view class="disac mar-s30"> <view class="disac mar-s30">
<view class="disjcac fc width25" v-for="(item,index) in projectRepairList" :key="index"> <view class="disjcac fc width25" v-for="(item,index) in projectRepairList" :key="index">
@ -91,7 +91,7 @@
</view> </view>
</view> </view>
</view> </view>
<view v-if="role==2"> <view v-if="role==3">
<!-- 待办工单 --> <!-- 待办工单 -->
<view class="home-fun-box"> <view class="home-fun-box">
<view class="fun-title col3 fon28 disac bold">待办工单</view> <view class="fun-title col3 fon28 disac bold">待办工单</view>
@ -133,10 +133,10 @@
</view> </view>
</view> </view>
<!-- 数据查询 --> <!-- 数据查询 -->
<view class="home-fun-box" v-if="role==2"> <view class="home-fun-box" v-if="role==3">
<view class="fun-title col3 fon28 disac bold">数据查询</view> <view class="fun-title col3 fon28 disac bold">数据查询</view>
<view class="disac mar-s30"> <view class="disac mar-s30">
<view class="disjcac fc width25" v-for="(item,index) in dataQueryList" :key="index"> <view @tap="dataQueryEv(index)" class="disjcac fc width25" v-for="(item,index) in dataQueryList" :key="index">
<view class="posir"> <view class="posir">
<image :style="{width: [58,58,58][index]+'rpx',height:[46,56,50][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image> <image :style="{width: [58,58,58][index]+'rpx',height:[46,56,50][index] + 'rpx'}" style="width: 58rpx;height: 53rpx;" :src="item.imgsrc" mode="widthFix"></image>
<view class="engineer-num" v-if="item.num!=0">{{item.num}}</view> <view class="engineer-num" v-if="item.num!=0">{{item.num}}</view>
@ -146,7 +146,7 @@
</view> </view>
</view> </view>
<!-- 结算情况 --> <!-- 结算情况 -->
<view class="home-fun-box" v-if="role==1"> <view class="home-fun-box" v-if="role==4">
<view class="fun-title col3 fon28 disac bold">结算情况</view> <view class="fun-title col3 fon28 disac bold">结算情况</view>
<view class="disac mar-s30"> <view class="disac mar-s30">
<view class="disjcac fc width25" v-for="(item,index) in settlementList" :key="index"> <view class="disjcac fc width25" v-for="(item,index) in settlementList" :key="index">
@ -181,9 +181,9 @@
</view> </view>
<view class="mar-s30"> <view class="mar-s30">
<scroll-view scroll-x> <scroll-view scroll-x>
<view :class="solutionList.length <= 4 ? 'disjbac' : 'disac'"> <view :class="solutionList.length == 4 ? 'disjbac' : 'disac'">
<view @tap="goDetail(0)" class="posir flexs" v-for="(item,index) in solutionList" :key="index" style="width: 23%;" :style="{marginRight: solutionList.length > 4 ? '20rpx' : ''}"> <view @tap="goDetail(0)" class="posir flexs" v-for="(item,index) in solutionList" :key="index" style="width: 23%;height: 214rpx;" :style="{marginRight: solutionList.length != 4 ? '20rpx' : ''}">
<image style="width: 100%;" class="radius10 " :src="item.imgsrc" mode="widthFix"></image> <image style="width: 100%;height: 214rpx;" class="radius10 " :src="item.imgsrc" mode="widthFix"></image>
<view class="posia solution-title clips1">{{item.title}}</view> <view class="posia solution-title clips1">{{item.title}}</view>
</view> </view>
</view> </view>
@ -224,7 +224,7 @@
}, },
data() { data() {
return { return {
role: 0, // 0:表示客户 1：表示工程师 2:表示客服 3：业务员 role: 3, // 1：业务员 2:表示客户 3:表示客服 4：表示工程师
statusHeight: uni.getSystemInfoSync().statusBarHeight + 50, statusHeight: uni.getSystemInfoSync().statusBarHeight + 50,
messageNumber: 16 ,// 消息数量 messageNumber: 16 ,// 消息数量
noticeList:['2021年11月06日公司团建，维修服务暂停一天服务暂停一天服务暂停一天。','51akslfj;dkpiojasdjf;j1ij'],//公告 noticeList:['2021年11月06日公司团建，维修服务暂停一天服务暂停一天服务暂停一天。','51akslfj;dkpiojasdjf;j1ij'],//公告
@ -318,11 +318,45 @@
onLoad(options) { onLoad(options) {
// 获取当前页面url // 获取当前页面url
this.$toolAll.tools.obtainUrl(); this.$toolAll.tools.obtainUrl();
// 调用解决方案类型事件
this.getPlanType();
// 调用增值服务类型
// this.getIncrementServiceType();
}, },
methods: { methods: {
goNoticeDetail(e){ goNoticeDetail(e){
console.log(e); console.log(e);
}, },
// 查询增值服务类型
getIncrementServiceType(){
this.$requst.post('/universal/api.vas/vas_type').then(res=>{
if(res.code) {
}
})
},
// 数据查询事件
dataQueryEv(index){
uni.navigateTo({
url:`/pages/dataQuery/queryFunction?index=${index}`
})
},
// 查询解决方案类型
getPlanType(){
this.$requst.post('/universal/api.solution/solution_type').then(res=>{
if(res.code) {
res.data.forEach(item=>{
let obj = {
id:item.id,
title:item.name,
imgsrc: uni.getStorageSync('hostapi') + '/' + item.cover_img,
}
this.solutionList.push(obj);
})
console.log(this.solutionList,340);
}
})
},
// 故障报修分类下的点击事件 // 故障报修分类下的点击事件
goFaultRepair(index){ goFaultRepair(index){
if(index!=2) { if(index!=2) {
@ -360,6 +394,18 @@
url:`/pagesB/plan-fault-product-detail/detail?index=${index}` url:`/pagesB/plan-fault-product-detail/detail?index=${index}`
}) })
}, },
// 前往消息列表页面
goMessage(){
uni.navigateTo({
url:`/pagesB/message-center/message-center`
})
},
// 拨打电话事件
callEv(){
uni.makePhoneCall({
phoneNumber: '15616330510'
})
}
} }
} }
</script> </script>

46
pagesB/message-center/message-center.vue Normal file
View File

@ -0,0 +1,46 @@
<template>
<view>
<status-nav navBarTitle="消息中心" returnColor="#c2c2c2"></status-nav>
<container-subgroup>
<view slot="content">
<view class="bacf mar-x10" v-for="(item,index) in 10" :key="index">
<view class="pad-sx30 pad-zy20 disjbac">
<view class="fon30 message-circle disac" :class="['activity-message','audit-failed','system-notification'][index]">活动消息</view>
<view class="fon26 col9">2020.06.17 18:30</view>
</view>
<view class="bbot"></view>
<view class="fon27 line-h46 pad-zy20 pad-sx30" style="color: #737373;">恭喜您成为第99位会员，我们将赠送您一张优惠 券，您可以享受8折优惠购买....</view>
</view>
</view>
</container-subgroup>
</view>
</template>
<script>
import rate from '@/components/rate.vue';
export default {
components:{
rate
},
data() {
return {
}
},
onLoad() {
this.getMessageList();
},
methods: {
// 查询消息列表
getMessageList(){
this.$requst.post('/universal/api.message/message_list').then(res=>{
})
}
}
}
</script>
<style>
</style>

104
pagesB/personal-information/personal-information.vue
View File

@ -5,15 +5,19 @@
<view slot="content" style="margin: 0 -30rpx;"> <view slot="content" style="margin: 0 -30rpx;">
<view class="fon28"> <view class="fon28">
<view class="bacf pad-sx30 pad-zy40 disac bbot"> <view class="bacf pad-sx30 pad-zy40 disac bbot">
<view class="bold width30">我的昵称</view> <view class="bold width30 flexs">我的昵称</view>
<view style="color: #8b8b8b;">156****0510</view> <view class="width100" style="color: #8b8b8b;">
<input type="text" v-model="nickname" placeholder="请输入昵称" placeholder-style="font-size:28rpx;color:#8b8b8b;" />
</view>
</view> </view>
<view class="bacf pad-sx30 pad-zy40 disac bbot"> <view class="bacf pad-sx30 pad-zy40 disac bbot">
<view class="bold width30">姓名</view> <view class="bold width30 flexs">姓名</view>
<view style="color: #8b8b8b;">156****0510</view> <view class="width100" style="color: #8b8b8b;">
<input type="text" v-model="full_name" placeholder="请输入姓名" placeholder-style="font-size:28rpx;color:#8b8b8b;" />
</view>
</view> </view>
<view class="bacf pad-sx30 pad-zy40 disac bbot"> <view class="bacf pad-sx30 pad-zy40 disac bbot">
<view class="bold width30">性别</view> <view class="bold width30 flexs">性别</view>
<view class="disac"> <view class="disac">
<view @tap="chooseGender(1)" class="disac gender-box" :class="genderNum==1 ? 'gender-active' : ''"> <view @tap="chooseGender(1)" class="disac gender-box" :class="genderNum==1 ? 'gender-active' : ''">
<view></view> <view></view>
@ -26,43 +30,49 @@
</view> </view>
</view> </view>
<view class="bacf pad-sx30 pad-zy40 disac bbot"> <view class="bacf pad-sx30 pad-zy40 disac bbot">
<view class="bold width30">联系电话</view> <view class="bold width30 flexs">联系电话</view>
<view style="color: #8b8b8b;">15616330510</view> <view class="width100" style="color: #8b8b8b;">
<input type="number" v-model="contact_number" placeholder="请输入联系电话" placeholder-style="font-size:28rpx;color:#8b8b8b;" />
</view>
</view> </view>
<view class="bacf pad-sx30 pad-zy40 disac bbot"> <view class="bacf pad-sx30 pad-zy40 disac bbot">
<view class="bold width30">电子邮箱</view> <view class="bold width30 flexs">电子邮箱</view>
<view style="color: #8b8b8b;">7607640@qq.com</view> <view class="width100" style="color: #8b8b8b;">
<input type="text" v-model="e_mail" placeholder="请输入电子邮箱" placeholder-style="font-size:28rpx;color:#8b8b8b;" />
</view>
</view> </view>
<view class="bacf pad-sx30 pad-zy40 disac bbot mar-s10"> <view class="bacf pad-sx30 pad-zy40 disac bbot mar-s10">
<view class="bold width30">身份证号码</view> <view class="bold width30 flexs">身份证号码</view>
<view style="color: #8b8b8b;">430225199708210800</view> <view class="width100" style="color: #8b8b8b;">
<input type="text" v-model="id_card_no" placeholder="请输入身份证号码" placeholder-style="font-size:28rpx;color:#8b8b8b;" />
</view>
</view> </view>
<view class="bacf pad-sx30 pad-zy40 disac bbot"> <view class="bacf pad-sx30 pad-zy40 disac bbot">
<view class="bold width30 flexs">身份证正反面</view> <view class="bold width30 flexs">身份证正反面</view>
<view style="color: #f26803;" class="width100 disjbac"> <view style="color: #f26803;" class="width100 disjbac">
<text>查看</text> <text @tap="previewImageEv(0)">查看</text>
<image src="/static/public/icon-personInfo-upload.png" mode="widthFix" lazy-load style="width: 128rpx;height: 50rpx;"></image> <image @tap="uploadImgEv(0)" src="/static/public/icon-personInfo-upload.png" mode="widthFix" lazy-load style="width: 128rpx;height: 50rpx;"></image>
</view> </view>
</view> </view>
<view class="bacf pad-sx30 pad-zy40 disac bbot"> <view class="bacf pad-sx30 pad-zy40 disac bbot">
<view class="bold width30 flexs">意外险材料</view> <view class="bold width30 flexs">意外险材料</view>
<view style="color: #f26803;" class="width100 disjbac"> <view style="color: #f26803;" class="width100 disjbac">
<text>查看</text> <text @tap="previewImageEv(1)">查看</text>
<image src="/static/public/icon-personInfo-upload.png" mode="widthFix" lazy-load style="width: 128rpx;height: 50rpx;"></image> <image @tap="uploadImgEv(1)" src="/static/public/icon-personInfo-upload.png" mode="widthFix" lazy-load style="width: 128rpx;height: 50rpx;"></image>
</view> </view>
</view> </view>
<view class="bacf pad-sx30 pad-zy40 disac bbot"> <view class="bacf pad-sx30 pad-zy40 disac bbot">
<view class="bold flexs mar-y40">签署工程师合作协议</view> <view class="bold flexs mar-y40">签署工程师合作协议</view>
<view style="color: #f26803;" class="width100 disjbac"> <view style="color: #f26803;" class="width100 disjbac">
<text>查看</text> <text @tap="previewImageEv(2)">查看</text>
<image src="/static/public/icon-personInfo-upload.png" mode="widthFix" lazy-load style="width: 128rpx;height: 50rpx;"></image> <image @tap="uploadImgEv(2)" src="/static/public/icon-personInfo-upload.png" mode="widthFix" lazy-load style="width: 128rpx;height: 50rpx;"></image>
</view> </view>
</view> </view>
<view class="bacf pad-sx30 pad-zy40 disac bbot"> <view class="bacf pad-sx30 pad-zy40 disac bbot">
<view class="bold width30 flexs">技能证书</view> <view class="bold width30 flexs">技能证书</view>
<view style="color: #f26803;" class="width100 disjbac"> <view style="color: #f26803;" class="width100 disjbac">
<text>查看</text> <text @tap="previewImageEv(3)">查看</text>
<image src="/static/public/icon-personInfo-upload.png" mode="widthFix" lazy-load style="width: 128rpx;height: 50rpx;"></image> <image @tap="uploadImgEv(3)" src="/static/public/icon-personInfo-upload.png" mode="widthFix" lazy-load style="width: 128rpx;height: 50rpx;"></image>
</view> </view>
</view> </view>
</view> </view>
@ -74,19 +84,73 @@
<script> <script>
import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue'; import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
import { uploadImg } from '@/jsFile/public-api.js';
export default { export default {
components:{ components:{
containerSubgroupTwo containerSubgroupTwo
}, },
data() { data() {
return { return {
genderNum:1 // 1：男 2：女 nickname:'', // 我的昵称
full_name:'', // 姓名
genderNum:1 ,// 1：男 2：女
contact_number:'', // 联系电话
e_mail:'', // 电子邮箱
id_card_no:'', // 身份证号码
imgList:[],
} }
}, },
methods: { methods: {
// 性别切换 // 性别切换
chooseGender(index){ chooseGender(index){
this.genderNum = index; this.genderNum = index;
},
// 图片上传
uploadImgEv(index){
uni.chooseImage({
count:1,
sourceType:['album'],
success: (res) => {
let tempImg = res.tempFilePaths;
this.imgList[index] = tempImg[0];
let params = {
token: uni.getStorageSync('token'),
dir: 'images',
from:tempImg[0]
}
console.log(params,104);
// uploadImg(params).then(res=>{
// console.log(res);
// })
// this.$requst.upload('file/upload/image',{file:tempImg[i]}).then(res=>{
// if(this.imgArr.length!=9){
// this.imgArr.push(this.$http + res.data.src);
// }
// if(num==tempImg.length){
// this.$toolAll.tools.showToast('上传成功(*^▽^*)')
// } else {
// this.$toolAll.tools.showToast('上传中...')
// }
// },error=>{})
}
})
},
// 预览图片
previewImageEv(current){
let arr = [];
// 不能滑动看其他的图片
this.imgList.forEach((item,index)=>{
if(current==index) arr.push(item);
})
if(arr.length) {
uni.previewImage({
current:current,
urls: arr,
success() {}
})
} else {
this.$toolAll.tools.showToast('无内容...')
}
} }
} }
} }

36
pagesB/plan-fault-product-detail/detail.vue
View File

@ -4,11 +4,15 @@
<container-subgroup> <container-subgroup>
<view slot="content" style="margin: 0 -30rpx;" class="fon28"> <view slot="content" style="margin: 0 -30rpx;" class="fon28">
<view class="bacf pad-zy30 pad-sx20" style="margin-top: -10rpx;"> <view class="bacf pad-zy30 pad-sx20" style="margin-top: -10rpx;">
<view class="fon38 col0 tcenter">智能会议平板交互电子白板会议一体机 视频会议多媒体教学培训</view> <!-- 标题 -->
<view class="col6 fon28 tcenter mar-sx20">2022-01-05 12:59</view> <view class="fon38 col0 tcenter">{{dataObj.title}}</view>
<!-- 时间 -->
<view class="col6 fon28 tcenter mar-sx20">{{dataObj.create_time}}</view>
<view class="fon30 line-h60"> <view class="fon30 line-h60">
<image src="/static/del/QQ截图20220210213041.png" mode="widthFix" style="width: 100%;"></image> <!-- 封面图 -->
<view class="tindent">霜降，是二十四节气中的第十八个节气，秋季的最后一个节气。斗指戌；太阳黄经为210°；于每年公历10月23—24日交</view> <image :src="dataObj.cover_img" mode="widthFix" style="width: 100%;"></image>
<!-- 详情 -->
<rich-text :nodes="rich_text"></rich-text>
</view> </view>
</view> </view>
</view> </view>
@ -20,11 +24,16 @@
export default { export default {
data() { data() {
return { return {
detailTitle:'' detailTitle:'',
current:0,
dataObj:{},
rich_text:''//富文本
} }
}, },
onLoad(op) { onLoad(op) {
this.detailTitle = `${['方案详情','详情概述','产品详情'][op.index*1]}`; this.detailTitle = `${['方案详情','详情概述','产品详情'][op.index*1]}`;
this.current = op.index*1;
this.getDetail(op.id);
}, },
methods: { methods: {
// 去新产品详情 // 去新产品详情
@ -32,6 +41,23 @@
uni.navigateTo({ uni.navigateTo({
url:'/pagesB/product-detail/product-detail' url:'/pagesB/product-detail/product-detail'
}) })
},
// 查看详情
getDetail(id){
let urls = [
'/universal/api.solution/solution_info',
'/universal/api.question/question_info',
]
this.$requst.get(urls[this.current],{id}).then(res=>{
if(res.code==1) {
this.dataObj = res.data;
// 日期转换
this.dataObj.create_time = this.$toolAll.tools.timestampToTime(this.dataObj.create_time);
// 封面图
this.dataObj.cover_img = uni.getStorageSync('hostapi') + '/' + this.dataObj.cover_img,
this.rich_text = this.$toolAll.tools.escape2Html(this.dataObj.content);
}
})
} }
} }
} }

59
pagesB/plan-fault/plan-fault.vue
View File

@ -3,19 +3,19 @@
<status-nav :navBarTitle="ifPlanFault" returnColor="#c2c2c2"></status-nav> <status-nav :navBarTitle="ifPlanFault" returnColor="#c2c2c2"></status-nav>
<container-subgroup> <container-subgroup>
<view slot="content" style="margin: 0 -16rpx;" class="fon28"> <view slot="content" style="margin: 0 -16rpx;" class="fon28">
<view @tap="goDetail(index)" class="bacf radius10 pad-s30 mar-x10 pad-x10" v-for="(item,index) in 20" :key="index"> <view @tap="goDetail(item.id)" class="bacf radius10 pad-s30 mar-x10 pad-x10" v-for="(item,index) in dataList" :key="index">
<view class=" pad-zy10 disjbac"> <view class=" pad-zy10 disjbac">
<image src="/static/del/QQ截图20220210213041.png" mode="aspectFill" lazy-load class="flexs mar-y20" style="width: 240rpx;height: 174rpx;border-radius: 6rpx;"></image> <image :src="item.cover_img" mode="aspectFill" lazy-load class="flexs mar-y20" style="width: 240rpx;height: 174rpx;border-radius: 6rpx;"></image>
<view style="height: 174rpx;" class="width100 disjb fc fon24 posir"> <view style="height: 174rpx;" class="width100 disjb fc fon24 posir">
<view> <view>
<view class="clips1 fon28 bold col0 pad-y50">小型会议室解决方案小</view> <view class="clips1 fon28 bold col0 pad-y50">{{item.title}}</view>
<view class="col9 clips2 line-h40">课程的内容课程的内容课程的内容课程的内容课程的内容课程的内容课程的内容课程....</view> <view class="col9 clips2 line-h40">{{item.summary}}</view>
</view> </view>
<view class="disjbac col9"> <view class="disjbac col9">
<view class="disac"> <view class="disac">
热度：<rate :size="32" :gutter="10" :readonly="true" v-model="rateNum"></rate> 热度：<rate :size="32" :gutter="10" :readonly="true" v-model="item.hot*1"></rate>
</view> </view>
<view>344人已查阅</view> <view>{{item.reading}}人已查阅</view>
</view> </view>
<image src="/static/public/icon-plan-fire.png" mode="widthFix" style="width: 29rpx;height: 43rpx;position: absolute;right: 10rpx;top: -6rpx;"></image> <image src="/static/public/icon-plan-fire.png" mode="widthFix" style="width: 29rpx;height: 43rpx;position: absolute;right: 10rpx;top: -6rpx;"></image>
</view> </view>
@ -37,18 +37,59 @@
return { return {
rateNum:5, rateNum:5,
ifPlanFault:'', ifPlanFault:'',
current:'' current:'',
size:10,
page:1,
total:0,
dataList:[]
} }
}, },
onLoad(op) { onLoad(op) {
this.ifPlanFault = `${['解决方案','常见故障'][op.index*1]}`; this.ifPlanFault = `${['解决方案','常见故障'][op.index*1]}`;
this.current = op.index*1; this.current = op.index*1;
this.getPlanFault();
}, },
methods: { methods: {
// 去新产品详情 // 去新产品详情
goDetail(index){ goDetail(id){
uni.navigateTo({ uni.navigateTo({
url:`/pagesB/plan-fault-product-detail/detail?index=${this.current}` url:`/pagesB/plan-fault-product-detail/detail?index=${this.current}&id=${id}`
})
},
// 查询常见故障、解决方案列表
getPlanFault(){
let url = [
'/universal/api.solution/solution_list',
'/universal/api.question/question_list'
];
let params = [
{
type_id:1,
list_rows:this.size,
page:this.page
},
{
list_rows:this.size,
page:this.page
}
]
// 常见故障
this.$requst.get(url[this.current],params[this.current]).then(res=>{
if(res.code==1) {
this.total = res.data.total;
res.data.data.forEach(item=>{
let obj = {
id:item.id,
cover_img: uni.getStorageSync('hostapi') + '/' + item.cover_img,
title:item.title,//标题
summary:item.summary,//描述
hot:item.hot,//热度
reading:item.reading//查阅
}
this.dataList.push(obj);
})
console.log(this.dataList);
}
}) })
} }
} }

20
pagesB/service-range/service-range.vue
View File

@ -17,7 +17,7 @@
</view> </view>
<view class="bbot disac pad-sx30 pad-zy30"> <view class="bbot disac pad-sx30 pad-zy30">
<view class="mar-y30 flexs disjbac" :style="{width: eareWidth + 'px'}">地 <view>区<text style="color: red;">*</text></view></view> <view class="mar-y30 flexs disjbac" :style="{width: eareWidth + 'px'}">地 <view>区<text style="color: red;">*</text></view></view>
<view class="disjbac width100"> <view class="disjbac width100" @tap="chooseRegion">
<view>湖南省株洲市芦淞区</view> <view>湖南省株洲市芦淞区</view>
<i class="icon icon-next col9" style="font-size: 30rpx;"></i> <i class="icon icon-next col9" style="font-size: 30rpx;"></i>
</view> </view>
@ -68,6 +68,24 @@
}).exec() }).exec()
}, },
methods: { methods: {
// 选择地区
chooseRegion(){
uni.getLocation({
type: 'gcj02', //返回可以用于uni.openLocation的经纬度
success: function (res) {
const latitude = res.latitude;
const longitude = res.longitude;
console.log(latitude,longitude,78);
uni.openLocation({
latitude: latitude,
longitude: longitude,
success: function () {
console.log('success');
}
});
}
});
},
// 人员状态选择 // 人员状态选择
chooseStatus(index,num){ chooseStatus(index,num){
switch (num){ switch (num){

42
pagesB/set-up/set-up.vue
View File

@ -3,22 +3,26 @@
<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;" class="fon28"> <view slot="content" style="margin: 0 -30rpx;" class="fon28">
<view class="bacf pad30 disjbac bbot"> <!-- #ifdef APP-PLUS -->
<view>开启语音提醒</view> <view class="bacf pad30 disjbac bbot">
<view><evan-switch v-model="voiceStatus" @change="voiceEv" :size="18" inactive-color="#b3b3b3" active-color="#fd8956"></evan-switch></view> <view>开启语音提醒</view>
</view> <view><evan-switch v-model="voiceStatus" @change="voiceEv" :size="18" inactive-color="#b3b3b3" active-color="#fd8956"></evan-switch></view>
<view class="bacf pad30 disjbac"> </view>
<view>接受新消息通知</view> <view class="bacf pad30 disjbac mar-x20">
<view><evan-switch v-model="newsStatus" @change="newsEv" :size="18" inactive-color="#b3b3b3" active-color="#fd8956"></evan-switch></view> <view>接受新消息通知</view>
</view> <view><evan-switch v-model="newsStatus" @change="newsEv" :size="18" inactive-color="#b3b3b3" active-color="#fd8956"></evan-switch></view>
<view @tap="updatePassword" class="bacf pad30 disjbac mar-s20 bbot"> </view>
<!-- #endif -->
<view @tap="updatePassword" class="bacf pad30 disjbac bbot">
<view>修改登录密码</view> <view>修改登录密码</view>
<i class="icon icon-next col9" style="font-size: 26rpx;"></i> <i class="icon icon-next col9" style="font-size: 26rpx;"></i>
</view> </view>
<view @tap="cleanEv" class="bacf pad30 disjbac"> <!-- #ifdef APP-PLUS -->
<view>清除缓存</view> <view @tap="cleanEv" class="bacf pad30 disjbac">
<view class="col9">{{cacheSize}}</view> <view>清除缓存</view>
</view> <view class="col9">{{cacheSize}}</view>
</view>
<!-- #endif -->
<view class="bacf pad30 disjbac mar-s20 bbot"> <view class="bacf pad30 disjbac mar-s20 bbot">
<view>上门服务条款</view> <view>上门服务条款</view>
<view class="disac col9"> <view class="disac col9">
@ -49,10 +53,12 @@
V1.1<i class="icon icon-next col9 mar-z20" style="font-size: 26rpx;"></i> V1.1<i class="icon icon-next col9 mar-z20" style="font-size: 26rpx;"></i>
</view> </view>
</view> </view>
<view @tap="checkEdition" class="bacf pad30 disjbac"> <!-- #ifdef APP-PLUS -->
<view>版本更新</view> <view @tap="checkEdition" class="bacf pad30 disjbac">
<view class="col9">当前版本 5.1.4</view> <view>版本更新</view>
</view> <view class="col9">当前版本 5.1.4</view>
</view>
<!-- #endif -->
</view> </view>
</container-subgroup> </container-subgroup>
</view> </view>
@ -68,7 +74,7 @@
return { return {
voiceStatus:false,//是否开启语音提醒 voiceStatus:false,//是否开启语音提醒
newsStatus:false,//是否开启接受新消息通知 newsStatus:false,//是否开启接受新消息通知
cacheSize:'754.72',//缓存数据大小 cacheSize:'754.72 KB',//缓存数据大小
} }
}, },
onLoad() { onLoad() {