@@ -0,0 +1,45 @@ | |||
import request from '@/utils/request' | |||
// 查询其他公开列表 | |||
export function listOther(query) { | |||
return request({ | |||
url: '/subcontract/other/list', | |||
method: 'get', | |||
params: query | |||
}) | |||
} | |||
// 查询其他公开详细 | |||
export function getOther(id) { | |||
return request({ | |||
url: '/subcontract/other/get/' + id, | |||
method: 'get' | |||
}) | |||
} | |||
// 新增其他公开 | |||
export function addOther(data) { | |||
return request({ | |||
url: '/subcontract/other/add', | |||
method: 'post', | |||
data: data | |||
}) | |||
} | |||
// 修改其他公开 | |||
export function updateOther(data) { | |||
return request({ | |||
url: '/subcontract/other/edit', | |||
method: 'post', | |||
data: data | |||
}) | |||
} | |||
// 删除其他公开 | |||
export function delOther(id) { | |||
return request({ | |||
url: '/subcontract/other/remove/' + id, | |||
method: 'get' | |||
}) | |||
} | |||
@@ -3795,6 +3795,33 @@ export const constantRoutes = [ | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage_info/registration/registrationEdit'], resolve) | |||
}, | |||
{ ////阳光村务(新)-- 综合公开 | |||
path: '/sunVillage_info/otherOpenIndex', | |||
name: 'otherOpenIndex', | |||
meta: { | |||
title: '综合公开', | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage_info/otherOpen/otherOpenList'], resolve) | |||
}, | |||
{ ////阳光村务(新)-- 综合公开详情 | |||
path: '/sunVillage_info/otherOpenDetail', | |||
name: 'otherOpenDetail', | |||
meta: { | |||
title: '综合公开详情', | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage_info/otherOpen/otherOpenDetail'], resolve) | |||
}, | |||
{ ////阳光村务(新)-- 新增/编辑综合公开 | |||
path: '/sunVillage_info/otherOpenEdit', | |||
name: 'otherOpenEdit', | |||
meta: { | |||
title: '编辑综合公开', | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/sunVillage_info/otherOpen/otherOpenEdit'], resolve) | |||
}, | |||
{ ////阳光村务(新)-- 发包方审核 | |||
path: '/sunVillage_info/list_employer_process', | |||
@@ -5,7 +5,10 @@ | |||
<div class="address"><i class="icon"></i>{{deptName}}</div> | |||
<div class="address">{{bookName}}</div> | |||
<div class="address" @click="bookVisbile = true">{{bookName}}</div> | |||
<van-popup v-model="bookVisbile" round position="bottom"> | |||
<van-picker title="请选择账套" show-toolbar :columns="bookList" @confirm="onConfirmBook" @cancel="onCancelBook" value-key="bookName"/> | |||
</van-popup> | |||
</div> | |||
<div class="exit_btn" @click="$router.push({name:'sunVillageInfoLogin'})"> | |||
@@ -65,7 +68,7 @@ | |||
</div> | |||
</template> | |||
<script> | |||
import {bookInfo, nologinMenus} from "@/api/sunVillage_info/fixedAssets"; | |||
import {bookInfo, listByDeptId, nologinMenus} from "@/api/sunVillage_info/fixedAssets"; | |||
import { sysConfig } from "@/api/homesteadSurvey/index"; | |||
import Cookies from "js-cookie"; | |||
export default { | |||
@@ -102,7 +105,7 @@ | |||
}; | |||
}, | |||
created() { | |||
console.log(this.$store) | |||
//console.log(this.$store) | |||
if(this.$route.query.bookId){ | |||
bookInfo(this.$route.query.bookId).then((res) => { | |||
@@ -143,6 +146,7 @@ | |||
this.configValue = res.rows[0].configValue; | |||
} | |||
}); | |||
this.getBookList(this.$route.query.deptId); | |||
}, | |||
methods: { | |||
goCode(){ | |||
@@ -151,7 +155,27 @@ | |||
}else{ | |||
this.$router.push({path:'/sunVillage_info/login_code'}) | |||
} | |||
} | |||
}, | |||
onConfirmBook(e){ | |||
this.bookVisbile = false; | |||
const url = `/sunVillage_info/index_code?bookId=${e.id}&deptId=${this.$route.query.deptId}`; | |||
this.$router.replace(url, () => { | |||
window.location.href = url; | |||
}); | |||
}, | |||
onCancelBook(e){ | |||
this.bookVisbile = false | |||
}, | |||
getBookList(e){ | |||
let params = { | |||
loginDeptID:e | |||
} | |||
listByDeptId(params).then((response) => { | |||
if (response.code == 200) { | |||
this.bookList = response.rows; | |||
} | |||
}) | |||
}, | |||
}, | |||
} | |||
</script> | |||
@@ -36,7 +36,7 @@ | |||
:border="false" | |||
> | |||
</van-field> | |||
<CommonUpload name="openPic" v-model="form.openPic" multiple/> | |||
<CommonUpload name="openPic" v-model="form.openPic" accept="image/*" multiple/> | |||
<van-field | |||
name="openPic2" | |||
@@ -45,7 +45,7 @@ | |||
:border="false" | |||
> | |||
</van-field> | |||
<CommonUpload name="openPic2" v-model="form.openPic2" multiple/> | |||
<CommonUpload name="openPic2" v-model="form.openPic2" accept="image/*" multiple/> | |||
<van-field | |||
name="openPic3" | |||
@@ -54,7 +54,7 @@ | |||
:border="false" | |||
> | |||
</van-field> | |||
<CommonUpload name="openPic3" v-model="form.openPic3" multiple/> | |||
<CommonUpload name="openPic3" v-model="form.openPic3" accept="image/*" multiple/> | |||
<van-field v-model="form.remark" label="备注" placeholder="备注" input-align="right" :border="false" /> | |||
@@ -36,7 +36,7 @@ | |||
:border="false" | |||
> | |||
</van-field> | |||
<CommonUpload name="openPic" v-model="form.openPic" multiple/> | |||
<CommonUpload name="openPic" v-model="form.openPic" accept="image/*" multiple/> | |||
<van-field | |||
name="openPic2" | |||
@@ -45,7 +45,7 @@ | |||
:border="false" | |||
> | |||
</van-field> | |||
<CommonUpload name="openPic2" v-model="form.openPic2" multiple/> | |||
<CommonUpload name="openPic2" v-model="form.openPic2" accept="image/*" multiple/> | |||
<van-field | |||
name="openPic3" | |||
@@ -54,7 +54,7 @@ | |||
:border="false" | |||
> | |||
</van-field> | |||
<CommonUpload name="openPic3" v-model="form.openPic3" multiple/> | |||
<CommonUpload name="openPic3" v-model="form.openPic3" accept="image/*" multiple/> | |||
<van-field v-model="form.remark" label="备注" placeholder="备注" input-align="right" :border="false" /> | |||
@@ -0,0 +1,179 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<div class="header_main"> | |||
{{title}} | |||
<div class="return_btn" @click="back"></div> | |||
</div> | |||
<van-form ref="formData" :readonly="true"> | |||
<div class="list_main"> | |||
<van-field name="otherName" :value="form.otherName" label="公开名称" input-align="right" :border="false" /> | |||
<van-field name="openAt" :value="form.openAt" label="公开时间" input-align="right" :border="false" /> | |||
<van-field name="openContent" label="公开内容" input-align="right" :border="false" /> | |||
<div class="open-content" v-html="form.openContent"></div> | |||
<van-field | |||
name="openPic" | |||
label="公开图片" | |||
input-align="right" | |||
:border="false" | |||
> | |||
</van-field> | |||
<CommonUpload name="openPic" :value="form.openPic" multiple :deletable="false" :show-upload="false"/> | |||
<van-field | |||
name="openFile" | |||
label="公开文件" | |||
input-align="right" | |||
:border="false" | |||
> | |||
</van-field> | |||
<CommonUpload name="openFile" :value="form.openFile" multiple :deletable="false" :show-upload="false"/> | |||
<van-field name="remake" :value="form.remark" label="备注" input-align="left" :border="false"/> | |||
</div> | |||
</van-form> | |||
</div> | |||
</template> | |||
<script> | |||
import CommonUpload from "@/components/form/CommonUpload.vue"; | |||
import {getRegistration} from "@/api/sunVillage_info/registration"; | |||
import {getOther} from "@/api/sunVillage_info/otherOpen"; | |||
export default { | |||
name: "otherOpenDetail", | |||
components: {CommonUpload}, | |||
data() { | |||
return { | |||
form: { | |||
id: null, | |||
bookId: null, | |||
deptId: null, | |||
deptName: null, | |||
otherName: null, | |||
otherType: '1', | |||
openYear: null, | |||
openAt: null, | |||
openContent: null, | |||
openFile: null, | |||
openPic: null, | |||
remark: null, | |||
createBy: null, | |||
createTime: null, | |||
updateBy: null, | |||
updateTime: null, | |||
}, | |||
id:'', | |||
title: '综合公开', | |||
}; | |||
}, | |||
created() { | |||
this.id = this.$route.query.id; | |||
this.getDetail(); | |||
}, | |||
methods: { | |||
getDetail() { | |||
if(!this.id) | |||
{ | |||
this.back(); | |||
return; | |||
} | |||
getOther(this.id).then((resp) => { | |||
this.form = resp.data; | |||
this.getDicts('other_gk_type').then((resp) => { | |||
const dict = resp.data.find((x) => x.dictValue == this.form.otherType); | |||
if(dict) | |||
this.title = dict.dictLabel; | |||
}); | |||
}); | |||
}, | |||
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,259 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<div class="header_main"> | |||
{{title}} | |||
<div class="return_btn" @click="back()"></div> | |||
</div> | |||
<van-form ref="formData" :show-error-message="false" @submit="submit"> | |||
<div class="list_main"> | |||
<van-field name="otherName" v-model="form.otherName" label="公开名称" input-align="right" required :rules="rules.otherName" placeholder="请输入公开名称" size="large" :maxlength="150"/> | |||
<field-date-picker | |||
name="openAt" | |||
class="field_no-label" | |||
v-model="form.openAt" | |||
placeholder="请选择公开时间" | |||
formatter="yyyy-MM-dd" | |||
input-align="right" | |||
type="date" | |||
label="公开时间" | |||
:required="true" | |||
:rules="rules.openAt" | |||
size="large" | |||
/> | |||
<van-field name="openContent" label="公开内容" size="large" :border="false"/> | |||
<vue-html5-editor :content="content" :height="300" @change="updateData" style="margin-top: 0.2rem;"></vue-html5-editor> | |||
<van-field | |||
name="openPic" | |||
label="公开图片" | |||
input-align="right" | |||
:border="false" | |||
> | |||
</van-field> | |||
<CommonUpload name="openPic" v-model="form.openPic" accept="image/*" multiple/> | |||
<van-field | |||
name="openFile" | |||
label="公开文件" | |||
input-align="right" | |||
:border="false" | |||
> | |||
</van-field> | |||
<CommonUpload name="openFile" v-model="form.openFile" accept="*" multiple/> | |||
<van-field name="remark" v-model="form.remark" label="备注" input-align="left" size="large" :maxlength="255" placeholder="请输入备注"/> | |||
</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 from "@/components/form/CommonUpload.vue"; | |||
import FieldDatePicker from "@/components/form/FieldDatePicker.vue"; | |||
import {Toast} from "vant"; | |||
import {addOther, getOther, updateOther} from "@/api/sunVillage_info/otherOpen"; | |||
export default { | |||
name: "otherOpenEdit", | |||
components: {FieldDatePicker, CommonUpload}, | |||
data() { | |||
return { | |||
form: { | |||
id: null, | |||
bookId: null, | |||
deptId: null, | |||
deptName: null, | |||
otherName: null, | |||
otherType: null, | |||
openYear: null, | |||
openAt: null, | |||
openContent: null, | |||
openFile: null, | |||
openPic: null, | |||
remark: null, | |||
createBy: null, | |||
createTime: null, | |||
updateBy: null, | |||
updateTime: null, | |||
}, | |||
rules: { | |||
openAt: [{message: '请选择公开时间', required: true}], | |||
otherName: [{message: '请输入公开名称', required: true}], | |||
}, | |||
id: null, | |||
intent: null, | |||
content: '', | |||
title: '综合公开', | |||
}; | |||
}, | |||
created() { | |||
this.id = this.$route.query.id; | |||
this.intent = this.$route.query.intent; | |||
if(this.isEdit) | |||
this.getDetail(); | |||
else | |||
{ | |||
this.form.otherType = this.$route.query.type; | |||
this.getDicts('other_gk_type').then((resp) => { | |||
const dict = resp.data.find((x) => x.dictValue == this.form.otherType); | |||
if(dict) | |||
this.title = dict.dictLabel; | |||
}); | |||
} | |||
}, | |||
methods: { | |||
getDetail() { | |||
if(!this.id) | |||
{ | |||
this.back(); | |||
return; | |||
} | |||
getOther(this.id).then((resp) => { | |||
this.form = resp.data; | |||
this.content = this.form.openContent || ''; | |||
this.getDicts('other_gk_type').then((resp) => { | |||
const dict = resp.data.find((x) => x.dictValue == this.form.otherType); | |||
if(dict) | |||
this.title = dict.dictLabel; | |||
}); | |||
}); | |||
}, | |||
back(ti) { | |||
if(ti > 0) | |||
setTimeout(() => this.$router.back(), ti); | |||
else | |||
this.$router.back(); | |||
}, | |||
updateData(t) { | |||
this.form.openContent = t; | |||
}, | |||
submit() { | |||
const loading = Toast.loading({ | |||
message: '保存中...', | |||
duration: 0, | |||
}); | |||
if(this.form.id) | |||
{ | |||
updateOther(this.form).then((resp) => { | |||
this.$notify({ type: 'success', message: '保存成功' }); | |||
this.back(1500); | |||
}).finally(() => { | |||
loading.clear(); | |||
}); | |||
} | |||
else | |||
{ | |||
addOther(this.form).then((resp) => { | |||
this.$notify({ type: 'success', message: '新增成功' }); | |||
this.back(1500); | |||
}).finally(() => { | |||
loading.clear(); | |||
}); | |||
} | |||
}, | |||
}, | |||
computed: { | |||
isAdd() { | |||
return this.intent === 'add'; | |||
}, | |||
isEdit() { | |||
return this.intent === 'edit'; | |||
}, | |||
title() { | |||
return this.intent === 'edit' ? '编辑' : '新增'; | |||
}, | |||
}, | |||
} | |||
</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; | |||
} | |||
} | |||
</style> |
@@ -0,0 +1,379 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<div class="header_main" | |||
:style="`background-image:url(${require('@/assets/images/sunVillage_info/list_head.png')})`" | |||
> | |||
{{title}} | |||
<div class="return_btn" @click="back"></div> | |||
<div class="add_btn" @click="add"></div> | |||
</div> | |||
<div class="list_main"> | |||
<paged-list | |||
ref="pagedList" | |||
:page-num.sync="queryParams.pageNum" | |||
:page-size.sync="queryParams.pageSize" | |||
:total.sync="total" | |||
:getListFunc="getListReq" | |||
@reload="dataList = []" | |||
get-when-created> | |||
<div class="item" v-for="(item,index) in dataList" :key="index" @click="viewItem(item.id)" > | |||
<div class="info"> | |||
<div class="title"> | |||
<p class="news_title">{{item.otherName}}</p> | |||
</div> | |||
<div class="time"> | |||
<div class="icon_time"></div> | |||
{{item.openAt}} | |||
</div> | |||
</div> | |||
<div class="operation"> | |||
<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> | |||
</paged-list> | |||
</div> | |||
</div> | |||
</template> | |||
<script> | |||
import PagedList from "@/components/common/PagedList.vue"; | |||
import {Dialog, Toast} from "vant"; | |||
import {delOther, listOther} from "@/api/sunVillage_info/otherOpen"; | |||
export default { | |||
name: "otherOpenList", | |||
components: {PagedList}, | |||
data() { | |||
return { | |||
dataList:[], | |||
total: 0, | |||
queryParams:{ | |||
pageNum:1, | |||
pageSize:10, | |||
orderByColumn:'openAt', | |||
isAsc:'desc', | |||
openYear:'', | |||
otherType: null, | |||
}, | |||
yearMonth:[], | |||
title: '综合公开', | |||
}; | |||
}, | |||
created() { | |||
this.queryParams.otherType = this.$route.query.type; | |||
if(this.$route.query.type) | |||
{ | |||
this.getDicts('other_gk_type').then((resp) => { | |||
const dict = resp.data.find((x) => x.dictValue == this.$route.query.type); | |||
if(dict) | |||
this.title = dict.dictLabel; | |||
}); | |||
} | |||
}, | |||
methods: { | |||
getListReq(pageInfo) { | |||
return new Promise((resolve, reject) => { | |||
listOther(this.queryParams).then((response) => { | |||
response.rows.forEach((x) => this.dataList.push(x)); | |||
resolve(response); | |||
}); | |||
}); | |||
}, | |||
viewItem(id){ | |||
this.$router.push({ | |||
name: 'otherOpenDetail', | |||
query: { | |||
id: id, | |||
intent: 'view', | |||
type: this.$route.query.type, | |||
}, | |||
}).catch(() => {}); | |||
}, | |||
add() { | |||
this.$router.push({ | |||
name: 'otherOpenEdit', | |||
query: { | |||
intent: 'add', | |||
type: this.$route.query.type, | |||
}, | |||
}).catch(() => {}); | |||
}, | |||
edit(id) { | |||
this.$router.push({ | |||
name: 'otherOpenEdit', | |||
query: { | |||
id: id, | |||
intent: 'edit', | |||
type: this.$route.query.type, | |||
}, | |||
}).catch(() => {}); | |||
}, | |||
remove(id) { | |||
Dialog.confirm({ | |||
title: '警告', | |||
message: '确认删除该项?', | |||
}) | |||
.then(() => { | |||
const loading = Toast.loading({ | |||
message: '删除中...', | |||
duration: 0, | |||
}); | |||
delOther(id).then((resp) => { | |||
this.$notify({ type: 'success', message: '删除成功' }); | |||
this.$refs.pagedList.getList(); | |||
}).finally(() => { | |||
loading.clear(); | |||
}); | |||
}) | |||
.catch(() => {}); | |||
}, | |||
back() { | |||
this.$router.back(); | |||
}, | |||
}, | |||
} | |||
</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: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> |
@@ -30,7 +30,7 @@ | |||
:border="false" | |||
> | |||
</van-field> | |||
<CommonUpload name="openPic1" v-model="form.openPic1" multiple/> | |||
<CommonUpload name="openPic1" v-model="form.openPic1" accept="image/*" multiple/> | |||
<van-field | |||
name="openPic2" | |||
@@ -39,7 +39,7 @@ | |||
:border="false" | |||
> | |||
</van-field> | |||
<CommonUpload name="openPic2" v-model="form.openPic2" multiple/> | |||
<CommonUpload name="openPic2" v-model="form.openPic2" accept="image/*" multiple/> | |||
<van-field | |||
name="openPic3" | |||
@@ -48,7 +48,7 @@ | |||
:border="false" | |||
> | |||
</van-field> | |||
<CommonUpload name="openPic3" v-model="form.openPic3" multiple/> | |||
<CommonUpload name="openPic3" v-model="form.openPic3" accept="image/*" multiple/> | |||
<van-field name="remark" v-model="form.remark" label="备注" input-align="left" size="large" :maxlength="255" placeholder="请输入备注"/> | |||
@@ -69,7 +69,7 @@ | |||
import FieldDatePicker from "@/components/form/FieldDatePicker.vue"; | |||
import {Toast} from "vant"; | |||
export default { | |||
name: "registrationDetail", | |||
name: "registrationEdit", | |||
components: {FieldDatePicker, CommonUpload}, | |||
data() { | |||
return { | |||