@@ -1219,3 +1219,47 @@ export const assetLiabilityReportByExpTpl = (data) => { | |||||
params: data | params: data | ||||
}) | }) | ||||
} | } | ||||
// 查询四议两公开列表 | |||||
export function listSiyigongkai(query) { | |||||
return request({ | |||||
url: '/subcontract/siyigongkai/list', | |||||
method: 'get', | |||||
params: query | |||||
}) | |||||
} | |||||
// 查询四议两公开详细 | |||||
export function getSiyigongkai(id) { | |||||
return request({ | |||||
url: '/subcontract/siyigongkai/get/' + id, | |||||
method: 'get', | |||||
params: arguments[1] || {} | |||||
}) | |||||
} | |||||
// 修改四议两公开 | |||||
export function updateSiyigongkai(data) { | |||||
return request({ | |||||
url: '/subcontract/siyigongkai/edit', | |||||
method: 'post', | |||||
data: data | |||||
}) | |||||
} | |||||
// 新增四议两公开 | |||||
export function addSiyigongkai(data) { | |||||
return request({ | |||||
url: '/subcontract/siyigongkai/add', | |||||
method: 'post', | |||||
data: data | |||||
}) | |||||
} | |||||
// 删除四议两公开 | |||||
export function delSiyigongkai(id) { | |||||
return request({ | |||||
url: '/subcontract/siyigongkai/remove/' + id, | |||||
method: 'get' | |||||
}) | |||||
} |
@@ -3416,6 +3416,42 @@ export const constantRoutes = [ | |||||
}, | }, | ||||
component: (resolve) => require(['@/views/sunVillage_info/list_contract'], resolve) | component: (resolve) => require(['@/views/sunVillage_info/list_contract'], resolve) | ||||
}, | }, | ||||
{ ////阳光村务(新)-- 四议两公开 | |||||
path: '/sunVillage_info/list_discussions_new', | |||||
name: 'sunVillageInfoListDiscussions', | |||||
meta: { | |||||
title: '四议两公开', | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/sunVillage_info/list_discussions_new'], resolve) | |||||
}, | |||||
{ ////阳光村务(新)-- 四议两公开 | |||||
path: '/sunVillage_info/list_discussions_new_detail', | |||||
name: 'sunVillageInfoListDiscussionsDetail', | |||||
meta: { | |||||
title: '四议两公开', | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/sunVillage_info/list_discussions_new_detail'], resolve) | |||||
}, | |||||
{ ////阳光村务(新)-- 四议两公开 | |||||
path: '/sunVillage_info/list_discussions_new_edit', | |||||
name: 'sunVillageInfoListDiscussionsEdit', | |||||
meta: { | |||||
title: '四议两公开', | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/sunVillage_info/list_discussions_new_edit'], resolve) | |||||
}, | |||||
{ ////阳光村务(新)-- 四议两公开 | |||||
path: '/sunVillage_info/list_discussions_new_add', | |||||
name: 'sunVillageInfoListDiscussionsAdd', | |||||
meta: { | |||||
title: '四议两公开', | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/sunVillage_info/list_discussions_new_add'], resolve) | |||||
}, | |||||
{ ////阳光村务(新)-- 一张图公开 | { ////阳光村务(新)-- 一张图公开 | ||||
path: '/sunVillage_info/list_contract_detail', | path: '/sunVillage_info/list_contract_detail', | ||||
name: 'sunVillageInfoListContractDetail', | name: 'sunVillageInfoListContractDetail', | ||||
@@ -0,0 +1,411 @@ | |||||
<template> | |||||
<div class="home_wrapper"> | |||||
<div | |||||
class="header_main" | |||||
:style="`background-image:url(${require(showBtn?'@/assets/images/sunVillage_info/list_head.png':'@/assets/images/sunVillage_info/list_head_red.png')})`" | |||||
> | |||||
<p class="title">四议两公开</p> | |||||
<div class="return_btn" @click="back"></div> | |||||
<div class="add_btn" @click="add" v-show="showBtn"></div> | |||||
</div> | |||||
<div class="record_main"> | |||||
<div class="record_det"> | |||||
<div></div> | |||||
<!-- <div class="year_l" @click="tabShow"><i :class="{'icon':true , 'zk':!showTab , 'ss':showTab } "></i>{{queryParams.openYear == '' ? '全部': queryParams.openYear}}<span class="unit">{{queryParams.openYear == '' ? '': '年'}}</span></div>--> | |||||
<div class="total_r">共{{listLength}}条公开</div> | |||||
</div> | |||||
<!-- <div class="record_list" v-if="showTab">--> | |||||
<!-- <div :class="{'flex_block':true , 'current':queryParams.openYear == ''}" @click="tabClick('')">全部</div>--> | |||||
<!-- <div v-for="(item,index) in yearList" :key="index" :class="{'flex_block':true , 'current':queryParams.openYear == item}" @click="tabClick(item)">{{item}}</div>--> | |||||
<!-- </div>--> | |||||
</div> | |||||
<div class="list_main"> | |||||
<van-list | |||||
v-model="loading" | |||||
:finished="finished" | |||||
finished-text="没有更多了" | |||||
@load="getList" | |||||
> | |||||
<div class="item" v-for="(item,index) in applicationList" :key="index" @click="viewItem(item.id)" > | |||||
<div class="info"> | |||||
<div class="title"> | |||||
<p class="news_title">{{item.openName}}</p> | |||||
</div> | |||||
<div class="time"> | |||||
<div class="icon_time"></div> | |||||
{{item.jueyiAt}} | |||||
</div> | |||||
</div> | |||||
<div class="operation" v-show="showBtn"> | |||||
<div class="opera_btn view" @click.stop="viewItem(item.id)"> | |||||
<i class="icon "></i> | |||||
</div> | |||||
<div class="opera_btn edit" @click.stop="edit(item.id)"> | |||||
<i class="icon "></i> | |||||
</div> | |||||
<div class="opera_btn delete" @click.stop="remove(item.id)"> | |||||
<i class="icon"></i> | |||||
</div> | |||||
</div> | |||||
</div> | |||||
</van-list> | |||||
</div> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import {Dialog, Toast} from "vant"; | |||||
import {listSiyigongkai, delSiyigongkai} from "@/api/sunVillage_info/fixedAssets"; | |||||
export default { | |||||
name: "otherOpenList", | |||||
data() { | |||||
return { | |||||
dataList:[], | |||||
total: 0, | |||||
queryParams:{ | |||||
pageNum:1, | |||||
pageSize:10, | |||||
isAsc:'desc', | |||||
openYear:'', | |||||
otherType: null, | |||||
}, | |||||
yearList: [], | |||||
reload: false, | |||||
showTab: false, | |||||
otherTypeOptions: [], | |||||
showType: false, | |||||
loading: false, | |||||
finished: false, | |||||
applicationList:[], | |||||
listLength:'0', | |||||
showBtn:true, | |||||
}; | |||||
}, | |||||
created() { | |||||
if (this.$route.query.type == 'code'){ | |||||
this.showBtn = false; | |||||
} | |||||
}, | |||||
methods: { | |||||
getList(){ | |||||
var _this = this; | |||||
listSiyigongkai(_this.queryParams).then(response => { | |||||
_this.listLength = response.total; | |||||
response.rows.map(res=>{ | |||||
_this.applicationList.push(res); | |||||
}) | |||||
if(_this.applicationList.length >= response.total){ | |||||
_this.finished = true; | |||||
return; | |||||
}else{ | |||||
_this.loading = false; | |||||
_this.queryParams.pageNum += 1 ; | |||||
} | |||||
}); | |||||
}, | |||||
viewItem(id){ | |||||
this.$router.push({path:'/sunVillage_info/list_discussions_new_detail',query: {id:id,type:this.$route.query.typeX,showBtn:this.showBtn}}); | |||||
}, | |||||
add() { | |||||
this.$router.push({path:'/sunVillage_info/list_discussions_new_add'}); | |||||
}, | |||||
edit(id) { | |||||
this.$router.push({path:'/sunVillage_info/list_discussions_new_edit',query: {id:id}}); | |||||
}, | |||||
remove(id) { | |||||
Dialog.confirm({ | |||||
title: '警告', | |||||
message: '确认删除该项?', | |||||
}) | |||||
.then(() => { | |||||
const loading = Toast.loading({ | |||||
message: '删除中...', | |||||
duration: 0, | |||||
}); | |||||
delSiyigongkai(id).then((resp) => { | |||||
this.$notify({ type: 'success', message: '删除成功' }); | |||||
this.applicationList = []; | |||||
this.getList(); | |||||
}).finally(() => { | |||||
loading.clear(); | |||||
}); | |||||
}) | |||||
.catch(() => {}); | |||||
}, | |||||
back() { | |||||
this.$router.replace('/sunVillage_info/otherOpenIndex', () => this.$router.back(), () => this.$router.back() ); | |||||
}, | |||||
tabClick(year){ | |||||
this.queryParams.openYear = year; | |||||
this.reload = true; | |||||
}, | |||||
tabShow(){ | |||||
this.showTab = !this.showTab; | |||||
} | |||||
} | |||||
} | |||||
</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; | |||||
} | |||||
.title { | |||||
} | |||||
/*.title::before {*/ | |||||
/* display: inline-block;*/ | |||||
/* width: 24px;*/ | |||||
/* height: 24px;*/ | |||||
/* content: '';*/ | |||||
/* background-image: url('../../assets/images/icon/index_header_focus.png');*/ | |||||
/* background-repeat: no-repeat;*/ | |||||
/* background-size: contain;*/ | |||||
/* margin-right: 0.2rem;*/ | |||||
/* transform: rotate(*/ | |||||
/* 180deg*/ | |||||
/* );*/ | |||||
/*}*/ | |||||
/*.title::after {*/ | |||||
/* width: 0.32rem;*/ | |||||
/* height: 0.32rem;*/ | |||||
/* display: inline-block;*/ | |||||
/* content: '';*/ | |||||
/* background-image: url('../../assets/images/icon/index_header_focus.png');*/ | |||||
/* background-repeat: no-repeat;*/ | |||||
/* background-size: contain;*/ | |||||
/* margin-left: 0.2rem;*/ | |||||
/*}*/ | |||||
} | |||||
.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:15px 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; | |||||
justify-content: space-between; | |||||
.info{ | |||||
.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; | |||||
flex-shrink: 0; | |||||
} | |||||
.news_title{ | |||||
display: -webkit-box; | |||||
-webkit-box-orient: vertical; | |||||
-webkit-line-clamp: 1; | |||||
word-break: break-all; | |||||
overflow: hidden; | |||||
} | |||||
.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; | |||||
flex-shrink: 0; | |||||
} | |||||
} | |||||
.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{ | |||||
display: flex; | |||||
align-items: center; | |||||
justify-content: right; | |||||
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: 10PX; | |||||
.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; | |||||
margin-left: 10PX; | |||||
.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: 10PX; | |||||
.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; | |||||
margin-left: 10PX; | |||||
.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; | |||||
} | |||||
} | |||||
} | |||||
.top_head_title{ | |||||
font-size: 16PX; | |||||
text-align: center; | |||||
padding: 15PX 0; | |||||
} | |||||
</style> |
@@ -0,0 +1,350 @@ | |||||
<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 required :rules="[{ required: true }]" v-model="form.openName" placeholder="请输入公开标题" input-align="right" :border="false" > | |||||
<template #label> | |||||
<img src="../../assets/images/sunVillage_info/add_icon_1.png" width="18"> | |||||
<p style="margin-left: 5px;">公开标题</p> | |||||
</template> | |||||
</van-field> | |||||
<van-field | |||||
readonly | |||||
clickable | |||||
placeholder="请选择" | |||||
v-model="form.jueyiAt" | |||||
@click="showBuildTime = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
label-width="auto" | |||||
required | |||||
:border="false" | |||||
:rules="[{ required: true , message:'请选择决议公开日期' }]" | |||||
> | |||||
<template #label> | |||||
<img src="../../assets/images/sunVillage_info/add_tit_icon_01.png" width="18"> | |||||
<p style="margin-left: 5px;">决议公开日期</p> | |||||
</template> | |||||
</van-field> | |||||
<van-popup v-model="showBuildTime" position="bottom"> | |||||
<van-datetime-picker | |||||
v-model="openNy" | |||||
type="date" | |||||
title="选择年月日" | |||||
@confirm="onConfirmOpenNy" | |||||
@cancel="showBuildTime = false" | |||||
/> | |||||
</van-popup> | |||||
<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> | |||||
</template> | |||||
</van-field> | |||||
<!-- @delete="deleteFile1"--> | |||||
<van-uploader v-model="jueyiPic" multiple :after-read="afterRead" @delete="deleteFile1" style="margin-top: 10PX" /> | |||||
<van-field | |||||
readonly | |||||
clickable | |||||
placeholder="请选择" | |||||
v-model="form.shishiAt" | |||||
@click="showBuildTime2 = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
label-width="auto" | |||||
:border="false" | |||||
> | |||||
<template #label> | |||||
<img src="../../assets/images/sunVillage_info/add_tit_icon_01.png" width="18"> | |||||
<p style="margin-left: 5px;">实施公开日期</p> | |||||
</template> | |||||
</van-field> | |||||
<van-popup v-model="showBuildTime2" position="bottom"> | |||||
<van-datetime-picker | |||||
v-model="openNy2" | |||||
type="date" | |||||
title="选择年月日" | |||||
@confirm="onConfirmOpenNy2" | |||||
@cancel="showBuildTime2 = false" | |||||
/> | |||||
</van-popup> | |||||
<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> | |||||
</template> | |||||
</van-field> | |||||
<!-- @delete="deleteFile1"--> | |||||
<van-uploader v-model="shishiPic" multiple :after-read="afterRead2" @delete="deleteFile2" style="margin-top: 10PX" /> | |||||
<van-field v-model="form.remark" placeholder="请输入备注" input-align="right" :border="false" > | |||||
<template #label> | |||||
<img src="../../assets/images/sunVillage_info/add_tit_icon_05.png" width="18"> | |||||
<p style="margin-left: 5px;">备注</p> | |||||
</template> | |||||
</van-field> | |||||
</div> | |||||
<div style="margin: 16px auto;width: 50%;"> | |||||
<van-button round block type="primary" native-type="submit"> | |||||
保存 | |||||
</van-button> | |||||
</div> | |||||
</van-form> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import { | |||||
commonUpload, | |||||
addSiyigongkai | |||||
} from "@/api/sunVillage_info/fixedAssets"; | |||||
import Cookies from "js-cookie"; | |||||
import request from '@/utils/request' | |||||
export default { | |||||
name: "certificateList", | |||||
data() { | |||||
return { | |||||
showBuildTime:false, | |||||
showBuildTime2:false, | |||||
showPictureType:false, | |||||
form:{ | |||||
openAt:this.format(new Date(),'yyyy-MM-dd'), | |||||
jueyiPic:'', | |||||
shishiPic:'', | |||||
}, | |||||
jueyiPic:[], | |||||
shishiPic:[], | |||||
otherGkTypeOptions:[], | |||||
fileList:[], | |||||
fileList1:[], | |||||
openNy:new Date(), | |||||
openNy2:new Date(), | |||||
type:'', | |||||
openFile:[], | |||||
openFileList:[], | |||||
queryParams:{ | |||||
id:'' | |||||
}, | |||||
shishiPic2:[], | |||||
jueyiPic2:[], | |||||
// 操作类型:update或copy | |||||
operation: '', | |||||
}; | |||||
}, | |||||
created() { | |||||
this.queryParams.bookId = Cookies.get('bookId'); | |||||
this.queryParams.deptId = Cookies.get('deptId'); | |||||
}, | |||||
methods: { | |||||
onSubmit(){ | |||||
var that = this; | |||||
that.form.shishiPic = that.shishiPic2.join(',') | |||||
that.form.jueyiPic = that.jueyiPic2.join(',') | |||||
this.form.deptName = Cookies.get('deptName'); | |||||
addSiyigongkai(that.form).then((r1) => { | |||||
if (r1.code == 200){ | |||||
that.$notify({ type: 'success', message: '新增成功' }); | |||||
setTimeout(function(){ | |||||
history.back(-1); | |||||
},1000) | |||||
} | |||||
}) | |||||
}, | |||||
onConfirmOpenNy(data){ | |||||
this.form.jueyiAt = this.format(data,'yyyy-MM-dd'); | |||||
this.openNy = data; | |||||
this.showBuildTime = false; | |||||
}, | |||||
onConfirmOpenNy2(data){ | |||||
this.form.shishiAt = this.format(data,'yyyy-MM-dd'); | |||||
this.openNy2 = data; | |||||
this.showBuildTime2 = false; | |||||
}, | |||||
deleteFile1(file,detail){ | |||||
console.log(detail) | |||||
this.jueyiPic2.splice(detail.index,1) | |||||
}, | |||||
deleteFile2(file,detail){ | |||||
console.log(detail) | |||||
this.shishiPic2.splice(detail.index,1) | |||||
}, | |||||
afterRead(file) { | |||||
this.$toast.loading({ | |||||
message: "上传中...", | |||||
forbidClick: true, | |||||
duration: 0, | |||||
}); | |||||
// 此时可以自行将文件上传至服务器 | |||||
if (file instanceof Array){//判断是否为数组,单张图片为array,多张为数组,数组返回true否则为false | |||||
file.map(res=>{ | |||||
let params1 = new FormData(); | |||||
params1.append("file", res.file); | |||||
commonUpload(params1).then((r1) => { | |||||
this.jueyiPic2.push(r1.fileName); | |||||
}) | |||||
}) | |||||
}else{ | |||||
let params1 = new FormData(); | |||||
params1.append("file", file.file); | |||||
commonUpload(params1).then((r1) => { | |||||
this.jueyiPic2.push(r1.fileName); | |||||
}) | |||||
} | |||||
}, | |||||
afterRead2(file) { | |||||
this.$toast.loading({ | |||||
message: "上传中...", | |||||
forbidClick: true, | |||||
duration: 0, | |||||
}); | |||||
// 此时可以自行将文件上传至服务器 | |||||
if (file instanceof Array){//判断是否为数组,单张图片为array,多张为数组,数组返回true否则为false | |||||
file.map(res=>{ | |||||
let params1 = new FormData(); | |||||
params1.append("file", res.file); | |||||
commonUpload(params1).then((r1) => { | |||||
this.shishiPic2.push(r1.fileName); | |||||
}) | |||||
}) | |||||
}else{ | |||||
let params1 = new FormData(); | |||||
params1.append("file", file.file); | |||||
commonUpload(params1).then((r1) => { | |||||
this.shishiPic2.push(r1.fileName); | |||||
}) | |||||
} | |||||
}, | |||||
}, | |||||
} | |||||
</script> | |||||
<style scoped lang="scss"> | |||||
/deep/ .van-button--primary{ | |||||
background: url("../../assets/images/sunVillage_info/btn_bg.png") no-repeat; | |||||
background-size: 100% 100%; | |||||
border: none; | |||||
} | |||||
.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: 17PX; | |||||
} | |||||
/deep/ .van-field__error-message{ | |||||
display: none; | |||||
} | |||||
} | |||||
</style> |
@@ -0,0 +1,153 @@ | |||||
<template> | |||||
<div class="home_wrapper"> | |||||
<div | |||||
class="header_main" | |||||
:style="`background-image:url(${require(showBtn?'@/assets/images/sunVillage_info/list_head.png':'@/assets/images/sunVillage_info/list_head_red.png')})`" | |||||
> | |||||
四议两公开 | |||||
<div class="return_btn" @click="back"></div> | |||||
</div> | |||||
<van-form ref="formData" :readonly="true"> | |||||
<div class="list_main"> | |||||
<van-field name="otherName" :value="form.openName" label="公开标题" input-align="right" :border="false" /> | |||||
<van-field name="openAt" :value="form.jueyiAt" label="決议公开日期" input-align="right" :border="false" /> | |||||
<van-field | |||||
name="jueyiPic" | |||||
label="决议公开图片" | |||||
input-align="right" | |||||
:border="false" | |||||
> | |||||
</van-field> | |||||
<CommonUpload style="padding-left: 10PX;" name="jueyiPic" :value="form.jueyiPic" multiple :deletable="false" :show-upload="false"/> | |||||
<van-field name="otherName" :value="form.shishiAt" label="实施公开日期" input-align="right" :border="false" /> | |||||
<van-field | |||||
name="shishiPic" | |||||
label="实施公开图片" | |||||
input-align="right" | |||||
:border="false" | |||||
> | |||||
</van-field> | |||||
<CommonUpload style="padding-left: 10PX;" name="shishiPic" :value="form.shishiPic" multiple :deletable="false" :show-upload="false"/> | |||||
<van-field name="remake" :value="form.remark" label="备注" input-align="right" :border="false"/> | |||||
</div> | |||||
</van-form> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import CommonUpload from "@/components/form/CommonUpload.vue"; | |||||
import {getSiyigongkai} from "@/api/sunVillage_info/fixedAssets"; | |||||
export default { | |||||
name: "otherOpenDetail", | |||||
components: {CommonUpload}, | |||||
data() { | |||||
return { | |||||
form: {}, | |||||
id:'', | |||||
title: '综合公开', | |||||
showBtn:true, | |||||
}; | |||||
}, | |||||
created() { | |||||
this.id = this.$route.query.id; | |||||
this.otherType = this.$route.query.type; | |||||
this.showBtn = this.$route.query.showBtn=='false'?false:true; | |||||
this.getDetail(); | |||||
}, | |||||
methods: { | |||||
getDetail() { | |||||
getSiyigongkai(this.id).then((resp) => { | |||||
this.form = resp.data; | |||||
}); | |||||
}, | |||||
back() { | |||||
this.$router.back(); | |||||
}, | |||||
}, | |||||
} | |||||
</script> | |||||
<style scoped lang="scss"> | |||||
/deep/ .van-button--primary{ | |||||
background: url("../../assets/images/sunVillage_info/btn_bg.png") no-repeat; | |||||
background-size: 100% 100%; | |||||
border: none; | |||||
} | |||||
.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; | |||||
} | |||||
} | |||||
.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: 8.2em; | |||||
} | |||||
/deep/ .van-cell--required::before{ | |||||
left: 0; | |||||
} | |||||
} | |||||
.open-content { | |||||
padding: .2rem .3rem; | |||||
max-height: 8rem; | |||||
} | |||||
</style> |
@@ -0,0 +1,373 @@ | |||||
<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 required :rules="[{ required: true }]" v-model="form.openName" placeholder="请输入公开标题" input-align="right" :border="false" > | |||||
<template #label> | |||||
<img src="../../assets/images/sunVillage_info/add_icon_1.png" width="18"> | |||||
<p style="margin-left: 5px;">公开标题</p> | |||||
</template> | |||||
</van-field> | |||||
<van-field | |||||
readonly | |||||
clickable | |||||
placeholder="请选择" | |||||
v-model="form.jueyiAt" | |||||
@click="showBuildTime = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
label-width="auto" | |||||
required | |||||
:border="false" | |||||
:rules="[{ required: true , message:'请选择决议公开日期' }]" | |||||
> | |||||
<template #label> | |||||
<img src="../../assets/images/sunVillage_info/add_tit_icon_01.png" width="18"> | |||||
<p style="margin-left: 5px;">决议公开日期</p> | |||||
</template> | |||||
</van-field> | |||||
<van-popup v-model="showBuildTime" position="bottom"> | |||||
<van-datetime-picker | |||||
v-model="openNy" | |||||
type="date" | |||||
title="选择年月日" | |||||
@confirm="onConfirmOpenNy" | |||||
@cancel="showBuildTime = false" | |||||
/> | |||||
</van-popup> | |||||
<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> | |||||
</template> | |||||
</van-field> | |||||
<!-- @delete="deleteFile1"--> | |||||
<van-uploader v-model="jueyiPic" multiple :after-read="afterRead" @delete="deleteFile1" style="margin-top: 10PX" /> | |||||
<van-field | |||||
readonly | |||||
clickable | |||||
placeholder="请选择" | |||||
v-model="form.shishiAt" | |||||
@click="showBuildTime2 = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
label-width="auto" | |||||
:border="false" | |||||
> | |||||
<template #label> | |||||
<img src="../../assets/images/sunVillage_info/add_tit_icon_01.png" width="18"> | |||||
<p style="margin-left: 5px;">实施公开日期</p> | |||||
</template> | |||||
</van-field> | |||||
<van-popup v-model="showBuildTime2" position="bottom"> | |||||
<van-datetime-picker | |||||
v-model="openNy2" | |||||
type="date" | |||||
title="选择年月日" | |||||
@confirm="onConfirmOpenNy2" | |||||
@cancel="showBuildTime2 = false" | |||||
/> | |||||
</van-popup> | |||||
<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> | |||||
</template> | |||||
</van-field> | |||||
<!-- @delete="deleteFile1"--> | |||||
<van-uploader v-model="shishiPic" multiple :after-read="afterRead2" @delete="deleteFile2" style="margin-top: 10PX" /> | |||||
<van-field v-model="form.remark" placeholder="请输入备注" input-align="right" :border="false" > | |||||
<template #label> | |||||
<img src="../../assets/images/sunVillage_info/add_tit_icon_05.png" width="18"> | |||||
<p style="margin-left: 5px;">备注</p> | |||||
</template> | |||||
</van-field> | |||||
</div> | |||||
<div style="margin: 16px auto;width: 50%;"> | |||||
<van-button round block type="primary" native-type="submit"> | |||||
保存 | |||||
</van-button> | |||||
</div> | |||||
</van-form> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import { | |||||
commonUpload, | |||||
getSiyigongkai, | |||||
updateSiyigongkai, | |||||
otherCopy | |||||
} from "@/api/sunVillage_info/fixedAssets"; | |||||
import Cookies from "js-cookie"; | |||||
import request from '@/utils/request' | |||||
export default { | |||||
name: "certificateList", | |||||
data() { | |||||
return { | |||||
showBuildTime:false, | |||||
showBuildTime2:false, | |||||
showPictureType:false, | |||||
form:{ | |||||
openAt:this.format(new Date(),'yyyy-MM-dd'), | |||||
jueyiPic:'', | |||||
shishiPic:'', | |||||
}, | |||||
jueyiPic:[], | |||||
shishiPic:[], | |||||
otherGkTypeOptions:[], | |||||
fileList:[], | |||||
fileList1:[], | |||||
openNy:new Date(), | |||||
openNy2:new Date(), | |||||
type:'', | |||||
openFile:[], | |||||
openFileList:[], | |||||
queryParams:{ | |||||
id:'' | |||||
}, | |||||
shishiPic2:[], | |||||
jueyiPic2:[], | |||||
// 操作类型:update或copy | |||||
operation: '', | |||||
}; | |||||
}, | |||||
created() { | |||||
this.queryParams.bookId = Cookies.get('bookId'); | |||||
this.queryParams.deptId = Cookies.get('deptId'); | |||||
this.queryParams.id = this.$route.query.id; | |||||
this.getDetail(); | |||||
}, | |||||
methods: { | |||||
getDetail(){ | |||||
getSiyigongkai(this.queryParams.id).then((res) => { | |||||
if (res.data.jueyiPic!='' && res.data.jueyiPic != null && res.data.jueyiPic != undefined){ | |||||
this.jueyiPic = res.data.jueyiPic.split(',') | |||||
this.jueyiPic2 = res.data.jueyiPic.split(',') | |||||
this.jueyiPic.map((rrr,i)=>{ | |||||
this.jueyiPic[i] = {url:'/api'+rrr} | |||||
}) | |||||
} | |||||
if (res.data.shishiPic!='' && res.data.shishiPic != null && res.data.shishiPic != undefined){ | |||||
this.shishiPic = res.data.shishiPic.split(',') | |||||
this.shishiPic2 = res.data.shishiPic.split(',') | |||||
this.shishiPic.map((rrr,i)=>{ | |||||
this.shishiPic[i] = {url:'/api'+rrr} | |||||
}) | |||||
} | |||||
this.form = res.data; | |||||
}) | |||||
}, | |||||
onSubmit(){ | |||||
var that = this; | |||||
that.form.shishiPic = that.shishiPic2.join(',') | |||||
that.form.jueyiPic = that.jueyiPic2.join(',') | |||||
this.form.deptName = Cookies.get('deptName'); | |||||
updateSiyigongkai(that.form).then((r1) => { | |||||
if (r1.code == 200){ | |||||
that.$notify({ type: 'success', message: '修改成功' }); | |||||
setTimeout(function(){ | |||||
history.back(-1); | |||||
},1000) | |||||
} | |||||
}) | |||||
}, | |||||
onConfirmOpenNy(data){ | |||||
this.form.jueyiAt = this.format(data,'yyyy-MM-dd'); | |||||
this.openNy = data; | |||||
this.showBuildTime = false; | |||||
}, | |||||
onConfirmOpenNy2(data){ | |||||
this.form.shishiAt = this.format(data,'yyyy-MM-dd'); | |||||
this.openNy2 = data; | |||||
this.showBuildTime2 = false; | |||||
}, | |||||
deleteFile1(file,detail){ | |||||
console.log(detail) | |||||
this.jueyiPic2.splice(detail.index,1) | |||||
}, | |||||
deleteFile2(file,detail){ | |||||
console.log(detail) | |||||
this.shishiPic2.splice(detail.index,1) | |||||
}, | |||||
afterRead(file) { | |||||
this.$toast.loading({ | |||||
message: "上传中...", | |||||
forbidClick: true, | |||||
duration: 0, | |||||
}); | |||||
// 此时可以自行将文件上传至服务器 | |||||
if (file instanceof Array){//判断是否为数组,单张图片为array,多张为数组,数组返回true否则为false | |||||
file.map(res=>{ | |||||
let params1 = new FormData(); | |||||
params1.append("file", res.file); | |||||
commonUpload(params1).then((r1) => { | |||||
this.jueyiPic2.push(r1.fileName); | |||||
}) | |||||
}) | |||||
}else{ | |||||
let params1 = new FormData(); | |||||
params1.append("file", file.file); | |||||
commonUpload(params1).then((r1) => { | |||||
this.jueyiPic2.push(r1.fileName); | |||||
}) | |||||
} | |||||
}, | |||||
afterRead2(file) { | |||||
this.$toast.loading({ | |||||
message: "上传中...", | |||||
forbidClick: true, | |||||
duration: 0, | |||||
}); | |||||
// 此时可以自行将文件上传至服务器 | |||||
if (file instanceof Array){//判断是否为数组,单张图片为array,多张为数组,数组返回true否则为false | |||||
file.map(res=>{ | |||||
let params1 = new FormData(); | |||||
params1.append("file", res.file); | |||||
commonUpload(params1).then((r1) => { | |||||
this.shishiPic2.push(r1.fileName); | |||||
}) | |||||
}) | |||||
}else{ | |||||
let params1 = new FormData(); | |||||
params1.append("file", file.file); | |||||
commonUpload(params1).then((r1) => { | |||||
this.shishiPic2.push(r1.fileName); | |||||
}) | |||||
} | |||||
}, | |||||
}, | |||||
} | |||||
</script> | |||||
<style scoped lang="scss"> | |||||
/deep/ .van-button--primary{ | |||||
background: url("../../assets/images/sunVillage_info/btn_bg.png") no-repeat; | |||||
background-size: 100% 100%; | |||||
border: none; | |||||
} | |||||
.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: 17PX; | |||||
} | |||||
/deep/ .van-field__error-message{ | |||||
display: none; | |||||
} | |||||
} | |||||
</style> |