ソースを参照

task 43078 阳光村务加急需求开发

rongxin_dev
庞东旭 1ヶ月前
コミット
1f247069a8
8個のファイルの変更1367行の追加0行の削除
  1. +44
    -0
      src/api/sunVillage_info/fixedAssets.js
  2. バイナリ
      src/assets/images/sunVillage_info/index_block_28.png
  3. バイナリ
      src/assets/images/sunVillage_info/index_code_btn_16.png
  4. +36
    -0
      src/router/index.js
  5. +411
    -0
      src/views/sunVillage_info/list_discussions_new.vue
  6. +350
    -0
      src/views/sunVillage_info/list_discussions_new_add.vue
  7. +153
    -0
      src/views/sunVillage_info/list_discussions_new_detail.vue
  8. +373
    -0
      src/views/sunVillage_info/list_discussions_new_edit.vue

+ 44
- 0
src/api/sunVillage_info/fixedAssets.js ファイルの表示

@@ -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'
})
}

バイナリ
src/assets/images/sunVillage_info/index_block_28.png ファイルの表示

変更前 変更後
幅: 65  |  高さ: 58  |  サイズ: 3.5 KiB

バイナリ
src/assets/images/sunVillage_info/index_code_btn_16.png ファイルの表示

変更前 変更後
幅: 355  |  高さ: 134  |  サイズ: 17 KiB

+ 36
- 0
src/router/index.js ファイルの表示

@@ -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',


+ 411
- 0
src/views/sunVillage_info/list_discussions_new.vue ファイルの表示

@@ -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>

+ 350
- 0
src/views/sunVillage_info/list_discussions_new_add.vue ファイルの表示

@@ -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>

+ 153
- 0
src/views/sunVillage_info/list_discussions_new_detail.vue ファイルの表示

@@ -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>

+ 373
- 0
src/views/sunVillage_info/list_discussions_new_edit.vue ファイルの表示

@@ -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>

読み込み中…
キャンセル
保存