修改样式

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: { window: {
backgroundTextStyle: 'light', backgroundTextStyle: 'light',
navigationBarBackgroundColor: '#f7f8fa', navigationBarBackgroundColor: '#4e87ff',
navigationBarTitleText: '', navigationBarTitleText: '',
navigationBarTextStyle: 'black', navigationBarTextStyle:'white',
backgroundColor: "#008080" backgroundColor: "#008080"
}, },
subpackages: [ subpackages: [

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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