更新
This commit is contained in:
许允枞
parent
46f44a8046
commit
0d301e865d
63
components/header/headers.vue
Normal file
63
components/header/headers.vue
Normal file
@ -0,0 +1,63 @@
|
|||||||
|
<template>
|
||||||
|
|
||||||
|
<view class="my-header">
|
||||||
|
<view class="my-icons" @click="goback">
|
||||||
|
<slot></slot>
|
||||||
|
</view>
|
||||||
|
<view class="my-text">{{titles}}</view>
|
||||||
|
<view class="my-icons"></view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
titles: String
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods:{
|
||||||
|
goback(){
|
||||||
|
uni.navigateBack()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.my-header {
|
||||||
|
width: 100%;
|
||||||
|
height: 200rpx;
|
||||||
|
// background: linear-gradient(180deg, #B2D2FC 0%, rgba(255, 255, 255, 0.84) 100%);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
color: #fff;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0px 15px;
|
||||||
|
padding-top: 40px;
|
||||||
|
z-index: 99999;
|
||||||
|
background: linear-gradient( 180deg, #054DF3 0%, #55A3FF 100%);
|
||||||
|
position: fixed;
|
||||||
|
top: 0px;
|
||||||
|
|
||||||
|
.my-icons {
|
||||||
|
width: 20px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.my-text {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
</style>
|
||||||
51
pages.json
51
pages.json
@ -36,6 +36,13 @@
|
|||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/manage/NewdeviceManage",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "设备管理",
|
||||||
|
"navigationStyle": "custom"
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/authority/authority",
|
"path": "pages/authority/authority",
|
||||||
"style": {
|
"style": {
|
||||||
@ -92,6 +99,13 @@
|
|||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/manage/internalManagement",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "内部管理",
|
||||||
|
"navigationStyle": "custom"
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/manage/deviceAdd",
|
"path": "pages/manage/deviceAdd",
|
||||||
"style": {
|
"style": {
|
||||||
@ -113,6 +127,20 @@
|
|||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/index/newindex",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "新首页",
|
||||||
|
"navigationStyle": "custom"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/index/addStaff",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "添加员工",
|
||||||
|
"navigationStyle": "custom"
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/xiaoxi/xiaoxi",
|
"path": "pages/xiaoxi/xiaoxi",
|
||||||
"style": {
|
"style": {
|
||||||
@ -190,6 +218,13 @@
|
|||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/index/NewstaffManagement",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "新员工列表",
|
||||||
|
"navigationStyle": "custom"
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/index/homecar",
|
"path": "pages/index/homecar",
|
||||||
"style": {
|
"style": {
|
||||||
@ -410,6 +445,22 @@
|
|||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/manage/workReport/reportList",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"enablePullDownRefresh": true,
|
||||||
|
"navigationStyle": "custom"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/manage/workReport/reportDetals",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"enablePullDownRefresh": true,
|
||||||
|
"navigationStyle": "custom"
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/manage/workReport/workReportAdd",
|
"path": "pages/manage/workReport/workReportAdd",
|
||||||
"style": {
|
"style": {
|
||||||
|
|||||||
@ -274,7 +274,7 @@
|
|||||||
},
|
},
|
||||||
goselect(){
|
goselect(){
|
||||||
uni.reLaunch({
|
uni.reLaunch({
|
||||||
url:'/pages/index/synthesis'
|
url:'/pages/index/newindex'
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
// 验证码方法
|
// 验证码方法
|
||||||
|
|||||||
492
pages/index/NewstaffManagement.vue
Normal file
492
pages/index/NewstaffManagement.vue
Normal file
@ -0,0 +1,492 @@
|
|||||||
|
<template>
|
||||||
|
<view class="container">
|
||||||
|
<headersVue :titles="titles"><u-icon name="arrow-left" color="#fff" size="18"></u-icon></headersVue>
|
||||||
|
<view class="content">
|
||||||
|
<view class="top_">
|
||||||
|
<view class="search_box">
|
||||||
|
<u-search placeholder="请输入员工姓名进行搜索" @search="getindex" :showAction="false" searchIconColor="#427FFE" v-model="workName"></u-search>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<scroll-view scroll-x="true" class="tap_box">
|
||||||
|
<view class="tap_list" :class="{ 'acColor': tapIndex == index}" v-for="(item,index) in tabList"
|
||||||
|
:key="index" @click="gettap(index,item.id)">
|
||||||
|
<view class=""> {{item.name}}</view>
|
||||||
|
<view class="gang" :class="{ 'actColor': tapIndex == index}"></view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
</view>
|
||||||
|
<view class="lsit_">
|
||||||
|
<view class="list_box" v-for="(item, index) in goodsList" :key="index">
|
||||||
|
<view class="checkbox_" @click="setIndex(item.id)">
|
||||||
|
<u-icon name="checkmark" color="#2979ff" size="18" v-if="workids.includes(item.id)"></u-icon>
|
||||||
|
</view>
|
||||||
|
<view class="right_box" >
|
||||||
|
<view class="d_s" @click="toInfo(item)">
|
||||||
|
<view class="user_">
|
||||||
|
<image :src="item.avatar" mode="" v-if="item.avatar"></image>
|
||||||
|
<image src="/static/imgs/yh.png" v-else mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="name_">{{ item.nickname || item.username }}</view>
|
||||||
|
<view class="icon_"><u-text :lines="1" :text="item.roleNames" /></view>
|
||||||
|
</view>
|
||||||
|
<view class="d_b">
|
||||||
|
<view class="">
|
||||||
|
<text style="color: #8D90A6;">电话：</text>
|
||||||
|
<text>{{ item.mobile || item.username }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="tel_" @click="gettel(item)">
|
||||||
|
<image src="/static/imgs/tel.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view style="width: 100%; height: 128rpx; "></view>
|
||||||
|
</view>
|
||||||
|
<view class="bottom_">
|
||||||
|
<view class="bottom_left" @click="getdelete()">删除员工</view>
|
||||||
|
<view class="bottom_right" @click="goAdd()" >添加员工</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import headersVue from '../../components/header/headers.vue';
|
||||||
|
import request from "@/utils/request";
|
||||||
|
import config from "@/config";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
titles: "员工管理",
|
||||||
|
keyword:'',
|
||||||
|
List: [],
|
||||||
|
listIndex:[],
|
||||||
|
tapIndex:0,
|
||||||
|
tapList: [],
|
||||||
|
show: false,
|
||||||
|
status: 'loading',
|
||||||
|
msg: '3',
|
||||||
|
goodsList: [],
|
||||||
|
tabList: [],
|
||||||
|
renList: [],
|
||||||
|
baseUrl: "http://192.168.1.4:8080/lanan",
|
||||||
|
partnerId: '',
|
||||||
|
isListing: 1,
|
||||||
|
goodsTitle: "",
|
||||||
|
taplist: [{
|
||||||
|
Text: '已发布',
|
||||||
|
id: 1
|
||||||
|
},
|
||||||
|
{
|
||||||
|
Text: '待上架',
|
||||||
|
id: 0
|
||||||
|
},
|
||||||
|
],
|
||||||
|
pageNum: 1, //第几页
|
||||||
|
pageSize: 10, //一页多少张
|
||||||
|
totalPages: 0, //总数
|
||||||
|
realName: "",
|
||||||
|
phoneNum: "",
|
||||||
|
workName: "",
|
||||||
|
workids: [],
|
||||||
|
postid: '',
|
||||||
|
gwindex: 0,
|
||||||
|
gwid: 0,
|
||||||
|
roleId: undefined,
|
||||||
|
addRoleId: undefined,
|
||||||
|
education: null,
|
||||||
|
educationText: null,
|
||||||
|
idCard: null,
|
||||||
|
joinDate: null,
|
||||||
|
probationPeriod: null,
|
||||||
|
socialSecurityBuyDate: null,
|
||||||
|
educations: [],
|
||||||
|
showEducation: false,
|
||||||
|
showJoinedDate: false,
|
||||||
|
showFormalDate: false,
|
||||||
|
showSafeDate: false,
|
||||||
|
files: [],
|
||||||
|
showDriveType: false,
|
||||||
|
driverLicenseType: [],
|
||||||
|
driverLicenseTypeArr: [],
|
||||||
|
driverLicenseTypeArrStr: null
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components:{
|
||||||
|
headersVue
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
this.getDriveType()
|
||||||
|
this.gettab()
|
||||||
|
},
|
||||||
|
onReachBottom() {
|
||||||
|
if (this.pageNum >= this.totalPages) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '没有下一页数据',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
|
||||||
|
} else {
|
||||||
|
this.pageNum++
|
||||||
|
this.gettab()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods:{
|
||||||
|
gettap(index, id) {
|
||||||
|
this.tapIndex = index
|
||||||
|
this.roleId = id
|
||||||
|
this.goodsList = []
|
||||||
|
this.pageNum = 1
|
||||||
|
this.getindex()
|
||||||
|
|
||||||
|
|
||||||
|
},
|
||||||
|
setIndex(num){
|
||||||
|
const index = this.workids.indexOf(num); // 查找是否包含此数字
|
||||||
|
if (index === -1) {
|
||||||
|
this.workids.push(num); // 若不存在，
|
||||||
|
} else {
|
||||||
|
this.workids.splice(index, 1); // 存在的话，则删除这个数
|
||||||
|
}
|
||||||
|
console.log(this.workids);
|
||||||
|
},
|
||||||
|
|
||||||
|
gettel(num) {
|
||||||
|
const value = num.mobile || num.username
|
||||||
|
uni.makePhoneCall({
|
||||||
|
phoneNumber: value //仅为示例
|
||||||
|
});
|
||||||
|
},
|
||||||
|
toInfo(data){
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/index/addStaff?id=' + data.id
|
||||||
|
})
|
||||||
|
},
|
||||||
|
async getdelete() {
|
||||||
|
if (this.workids == '') {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请至少选择一名要删除的员工！',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
return
|
||||||
|
} else {
|
||||||
|
// this.workids = this.workids.join(",")
|
||||||
|
}
|
||||||
|
let res = await request({
|
||||||
|
url: '/system/user/deleteUserByIds',
|
||||||
|
method: 'delete',
|
||||||
|
data: this.workids
|
||||||
|
|
||||||
|
})
|
||||||
|
if (res.code == 200) {
|
||||||
|
uni.showToast({
|
||||||
|
title: "操作成功",
|
||||||
|
|
||||||
|
})
|
||||||
|
this.pageNum = 1
|
||||||
|
this.goodsList = []
|
||||||
|
this.getindex()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
getDriveType() {
|
||||||
|
return request({
|
||||||
|
url: '/common/down/getDriverLicenseType',
|
||||||
|
method: 'get'
|
||||||
|
}).then(res => {
|
||||||
|
//提取出数组中的id属性
|
||||||
|
this.driverLicenseType = res.data
|
||||||
|
})
|
||||||
|
},
|
||||||
|
goAdd(){
|
||||||
|
uni.navigateTo({
|
||||||
|
url:'/pages/index/addStaff'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
goManage(num){
|
||||||
|
if(num == 1){
|
||||||
|
uni.navigateTo({
|
||||||
|
url:'/pages/index/staffManagement'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
async gettab() {
|
||||||
|
let res = await request({
|
||||||
|
url: '/system/role/pageByQuery',
|
||||||
|
method: 'get',
|
||||||
|
params: {
|
||||||
|
servicePackageId: 'jiance'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
this.tabList = [{
|
||||||
|
name: '全部',
|
||||||
|
id: undefined
|
||||||
|
}]
|
||||||
|
this.tabList.push(...res.data)
|
||||||
|
this.roleId = this.tabList[0].id
|
||||||
|
this.renList = res.data
|
||||||
|
this.getindex()
|
||||||
|
},
|
||||||
|
async getindex() {
|
||||||
|
if (this.workName != '') {
|
||||||
|
this.pageNum = 1
|
||||||
|
this.goodsList = []
|
||||||
|
}
|
||||||
|
|
||||||
|
let data = {
|
||||||
|
nickname: this.workName,
|
||||||
|
roleId: this.roleId,
|
||||||
|
pageNo: this.pageNum, //第几页
|
||||||
|
pageSize: this.pageSize, //一页多少张
|
||||||
|
}
|
||||||
|
let res = await request({
|
||||||
|
|
||||||
|
url: '/system/role/selectListByRoleId',
|
||||||
|
method: 'get',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
if (res.code == 200) {
|
||||||
|
|
||||||
|
if (this.pageNum != 1) {
|
||||||
|
this.goodsList = this.goodsList.concat(res.rows)
|
||||||
|
} else {
|
||||||
|
this.goodsList = res.rows
|
||||||
|
}
|
||||||
|
this.goodsList.forEach(item => {
|
||||||
|
if (item.avatar && !item.avatar.includes(config.baseImageUrl)){
|
||||||
|
item.avatar = config.baseImageUrl + (item.avatar[0] === '/' ? item.avatar : '/' + item.avatar)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
let total = res.total
|
||||||
|
this.totalPages = Math.ceil(total / this.pageSize);
|
||||||
|
}
|
||||||
|
const newUsers = this.goodsList.filter(item => !item.roleName)
|
||||||
|
if (newUsers && newUsers.length > 0) {
|
||||||
|
const ids = newUsers.map(item => item.id)
|
||||||
|
request({
|
||||||
|
url: '/inspection/util/getRoleNameByIds?ids=' + ids,
|
||||||
|
method: 'get'
|
||||||
|
}).then(res => {
|
||||||
|
this.goodsList.filter(item => !item.roleName).map(item => {
|
||||||
|
this.$set(item, "roleName", res.data[item.id])
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.icon_ {
|
||||||
|
background: #eaf2fe;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 5rpx 10rpx;
|
||||||
|
color: #427FFE;
|
||||||
|
font-size: 14px;
|
||||||
|
max-width: 200rpx; /* 限制最大宽度 */
|
||||||
|
white-space: nowrap; /* 不换行 */
|
||||||
|
overflow: hidden; /* 超出部分隐藏 */
|
||||||
|
text-overflow: ellipsis; /* 超出部分显示省略号 */
|
||||||
|
flex-shrink: 0; /* 禁止挤压 */
|
||||||
|
}
|
||||||
|
|
||||||
|
.user_ {
|
||||||
|
width: 90rpx; /* 固定宽度 */
|
||||||
|
height: 90rpx; /* 固定高度 */
|
||||||
|
border-radius: 4rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
margin-right: 20rpx;
|
||||||
|
flex-shrink: 0; /* 禁止挤压 */
|
||||||
|
}
|
||||||
|
|
||||||
|
.d_s {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 30rpx;
|
||||||
|
width: 100%; /* 确保宽度占满父容器 */
|
||||||
|
}
|
||||||
|
|
||||||
|
.name_ {
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #101A3E;
|
||||||
|
margin-right: 20rpx;
|
||||||
|
flex-shrink: 0; /* 禁止挤压 */
|
||||||
|
}
|
||||||
|
image{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.container{
|
||||||
|
background: #F1F3F6;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
.content{
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
padding-top: 170rpx;
|
||||||
|
}
|
||||||
|
.top_{
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 20rpx;
|
||||||
|
background: #fff;
|
||||||
|
padding-bottom: 0px;
|
||||||
|
}
|
||||||
|
.tap_box {
|
||||||
|
width: 100%;
|
||||||
|
white-space: nowrap;
|
||||||
|
margin: 5px 0px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-bottom: 5px;
|
||||||
|
|
||||||
|
}
|
||||||
|
.tap_list {
|
||||||
|
color: #333333;
|
||||||
|
margin: 0px 10px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.acColor {
|
||||||
|
font-weight: bold;
|
||||||
|
color: #5384fd;
|
||||||
|
}
|
||||||
|
.right_box{
|
||||||
|
width: 88%;
|
||||||
|
}
|
||||||
|
.gang {
|
||||||
|
width: 20px;
|
||||||
|
height: 4px;
|
||||||
|
margin-top: 5px;
|
||||||
|
// background-color: #5384fd;
|
||||||
|
border-radius: 30px;
|
||||||
|
margin: 5px auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.actColor {
|
||||||
|
background-color: #5384fd;
|
||||||
|
}
|
||||||
|
.search_box{
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-bottom: 20rpx;
|
||||||
|
border-bottom: 2rpx solid #F5F5F5;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
}
|
||||||
|
.lsit_{
|
||||||
|
background: #F1F3F6;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 30rpx;
|
||||||
|
}
|
||||||
|
.list_box{
|
||||||
|
width: 100%;
|
||||||
|
background: #fff;
|
||||||
|
margin-bottom:30rpx ;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 20rpx;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.checkbox_{
|
||||||
|
width: 48rpx;
|
||||||
|
height: 48rpx;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
border: 2rpx solid #E0E0E0;
|
||||||
|
margin-right: 15rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
//.d_s{
|
||||||
|
// display: flex;
|
||||||
|
// align-items: center;
|
||||||
|
// margin-bottom: 30rpx;
|
||||||
|
//}
|
||||||
|
.d_b{
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
//.user_{
|
||||||
|
// width: 90rpx;
|
||||||
|
// height: 90rpx;
|
||||||
|
// border-radius: 4rpx;
|
||||||
|
// overflow: hidden;
|
||||||
|
// margin-right: 20rpx;
|
||||||
|
//}
|
||||||
|
//.icon_{
|
||||||
|
// background: #eaf2fe;
|
||||||
|
// border-radius: 8rpx;
|
||||||
|
// display: flex;
|
||||||
|
// align-items: center;
|
||||||
|
// justify-content: center;
|
||||||
|
// box-sizing: border-box;
|
||||||
|
// padding:5rpx 10rpx;
|
||||||
|
// color: #427FFE;
|
||||||
|
// font-size: 14px;
|
||||||
|
//
|
||||||
|
//
|
||||||
|
//}
|
||||||
|
.tel_{
|
||||||
|
width: 36rpx;
|
||||||
|
height: 36rpx;
|
||||||
|
}
|
||||||
|
//.name_{
|
||||||
|
// font-size: 32rpx;
|
||||||
|
// color: #101A3E;
|
||||||
|
// margin-right: 20rpx;
|
||||||
|
//}
|
||||||
|
.bottom_{
|
||||||
|
width: 100%;
|
||||||
|
height: 158rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
box-shadow: 0rpx -1rpx 24rpx 0rpx rgba(0,0,0,0.1);
|
||||||
|
border-radius: 15px 15px 0px 0px;
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
z-index: 999;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.bottom_left{
|
||||||
|
width: 301rpx;
|
||||||
|
height: 78rpx;
|
||||||
|
border: 2rpx solid #427FFE;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: #427FFE;
|
||||||
|
font-size: 28rpx;
|
||||||
|
border-radius: 50px;
|
||||||
|
margin: 30rpx;
|
||||||
|
|
||||||
|
}
|
||||||
|
.bottom_right{
|
||||||
|
width: 301rpx;
|
||||||
|
height: 78rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #fff;
|
||||||
|
background: #427FFE;
|
||||||
|
border: 2rpx solid #427FFE;
|
||||||
|
border-radius: 50px;
|
||||||
|
margin: 30rpx;
|
||||||
|
}
|
||||||
|
.roleName{
|
||||||
|
white-space: nowrap; /* 不换行 */
|
||||||
|
overflow: hidden; /* 超出部分隐藏 */
|
||||||
|
text-overflow: ellipsis; /* 超出部分显示省略号 */
|
||||||
|
width: 200rpx; /* 根据需要设置宽度 */
|
||||||
|
}
|
||||||
|
</style>
|
||||||
598
pages/index/addStaff.vue
Normal file
598
pages/index/addStaff.vue
Normal file
@ -0,0 +1,598 @@
|
|||||||
|
<template>
|
||||||
|
<view class="content">
|
||||||
|
<headersVue :titles="titles">
|
||||||
|
<u-icon name="arrow-left" color="#fff" size="18"></u-icon>
|
||||||
|
</headersVue>
|
||||||
|
<view class="container">
|
||||||
|
<view class="box_">
|
||||||
|
<view class="d_s" style="margin-bottom: 10px;" v-if="userId">
|
||||||
|
<view class="touxiang_">
|
||||||
|
<image src="/static/imgs/yh.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="">
|
||||||
|
<view class="name_">{{ staff.nickname }}</view>
|
||||||
|
<view class="d_s">
|
||||||
|
<view class="tel_">
|
||||||
|
<image src="/static/imgs/tel.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="telnum">手机号：{{ staff.mobile }}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="d_b" v-if="!userId">
|
||||||
|
<view class="">姓名</view>
|
||||||
|
<input type="text" placeholder="请输入姓名" v-model="staff.nickname" style="text-align: right;"/>
|
||||||
|
</view>
|
||||||
|
<view class="d_b" v-if="!userId">
|
||||||
|
<view class="">手机号</view>
|
||||||
|
<input type="text" placeholder="请输入手机号" v-model="staff.mobile" style="text-align: right;"/>
|
||||||
|
</view>
|
||||||
|
<view class="d_b">
|
||||||
|
<view class="">学历</view>
|
||||||
|
<view class="" @click="showEducation = true">
|
||||||
|
{{ staff.educational != null ? this.staff.educational : '请选择学历' }} >
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="d_b">
|
||||||
|
<view class="">身份证号</view>
|
||||||
|
<input type="text" placeholder="请输入身份证号" v-model="staff.idCard" style="text-align: right;"/>
|
||||||
|
</view>
|
||||||
|
<view class="d_b">
|
||||||
|
<view class="">入职时间</view>
|
||||||
|
<view class="" @click="showJoinedDate = true">
|
||||||
|
{{ staff.joinDate != null ? this.staff.joinDate : '请选择入职时间' }} >
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="d_b">
|
||||||
|
<view class="">转正时间</view>
|
||||||
|
<view class="" @click="showFormalDate = true">
|
||||||
|
{{ staff.probationPeriod != null ? this.staff.probationPeriod : '请选择转正时间' }} >
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="d_b">
|
||||||
|
<view class="">购买保险时间</view>
|
||||||
|
<view class="" @click="showSafeDate = true">
|
||||||
|
{{ staff.socialSecurityBuyDate != null ? this.staff.socialSecurityBuyDate : '请选择购买保险时间' }} >
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="d_b">
|
||||||
|
<view class="">驾照类型</view>
|
||||||
|
<view class="" @click="showDriveType = true">
|
||||||
|
{{ driverLicenseTypeArrStr != null ? this.driverLicenseTypeArrStr : '请选择驾照类型' }} >
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="d_b" v-if="!userId">
|
||||||
|
<view class="">岗位</view>
|
||||||
|
<view class="" @click="showRole = true">
|
||||||
|
{{ roleName != null ? this.roleName : '请选择岗位' }} >
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="d_b" @click="handleUpload">
|
||||||
|
<view class="">附件</view>
|
||||||
|
<view class="lan_">上传附件
|
||||||
|
<image src="/static/imgs/add.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<u-upload
|
||||||
|
ref="uploadRef"
|
||||||
|
:fileList="fileList1"
|
||||||
|
@afterRead="afterRead"
|
||||||
|
@delete="deletePic"
|
||||||
|
name="1"
|
||||||
|
multiple
|
||||||
|
:maxCount="10"
|
||||||
|
v-show="fileList1.length > 0"
|
||||||
|
>
|
||||||
|
</u-upload>
|
||||||
|
<view class="hui_box" v-if="fileList1.length == 0">
|
||||||
|
<image src="/static/imgs/wod.png" mode=""></image>
|
||||||
|
<view class="">
|
||||||
|
<view class="big_">附件格式 jpg/png</view>
|
||||||
|
<view class="sm_">100KB</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
<view class="anniu" @click="submit">
|
||||||
|
{{ buttonTile }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<u-picker :show="showEducation" ref="uPicker" :columns="[educations]"
|
||||||
|
@confirm="chooseEducation" @cancel="showEducation = false"
|
||||||
|
keyName="label"></u-picker>
|
||||||
|
|
||||||
|
<u-picker :show="showRole" ref="uPicker" :columns="[roles]"
|
||||||
|
@confirm="chooseRole" @cancel="showRole = false"
|
||||||
|
keyName="name"></u-picker>
|
||||||
|
|
||||||
|
<qianziyu-select
|
||||||
|
:show="showDriveType"
|
||||||
|
type="checkbox"
|
||||||
|
name="id"
|
||||||
|
:dataLists="driverLicenseType"
|
||||||
|
:showSearch=false
|
||||||
|
@cancel="showDriveType = false"
|
||||||
|
:checkboxData="driverLicenseTypeArr"
|
||||||
|
@submit="onsubmit"
|
||||||
|
@update:checkboxData="driverLicenseTypeArr = $event"
|
||||||
|
>
|
||||||
|
</qianziyu-select>
|
||||||
|
|
||||||
|
<u-datetime-picker
|
||||||
|
:show="showJoinedDate"
|
||||||
|
v-model="selectJoinDate"
|
||||||
|
@cancel="showJoinedDate = false"
|
||||||
|
@confirm="chooseJoinDate"
|
||||||
|
mode="date"
|
||||||
|
return-type='string'
|
||||||
|
></u-datetime-picker>
|
||||||
|
<u-datetime-picker
|
||||||
|
:show="showFormalDate"
|
||||||
|
v-model="selectProbationPeriod"
|
||||||
|
@cancel="showFormalDate = false"
|
||||||
|
@confirm="chooseFormalDate"
|
||||||
|
mode="date"
|
||||||
|
return-type='string'
|
||||||
|
></u-datetime-picker>
|
||||||
|
<u-datetime-picker
|
||||||
|
:show="showSafeDate"
|
||||||
|
v-model="selectSocialSecurityBuyDate"
|
||||||
|
@cancel="showSafeDate = false"
|
||||||
|
@confirm="chooseSafeDate"
|
||||||
|
mode="date"
|
||||||
|
return-type='string'
|
||||||
|
></u-datetime-picker>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import headersVue from '../../components/header/headers.vue';
|
||||||
|
import request from "@/utils/request";
|
||||||
|
import {formatDate, getDictDataByType} from "@/utils/utils";
|
||||||
|
import upload from "@/utils/upload";
|
||||||
|
import {baseImageUrl} from "@/config";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
titles: "新增员工",
|
||||||
|
staff: {
|
||||||
|
joinDate: null,
|
||||||
|
probationPeriod: null,
|
||||||
|
socialSecurityBuyDate: null,
|
||||||
|
},
|
||||||
|
fileList1: [],
|
||||||
|
selectJoinDate: new Date().toString(),
|
||||||
|
selectProbationPeriod: new Date().toString(),
|
||||||
|
selectSocialSecurityBuyDate: new Date().toString(),
|
||||||
|
buttonTile: '保存',
|
||||||
|
show: false,
|
||||||
|
showRole: false,
|
||||||
|
status: 'loading',
|
||||||
|
userId: undefined,
|
||||||
|
showEducation: false,
|
||||||
|
showJoinedDate: false,
|
||||||
|
showFormalDate: false,
|
||||||
|
showSafeDate: false,
|
||||||
|
showDriveType: false,
|
||||||
|
educations: [],
|
||||||
|
roles: [],
|
||||||
|
driverLicenseType: [],
|
||||||
|
driverLicenseTypeArr: [],
|
||||||
|
driverLicenseTypeArrStr: null,
|
||||||
|
roleName: null,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
headersVue
|
||||||
|
},
|
||||||
|
onLoad(data) {
|
||||||
|
if (data.id) {
|
||||||
|
this.titles = '编辑员工'
|
||||||
|
this.userId = data.id
|
||||||
|
this.getInfoByUserId()
|
||||||
|
this.buttonTile = '修改'
|
||||||
|
}
|
||||||
|
this.getEducation()
|
||||||
|
this.getDriveType()
|
||||||
|
this.getRoles()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
cancelShow() {
|
||||||
|
this.show = !this.cancelShow
|
||||||
|
},
|
||||||
|
async getRoles() {
|
||||||
|
let res = await request({
|
||||||
|
url: '/system/role/pageByQuery',
|
||||||
|
method: 'get',
|
||||||
|
params: {
|
||||||
|
servicePackageId: 'jiance'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
this.roles = res.data
|
||||||
|
},
|
||||||
|
onsubmit(selectedData) {
|
||||||
|
selectedData.map(item => item.id);
|
||||||
|
this.driverLicenseTypeArr = selectedData;
|
||||||
|
this.driverLicenseTypeArrStr = selectedData.map(item => item.id).join(',');
|
||||||
|
this.showDriveType = false; // 提交后关闭弹窗
|
||||||
|
},
|
||||||
|
getDriveType() {
|
||||||
|
return request({
|
||||||
|
url: '/common/down/getDriverLicenseType',
|
||||||
|
method: 'get'
|
||||||
|
}).then(res => {
|
||||||
|
//提取出数组中的id属性
|
||||||
|
this.driverLicenseType = res.data
|
||||||
|
})
|
||||||
|
},
|
||||||
|
submit() {
|
||||||
|
//判断是否是修改
|
||||||
|
console.log(this.staff.fileList)
|
||||||
|
if (this.userId) {
|
||||||
|
this.update()
|
||||||
|
}else {
|
||||||
|
this.add()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
update() {
|
||||||
|
// 验证表单信息
|
||||||
|
const flag = this.validData()
|
||||||
|
if (!flag) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
this.staff.userId = this.userId
|
||||||
|
console.log(this.staff)
|
||||||
|
const data = {
|
||||||
|
...this.staff,
|
||||||
|
fileList: this.fileList1,
|
||||||
|
driverLicenseType: this.driverLicenseTypeArrStr,
|
||||||
|
driverLicenseTypeArr: this.driverLicenseTypeArr.map(item => item.id)
|
||||||
|
}
|
||||||
|
request({
|
||||||
|
url: '/inspectionStaff/update',
|
||||||
|
method: 'put',
|
||||||
|
data: data
|
||||||
|
}).then(res => {
|
||||||
|
uni.showToast({
|
||||||
|
title: "编辑成功"
|
||||||
|
})
|
||||||
|
this.getInfoByUserId()
|
||||||
|
})
|
||||||
|
},
|
||||||
|
async add() {
|
||||||
|
// 验证表单信息
|
||||||
|
const flag = this.validData()
|
||||||
|
if (!flag) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
let data = {
|
||||||
|
nickname: this.staff.nickname,
|
||||||
|
mobile: this.staff.mobile,
|
||||||
|
username: this.staff.nickname,
|
||||||
|
status: 0,
|
||||||
|
userType: '01',
|
||||||
|
roleId: this.staff.roleId,
|
||||||
|
name: this.nickname,
|
||||||
|
joinDate: this.staff.joinDate,
|
||||||
|
idCard: this.staff.idCard,
|
||||||
|
educational: this.staff.educational,
|
||||||
|
probationPeriod: this.staff.probationPeriod,
|
||||||
|
socialSecurityBuyDate: this.staff.socialSecurityBuyDate,
|
||||||
|
driverLicenseTypeArr: this.driverLicenseTypeArr.map(item => item.id),
|
||||||
|
password: '123456'
|
||||||
|
}
|
||||||
|
let res = await request({
|
||||||
|
url: '/inspectionStaff/save',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
if (res.code == 200) {
|
||||||
|
let roleIds = []
|
||||||
|
roleIds.push(this.staff.roleId)
|
||||||
|
let resp = await request({
|
||||||
|
url: '/system/permission/assign-user-role',
|
||||||
|
method: 'post',
|
||||||
|
data: {
|
||||||
|
userId: res.data,
|
||||||
|
roleIds: roleIds
|
||||||
|
}
|
||||||
|
})
|
||||||
|
uni.showToast({
|
||||||
|
title: "添加成功"
|
||||||
|
})
|
||||||
|
this.show = false
|
||||||
|
this.getindex()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
validData() {
|
||||||
|
if (!this.staff.nickname || !this.staff.mobile) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '姓名和电话不能有空',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
if (!this.staff.roleId && !this.userId) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请选择岗位',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
return true
|
||||||
|
},
|
||||||
|
chooseJoinDate(e) {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.staff.joinDate = formatDate(e.value)
|
||||||
|
this.selectJoinDate = this.staff.joinDate
|
||||||
|
})
|
||||||
|
this.showJoinedDate = false
|
||||||
|
console.log(this.staff)
|
||||||
|
},
|
||||||
|
chooseFormalDate(e) {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.staff.probationPeriod = formatDate(e.value);
|
||||||
|
this.selectProbationPeriod = this.staff.probationPeriod
|
||||||
|
})
|
||||||
|
this.showFormalDate = false;
|
||||||
|
console.log(this.staff)
|
||||||
|
},
|
||||||
|
chooseSafeDate(e) {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.staff.socialSecurityBuyDate = formatDate(e.value)
|
||||||
|
this.selectSocialSecurityBuyDate = this.staff.socialSecurityBuyDate
|
||||||
|
})
|
||||||
|
this.showSafeDate = false
|
||||||
|
console.log(this.staff)
|
||||||
|
},
|
||||||
|
async getInfoByUserId() {
|
||||||
|
const res = await request({
|
||||||
|
url: '/inspectionStaff/get',
|
||||||
|
params: {
|
||||||
|
id: this.userId
|
||||||
|
},
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
this.staff = res.data
|
||||||
|
this.topName = this.staff?.nickname
|
||||||
|
if (res.data.driverLicenseType) {
|
||||||
|
this.driverLicenseTypeArrStr = res.data.driverLicenseType
|
||||||
|
res.data.driverLicenseTypeArr.forEach(item => {
|
||||||
|
let temp = {
|
||||||
|
id: item,
|
||||||
|
name: item
|
||||||
|
}
|
||||||
|
this.driverLicenseTypeArr.push(temp)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
if (this?.staff?.fileList) {
|
||||||
|
this.fileList1 = []
|
||||||
|
this.staff.fileList.forEach((item) => {
|
||||||
|
const temp = {
|
||||||
|
name: item.name,
|
||||||
|
url: item.url.startsWith("http") ? item.url : baseImageUrl + '/' + item.url
|
||||||
|
}
|
||||||
|
this.fileList1.push(temp)
|
||||||
|
})
|
||||||
|
console.log('tupian', this.fileList1)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
getEducation() {
|
||||||
|
if (!this.educations || this.educations.length === 0) {
|
||||||
|
this.getEducations()
|
||||||
|
}
|
||||||
|
const index = this.educations.findIndex(item => item.value === this.staff.education)
|
||||||
|
if (index !== -1) {
|
||||||
|
return this.educations[index].label
|
||||||
|
}
|
||||||
|
return ''
|
||||||
|
},
|
||||||
|
async getEducations() {
|
||||||
|
this.educations = await getDictDataByType("company_staff_edu")
|
||||||
|
},
|
||||||
|
chooseEducation(e) {
|
||||||
|
this.$set(this.staff, 'education', e.value[0].label)
|
||||||
|
this.staff.educational = e.value[0].label
|
||||||
|
this.showEducation = false
|
||||||
|
},
|
||||||
|
chooseRole(e) {
|
||||||
|
console.log(e)
|
||||||
|
this.staff.roleId = e.value[0].id
|
||||||
|
this.roleName = e.value[0].name
|
||||||
|
this.showRole = false
|
||||||
|
},
|
||||||
|
|
||||||
|
// 上传相关方法
|
||||||
|
handleUpload() {
|
||||||
|
// 通过 ref 获取 u-upload 组件实例，并调用其上传方法
|
||||||
|
this.$refs.uploadRef.chooseFile();
|
||||||
|
},
|
||||||
|
// 删除图片
|
||||||
|
deletePic(event) {
|
||||||
|
this[`fileList${event.name}`].splice(event.index, 1);
|
||||||
|
},
|
||||||
|
// 新增图片
|
||||||
|
async afterRead(event) {
|
||||||
|
// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
|
||||||
|
let lists = [].concat(event.file);
|
||||||
|
let fileListLen = this[`fileList${event.name}`].length;
|
||||||
|
lists.map((item) => {
|
||||||
|
this[`fileList${event.name}`].push({
|
||||||
|
...item,
|
||||||
|
status: "uploading",
|
||||||
|
message: "上传中",
|
||||||
|
});
|
||||||
|
});
|
||||||
|
for (let i = 0; i < lists.length; i++) {
|
||||||
|
const result = await this.uploadFilePromise(lists[i].url);
|
||||||
|
let item = this[`fileList${event.name}`][fileListLen];
|
||||||
|
this[`fileList${event.name}`].splice(
|
||||||
|
fileListLen,
|
||||||
|
1,
|
||||||
|
Object.assign(item, {
|
||||||
|
status: "success",
|
||||||
|
message: "",
|
||||||
|
url: result,
|
||||||
|
})
|
||||||
|
);
|
||||||
|
fileListLen++;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
uploadFilePromise(url) {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
// let a = uni.uploadFile({
|
||||||
|
// url: "http://192.168.2.21:7001/upload", // 仅为示例，非真实的接口地址
|
||||||
|
// filePath: url,
|
||||||
|
// name: "file",
|
||||||
|
// formData: {
|
||||||
|
// user: "test",
|
||||||
|
// },
|
||||||
|
// success: (res) => {
|
||||||
|
// setTimeout(() => {
|
||||||
|
// resolve(res.data.data);
|
||||||
|
// }, 1000);
|
||||||
|
// },
|
||||||
|
// });
|
||||||
|
upload({
|
||||||
|
url: '/common/upload',
|
||||||
|
filePath: url,
|
||||||
|
}).then((res) => {
|
||||||
|
resolve(res.data.url);
|
||||||
|
console.log(this.fileList1)
|
||||||
|
this.forceRefreshFiles(); // 强制刷新文件列表
|
||||||
|
})
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.content {
|
||||||
|
background: #f4f5f6;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
width: 100%;
|
||||||
|
background: #f4f5f6;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 30rpx;
|
||||||
|
padding-top: 200rpx;
|
||||||
|
padding-bottom: 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box_ {
|
||||||
|
background: #FFFFFF;
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 30rpx;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.d_s {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.d_b {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 30rpx 0rpx;
|
||||||
|
border-top: 2rpx solid #F5F6F9;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #8D90A6;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.touxiang_ {
|
||||||
|
width: 90rpx;
|
||||||
|
height: 90rpx;
|
||||||
|
margin-right: 20rpx;
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.tel_ {
|
||||||
|
width: 30rpx;
|
||||||
|
height: 30rpx;
|
||||||
|
margin-right: 20rpx;
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.name_ {
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #101A3E;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.telnum {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #366FFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lan_ {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #327DFB;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 36rpx;
|
||||||
|
height: 36rpx;
|
||||||
|
margin-left: 15rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.hui_box {
|
||||||
|
width: 100%;
|
||||||
|
background: #F5F6F9;
|
||||||
|
border-radius: 16rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 30rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 90rpx;
|
||||||
|
height: 90rpx;
|
||||||
|
margin-right: 15rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.big_ {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #101A3E;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sm_ {
|
||||||
|
font-size: 22rpx;
|
||||||
|
color: #8D90A6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.anniu {
|
||||||
|
width: 622rpx;
|
||||||
|
height: 78rpx;
|
||||||
|
background: #427FFE;
|
||||||
|
border-radius: 50rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: #fff;
|
||||||
|
margin-top: 200rpx;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
575
pages/index/newindex.vue
Normal file
575
pages/index/newindex.vue
Normal file
@ -0,0 +1,575 @@
|
|||||||
|
<template>
|
||||||
|
<view class="content">
|
||||||
|
|
||||||
|
<view class="top_">
|
||||||
|
<view class="logo_imgs">
|
||||||
|
<image src="/static/imgs/logo.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="t_box">
|
||||||
|
<view class="d_s">
|
||||||
|
<view class="picture_">
|
||||||
|
<image @click="showUserDetail" style="width: 104rpx;height: 104rpx;border-radius: 50%;"
|
||||||
|
v-if="userInfo && userInfo.avatar === null" :src="defaultAvatar" mode="scaleToFill" @error="avatarErr"></image>
|
||||||
|
<image @click="showUserDetail" style="width: 104rpx;height: 104rpx;border-radius: 50%;" v-else
|
||||||
|
:src="userInfo.avatar" mode="scaleToFill" @error="avatarErr"></image>
|
||||||
|
</view>
|
||||||
|
<view class="">
|
||||||
|
<view class="name_">
|
||||||
|
{{ userInfo.nickname }}
|
||||||
|
</view>
|
||||||
|
<view class="bqing_">{{ userInfo.roleNames }}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="d_s">
|
||||||
|
<view class="icon1" @click="goNotice()">
|
||||||
|
<image src="/static/imgs/xiaoxi.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="icon1">
|
||||||
|
<image src="/static/imgs/gengduo.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="three_">
|
||||||
|
<view class="three_box1">
|
||||||
|
<view class="">当日订单</view>
|
||||||
|
<view class="num_">{{ threenum.todayOrderNum }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="three_box2">
|
||||||
|
<view class="">合规合格</view>
|
||||||
|
<view class="num_">{{ threenum.hgNum }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="three_box3">
|
||||||
|
<view class="">双燃料合格</view>
|
||||||
|
<view class="num_">{{ threenum.srlNum }}</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
<view class="hang_"></view>
|
||||||
|
<view class="jg_box">
|
||||||
|
<view class="jg_top">2024-12-30 星期一 11:05</view>
|
||||||
|
<view class="jg_ds">
|
||||||
|
<view class="jg_ys">
|
||||||
|
<image src="/static/imgs/jg1.png" mode="" @click="goordermanage"></image>
|
||||||
|
<view class="">订单管理</view>
|
||||||
|
</view>
|
||||||
|
<view class="jg_ys">
|
||||||
|
<image src="/static/imgs/jg2.png" mode=""></image>
|
||||||
|
<view class="">业务统计</view>
|
||||||
|
</view>
|
||||||
|
<view class="jg_ys">
|
||||||
|
<image src="/static/imgs/jg3.png" mode=""></image>
|
||||||
|
<view class="">通知公告</view>
|
||||||
|
</view>
|
||||||
|
<view class="jg_ys" @click="goInternalManagement">
|
||||||
|
<image src="/static/imgs/jg4.png" mode=""></image>
|
||||||
|
<view class="">内部管理</view>
|
||||||
|
</view>
|
||||||
|
<view class="jg_ys" @click="show =!show">
|
||||||
|
<image src="/static/imgs/jg5.png" mode=""></image>
|
||||||
|
<view class="">更多功能</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="jg_bt" v-if="show">
|
||||||
|
<view class="jg_ys1">
|
||||||
|
<image src="/static/imgs/jg6.png" mode=""></image>
|
||||||
|
<view class="">发布商品</view>
|
||||||
|
</view>
|
||||||
|
<view class="jg_ys1">
|
||||||
|
<image src="/static/imgs/jg7.png" mode=""></image>
|
||||||
|
<view class="">商品管理</view>
|
||||||
|
</view>
|
||||||
|
<view class="jg_ys1">
|
||||||
|
<image src="/static/imgs/jg8.png" mode=""></image>
|
||||||
|
<view class="">订单核销</view>
|
||||||
|
</view>
|
||||||
|
<view class="jg_ys1">
|
||||||
|
<image src="/static/imgs/jg9.png" mode=""></image>
|
||||||
|
<view class="">优惠券</view>
|
||||||
|
</view>
|
||||||
|
<view class="jg_ys1">
|
||||||
|
<image src="/static/imgs/jg10.png" mode=""></image>
|
||||||
|
<view class="">使用说明</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="hang_"></view>
|
||||||
|
<view class="list_">
|
||||||
|
<view class="title_">预约记录</view>
|
||||||
|
<view class="box_" v-for="(item,index) in 10" :key="index">
|
||||||
|
<view class="box_ds">
|
||||||
|
<view class="box_title">小型汽车（含5座）</view>
|
||||||
|
<image src="/static/imgs/ns.png" style="width: 88rpx; height: 44rpx; " mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="box_bd">
|
||||||
|
<view class="box_ds">
|
||||||
|
<image src="/static/imgs/car.png" style="width: 36rpx; height: 36rpx; " mode=""></image>
|
||||||
|
<view class="size_">车牌号：鲁A00000</view>
|
||||||
|
</view>
|
||||||
|
<image src="/static/imgs/tel.png" style="width: 36rpx; height: 36rpx; " mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="bd">
|
||||||
|
<view class="left_">预约人</view>
|
||||||
|
<view class="right_">王五</view>
|
||||||
|
</view>
|
||||||
|
<view class="bd">
|
||||||
|
<view class="left_">电话</view>
|
||||||
|
<view class="right_">128 1234 5678</view>
|
||||||
|
</view>
|
||||||
|
<view class="bd">
|
||||||
|
<view class="left_">预约时间</view>
|
||||||
|
<view class="right_">2025年01月01日</view>
|
||||||
|
</view>
|
||||||
|
<view class="bd">
|
||||||
|
<view class="left_">客户来源</view>
|
||||||
|
<view class="right_">代办</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {getStorageWithExpiry, setStorageWithExpiry} from "@/utils/auth";
|
||||||
|
import request from "@/utils/request";
|
||||||
|
import config from "@/config";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
titles: "首页",
|
||||||
|
msg: "1",
|
||||||
|
List: [],
|
||||||
|
show: false,
|
||||||
|
status: 'loading',
|
||||||
|
warnMsg: [],
|
||||||
|
chuan: '',
|
||||||
|
titlemodeal: '通知',
|
||||||
|
isWorking: false,
|
||||||
|
user: {},
|
||||||
|
baseUrl: '',
|
||||||
|
animate: false,
|
||||||
|
partnerId: '',
|
||||||
|
threenum: {},
|
||||||
|
showScroll: true,
|
||||||
|
scrollDuration: 3000, // 滚动间隔时间，单位为毫秒
|
||||||
|
items: [],
|
||||||
|
ping: [],
|
||||||
|
dateStr: '',
|
||||||
|
week: '',
|
||||||
|
is_mandatory: false,
|
||||||
|
url: 'http://159.75.168.143:88/apk/lanan.apk',
|
||||||
|
title: '版本升级',
|
||||||
|
contents: '新版本上线了，根据您自己的选择是否升级',
|
||||||
|
appAndPick: {
|
||||||
|
appointNum: 0,
|
||||||
|
pickNum: 0
|
||||||
|
},
|
||||||
|
baseImageUrl: this.$baseImageUrl,
|
||||||
|
noReadNum: 1,
|
||||||
|
userInfo: {},
|
||||||
|
defaultAvatar: require('@/static/icons/avatar.png'),
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
// this.actList = ["1", "1", "1", "1", "1", ]
|
||||||
|
// this.status = "nomore" 底部刷新结束
|
||||||
|
this.getUserInfo()
|
||||||
|
this.getindex()
|
||||||
|
// this.getwarnMsglist()
|
||||||
|
this.getbottom()
|
||||||
|
this.getUserInfo()
|
||||||
|
this.getWarnCount()
|
||||||
|
this.getAppointAndPickNum()
|
||||||
|
},
|
||||||
|
onPullDownRefresh() {
|
||||||
|
console.log("刷新");
|
||||||
|
uni.stopPullDownRefresh()
|
||||||
|
},
|
||||||
|
onReachBottom() {
|
||||||
|
// this.show = true
|
||||||
|
setTimeout(() => {
|
||||||
|
console.log("加载执行");
|
||||||
|
}, 2000)
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
goInternalManagement(){
|
||||||
|
uni.navigateTo({
|
||||||
|
url:'/pages/manage/internalManagement'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
goordermanage(){
|
||||||
|
uni.navigateTo({
|
||||||
|
url:'/pages/index/ordermanage'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
goNotice(){
|
||||||
|
uni.navigateTo({
|
||||||
|
url:'/pages/notice/notice'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
goback() {
|
||||||
|
uni.navigateBack()
|
||||||
|
},
|
||||||
|
showUserDetail(){
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/index/UserInfo'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
avatarErr(err) {
|
||||||
|
console.log('err', err)
|
||||||
|
this.userInfo.avatar = this.defaultAvatar
|
||||||
|
},
|
||||||
|
getUserInfo() {
|
||||||
|
let roleNames = getStorageWithExpiry("roleNames")
|
||||||
|
if (!roleNames){
|
||||||
|
request({
|
||||||
|
url: '/inspection/util/getRoleName',
|
||||||
|
method: 'get'
|
||||||
|
}).then(res => {
|
||||||
|
roleNames = res.data
|
||||||
|
setStorageWithExpiry("roleNames", roleNames)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const data = getStorageWithExpiry("userInfo")
|
||||||
|
if (!data) {
|
||||||
|
request({
|
||||||
|
url: '/system/user/profile/get',
|
||||||
|
method: 'get'
|
||||||
|
}).then(res => {
|
||||||
|
this.userInfo = res.data
|
||||||
|
if (this.userInfo.avatar) {
|
||||||
|
this.userInfo.avatar = config.baseImageUrl + this.userInfo.avatar
|
||||||
|
}
|
||||||
|
this.userInfo.roleNames = roleNames
|
||||||
|
setStorageWithExpiry("userInfo", this.userInfo)
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
this.userInfo = data
|
||||||
|
}
|
||||||
|
},
|
||||||
|
getWarnCount(){
|
||||||
|
request({
|
||||||
|
url: '/warnMsg/warnMsg/getCount',
|
||||||
|
method: 'get',
|
||||||
|
}).then(res => {
|
||||||
|
if (res.data){
|
||||||
|
this.noReadNum = res.data
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
async getAppointAndPickNum() {
|
||||||
|
let res = await request({
|
||||||
|
url: '/partnerOwn/partner/getAppointAndPickNum',
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
if (res.code == 200) {
|
||||||
|
this.appAndPick = res.data
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 底部消息
|
||||||
|
async getbottom() {
|
||||||
|
let data = {
|
||||||
|
partnerId: uni.getStorageSync('partnerId')
|
||||||
|
}
|
||||||
|
let res = await request({
|
||||||
|
url: '/appInspection/news/newMsgNum',
|
||||||
|
method: 'get',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
if (res.code == 200) {
|
||||||
|
this.chuan = res.data
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async getindex() {
|
||||||
|
// 首页信息
|
||||||
|
let res = await request({
|
||||||
|
url: '/partnerOwn/partner/shopInfo',
|
||||||
|
method: 'get',
|
||||||
|
})
|
||||||
|
this.user = res.data
|
||||||
|
this.partnerId = res.data.partnerId
|
||||||
|
uni.setStorageSync('partnerId', res.data.partnerId)
|
||||||
|
if (res.data.isWorking == "0") {
|
||||||
|
|
||||||
|
this.isWorking = false
|
||||||
|
}
|
||||||
|
if (res.data.isWorking == "1") {
|
||||||
|
this.isWorking = true
|
||||||
|
}
|
||||||
|
// 中间统计
|
||||||
|
let reszj = await request({
|
||||||
|
url: '/partnerOwn/partner/statisticsInfo?partnerId=' + this.partnerId,
|
||||||
|
method: 'get',
|
||||||
|
})
|
||||||
|
let nums = {
|
||||||
|
orderAmount: reszj.data.orderAmount / 100,
|
||||||
|
orderNum: reszj.data.orderNum,
|
||||||
|
todayOrderAmount: reszj.data.todayOrderAmount / 100,
|
||||||
|
todayOrderNum: reszj.data.todayOrderNum,
|
||||||
|
workedNum: reszj.data.workedNum,
|
||||||
|
workingNum: reszj.data.workingNum,
|
||||||
|
srlNum: reszj.data.srlNum,
|
||||||
|
hgNum: reszj.data.hgNum,
|
||||||
|
|
||||||
|
}
|
||||||
|
this.threenum = nums
|
||||||
|
|
||||||
|
|
||||||
|
// 下方订单信息
|
||||||
|
// let resxf = await request({
|
||||||
|
// url:'/partnerOwn/partner/orderInfo?partnerId='+this.partnerId,
|
||||||
|
// method: 'get',
|
||||||
|
// })
|
||||||
|
// this.items = resxf.data
|
||||||
|
// 热销产品
|
||||||
|
let resrx = await request({
|
||||||
|
url: '/partnerOwn/partner/hotGoodsList?partnerId=' + this.partnerId,
|
||||||
|
method: 'get',
|
||||||
|
})
|
||||||
|
this.ping = resrx.data
|
||||||
|
// this.getswitch()
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {}
|
||||||
|
|
||||||
|
|
||||||
|
.top_ {
|
||||||
|
width: 100%;
|
||||||
|
height: 284rpx;
|
||||||
|
background: linear-gradient(180deg, #054DF3 0%, #55A3FF 100%);
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 30rpx;
|
||||||
|
padding-top: 80rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo_imgs {
|
||||||
|
width: 160rpx;
|
||||||
|
height: 40rpx;
|
||||||
|
margin: 20rpx 0rpx;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.t_box {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.picture_ {
|
||||||
|
overflow: hidden;
|
||||||
|
width: 90rpx;
|
||||||
|
height: 90rpx;
|
||||||
|
border-radius: 50%;
|
||||||
|
margin-right: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.d_s {
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.name_ {
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #FFFFFF;
|
||||||
|
margin-bottom: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bqing_ {
|
||||||
|
border-radius: 16rpx;
|
||||||
|
border: 2rpx solid #FFFFFF;
|
||||||
|
box-sizing: border-box;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-size: 22rpx;
|
||||||
|
|
||||||
|
padding: 2px 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon1 {
|
||||||
|
width: 56rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
margin-left: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.three_ {
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 30rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.jg_box {
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list_ {
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.three_box1 {
|
||||||
|
width: 216rpx;
|
||||||
|
height: 116rpx;
|
||||||
|
background-image: url('/static/imgs/t1.png');
|
||||||
|
background-size: 100% 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 14rpx 18rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #101A3E;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.three_box2 {
|
||||||
|
width: 216rpx;
|
||||||
|
height: 116rpx;
|
||||||
|
background-image: url('/static/imgs/t2.png');
|
||||||
|
background-size: 100% 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 14rpx 18rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #101A3E;
|
||||||
|
}
|
||||||
|
|
||||||
|
.three_box3 {
|
||||||
|
width: 216rpx;
|
||||||
|
height: 116rpx;
|
||||||
|
background-image: url('/static/imgs/t3.png');
|
||||||
|
background-size: 100% 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 14rpx 18rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #101A3E;
|
||||||
|
}
|
||||||
|
|
||||||
|
.num_ {
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: #101A3E;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hang_ {
|
||||||
|
width: 100%;
|
||||||
|
height: 30rpx;
|
||||||
|
background: #F7F8FC;
|
||||||
|
}
|
||||||
|
|
||||||
|
.jg_top {
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #000000;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-bottom: 30rpx;
|
||||||
|
border-bottom: 1px solid #F5F5F5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.jg_ds {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 30rpx 0rpx;
|
||||||
|
border-bottom: 1px solid #F5F5F5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.jg_bt {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 30rpx 0rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.jg_ys {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #101A3E;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 80rpx;
|
||||||
|
height: 80rpx;
|
||||||
|
margin-bottom: 5rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.jg_ys1 {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #101A3E;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 48rpx;
|
||||||
|
height: 48rpx;
|
||||||
|
margin-bottom: 5rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.title_{
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #000000;
|
||||||
|
margin-bottom: 30rpx;
|
||||||
|
}
|
||||||
|
.box_{
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 30rpx;
|
||||||
|
background: #F7F8FC;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
margin-bottom: 30rpx;
|
||||||
|
|
||||||
|
}
|
||||||
|
.box_ds{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.box_bd{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-top: 24rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-bottom: 20rpx;
|
||||||
|
border-bottom: 1px solid #E3ECFB;
|
||||||
|
}
|
||||||
|
.bd{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
font-size: 28rpx;
|
||||||
|
margin: 20rpx 0rpx;
|
||||||
|
}
|
||||||
|
.box_title{
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #101A3E;
|
||||||
|
margin-right: 10rpx;
|
||||||
|
}
|
||||||
|
.size_{
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #366FFF;
|
||||||
|
margin-left: 10rpx;
|
||||||
|
|
||||||
|
}
|
||||||
|
.left_{
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #8D90A6;
|
||||||
|
}
|
||||||
|
.right_{
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #101A3E;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
102
pages/manage/NewdeviceManage.vue
Normal file
102
pages/manage/NewdeviceManage.vue
Normal file
@ -0,0 +1,102 @@
|
|||||||
|
<template>
|
||||||
|
<view class="">
|
||||||
|
|
||||||
|
|
||||||
|
<headersVue :titles="titles"><u-icon name="arrow-left" color="#fff" size="18"></u-icon></headersVue>
|
||||||
|
<view class="content">
|
||||||
|
|
||||||
|
<view class="box_">
|
||||||
|
<view class="box_list">
|
||||||
|
<view class="">
|
||||||
|
<image src="/static/imgs/s1.png" mode=""></image>
|
||||||
|
<view class="name_">底检设备</view>
|
||||||
|
<view class="">100</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
<view class="box_list">
|
||||||
|
<view class="">
|
||||||
|
<image src="/static/imgs/s2.png" mode=""></image>
|
||||||
|
<view class="name_">底检设备</view>
|
||||||
|
<view class="">100</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
<view class="box_list">
|
||||||
|
<view class="">
|
||||||
|
<image src="/static/imgs/s3.png" mode=""></image>
|
||||||
|
<view class="name_">底检设备</view>
|
||||||
|
<view class="">100</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
<view class="box_list">
|
||||||
|
<view class="">
|
||||||
|
<image src="/static/imgs/s4.png" mode=""></image>
|
||||||
|
<view class="name_">底检设备</view>
|
||||||
|
<view class="">100</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import headersVue from '../../components/header/headers.vue';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
titles: "设备管理",
|
||||||
|
List: [],
|
||||||
|
show: false,
|
||||||
|
status: 'loading',
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components:{
|
||||||
|
headersVue
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.content{
|
||||||
|
background: #F7F8FC;
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 30rpx;
|
||||||
|
padding-top: 200rpx;
|
||||||
|
}
|
||||||
|
.box_{
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.box_list{
|
||||||
|
width: 328rpx;
|
||||||
|
height: 396rpx;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 18px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 30rpx;
|
||||||
|
image{
|
||||||
|
width: 130rpx;
|
||||||
|
height: 130rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.name_{
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
.num_{
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
134
pages/manage/internalManagement.vue
Normal file
134
pages/manage/internalManagement.vue
Normal file
@ -0,0 +1,134 @@
|
|||||||
|
<template>
|
||||||
|
<view class="">
|
||||||
|
<headersVue :titles="titles"><u-icon name="arrow-left" color="#fff" size="18"></u-icon></headersVue>
|
||||||
|
<view class="content">
|
||||||
|
<!-- <view class="top_"></view> -->
|
||||||
|
|
||||||
|
<view class="box_" @click="goManage(1)">
|
||||||
|
<view class="ds">
|
||||||
|
<image src="/static/imgs/nb1.png" mode=""></image>
|
||||||
|
<view class="">员工管理</view>
|
||||||
|
</view>
|
||||||
|
<view class="anniu">
|
||||||
|
去查看
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="box_" @click="goManage(2)">
|
||||||
|
<view class="ds">
|
||||||
|
<image src="/static/imgs/nb2.png" mode=""></image>
|
||||||
|
<view class="">设备管理</view>
|
||||||
|
</view>
|
||||||
|
<view class="anniu">
|
||||||
|
去查看
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="box_">
|
||||||
|
<view class="ds">
|
||||||
|
<image src="/static/imgs/nb3.png" mode=""></image>
|
||||||
|
<view class="">资料管理</view>
|
||||||
|
</view>
|
||||||
|
<view class="anniu">
|
||||||
|
去查看
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="box_" @click="goManage(4)">
|
||||||
|
<view class="ds">
|
||||||
|
<image src="/static/imgs/nb4.png" mode=""></image>
|
||||||
|
<view class="">工作汇报</view>
|
||||||
|
</view>
|
||||||
|
<view class="anniu">
|
||||||
|
去查看
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import headersVue from '../../components/header/headers.vue';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
titles: "内部管理",
|
||||||
|
msg: "1",
|
||||||
|
List: [],
|
||||||
|
show: false,
|
||||||
|
status: 'loading',
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components:{
|
||||||
|
headersVue
|
||||||
|
},
|
||||||
|
methods:{
|
||||||
|
goManage(num){
|
||||||
|
if(num == 1){
|
||||||
|
uni.navigateTo({
|
||||||
|
url:'/pages/index/NewstaffManagement'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
if(num == 2){
|
||||||
|
uni.navigateTo({
|
||||||
|
url:'/pages/manage/NewdeviceManage'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
if (num == 4) {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/manage/workReport/reportList'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.content{
|
||||||
|
background: #F7F8FC;
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 30rpx;
|
||||||
|
padding-top: 200rpx;
|
||||||
|
}
|
||||||
|
.box_{
|
||||||
|
width: 100%;
|
||||||
|
height: 128rpx;
|
||||||
|
background-image: url('/static/imgs/box_.png');
|
||||||
|
background-size: 100% 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 24rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #000000;
|
||||||
|
margin-bottom: 30rpx;
|
||||||
|
image{
|
||||||
|
width: 80rpx;
|
||||||
|
height: 80rpx;
|
||||||
|
margin-right: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
.ds{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.anniu{
|
||||||
|
width: 144rpx;
|
||||||
|
height: 66rpx;
|
||||||
|
background: #327DFB;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #FFFFFF;
|
||||||
|
border-radius: 50px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
434
pages/manage/workReport/reportDetals.vue
Normal file
434
pages/manage/workReport/reportDetals.vue
Normal file
@ -0,0 +1,434 @@
|
|||||||
|
<template>
|
||||||
|
<view class="content">
|
||||||
|
<headersVue :titles="titles">
|
||||||
|
<u-icon name="arrow-left" color="#fff" size="18"></u-icon>
|
||||||
|
</headersVue>
|
||||||
|
<view class="container">
|
||||||
|
<view class="box_">
|
||||||
|
<view class="title_">
|
||||||
|
<text style="color: red;">*</text>
|
||||||
|
汇报主题
|
||||||
|
</view>
|
||||||
|
<u--input placeholder="请输入" border="surround" v-model="report.reportTopic"></u--input>
|
||||||
|
<view class="x_"></view>
|
||||||
|
<view class="" @click="show =! show">
|
||||||
|
<text class="h_">汇报时间：</text>
|
||||||
|
{{ formatDateTimeToMinute(report.reportTime) }}
|
||||||
|
</view>
|
||||||
|
<view class="x_"></view>
|
||||||
|
<view class="d_s" @click="isShowReportTo = true">
|
||||||
|
<text class="h_">汇报给：{{ reportTosStr }}</text>
|
||||||
|
<view class="j_">+</view>
|
||||||
|
</view>
|
||||||
|
<view class="x_"></view>
|
||||||
|
<view class="title_">
|
||||||
|
<text style="color: red;">*</text>
|
||||||
|
汇报内容
|
||||||
|
</view>
|
||||||
|
<u--textarea v-model="report.reportContent" placeholder="请输入内容"></u--textarea>
|
||||||
|
<view class="x_"></view>
|
||||||
|
<view class="d_b" @click="handleUpload">
|
||||||
|
<view class="">附件</view>
|
||||||
|
<view class="lan_">上传附件
|
||||||
|
<image src="/static/imgs/add.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<u-upload
|
||||||
|
ref="uploadRef"
|
||||||
|
:fileList="fileList1"
|
||||||
|
@afterRead="afterRead"
|
||||||
|
@delete="deletePic"
|
||||||
|
name="1"
|
||||||
|
multiple
|
||||||
|
:maxCount="10"
|
||||||
|
v-show="fileList1.length > 0"
|
||||||
|
>
|
||||||
|
</u-upload>
|
||||||
|
<view class="hui_box" v-if="fileList1.length == 0">
|
||||||
|
<image src="/static/imgs/wod.png" mode=""></image>
|
||||||
|
<view class="">
|
||||||
|
<view class="big_">附件格式pdf/jpg/png</view>
|
||||||
|
<view class="sm_">100KB</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="anniu" @click="onSubmit">
|
||||||
|
{{ buttonTitle}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<u-datetime-picker
|
||||||
|
:show="show"
|
||||||
|
@cancel="show = false"
|
||||||
|
@confirm="selectReportTime"
|
||||||
|
v-model="report.reportTime"
|
||||||
|
mode="datetime"
|
||||||
|
></u-datetime-picker>
|
||||||
|
|
||||||
|
<qianziyu-select
|
||||||
|
:show="isShowReportTo"
|
||||||
|
type="checkbox"
|
||||||
|
name="nickname"
|
||||||
|
:dataLists="reportToList"
|
||||||
|
:showSearch=false
|
||||||
|
@cancel="isShowReportTo = false"
|
||||||
|
:checkboxData="report.reportTos"
|
||||||
|
@submit="onReportToSubmit"
|
||||||
|
popupTitle='汇报对象选择'
|
||||||
|
@update:checkboxData="report.reportTos = $event"
|
||||||
|
>
|
||||||
|
</qianziyu-select>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import headersVue from '../../../components/header/headers.vue';
|
||||||
|
import request from "@/utils/request";
|
||||||
|
import {formatDateTimeToMinute} from "@/utils/utils";
|
||||||
|
import upload from "@/utils/upload";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
titles: "汇报",
|
||||||
|
List: [],
|
||||||
|
show: false,
|
||||||
|
status: 'loading',
|
||||||
|
value: '',
|
||||||
|
value1: Number(new Date()),
|
||||||
|
value2: '',
|
||||||
|
show1: false,
|
||||||
|
report: {
|
||||||
|
reportTopic: '',
|
||||||
|
reportContent: '',
|
||||||
|
reportTime: formatDateTimeToMinute(new Date()),
|
||||||
|
reportTos: [],
|
||||||
|
servicePackageId: "jiance",
|
||||||
|
},
|
||||||
|
isShowReportTo: false,
|
||||||
|
reportToList: [],
|
||||||
|
reportTosStr:null,
|
||||||
|
fileList1: [],
|
||||||
|
buttonTitle:"保存",
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
headersVue
|
||||||
|
},
|
||||||
|
onLoad(data) {
|
||||||
|
if (data.id) {
|
||||||
|
this.buttonTitle="修改"
|
||||||
|
console.log(data.id)
|
||||||
|
this.getWorkReport(data.id)
|
||||||
|
}
|
||||||
|
this.getReportTo()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
formatDateTimeToMinute,
|
||||||
|
cancelShow() {
|
||||||
|
this.show = !this.show
|
||||||
|
},
|
||||||
|
async getReportTo() {
|
||||||
|
await request({
|
||||||
|
url: '/work/report/queryReportTo',
|
||||||
|
method: 'get',
|
||||||
|
params: {
|
||||||
|
dictType: "ins_report_role"
|
||||||
|
}
|
||||||
|
}).then(res => {
|
||||||
|
this.reportToList = res.data
|
||||||
|
})
|
||||||
|
},
|
||||||
|
onReportToSubmit(selectedData) {
|
||||||
|
this.isShowReportTo = false
|
||||||
|
this.report.reportTos = selectedData
|
||||||
|
this.reportTosStr = selectedData.map(item => item.nickname).join(',')
|
||||||
|
},
|
||||||
|
selectReportTime(e) {
|
||||||
|
this.report.reportTime = formatDateTimeToMinute(e.value)
|
||||||
|
this.show = false
|
||||||
|
},
|
||||||
|
|
||||||
|
// 上传相关方法
|
||||||
|
handleUpload() {
|
||||||
|
// 通过 ref 获取 u-upload 组件实例，并调用其上传方法
|
||||||
|
this.$refs.uploadRef.chooseFile();
|
||||||
|
},
|
||||||
|
// 删除图片
|
||||||
|
deletePic(event) {
|
||||||
|
this[`fileList${event.name}`].splice(event.index, 1);
|
||||||
|
},
|
||||||
|
// 新增图片
|
||||||
|
async afterRead(event) {
|
||||||
|
// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
|
||||||
|
let lists = [].concat(event.file);
|
||||||
|
let fileListLen = this[`fileList${event.name}`].length;
|
||||||
|
lists.map((item) => {
|
||||||
|
this[`fileList${event.name}`].push({
|
||||||
|
...item,
|
||||||
|
status: "uploading",
|
||||||
|
message: "上传中",
|
||||||
|
});
|
||||||
|
});
|
||||||
|
for (let i = 0; i < lists.length; i++) {
|
||||||
|
const result = await this.uploadFilePromise(lists[i].url);
|
||||||
|
let item = this[`fileList${event.name}`][fileListLen];
|
||||||
|
this[`fileList${event.name}`].splice(
|
||||||
|
fileListLen,
|
||||||
|
1,
|
||||||
|
Object.assign(item, {
|
||||||
|
status: "success",
|
||||||
|
message: "",
|
||||||
|
url: result,
|
||||||
|
})
|
||||||
|
);
|
||||||
|
fileListLen++;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
uploadFilePromise(url) {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
// let a = uni.uploadFile({
|
||||||
|
// url: "http://192.168.2.21:7001/upload", // 仅为示例，非真实的接口地址
|
||||||
|
// filePath: url,
|
||||||
|
// name: "file",
|
||||||
|
// formData: {
|
||||||
|
// user: "test",
|
||||||
|
// },
|
||||||
|
// success: (res) => {
|
||||||
|
// setTimeout(() => {
|
||||||
|
// resolve(res.data.data);
|
||||||
|
// }, 1000);
|
||||||
|
// },
|
||||||
|
// });
|
||||||
|
upload({
|
||||||
|
url: '/common/upload',
|
||||||
|
filePath: url,
|
||||||
|
}).then((res) => {
|
||||||
|
resolve(res.data.url);
|
||||||
|
this.forceRefreshFiles(); // 强制刷新文件列表
|
||||||
|
})
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/** 表单提交 */
|
||||||
|
onSubmit() {
|
||||||
|
console.log('提交的数据:', this.report.reportTime)
|
||||||
|
//校验
|
||||||
|
const isValid = this.checkForm()
|
||||||
|
if (!isValid) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
//将文件转为字符串
|
||||||
|
this.report.filePath = this.fileList1
|
||||||
|
.map(item => item.url.replace(/^https?:\/\/[^/]+\/minio\//, '')) // 去除域名和 minio/
|
||||||
|
.join(',');
|
||||||
|
|
||||||
|
this.report.reportTos = this.report.reportTos.map(item => item.id)
|
||||||
|
let url = '/work/report/create'
|
||||||
|
let method = 'post'
|
||||||
|
if (this.type === 'edit') {
|
||||||
|
url = '/work/report/update'
|
||||||
|
method = 'put'
|
||||||
|
}
|
||||||
|
request({
|
||||||
|
url: url,
|
||||||
|
method: method,
|
||||||
|
data: this.report
|
||||||
|
}).then(res => {
|
||||||
|
if (res.code === 200) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '保存成功',
|
||||||
|
icon: 'none',
|
||||||
|
duration: 2000
|
||||||
|
});
|
||||||
|
setTimeout(() => {
|
||||||
|
// 在跳回之前刷新页面
|
||||||
|
uni.navigateBack({
|
||||||
|
delta: 1, // 跳回前一个页面
|
||||||
|
success: () => {
|
||||||
|
// 刷新当前页面数据
|
||||||
|
uni.reLaunch({
|
||||||
|
url: '/pages/manage/workReport/workReport' // 替换为你要刷新页面的路径
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}, 2000);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/** 校验 */
|
||||||
|
checkForm() {
|
||||||
|
if (this.report.reportTos.length === 0) {
|
||||||
|
if (!this.report.reportTopic) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请输入汇报主题',
|
||||||
|
icon: 'none',
|
||||||
|
duration: 2000
|
||||||
|
});
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
uni.showToast({
|
||||||
|
title: '请选择汇报对象',
|
||||||
|
icon: 'none',
|
||||||
|
duration: 2000
|
||||||
|
});
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!this.report.reportContent) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '请输入汇报内容',
|
||||||
|
icon: 'none',
|
||||||
|
duration: 2000
|
||||||
|
});
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
return true
|
||||||
|
},
|
||||||
|
/** 获取汇报对象 */
|
||||||
|
async getWorkReport(id) {
|
||||||
|
await request({
|
||||||
|
url: '/work/report/get?id=' + id,
|
||||||
|
method: 'get'
|
||||||
|
}).then(res => {
|
||||||
|
this.report = res.data
|
||||||
|
// 根据 ID 数组查找对应的数据，并赋值给 report.reportTos
|
||||||
|
this.report.reportTos = this.reportToList.filter(item => res.data.reportTos.includes(item.id));
|
||||||
|
this.reportTosStr = this.report.reportTos.map(item => item.nickname).join(',')
|
||||||
|
if (res.data.filePath) {
|
||||||
|
this.fileList1 = res.data.filePath.split(',').map(item => {
|
||||||
|
return {
|
||||||
|
url: this.baseImageUrl + "/" + item
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.content {
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-top: 200rpx;
|
||||||
|
background: #f4f5f6;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
background: #f4f5f6;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box_ {
|
||||||
|
width: 100%;
|
||||||
|
background: #fff;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title_ {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #101A3E;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.x_ {
|
||||||
|
width: 100%;
|
||||||
|
height: 2rpx;
|
||||||
|
background: #f4f5f6;
|
||||||
|
margin: 30rpx 0rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h_ {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #8D90A6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.d_s {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.j_ {
|
||||||
|
width: 40rpx;
|
||||||
|
height: 40rpx;
|
||||||
|
background: #D9E0EC;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
color: #fff;
|
||||||
|
line-height: 40rpx;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.d_b {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 30rpx 0rpx;
|
||||||
|
border-top: 2rpx solid #F5F6F9;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #8D90A6;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.telnum {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #366FFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lan_ {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #327DFB;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 36rpx;
|
||||||
|
height: 36rpx;
|
||||||
|
margin-left: 15rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.hui_box {
|
||||||
|
width: 100%;
|
||||||
|
background: #F5F6F9;
|
||||||
|
border-radius: 16rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 30rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 90rpx;
|
||||||
|
height: 90rpx;
|
||||||
|
margin-right: 15rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.big_ {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #101A3E;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sm_ {
|
||||||
|
font-size: 22rpx;
|
||||||
|
color: #8D90A6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.anniu {
|
||||||
|
width: 622rpx;
|
||||||
|
height: 78rpx;
|
||||||
|
background: #427FFE;
|
||||||
|
border-radius: 50rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: #fff;
|
||||||
|
margin-top: 200rpx;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
221
pages/manage/workReport/reportList.vue
Normal file
221
pages/manage/workReport/reportList.vue
Normal file
@ -0,0 +1,221 @@
|
|||||||
|
<template>
|
||||||
|
<view class="content">
|
||||||
|
<headersVue :titles="titles">
|
||||||
|
<u-icon name="arrow-left" color="#fff" size="18"></u-icon>
|
||||||
|
</headersVue>
|
||||||
|
<view class="top_">
|
||||||
|
<view class="search_box">
|
||||||
|
<u-search placeholder="请输入汇报人姓名或汇报主题进行搜索" @search="getReportList" @clear="getReportList" :showAction="false" searchIconColor="#427FFE" v-model="queryParams.topicOrUserName"></u-search>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="container">
|
||||||
|
<view class="c_box" v-for="(item,index) in reportList" :key="index" @click="goDetails(item)">
|
||||||
|
<view class="c_ds" style="margin-bottom: 15px;">
|
||||||
|
<view class="touxiang_">
|
||||||
|
<image :src="baseImageUrl + '/' + item.avatar" mode="" v-if="item.avatar"></image>
|
||||||
|
<image src="/static/imgs/yh.png" mode="" v-else></image>
|
||||||
|
</view>
|
||||||
|
<view class="name_">{{ item.userName}}</view>
|
||||||
|
<view class="icon_">{{ item.reportTopic }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="c_ds">
|
||||||
|
<view class="" style="color: #8D90A6;">汇报时间：</view>
|
||||||
|
<view class="">{{ formatDateChinese(item.reportTime) }}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view style="width: 100%; height: 60px; "></view>
|
||||||
|
|
||||||
|
<view class="bottom_" @click="goDetails()">
|
||||||
|
<view class="bottom_box">填写汇报</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import headersVue from '../../../components/header/headers.vue';
|
||||||
|
import config from "@/config";
|
||||||
|
import {formatDateChinese, formatDateTimeToMinute} from "@/utils/utils";
|
||||||
|
import request from "@/utils/request";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
titles: "汇报列表",
|
||||||
|
List: [],
|
||||||
|
show: false,
|
||||||
|
status: 'loading',
|
||||||
|
reportList: [],
|
||||||
|
showPopup: false, // 控制筛选弹窗显示
|
||||||
|
// 查询参数
|
||||||
|
queryParams: {
|
||||||
|
pageNo: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
reportTopic: null,
|
||||||
|
reportTime: [],
|
||||||
|
createTime: [],
|
||||||
|
userName: null,
|
||||||
|
servicePackageId: "jiance",
|
||||||
|
dictType: 'ins_high_rise',
|
||||||
|
topicOrUserName: '',
|
||||||
|
},
|
||||||
|
showStarTime: false,
|
||||||
|
showEndTime: false,
|
||||||
|
baseImageUrl: config.baseImageUrl,
|
||||||
|
totalPages: 0,
|
||||||
|
reportTimeStr: [],
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
headersVue
|
||||||
|
},
|
||||||
|
onLoad() {
|
||||||
|
this.getReportList();
|
||||||
|
},
|
||||||
|
onReachBottom() {
|
||||||
|
if (this.queryParams.pageNo >= this.totalPages) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '没有下一页数据',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
|
||||||
|
} else {
|
||||||
|
this.queryParams.pageNo++
|
||||||
|
this.getReportList()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
formatDateChinese,
|
||||||
|
formatDateTimeToMinute,
|
||||||
|
// 获取汇报列表
|
||||||
|
getReportList() {
|
||||||
|
request({
|
||||||
|
url: "/work/report/page",
|
||||||
|
method: "GET",
|
||||||
|
params: this.queryParams,
|
||||||
|
}).then((res) => {
|
||||||
|
if (this.queryParams.pageNo != 1) {
|
||||||
|
this.reportList = this.reportList.concat(res.data.records);
|
||||||
|
} else {
|
||||||
|
this.reportList = res.data.records;
|
||||||
|
}
|
||||||
|
let total = res.total;
|
||||||
|
this.totalPages = Math.ceil(total / this.queryParams.pageSize);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
goDetails(data) {
|
||||||
|
if (!data) {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/manage/workReport/reportDetals'
|
||||||
|
})
|
||||||
|
}else {
|
||||||
|
console.log('id', data)
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/manage/workReport/reportDetals?id=' + data.id
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.content {
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-top: 200rpx;
|
||||||
|
background: #f4f5f6;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 30rpx;
|
||||||
|
background: #f4f5f6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search_box{
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-bottom: 20rpx;
|
||||||
|
border-bottom: 2rpx solid #F5F5F5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top_{
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 20rpx;
|
||||||
|
background: #fff;
|
||||||
|
padding-bottom: 0px;
|
||||||
|
}
|
||||||
|
.c_box {
|
||||||
|
width: 100%;
|
||||||
|
background: #fff;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 20px;
|
||||||
|
margin-bottom: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c_ds {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.touxiang_ {
|
||||||
|
width: 90rpx;
|
||||||
|
height: 90rpx;
|
||||||
|
margin-right: 20rpx;
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.name_ {
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #101A3E;
|
||||||
|
margin-right: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon_ {
|
||||||
|
background: #eaf2fe;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 5rpx 10rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
border-radius: 16rpx;
|
||||||
|
color: #427FFE;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bottom_ {
|
||||||
|
width: 100%;
|
||||||
|
height: 158rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
box-shadow: 0rpx -1rpx 24rpx 0rpx rgba(0, 0, 0, 0.1);
|
||||||
|
border-radius: 15px 15px 0px 0px;
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
z-index: 999;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bottom_box {
|
||||||
|
width: 600rpx;
|
||||||
|
height: 78rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #fff;
|
||||||
|
background: #427FFE;
|
||||||
|
border: 2rpx solid #427FFE;
|
||||||
|
border-radius: 50px;
|
||||||
|
margin: 30rpx;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
BIN
static/imgs/add.png
Normal file
BIN
static/imgs/add.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 550 B |
BIN
static/imgs/box_.png
Normal file
BIN
static/imgs/box_.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
static/imgs/car.png
Normal file
BIN
static/imgs/car.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
static/imgs/gengduo.png
Normal file
BIN
static/imgs/gengduo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 824 B |
BIN
static/imgs/jg1.png
Normal file
BIN
static/imgs/jg1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
static/imgs/jg10.png
Normal file
BIN
static/imgs/jg10.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
static/imgs/jg2.png
Normal file
BIN
static/imgs/jg2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
BIN
static/imgs/jg3.png
Normal file
BIN
static/imgs/jg3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
static/imgs/jg4.png
Normal file
BIN
static/imgs/jg4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
static/imgs/jg5.png
Normal file
BIN
static/imgs/jg5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
static/imgs/jg6.png
Normal file
BIN
static/imgs/jg6.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
static/imgs/jg7.png
Normal file
BIN
static/imgs/jg7.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
static/imgs/jg8.png
Normal file
BIN
static/imgs/jg8.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
BIN
static/imgs/jg9.png
Normal file
BIN
static/imgs/jg9.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
static/imgs/logo.png
Normal file
BIN
static/imgs/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
static/imgs/nb1.png
Normal file
BIN
static/imgs/nb1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
BIN
static/imgs/nb2.png
Normal file
BIN
static/imgs/nb2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
BIN
static/imgs/nb3.png
Normal file
BIN
static/imgs/nb3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
static/imgs/nb4.png
Normal file
BIN
static/imgs/nb4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
BIN
static/imgs/ns.png
Normal file
BIN
static/imgs/ns.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
static/imgs/num1.png
Normal file
BIN
static/imgs/num1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
static/imgs/num2.png
Normal file
BIN
static/imgs/num2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
BIN
static/imgs/num3.png
Normal file
BIN
static/imgs/num3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
static/imgs/s1.png
Normal file
BIN
static/imgs/s1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
static/imgs/s2.png
Normal file
BIN
static/imgs/s2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
static/imgs/s3.png
Normal file
BIN
static/imgs/s3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
static/imgs/s4.png
Normal file
BIN
static/imgs/s4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
static/imgs/t1.png
Normal file
BIN
static/imgs/t1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 841 B |
BIN
static/imgs/t2.png
Normal file
BIN
static/imgs/t2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 991 B |
BIN
static/imgs/t3.png
Normal file
BIN
static/imgs/t3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
static/imgs/tel.png
Normal file
BIN
static/imgs/tel.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 954 B |
BIN
static/imgs/touxiang.png
Normal file
BIN
static/imgs/touxiang.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.6 KiB |
BIN
static/imgs/wod.png
Normal file
BIN
static/imgs/wod.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
BIN
static/imgs/xiaoxi.png
Normal file
BIN
static/imgs/xiaoxi.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
static/imgs/yh.png
Normal file
BIN
static/imgs/yh.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
@ -33,6 +33,16 @@ export function formatDate(timestamp) {
|
|||||||
// 组合成日期时间字符串
|
// 组合成日期时间字符串
|
||||||
return `${year}-${month}-${day}`;
|
return `${year}-${month}-${day}`;
|
||||||
}
|
}
|
||||||
|
export function formatDateChinese(timestamp) {
|
||||||
|
// 将时间戳转换为Date对象
|
||||||
|
const date = new Date(timestamp);
|
||||||
|
// 获取年月日时分秒
|
||||||
|
const year = date.getFullYear();
|
||||||
|
const month = (date.getMonth() + 1).toString().padStart(2, '0');
|
||||||
|
const day = date.getDate().toString().padStart(2, '0');
|
||||||
|
// 组合成日期时间字符串
|
||||||
|
return `${year}年${month}月${day}日`;
|
||||||
|
}
|
||||||
|
|
||||||
export function formatDateTimeToMinute(timestamp) {
|
export function formatDateTimeToMinute(timestamp) {
|
||||||
// 将时间戳转换为 Date 对象
|
// 将时间戳转换为 Date 对象
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user