@@ -262,3 +262,46 @@ export function majorEventOpenRemove(id) { | |||
method: 'get' | |||
}) | |||
} | |||
// 查询零工登记列表 | |||
export function listOddjob(query) { | |||
return request({ | |||
url: '/subcontract/oddjob/list', | |||
method: 'get', | |||
params: query | |||
}) | |||
} | |||
// 新增零工登记 | |||
export function addOddjob(data) { | |||
return request({ | |||
url: '/subcontract/oddjob/add', | |||
method: 'post', | |||
data: data | |||
}) | |||
} | |||
// 修改零工登记 | |||
export function updateOddjob(data) { | |||
return request({ | |||
url: '/subcontract/oddjob/edit', | |||
method: 'post', | |||
data: data | |||
}) | |||
} | |||
// 查询零工登记详细 | |||
export function getOddjob(id) { | |||
return request({ | |||
url: '/subcontract/oddjob/get/' + id, | |||
method: 'get' | |||
}) | |||
} | |||
// 删除零工登记 | |||
export function delOddjob(id) { | |||
return request({ | |||
url: '/subcontract/oddjob/remove/' + id, | |||
method: 'get' | |||
}) | |||
} |
@@ -3088,6 +3088,42 @@ export const constantRoutes = [ | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage_info/list_tourists_ranking'], resolve) | |||
}, | |||
{ ////阳光村务(新)-- 合同信息 | |||
path: '/sunVillage_info/list_register', | |||
name: 'sunVillageInfoListRegister', | |||
meta: { | |||
title: '零工登记', | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage_info/list_register'], resolve) | |||
}, | |||
{ ////阳光村务(新)-- 合同信息 | |||
path: '/sunVillage_info/list_register_add', | |||
name: 'sunVillageInfoListRegisterAdd', | |||
meta: { | |||
title: '新增零工登记', | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage_info/list_register_add'], resolve) | |||
}, | |||
{ ////阳光村务(新)-- 合同信息 | |||
path: '/sunVillage_info/list_register_edit', | |||
name: 'sunVillageInfoListRegisterEdit', | |||
meta: { | |||
title: '新增零工登记', | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage_info/list_register_edit'], resolve) | |||
}, | |||
{ ////阳光村务(新)-- 合同信息 | |||
path: '/sunVillage_info/list_register_detail', | |||
name: 'sunVillageInfoListRegisterDetail', | |||
meta: { | |||
title: '查看零工登记', | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage_info/list_register_detail'], resolve) | |||
} | |||
]; | |||
@@ -37,6 +37,7 @@ | |||
<div class="nav_list"> | |||
<router-link :to="{name:'sunVillageInfoListFinance'}" class="nav_item n_1">财务公开榜</router-link> | |||
<router-link :to="{name:'sunVillageInfoListTourists'}" class="nav_item n_2">零工公开榜</router-link> | |||
<router-link :to="{name:'sunVillageInfoListRegister'}" class="nav_item n_6">零工登记</router-link> | |||
<router-link :to="{name:'sunVillageInfoListIssues'}" class="nav_item n_3">重大事项</router-link> | |||
<router-link :to="{name:'sunVillageInfoFixedAssets'}" class="nav_item n_4">固定资产</router-link> | |||
<router-link :to="{name:'sunVillageInfoInformation'}" class="nav_item n_5">合同登记</router-link> | |||
@@ -246,7 +247,7 @@ | |||
align-items: center; | |||
justify-content: center; | |||
padding-top: 120px; | |||
&:nth-child(3){ | |||
&:nth-child(3n){ | |||
margin-right: 0; | |||
} | |||
&.n_1{ | |||
@@ -269,6 +270,10 @@ | |||
background: url('../../assets/images/sunVillage_info/index_block_5.png') no-repeat; | |||
background-size: 100% 100%; | |||
} | |||
&.n_6 { | |||
background: url('../../assets/images/sunVillage_info/index_block_6.png') no-repeat; | |||
background-size: 100% 100%; | |||
} | |||
} | |||
} | |||
} | |||
@@ -180,6 +180,7 @@ | |||
this.$dialog.alert({ | |||
title: '提示', | |||
message: '确认删除?', | |||
showCancelButton:true, | |||
}) | |||
.then(() => { | |||
openRemove(id).then(response => { | |||
@@ -43,7 +43,7 @@ | |||
</template> | |||
</van-field> | |||
<van-field required readonly input-align="right" :border="false" > | |||
<van-field readonly input-align="right" :border="false" > | |||
<template #label> | |||
<img src="../../assets/images/sunVillage_info/add_tit_icon_03.png" width="18"> | |||
<p style="margin-left: 5px;">公开图片</p> | |||
@@ -302,5 +302,8 @@ | |||
/deep/ .van-cell--required::before{ | |||
left: 85PX; | |||
} | |||
/deep/ .van-field__error-message{ | |||
display: none; | |||
} | |||
} | |||
</style> |
@@ -43,7 +43,7 @@ | |||
</template> | |||
</van-field> | |||
<van-field required readonly input-align="right" :border="false" > | |||
<van-field readonly input-align="right" :border="false" > | |||
<template #label> | |||
<img src="../../assets/images/sunVillage_info/add_tit_icon_03.png" width="18"> | |||
<p style="margin-left: 5px;">公开图片</p> | |||
@@ -332,5 +332,8 @@ | |||
/deep/ .van-cell--required::before{ | |||
left: 85PX; | |||
} | |||
/deep/ .van-field__error-message{ | |||
display: none; | |||
} | |||
} | |||
</style> |
@@ -173,6 +173,7 @@ | |||
this.$dialog.alert({ | |||
title: '提示', | |||
message: '确认删除?', | |||
showCancelButton:true, | |||
}) | |||
.then(() => { | |||
majorEventOpenRemove(id).then(response => { | |||
@@ -43,7 +43,7 @@ | |||
</template> | |||
</van-field> | |||
<van-field required readonly input-align="right" :border="false" > | |||
<van-field readonly input-align="right" :border="false" > | |||
<template #label> | |||
<img src="../../assets/images/sunVillage_info/add_tit_icon_03.png" width="18"> | |||
<p style="margin-left: 5px;">公开图片</p> | |||
@@ -309,5 +309,8 @@ | |||
/deep/ .van-cell--required::before{ | |||
left: 85PX; | |||
} | |||
/deep/ .van-field__error-message{ | |||
display: none; | |||
} | |||
} | |||
</style> |
@@ -43,7 +43,7 @@ | |||
</template> | |||
</van-field> | |||
<van-field required readonly input-align="right" :border="false" > | |||
<van-field readonly input-align="right" :border="false" > | |||
<template #label> | |||
<img src="../../assets/images/sunVillage_info/add_tit_icon_03.png" width="18"> | |||
<p style="margin-left: 5px;">公开图片</p> | |||
@@ -338,5 +338,8 @@ | |||
/deep/ .van-cell--required::before{ | |||
left: 85PX; | |||
} | |||
/deep/ .van-field__error-message{ | |||
display: none; | |||
} | |||
} | |||
</style> |
@@ -0,0 +1,428 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<div class="header_main"> | |||
零工登记 | |||
<div class="return_btn" @click="onClickLeft"></div> | |||
<div class="add_btn" @click="goAdd" v-show="showBtn"></div> | |||
</div> | |||
<!-- <div class="record_main">--> | |||
<!-- <div class="record_det">--> | |||
<!-- <div class="year_l" @click="tabShow"><i :class="{'icon':true , 'zk':!showTab , 'ss':showTab } "></i>{{queryParams.year == '' ? '全部': queryParams.year}}<span class="unit">{{queryParams.year == '' ? '': '年'}}</span></div>--> | |||
<!-- <div class="total_r">共{{listLength}}条公告</div>--> | |||
<!-- </div>--> | |||
<!-- <div class="record_list" v-if="showTab">--> | |||
<!-- <div :class="{'flex_block':true , 'current':queryParams.year == ''}" @click="tabClick('')">全部</div>--> | |||
<!-- <div :class="{'flex_block':true , 'current':queryParams.year == '2022'}" @click="tabClick('2022')">2022</div>--> | |||
<!-- <div :class="{'flex_block':true , 'current':queryParams.year == '2021'}" @click="tabClick('2021')">2021</div>--> | |||
<!-- <div :class="{'flex_block':true , 'current':queryParams.year == '2020'}" @click="tabClick('2020')">2020</div>--> | |||
<!-- </div>--> | |||
<!-- </div>--> | |||
<div class="list_main"> | |||
<van-list | |||
v-model="loading" | |||
:finished="finished" | |||
finished-text="没有更多了" | |||
@load="getList" | |||
> | |||
<!----1--> | |||
<div class="item" v-for="(item,index) in applicationList" :key="index" > | |||
<div class="info" @click="goDetail(item.id)"> | |||
<div class="title"> | |||
<i class="icon_box"></i> | |||
<p class="news_title">{{item.workerName}}</p> | |||
<!-- <p class="tips_mark" v-if="index==0">新</p>--> | |||
<div class="money">¥{{item.totalMoney}}</div> | |||
</div> | |||
<div class="time"> | |||
<div class="icon_time"></div>{{item.jobTime}} | |||
</div> | |||
</div> | |||
<div class="operation"> | |||
<!-- delete 删除 edit编辑 view查看 --> | |||
<div class="opera_btn edit" @click="goEdit(item.id)" v-show="showBtn"> | |||
<i class="icon "></i> | |||
</div> | |||
<div class="opera_btn delete" @click="goRemove(item.id)" v-show="showBtn"> | |||
<i class="icon"></i> | |||
</div> | |||
<!-- <div class="opera_btn list" @click="goRanking(item.id,item.openNy)" v-show="!showBtn">--> | |||
<!-- <i class="icon "></i>--> | |||
<!-- </div>--> | |||
<!-- <div class="opera_btn view" @click="goDetail(item.id)" v-show="!showBtn">--> | |||
<!-- <i class="icon "></i>--> | |||
<!-- </div>--> | |||
</div> | |||
</div> | |||
</van-list> | |||
</div> | |||
<!-- <div class="bottom_tips">--> | |||
<!-- <span class="xs">已经到底啦</span>--> | |||
<!-- </div>--> | |||
</div> | |||
</template> | |||
<script> | |||
import { listOddjob , delOddjob } from "@/api/sunVillage_info/fixedAssets"; | |||
import Cookies from "js-cookie"; | |||
import request from '@/utils/request' | |||
export default { | |||
name: "certificateList", | |||
data() { | |||
return { | |||
applicationList:[], | |||
applicationListSecond:[], | |||
assetStatusOptions:[], | |||
auditStatus:[], | |||
loading: false, | |||
finished: false, | |||
show: false, | |||
showTab: false, | |||
fileList:[], | |||
listLength:'0', | |||
searchInput:'', | |||
queryParams:{ | |||
pageNum:1, | |||
pageSize:10, | |||
orderByColumn:'createTime', | |||
isAsc:'desc', | |||
year:'', | |||
}, | |||
uploadFiles1:[], | |||
projectId:'', | |||
projectIndex:'', | |||
showBtn:true, | |||
}; | |||
}, | |||
created() { | |||
this.queryParams.bookId = Cookies.get('bookId'); | |||
this.queryParams.deptId = Cookies.get('deptId'); | |||
if (this.$route.query.type == 'code'){ | |||
this.showBtn = false; | |||
} | |||
}, | |||
methods: { | |||
getList(){ | |||
var _this = this; | |||
setTimeout(() => { | |||
console.log(_this.queryParams) | |||
listOddjob(_this.queryParams).then(response => { | |||
_this.listLength = response.total; | |||
_this.applicationList = response.rows; | |||
if(_this.applicationList.length >= response.total){ | |||
_this.finished = true; | |||
return; | |||
}else{ | |||
_this.loading = false; | |||
_this.queryParams.pageNum += 1 ; | |||
} | |||
}); | |||
}, 1000); | |||
}, | |||
tabClick(year){ | |||
this.queryParams.year = year ; | |||
this.applicationList = []; | |||
this.getList(); | |||
}, | |||
tabShow(){ | |||
this.showTab = !this.showTab; | |||
}, | |||
/** 删除按钮操作 */ | |||
handleDelete(row,index) { | |||
let assetStatus = row.assetStatus ? row.assetStatus : data[0].assetStatus; | |||
if (assetStatus === '2' || assetStatus === '3') { | |||
this.$notify({ | |||
message: "不允许删除已出售或已报废的资产", | |||
type: "warning", | |||
}); | |||
return; | |||
} | |||
let useType = row.useType; | |||
if(useType == 3) { | |||
this.$notify({ | |||
message: "出租或出借的资产不允许删除", | |||
type: "warning", | |||
}); | |||
return ; | |||
} | |||
const ids = row.id || this.ids; | |||
this.$dialog.alert( | |||
{ | |||
message:'是否确认删除固定资产?', | |||
title:"警告", | |||
confirmButtonText: "确定", | |||
cancelButtonText: "取消", | |||
} | |||
) | |||
.then(function () { | |||
return delPermanent(ids); | |||
}) | |||
.then(() => { | |||
this.applicationList.splice(index, 1); | |||
this.$notify({ type: 'success', message: '删除成功' }); | |||
}); | |||
}, | |||
goAdd(){ | |||
this.$router.push('/sunVillage_info/list_register_add') | |||
}, | |||
goDetail(id){ | |||
this.$router.push({path:'/sunVillage_info/list_register_detail',query: {id:id}}) | |||
}, | |||
goEdit(id){ | |||
this.$router.push({path:'/sunVillage_info/list_register_edit',query: {id:id}}) | |||
}, | |||
goRanking(id,time){ | |||
this.$router.push({path:'/sunVillage_info/list_tourists_ranking',query: {id:id,time:time}}) | |||
}, | |||
goRemove(id){ | |||
this.$dialog.alert({ | |||
title: '提示', | |||
message: '确认删除?', | |||
showCancelButton:true, | |||
}) | |||
.then(() => { | |||
delOddjob(id).then(response => { | |||
this.$notify({ type: 'success', message: '删除成功' }); | |||
this.getList() | |||
}); | |||
}) | |||
.catch(() => { | |||
// on cancel | |||
}); | |||
} | |||
}, | |||
} | |||
</script> | |||
<style scoped lang="scss"> | |||
.home_wrapper{ | |||
background: #e9e9e9; | |||
min-height: 100vh; | |||
width: 100vw; | |||
.header_main{ | |||
height: 116px; | |||
background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat; | |||
background-size: 100% 100%; | |||
position: fixed; | |||
top: 0; | |||
left: 0; | |||
width: 100%; | |||
font-size: 36px; | |||
line-height: 116px; | |||
text-align: center; | |||
color: #fff; | |||
position: relative; | |||
.return_btn{ | |||
width: 24px; | |||
height: 43.2px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat; | |||
background-size: 20px 36px; | |||
position: absolute; | |||
left: 38px; | |||
top: 36px; | |||
} | |||
.add_btn{ | |||
width: 56.4px; | |||
height: 40.8px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat; | |||
background-size: 47px 34px; | |||
position: absolute; | |||
right: 38px; | |||
top: 36px; | |||
} | |||
} | |||
.record_main{ | |||
padding:30px 22px; | |||
.record_det{ | |||
height: 38px; | |||
line-height: 38px; | |||
display: flex; | |||
justify-content:space-between; | |||
.year_l{ | |||
font-size: 30px; | |||
display: flex; | |||
align-items: center; | |||
color: #858585; | |||
.unit{ | |||
padding-left: 5px; | |||
} | |||
.icon{ | |||
width: 23px; | |||
height: 12px; | |||
display: block; | |||
background: url('../../assets/images/sunVillage_info/list_icon_1.png') no-repeat; | |||
background-size: 100% 100%; | |||
margin-bottom: 4px; | |||
margin-right: 8px; | |||
&.zk { | |||
transform: rotate(0deg) | |||
} | |||
&.ss{ | |||
transform: rotate(180deg) | |||
} | |||
} | |||
} | |||
.total_r{ | |||
font-size: 26px; | |||
letter-spacing: 2px; | |||
} | |||
} | |||
.record_list{ | |||
display: flex; | |||
flex-flow: wrap; | |||
margin-top: 12PX; | |||
.flex_block{ | |||
font-size: 30px; | |||
color: #878787; | |||
padding-right: 30px; | |||
&.current{ | |||
color: #4199fe; | |||
font-weight: bold; | |||
} | |||
} | |||
} | |||
} | |||
.list_main{ | |||
padding:22px; | |||
.item{ | |||
height: 140px; | |||
border-radius: 30px; | |||
background: #fff; | |||
box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1); | |||
padding:25px 32px; | |||
display: flex; | |||
margin-bottom: 20px; | |||
.info{ | |||
flex:0 0 450px; | |||
.title{ | |||
display: flex; | |||
font-size: 32px; | |||
align-items: center; | |||
height: 58px; | |||
.icon_box{ | |||
width: 34px; | |||
display: block; | |||
height: 30px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_2.png') no-repeat; | |||
background-size: 100% 100%; | |||
margin-right: 10px; | |||
} | |||
.news_title{ | |||
max-width:416px; | |||
overflow: hidden; | |||
white-space: nowrap; | |||
text-overflow: ellipsis; | |||
-o-text-overflow: ellipsis; | |||
} | |||
.tips_mark{ | |||
width: 34px; | |||
height: 34px; | |||
background: #fa0c0c; | |||
border-radius: 8px; | |||
font-size: 24px; | |||
color: #fff; | |||
text-align: center; | |||
line-height: 34px; | |||
margin-left: 10px; | |||
} | |||
.money{ | |||
font-size: 14PX; | |||
color: red; | |||
margin-left: auto; | |||
} | |||
} | |||
.time{ | |||
font-size: 24px; | |||
color: #858585; | |||
display: flex; | |||
align-items: center; | |||
height: 30px; | |||
margin-top: 6px; | |||
.icon_time{ | |||
width: 25px; | |||
height: 25px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_4.png') no-repeat; | |||
background-size: 100% 100%; | |||
margin-right: 10px; | |||
} | |||
} | |||
} | |||
.operation{ | |||
flex: 1; | |||
display: flex; | |||
align-items: center; | |||
justify-content: flex-end; | |||
text-align: right; | |||
.opera_btn{ | |||
width: 52px; | |||
height: 52px; | |||
border-radius: 50%; | |||
display: flex; | |||
align-items: center; | |||
justify-content:center; | |||
&.delete{ | |||
background:#df0707; | |||
margin-left: 28px; | |||
.icon{ | |||
width: 22px; | |||
height: 29px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_7.png') no-repeat; | |||
background-size: 100% 100%; | |||
display: block; | |||
} | |||
} | |||
&.edit{ | |||
background: #79cf13; | |||
.icon { | |||
width: 26px; | |||
height: 25px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_6.png') no-repeat; | |||
background-size: 100% 100%; | |||
display: block; | |||
} | |||
} | |||
&.view{ | |||
background: #3494ff; | |||
margin-left: 28px; | |||
.icon { | |||
width: 29px; | |||
height: 21px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_3.png') no-repeat; | |||
background-size: 100% 100%; | |||
display: block; | |||
} | |||
} | |||
&.list{ | |||
background: #79cf13; | |||
.icon { | |||
width: 29px; | |||
height: 21px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_10.png') no-repeat; | |||
background-size: 100% 100%; | |||
display: block; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
} | |||
.bottom_tips{ | |||
font-size: 24px; | |||
color: #a7a6a6; | |||
text-align: center; | |||
margin-top: 32px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_8.png') center center no-repeat; | |||
background-size: 260px 2px; | |||
.xs{ | |||
padding:0 8px; | |||
background: #e9e9e9; | |||
} | |||
} | |||
} | |||
</style> |
@@ -0,0 +1,232 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<div class="header_main"> | |||
新增零工登记 | |||
<div class="return_btn" @click="onClickLeft"></div> | |||
<div class="add_btn"></div> | |||
</div> | |||
<van-form @submit="onSubmit"> | |||
<div class="list_main"> | |||
<van-field | |||
readonly | |||
clickable | |||
label="出工日期" | |||
placeholder="请选择" | |||
v-model="form.jobTime" | |||
@click="showBuildTime = true" | |||
input-align="right" | |||
right-icon="arrow-down" | |||
label-width="auto" | |||
required | |||
:border="false" | |||
:rules="[{ required: true , message:'请选择出工日期' }]" | |||
/> | |||
<van-popup v-model="showBuildTime" position="bottom"> | |||
<van-datetime-picker | |||
v-model="jobTime" | |||
type="year-month" | |||
title="选择年月日" | |||
@confirm="onConfirmOpenNy" | |||
@cancel="showBuildTime = false" | |||
/> | |||
</van-popup> | |||
<van-field required label="出工姓名" v-model="form.workerName" placeholder="请输入出工姓名" :rules="[{ required: true , message:'请输入出工姓名' }]" input-align="right" :border="false" /> | |||
<van-field required label="出工事由" v-model="form.workReason" placeholder="请输入出工事由" :rules="[{ required: true , message:'请输入出工事由' }]" input-align="right" :border="false" /> | |||
<van-field required label="记工员" v-model="form.workerNote" placeholder="请输入记工员" :rules="[{ required: true , message:'请输入记工员' }]" input-align="right" :border="false" /> | |||
<van-field required label="出工数" v-model="form.workNum" placeholder="请输入出工数" :rules="[{ required: true , message:'请输入出工数' }]" input-align="right" :border="false" /> | |||
<van-field required label="工日值" v-model="form.perMoney" placeholder="请输入工日值" :rules="[{ required: true , message:'请输入工日值' }]" input-align="right" :border="false" /> | |||
<van-field required label="金额(元)" v-model="form.totalMoney" placeholder="请输入金额(元)" :rules="[{ required: true , message:'请输入金额' }]" input-align="right" :border="false" /> | |||
<van-field label="备注" v-model="form.remark" placeholder="请输入备注" input-align="right" :border="false" /> | |||
</div> | |||
<div style="margin: 16px;"> | |||
<van-button round block type="primary" native-type="submit"> | |||
保存 | |||
</van-button> | |||
</div> | |||
</van-form> | |||
</div> | |||
</template> | |||
<script> | |||
import { addOddjob } from "@/api/sunVillage_info/fixedAssets"; | |||
import Cookies from "js-cookie"; | |||
import request from '@/utils/request' | |||
export default { | |||
name: "certificateList", | |||
data() { | |||
return { | |||
showBuildTime:false, | |||
form:{ | |||
jobTime:this.format(new Date(),'yyyy-MM-dd'), | |||
workerName:'', | |||
workReason:'', | |||
workerNote:'', | |||
workNum:'', | |||
perMoney:'', | |||
totalMoney:'', | |||
remark:'', | |||
}, | |||
openPic:[], | |||
fileList:[], | |||
fileList1:[], | |||
jobTime:new Date(), | |||
type:'', | |||
openFile:[], | |||
openFileList:[], | |||
queryParams:{ | |||
bookId:'', | |||
deptId:'' | |||
}, | |||
openFile2:[], | |||
openPic2:[], | |||
}; | |||
}, | |||
created() { | |||
this.type = this.$route.query.type; | |||
this.queryParams.bookId = Cookies.get('bookId'); | |||
this.queryParams.deptId = Cookies.get('deptId'); | |||
}, | |||
methods: { | |||
onSubmit(){ | |||
var that = this; | |||
addOddjob(that.form).then((r1) => { | |||
if (r1.code == 200){ | |||
that.$notify({ type: 'success', message: '新增成功' }); | |||
setTimeout(function(){ | |||
history.back(-1); | |||
},2000) | |||
} | |||
}) | |||
}, | |||
onConfirmOpenNy(data){ | |||
this.form.jobTime = this.format(data,'yyyy-MM-dd'); | |||
this.jobTime = data; | |||
this.showBuildTime = false; | |||
}, | |||
}, | |||
} | |||
</script> | |||
<style scoped lang="scss"> | |||
.home_wrapper{ | |||
background: #e9e9e9; | |||
min-height: 100vh; | |||
width: 100vw; | |||
.header_main { | |||
height: 116px; | |||
background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat; | |||
background-size: 100% 100%; | |||
position: fixed; | |||
top: 0; | |||
left: 0; | |||
width: 100%; | |||
font-size: 36px; | |||
line-height: 116px; | |||
text-align: center; | |||
color: #fff; | |||
position: relative; | |||
.return_btn { | |||
width: 24px; | |||
height: 43.2px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat; | |||
background-size: 20px 36px; | |||
position: absolute; | |||
left: 38px; | |||
top: 36px; | |||
} | |||
} | |||
.release_head{ | |||
height: 90px; | |||
padding:0 23px; | |||
display: flex; | |||
align-items: center; | |||
font-size: 26px; | |||
color: #929292; | |||
.people{ | |||
flex: 1; | |||
display: flex; | |||
align-items: center; | |||
.icon{ | |||
width: 24px; | |||
height: 21px; | |||
background: url('../../assets/images/sunVillage_info/details_icon_1.png') no-repeat; | |||
background-size: 100% 100%; | |||
display: block; | |||
margin-right: 8px; | |||
} | |||
} | |||
.time{ | |||
flex: 1; | |||
display: flex; | |||
align-items: center; | |||
justify-content:flex-end; | |||
.icon{ | |||
width: 25px; | |||
height: 25px; | |||
background: url('../../assets/images/sunVillage_info/details_icon_2.png') no-repeat; | |||
background-size: 100% 100%; | |||
display: block; | |||
margin-right: 8px; | |||
} | |||
} | |||
} | |||
.release_conetnt{ | |||
padding:0 22px; | |||
font-size: 32px; | |||
color: #252525; | |||
line-height: 44px; | |||
img{ | |||
max-width: 100%; | |||
margin-bottom: 16px; | |||
} | |||
p{ | |||
margin-bottom: 16px; | |||
} | |||
} | |||
.list_main{ | |||
padding:25px; | |||
background: #ffffff; | |||
width: 94%; | |||
margin: 25px auto 0; | |||
border-radius: 15PX; | |||
box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1); | |||
} | |||
.titBox{ | |||
display: flex; | |||
align-items: center; | |||
} | |||
.tit{ | |||
font-size: 36px; | |||
font-weight: bold; | |||
} | |||
/deep/ .van-cell{ | |||
padding-left: 0!important; | |||
padding-right: 0!important; | |||
padding-bottom: 0!important; | |||
} | |||
/deep/ .van-field__label{ | |||
padding-left: 10PX; | |||
width: auto; | |||
display: flex; | |||
align-items: center; | |||
} | |||
/deep/ .van-cell--required::before{ | |||
left: 0PX; | |||
} | |||
/deep/ .van-field__error-message{ | |||
display: none; | |||
} | |||
} | |||
</style> |
@@ -0,0 +1,225 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<div class="header_main"> | |||
查看零工登记 | |||
<div class="return_btn" @click="onClickLeft"></div> | |||
<div class="add_btn"></div> | |||
</div> | |||
<van-form @submit="onSubmit"> | |||
<div class="list_main"> | |||
<van-field | |||
readonly | |||
clickable | |||
label="出工日期" | |||
placeholder="请选择" | |||
v-model="form.jobTime" | |||
input-align="right" | |||
right-icon="arrow-down" | |||
label-width="auto" | |||
required | |||
:border="false" | |||
:rules="[{ required: true , message:'请选择出工日期' }]" | |||
/> | |||
<van-field readonly required label="出工姓名" v-model="form.workerName" placeholder="请输入出工姓名" :rules="[{ required: true , message:'请输入出工姓名' }]" input-align="right" :border="false" /> | |||
<van-field readonly required label="出工事由" v-model="form.workReason" placeholder="请输入出工事由" :rules="[{ required: true , message:'请输入出工事由' }]" input-align="right" :border="false" /> | |||
<van-field readonly required label="记工员" v-model="form.workerNote" placeholder="请输入记工员" :rules="[{ required: true , message:'请输入记工员' }]" input-align="right" :border="false" /> | |||
<van-field readonly required label="出工数" v-model="form.workNum" placeholder="请输入出工数" :rules="[{ required: true , message:'请输入出工数' }]" input-align="right" :border="false" /> | |||
<van-field readonly required label="工日值" v-model="form.perMoney" placeholder="请输入工日值" :rules="[{ required: true , message:'请输入工日值' }]" input-align="right" :border="false" /> | |||
<van-field readonly required label="金额(元)" v-model="form.totalMoney" placeholder="请输入金额(元)" :rules="[{ required: true , message:'请输入金额' }]" input-align="right" :border="false" /> | |||
<van-field readonly required label="备注" v-model="form.remark" placeholder="请输入备注" :rules="[{ required: true , message:'请输入备注' }]" input-align="right" :border="false" /> | |||
</div> | |||
</van-form> | |||
</div> | |||
</template> | |||
<script> | |||
import { addOddjob , getOddjob , updateOddjob } from "@/api/sunVillage_info/fixedAssets"; | |||
import Cookies from "js-cookie"; | |||
import request from '@/utils/request' | |||
export default { | |||
name: "certificateList", | |||
data() { | |||
return { | |||
showBuildTime:false, | |||
form:{ | |||
jobTime:this.format(new Date(),'yyyy-MM-dd'), | |||
workerName:'', | |||
workReason:'', | |||
workerNote:'', | |||
workNum:'', | |||
perMoney:'', | |||
totalMoney:'', | |||
remark:'', | |||
}, | |||
openPic:[], | |||
fileList:[], | |||
fileList1:[], | |||
jobTime:new Date(), | |||
type:'', | |||
openFile:[], | |||
openFileList:[], | |||
queryParams:{ | |||
id:'', | |||
bookId:'', | |||
deptId:'' | |||
}, | |||
openFile2:[], | |||
openPic2:[], | |||
}; | |||
}, | |||
created() { | |||
this.type = this.$route.query.type; | |||
this.queryParams.bookId = Cookies.get('bookId'); | |||
this.queryParams.deptId = Cookies.get('deptId'); | |||
this.queryParams.id = this.$route.query.id; | |||
this.getDetail(); | |||
}, | |||
methods: { | |||
getDetail(id){ | |||
getOddjob(this.queryParams.id).then((res) => { | |||
var that = this ; | |||
that.form = res.data; | |||
}) | |||
}, | |||
onSubmit(){ | |||
var that = this; | |||
updateOddjob(that.form).then((r1) => { | |||
if (r1.code == 200){ | |||
that.$notify({ type: 'success', message: '修改成功' }); | |||
setTimeout(function(){ | |||
history.back(-1); | |||
},2000) | |||
} | |||
}) | |||
}, | |||
onConfirmOpenNy(data){ | |||
this.form.jobTime = this.format(data,'yyyy-MM-dd'); | |||
this.jobTime = data; | |||
this.showBuildTime = false; | |||
}, | |||
}, | |||
} | |||
</script> | |||
<style scoped lang="scss"> | |||
.home_wrapper{ | |||
background: #e9e9e9; | |||
min-height: 100vh; | |||
width: 100vw; | |||
.header_main { | |||
height: 116px; | |||
background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat; | |||
background-size: 100% 100%; | |||
position: fixed; | |||
top: 0; | |||
left: 0; | |||
width: 100%; | |||
font-size: 36px; | |||
line-height: 116px; | |||
text-align: center; | |||
color: #fff; | |||
position: relative; | |||
.return_btn { | |||
width: 24px; | |||
height: 43.2px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat; | |||
background-size: 20px 36px; | |||
position: absolute; | |||
left: 38px; | |||
top: 36px; | |||
} | |||
} | |||
.release_head{ | |||
height: 90px; | |||
padding:0 23px; | |||
display: flex; | |||
align-items: center; | |||
font-size: 26px; | |||
color: #929292; | |||
.people{ | |||
flex: 1; | |||
display: flex; | |||
align-items: center; | |||
.icon{ | |||
width: 24px; | |||
height: 21px; | |||
background: url('../../assets/images/sunVillage_info/details_icon_1.png') no-repeat; | |||
background-size: 100% 100%; | |||
display: block; | |||
margin-right: 8px; | |||
} | |||
} | |||
.time{ | |||
flex: 1; | |||
display: flex; | |||
align-items: center; | |||
justify-content:flex-end; | |||
.icon{ | |||
width: 25px; | |||
height: 25px; | |||
background: url('../../assets/images/sunVillage_info/details_icon_2.png') no-repeat; | |||
background-size: 100% 100%; | |||
display: block; | |||
margin-right: 8px; | |||
} | |||
} | |||
} | |||
.release_conetnt{ | |||
padding:0 22px; | |||
font-size: 32px; | |||
color: #252525; | |||
line-height: 44px; | |||
img{ | |||
max-width: 100%; | |||
margin-bottom: 16px; | |||
} | |||
p{ | |||
margin-bottom: 16px; | |||
} | |||
} | |||
.list_main{ | |||
padding:25px; | |||
background: #ffffff; | |||
width: 94%; | |||
margin: 25px auto 0; | |||
border-radius: 15PX; | |||
box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1); | |||
} | |||
.titBox{ | |||
display: flex; | |||
align-items: center; | |||
} | |||
.tit{ | |||
font-size: 36px; | |||
font-weight: bold; | |||
} | |||
/deep/ .van-cell{ | |||
padding-left: 0!important; | |||
padding-right: 0!important; | |||
padding-bottom: 0!important; | |||
} | |||
/deep/ .van-field__label{ | |||
padding-left: 10PX; | |||
width: auto; | |||
display: flex; | |||
align-items: center; | |||
} | |||
/deep/ .van-cell--required::before{ | |||
left: 0PX; | |||
} | |||
/deep/ .van-field__error-message{ | |||
display: none; | |||
} | |||
} | |||
</style> |
@@ -0,0 +1,241 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<div class="header_main"> | |||
修改零工登记 | |||
<div class="return_btn" @click="onClickLeft"></div> | |||
<div class="add_btn"></div> | |||
</div> | |||
<van-form @submit="onSubmit"> | |||
<div class="list_main"> | |||
<van-field | |||
readonly | |||
clickable | |||
label="出工日期" | |||
placeholder="请选择" | |||
v-model="form.jobTime" | |||
@click="showBuildTime = true" | |||
input-align="right" | |||
right-icon="arrow-down" | |||
label-width="auto" | |||
required | |||
:border="false" | |||
:rules="[{ required: true , message:'请选择出工日期' }]" | |||
/> | |||
<van-popup v-model="showBuildTime" position="bottom"> | |||
<van-datetime-picker | |||
v-model="jobTime" | |||
type="year-month" | |||
title="选择年月日" | |||
@confirm="onConfirmOpenNy" | |||
@cancel="showBuildTime = false" | |||
/> | |||
</van-popup> | |||
<van-field required label="出工姓名" v-model="form.workerName" placeholder="请输入出工姓名" :rules="[{ required: true , message:'请输入出工姓名' }]" input-align="right" :border="false" /> | |||
<van-field required label="出工事由" v-model="form.workReason" placeholder="请输入出工事由" :rules="[{ required: true , message:'请输入出工事由' }]" input-align="right" :border="false" /> | |||
<van-field required label="记工员" v-model="form.workerNote" placeholder="请输入记工员" :rules="[{ required: true , message:'请输入记工员' }]" input-align="right" :border="false" /> | |||
<van-field required label="出工数" v-model="form.workNum" placeholder="请输入出工数" :rules="[{ required: true , message:'请输入出工数' }]" input-align="right" :border="false" /> | |||
<van-field required label="工日值" v-model="form.perMoney" placeholder="请输入工日值" :rules="[{ required: true , message:'请输入工日值' }]" input-align="right" :border="false" /> | |||
<van-field required label="金额(元)" v-model="form.totalMoney" placeholder="请输入金额(元)" :rules="[{ required: true , message:'请输入金额' }]" input-align="right" :border="false" /> | |||
<van-field label="备注" v-model="form.remark" placeholder="请输入备注" input-align="right" :border="false" /> | |||
</div> | |||
<div style="margin: 16px;"> | |||
<van-button round block type="primary" native-type="submit"> | |||
保存 | |||
</van-button> | |||
</div> | |||
</van-form> | |||
</div> | |||
</template> | |||
<script> | |||
import { addOddjob , getOddjob , updateOddjob } from "@/api/sunVillage_info/fixedAssets"; | |||
import Cookies from "js-cookie"; | |||
import request from '@/utils/request' | |||
export default { | |||
name: "certificateList", | |||
data() { | |||
return { | |||
showBuildTime:false, | |||
form:{ | |||
jobTime:this.format(new Date(),'yyyy-MM-dd'), | |||
workerName:'', | |||
workReason:'', | |||
workerNote:'', | |||
workNum:'', | |||
perMoney:'', | |||
totalMoney:'', | |||
remark:'', | |||
}, | |||
openPic:[], | |||
fileList:[], | |||
fileList1:[], | |||
jobTime:new Date(), | |||
type:'', | |||
openFile:[], | |||
openFileList:[], | |||
queryParams:{ | |||
id:'', | |||
bookId:'', | |||
deptId:'' | |||
}, | |||
openFile2:[], | |||
openPic2:[], | |||
}; | |||
}, | |||
created() { | |||
this.type = this.$route.query.type; | |||
this.queryParams.bookId = Cookies.get('bookId'); | |||
this.queryParams.deptId = Cookies.get('deptId'); | |||
this.queryParams.id = this.$route.query.id; | |||
this.getDetail(); | |||
}, | |||
methods: { | |||
getDetail(id){ | |||
getOddjob(this.queryParams.id).then((res) => { | |||
var that = this ; | |||
that.form = res.data; | |||
}) | |||
}, | |||
onSubmit(){ | |||
var that = this; | |||
updateOddjob(that.form).then((r1) => { | |||
if (r1.code == 200){ | |||
that.$notify({ type: 'success', message: '修改成功' }); | |||
setTimeout(function(){ | |||
history.back(-1); | |||
},2000) | |||
} | |||
}) | |||
}, | |||
onConfirmOpenNy(data){ | |||
this.form.jobTime = this.format(data,'yyyy-MM-dd'); | |||
this.jobTime = data; | |||
this.showBuildTime = false; | |||
}, | |||
}, | |||
} | |||
</script> | |||
<style scoped lang="scss"> | |||
.home_wrapper{ | |||
background: #e9e9e9; | |||
min-height: 100vh; | |||
width: 100vw; | |||
.header_main { | |||
height: 116px; | |||
background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat; | |||
background-size: 100% 100%; | |||
position: fixed; | |||
top: 0; | |||
left: 0; | |||
width: 100%; | |||
font-size: 36px; | |||
line-height: 116px; | |||
text-align: center; | |||
color: #fff; | |||
position: relative; | |||
.return_btn { | |||
width: 24px; | |||
height: 43.2px; | |||
background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat; | |||
background-size: 20px 36px; | |||
position: absolute; | |||
left: 38px; | |||
top: 36px; | |||
} | |||
} | |||
.release_head{ | |||
height: 90px; | |||
padding:0 23px; | |||
display: flex; | |||
align-items: center; | |||
font-size: 26px; | |||
color: #929292; | |||
.people{ | |||
flex: 1; | |||
display: flex; | |||
align-items: center; | |||
.icon{ | |||
width: 24px; | |||
height: 21px; | |||
background: url('../../assets/images/sunVillage_info/details_icon_1.png') no-repeat; | |||
background-size: 100% 100%; | |||
display: block; | |||
margin-right: 8px; | |||
} | |||
} | |||
.time{ | |||
flex: 1; | |||
display: flex; | |||
align-items: center; | |||
justify-content:flex-end; | |||
.icon{ | |||
width: 25px; | |||
height: 25px; | |||
background: url('../../assets/images/sunVillage_info/details_icon_2.png') no-repeat; | |||
background-size: 100% 100%; | |||
display: block; | |||
margin-right: 8px; | |||
} | |||
} | |||
} | |||
.release_conetnt{ | |||
padding:0 22px; | |||
font-size: 32px; | |||
color: #252525; | |||
line-height: 44px; | |||
img{ | |||
max-width: 100%; | |||
margin-bottom: 16px; | |||
} | |||
p{ | |||
margin-bottom: 16px; | |||
} | |||
} | |||
.list_main{ | |||
padding:25px; | |||
background: #ffffff; | |||
width: 94%; | |||
margin: 25px auto 0; | |||
border-radius: 15PX; | |||
box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1); | |||
} | |||
.titBox{ | |||
display: flex; | |||
align-items: center; | |||
} | |||
.tit{ | |||
font-size: 36px; | |||
font-weight: bold; | |||
} | |||
/deep/ .van-cell{ | |||
padding-left: 0!important; | |||
padding-right: 0!important; | |||
padding-bottom: 0!important; | |||
} | |||
/deep/ .van-field__label{ | |||
padding-left: 10PX; | |||
width: auto; | |||
display: flex; | |||
align-items: center; | |||
} | |||
/deep/ .van-cell--required::before{ | |||
left: 0PX; | |||
} | |||
/deep/ .van-field__error-message{ | |||
display: none; | |||
} | |||
} | |||
</style> |
@@ -179,6 +179,7 @@ | |||
this.$dialog.alert({ | |||
title: '提示', | |||
message: '确认删除?', | |||
showCancelButton:true, | |||
}) | |||
.then(() => { | |||
tempWorkerOpenRemove(id).then(response => { | |||
@@ -43,7 +43,7 @@ | |||
</template> | |||
</van-field> | |||
<van-field required readonly input-align="right" :border="false" > | |||
<van-field readonly input-align="right" :border="false" > | |||
<template #label> | |||
<img src="../../assets/images/sunVillage_info/add_tit_icon_03.png" width="18"> | |||
<p style="margin-left: 5px;">公开图片</p> | |||
@@ -302,5 +302,8 @@ | |||
/deep/ .van-cell--required::before{ | |||
left: 85PX; | |||
} | |||
/deep/ .van-field__error-message{ | |||
display: none; | |||
} | |||
} | |||
</style> |
@@ -43,7 +43,7 @@ | |||
</template> | |||
</van-field> | |||
<van-field required readonly input-align="right" :border="false" > | |||
<van-field readonly input-align="right" :border="false" > | |||
<template #label> | |||
<img src="../../assets/images/sunVillage_info/add_tit_icon_03.png" width="18"> | |||
<p style="margin-left: 5px;">公开图片</p> | |||
@@ -332,5 +332,8 @@ | |||
/deep/ .van-cell--required::before{ | |||
left: 85PX; | |||
} | |||
/deep/ .van-field__error-message{ | |||
display: none; | |||
} | |||
} | |||
</style> |