修改样式

This commit is contained in:
wangyilin 2024-09-13 14:37:22 +08:00
parent cc73564ed5
commit 7472cb566a
9 changed files with 50 additions and 44 deletions

View File

@ -9,9 +9,9 @@ export default defineAppConfig({
],
window: {
backgroundTextStyle: 'light',
navigationBarBackgroundColor: '#f7f8fa',
navigationBarBackgroundColor: '#4e87ff',
navigationBarTitleText: '',
navigationBarTextStyle: 'black',
navigationBarTextStyle:'white',
backgroundColor: "#008080"
},
subpackages: [

View File

@ -59,7 +59,6 @@ import Taro, {useLoad} from "@tarojs/taro";
const showPicker = ref(false)
const formData = ref<formDate>({
snowFlakeId:'',
serviceProjectId:'',
name: '',
workPost:'',
sex:0,
@ -70,6 +69,7 @@ const formData = ref<formDate>({
remark:'',
homeAddress: ''
})
const serviceProjectId = ref('')
const pickerValue = ref(new Date())
const formRef = ref(null)
@ -94,7 +94,7 @@ const rules: FormRules = {
};
useLoad((options)=>{
formData.value.serviceProjectId = JSON.parse(options.item).snowFlakeId
serviceProjectId.value = JSON.parse(options.item).snowFlakeId
})
const openDate = ()=>{
showPicker.value = true
@ -121,7 +121,7 @@ const submit = () => {
formRef.value?.validate().then(({valid, errors}) => {
if (valid) {
const saveOrUpdateSecurityUserParams = {
serviceProjectId:formData.value.serviceProjectId,
serviceProjectId:serviceProjectId.value,
name: formData.value.name,
workPost:formData.value.workPost,
sex:formData.value.sex,
@ -141,7 +141,6 @@ const submit = () => {
}).then()
formData.value = {
snowFlakeId:'',
serviceProjectId:formData.value.serviceProjectId,
name: '',
workPost:'',
sex:0,

View File

@ -25,10 +25,10 @@ import {onMounted, ref} from "vue";
import Taro from "@tarojs/taro";
import './index.scss'
const myProjectList = ref<myProjectList[]>()
const myProjectList = ref<MyProjectList[]>()
const getMyServiceProject = async () => {
const token = Taro.getStorageSync('token')
const resp = await api.get<myProjectList[]>(`/policeIndex/getUnitServiceProjectList`, {
const resp = await api.get<MyProjectList[]>(`/policeIndex/getUnitServiceProjectList`, {
token: token.value
})

View File

@ -5,6 +5,7 @@
display: flex;
flex-direction: column;
.projectDetailsItem{
height: 18%;
margin: 20px;
border-radius: 10px;
background: #ffffff;
@ -19,17 +20,17 @@
}
}
.projectDetailsTableDrop{
height: 500px;
height: 80%;
.projectDetailsTable{
margin: 20px;
border-radius: 10px;
background: #ffffff;
padding: 15px;
font-size: 28px;
line-height: 65px;
line-height: 50px;
color: #333333;
.projectDetailsTableItem{
display: flex;
//display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
@ -38,12 +39,14 @@
}
}
}
.projectDetailsButton{
position: fixed;
bottom: 19px;
display: flex;
margin-top: auto;
justify-content: space-around;
margin-bottom: 30px
-webkit-justify-content: space-around;
margin-bottom: 10rpx;
right: 0;
width: 100%;
}
}

View File

@ -34,31 +34,38 @@
</view>
<!--表格-->
<view class="projectDetailsTableDrop">
<view>项目人员</view>
<scroll-view :scroll-y="true" style="height: 500rpx;" @scrolltoupper="upper" @scrolltolower="lower"
@scroll="scroll" :scroll-into-view="toView" :scroll-top="scrollTop" refresherEnabled="true"
<view style="padding: 0 12px">项目人员</view>
<scroll-view :scroll-y="true" style="height: 80%;" @scrolltoupper="upper" @scrolltolower="lower"
:scroll-into-view="toView" :scroll-top="scrollTop" :refresherEnabled="true"
@refresherrefresh="onRefresherRefresh" :refresher-triggered="isRefresher"
>
<view class="projectDetailsTable">
<view style="border: 1px solid #ccc" v-for="(item,index) in projectData" :key="index">
<view class="projectDetailsTable" v-for="(item,index) in projectData" :key="index">
<view>
<view class="projectDetailsTableItem">
<text>姓名:{{ item?.name }}</text>
<text>性别:{{ item.sex.label }}</text>
<text>职位:{{ item.workPost }}</text>
<text>保安证件:{{ item.securityNumber }}</text>
<text>地址:{{ item.homeAddress }}</text>
<text>出生年月:{{ item.dateOfBirth }}</text>
<view>
<view style="display: flex;justify-content: space-between">
<text>姓名:{{ item?.name?item?.name:'创建者' }}</text>
<text>性别:{{ item.sex?.label?item.sex?.label:' 隐藏' }}</text>
<text>职位:{{ item.workPost?item.workPost:'创建者' }}</text>
</view>
<view style="display: flex;justify-content: space-between">
<text>保安证件:{{ item.securityNumber?item.securityNumber:'125241256451' }}</text>
<text>出生年月:{{ dayjs(item.dateOfBirth).format('YYYY-MM-DD')}}</text>
</view>
<view style="display: flex;justify-content: space-between">
<text>创建时间:{{ item.createTime }}</text>
<text>身份证:{{ item.idCard }}</text>
</view>
</view>
<view>
<nut-button style="width: 25%" size="small" type="info">删除</nut-button>
</view>
</view>
</view>
</view>
</scroll-view>
</view>
<view class="projectDetailsButton">
<nut-button style="width: 45%" type="info" @click="formAdd">项目人员录入</nut-button>
<nut-button style="width: 45%" type="info">二维码录入</nut-button>
@ -70,10 +77,10 @@ import Taro, {useLoad} from "@tarojs/taro";
import './projectDetails.scss'
import {ref} from "vue";
import api from "@/request/index";
import * as dayjs from 'dayjs'
const detailsList = ref()
const nameValue = ref('')
const projectData = ref<Records[]>([])
const projectData = ref<Records<string>[]>([])
useLoad(async (options: MyProjectList) => {
nameValue.value = options.name
detailsList.value = await JSON.parse(options.item)
@ -89,7 +96,7 @@ const projectDetailsTable = async () => {
serviceProjectId: detailsList.value?.snowFlakeId,
},
page: {
size: 2,
size: 4,
current: current.value
}
}
@ -102,7 +109,7 @@ const projectDetailsTable = async () => {
const formAdd = () => {
Taro.navigateTo({url: `/subPages/pages/form/form?item=${JSON.stringify(detailsList.value)}`})
}
const total = ref(null)
const total = ref<any>(null)
const current = ref(1)
const isRefresher = ref(false)
const scrollTop = ref(0)
@ -130,10 +137,6 @@ const onRefresherRefresh = (e) => {
console.log('自定义下拉刷新被触发:', e)
projectDetailsTable()
}
const scroll = (e) => {
// console.log('scroll:', e)
}
</script>
<style scoped lang="scss">

View File

@ -1,6 +1,5 @@
interface formDate {
snowFlakeId?:string;
serviceProjectId:string;
name: string;
workPost?:string;
sex:number;

View File

@ -1,5 +1,5 @@
interface LoginUserInfo {
name?: string;
clientType?: string;
avatar?: string;
}

View File

@ -1,4 +1,5 @@
interface MyProjectList {
item?:any,
address?: string;
city?: string;
cityName?: string;

View File

@ -1,4 +1,4 @@
interface Records{
interface Records<T>{
createTime?: string;
dateOfBirth?: string;
homeAddress?: string;
@ -13,12 +13,13 @@ interface Records{
workPost?:string;
sex?:Sex
}
interface ProjectData {
interface ProjectData<T> {
current?:string;
pages?:string;
records?: Records[];
records?: Records<T>;
size?: string;
total?: string;
data: Records<T>;
}
interface Sex {